@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}:root{--bg:#F4F1FF;--card:#FFFFFF;--ink:#2B2340;--muted:#6E6885;--soft:#4A4360;--grape:#6B4EE6;--grape-d:#4E35C4;--grape-l:#8E7CF6;--grape-xl:#B9AEFF;--lav:#E6E0FF;--lav-2:#DCD4FA;--lav-3:#C9BEF7;--lav-ink:#ECE8FF;--sun:#FFC83D;--sun-d:#E0A800;--sun-l:#FFE08A;--sun-ink:#5A4A1A;--sun-ink-2:#6B5A22;--sun-pale:#FFF1C9;--mint:#5CCFB0;--mint-d:#33A88A;--mint-ink:#12382E;--mint-pale:#E3F7F0;--cream:#FFF6DC;--cream-line:#F1DFA6;--cream-key:#FFE9A8;--p-bg:#F7F6FB;--line:#E4E1EE;--line-2:#F0EEF6;--night:#2B2340;--night-2:#3D3358;--night-ink:#CFC8E8;--night-dim:#8F86AD;--pink:#FF9FB2;--bad:#B3261E;--bad-pale:#FBE6E3;--bad-ink:#9A2A20;--good-pale:#E3F4E9;--good-ink:#1E6B3C;--display:"Fredoka", "Nunito", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:700;font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent;transition:background-color .25s}body[data-tone=cream]{background:var(--cream)}body[data-tone=grape]{background:var(--grape)}body[data-tone=night]{background:var(--night)}body[data-tone=parent]{background:var(--p-bg)}body[data-tone=web]{background:var(--bg)}*{box-sizing:border-box}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}a{color:var(--grape-d)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--grape);outline-offset:3px;border-radius:12px}.display{font-family:var(--display);font-weight:600}.muted{color:var(--muted)}#app{min-height:100%}.page{min-height:100%;width:100%;max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 28px;display:flex;flex-direction:column;gap:18px}.page.narrow{max-width:520px}.page.mid{max-width:760px}.chunky{border:none;border-radius:28px;font-family:var(--display);font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 24px;font-size:22px;box-shadow:0 6px 0 var(--sh,var(--grape-d));transition:transform .08s,box-shadow .08s}.chunky:active{transform:translateY(4px);box-shadow:0 2px 0 var(--sh,var(--grape-d))}.b-grape{background:var(--grape);color:#fff;--sh:var(--grape-d)}.b-sun{background:var(--sun);color:var(--ink);--sh:var(--sun-d)}.b-white{background:var(--card);color:var(--ink);--sh:var(--lav-2)}.b-ghost{background:transparent;color:#fff;border:3px solid var(--grape-xl);box-shadow:none}.b-ghost:active{transform:none}.round{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;border:none;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 3px 0 var(--lav-2);flex-shrink:0;text-decoration:none}.round.p{box-shadow:none;border:1px solid var(--line);width:44px;height:44px;min-height:44px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--card);border-radius:22px;padding:8px 14px;font-weight:800;box-shadow:0 3px 0 var(--lav-2)}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.web-head{width:100%;max-width:1200px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:600;font-size:28px;color:var(--ink);text-decoration:none;flex:0 0 auto;border:none;background:none;padding:0}.web-nav{display:flex;gap:24px;font-weight:800;margin-left:auto}.web-nav button{background:none;border:none;color:var(--grape-d);font-weight:800;min-height:44px;padding:0}.web-cta{min-height:48px;font-size:18px;white-space:nowrap}.menu-btn{display:none;width:48px;height:48px;border-radius:16px;border:none;background:var(--card);box-shadow:0 3px 0 var(--lav-2);align-items:center;justify-content:center;color:var(--ink);margin-left:auto}.mobile-menu{margin:0 max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px));background:var(--card);border-radius:24px;padding:8px;box-shadow:0 5px 0 var(--lav-2);display:flex;flex-direction:column}.mobile-menu button.link{background:none;border:none;border-bottom:1px solid var(--line-2);text-align:left;font-weight:800;font-size:18px;min-height:52px;padding:0 16px;color:var(--ink)}.mobile-menu .chunky{margin:8px;min-height:52px;font-size:20px}@media(max-width:759px){.web-nav,.web-cta{display:none}.menu-btn{display:flex}}@media(min-width:760px){.mobile-menu{display:none}}.band{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.inner{max-width:1200px;margin:0 auto}.hero{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-block:32px 64px}.hero-copy{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:20px}.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(38px,5.4vw,64px);line-height:1.05;letter-spacing:-1px}.hero p{font-size:clamp(17px,1.8vw,20px);color:var(--soft);max-width:540px;line-height:1.5}.tag{align-self:flex-start;background:var(--card);border-radius:18px;padding:8px 14px;font-weight:800;font-size:15px;color:var(--grape-d)}.hero-art{flex:1 1 380px;min-width:0;display:flex;justify-content:center}.hero-circle{width:min(100%,420px);aspect-ratio:1;max-width:100%;border-radius:50%;background:var(--lav);display:flex;align-items:center;justify-content:center;position:relative}.float{position:absolute;border-radius:22px;padding:10px 16px;font-family:var(--display);font-weight:600;white-space:nowrap}.f1{top:12%;left:0;background:var(--card);font-size:clamp(20px,3vw,28px);box-shadow:0 5px 0 var(--lav-2)}.f2{bottom:10%;right:0;background:var(--sun);font-size:clamp(16px,2.2vw,22px);box-shadow:0 5px 0 var(--sun-d)}.how{background:var(--card);padding-block:64px}.how h2,.parents h2{font-family:var(--display);font-weight:600;font-size:clamp(30px,4vw,40px)}.how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:28px}.how-card{border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:10px}.how-card p{color:var(--soft);line-height:1.5}.how-num{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:24px}.parents{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-block:64px}.parents>div{flex:1 1 400px;min-width:0}.check{display:flex;gap:12px;align-items:center;font-weight:800;font-size:17px}.web-foot{background:var(--night);color:var(--night-ink);padding-block:36px}.web-foot .inner{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center}.web-foot button{background:none;border:none;color:#fff;font-weight:800;min-height:44px;padding:0}.gu{background:var(--bg)}.gu-inner{padding-block:80px 96px;display:flex;flex-direction:column;gap:56px}.gu-intro{display:flex;flex-direction:column;gap:16px;max-width:760px}.gu-intro h2{font-size:clamp(32px,4.2vw,44px);line-height:1.08;letter-spacing:-.5px}.gu-intro p{font-size:19px;line-height:1.5;color:var(--soft)}.gu-showcase{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.gu-tablet{flex:3 1 640px;min-width:0;background:var(--ink);border-radius:40px;padding:18px;box-shadow:0 24px 48px #2b23402e}.gu-features{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:26px}.feature{display:flex;gap:14px;align-items:flex-start}.feature h3{font-size:21px;line-height:1.2}.feature p{margin-top:4px;font-size:16px;line-height:1.5;color:var(--soft)}.feature-icon{flex:0 0 auto;width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center}.feature-icon.grape{background:var(--lav);color:var(--grape-d)}.feature-icon.mint{background:var(--mint-pale);color:var(--mint-ink)}.feature-icon.sun{background:var(--sun-pale);color:var(--sun-ink)}.feature-icon.lav{background:var(--lav-ink);color:var(--grape-d)}.rp-screen{background:var(--p-bg);border-radius:26px;padding:22px}@media(max-width:720px){.rp-screen{padding:12px;border-radius:20px}}.compare{display:flex;flex-direction:column;gap:22px}.compare-intro{display:flex;flex-direction:column;gap:8px;max-width:720px}.compare-intro h2{font-size:34px;line-height:1.1}.compare-intro p{font-size:18px;line-height:1.5;color:var(--soft)}.compare-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}.compare-label{align-self:flex-start;border-radius:14px;padding:5px 12px;font-size:13px;font-weight:800;background:var(--grape-d);color:#fff}.compare-label.on-light{background:var(--lav-ink);color:var(--grape-d)}.compare-child{flex:1 1 380px;min-width:0;background:var(--grape);border-radius:30px;padding:26px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}.compare-phone{flex:0 0 auto;width:210px;margin:0 auto;background:var(--ink);border-radius:34px;padding:10px}.compare-phone-screen{background:var(--cream);border-radius:26px;padding:22px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.compare-stars{display:flex;gap:4px;align-items:flex-end}.compare-big{font-size:24px;line-height:1.1}.compare-chip{width:100%;background:var(--card);border-radius:14px;padding:8px;font-size:12px;color:var(--soft)}.compare-chip b{color:var(--ink)}.compare-chip.sun{background:var(--sun);color:var(--ink);font-size:13px;font-weight:800}.compare-child-copy{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:8px;color:#fff}.compare-child-copy p{font-weight:500;font-size:22px;line-height:1.25}.compare-grownup{flex:1 1 380px;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:26px;display:flex;flex-direction:column;gap:14px}.compare-grownup-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.compare-score{font-size:22px;color:var(--grape-d)}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line-2);border-radius:16px;overflow:hidden;font-size:14px;font-variant-numeric:tabular-nums}.compare-table th{background:var(--p-bg);color:var(--muted);font-size:12px;font-weight:800;text-align:left;padding:9px 14px}.compare-table td{padding:9px 14px;border-top:1px solid var(--line-2)}.compare-table td.display{font-size:16px}.compare-table td .sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.compare-table .ok{color:var(--good-ink)}.compare-table .bad{color:var(--bad-ink)}.compare-note{font-size:14px;color:var(--muted)}.privacy-block{background:var(--card);border-radius:32px;padding:32px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}.privacy-copy{flex:2 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}.privacy-copy h3{font-size:28px}.privacy-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.privacy-checks li{display:flex;align-items:center;gap:10px;font-size:16px}.privacy-tick{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--mint-pale);color:var(--good-ink);display:flex;align-items:center;justify-content:center}.privacy-tick svg{width:15px;height:15px}.privacy-actions{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:14px}.privacy-actions .chunky{min-height:56px;font-size:20px}@media(max-width:720px){.gu-inner{padding-block:56px 64px;gap:40px}.gu-tablet{padding:10px;border-radius:28px}.compare-intro h2{font-size:28px}.privacy-block{padding:24px}.privacy-checks{grid-template-columns:1fr}}.welcome{flex:1;display:grid;gap:24px;align-items:center}.welcome-art{background:var(--lav);border-radius:36px;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.welcome-copy{display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center}.welcome-copy h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,4vw,46px);line-height:1.1}.welcome-copy p{font-size:clamp(17px,2vw,20px);color:var(--muted);line-height:1.5;max-width:420px}.dots{display:flex;gap:8px}.dots button{border:none;padding:0;height:10px;border-radius:5px;background:var(--lav-3);width:10px;transition:width .2s}.dots button[aria-selected=true]{background:var(--grape);width:28px}.legal-note{font-size:13px;color:var(--muted);text-align:center}.legal-note button{background:none;border:none;padding:0;color:var(--grape-d);font-weight:800;text-decoration:underline}@media(min-width:820px){.welcome{grid-template-columns:1.2fr 1fr}.welcome-art{min-height:520px;height:100%}.welcome-copy{text-align:left;align-items:flex-start}}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.player{border:none;background:var(--card);border-radius:28px;padding:22px 12px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 5px 0 var(--lav-2)}.player:active{transform:translateY(3px);box-shadow:0 2px 0 var(--lav-2)}.avatar{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:38px;color:var(--ink)}.add{grid-column:1/-1;background:transparent;border:3px dashed var(--lav-3);border-radius:28px;min-height:72px;color:var(--grape-d);font-family:var(--display);font-weight:600;font-size:19px;display:flex;align-items:center;justify-content:center;gap:10px}.kid-top{display:flex;align-items:center;gap:12px}.mini-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:22px;border:none;color:var(--ink)}.switch{border:none;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--grape-d)}.switch .mini-av{position:relative}.swap{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:var(--grape);color:#fff;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center}.switch-lbl{font-size:12px;font-weight:800}.switch:active .mini-av{transform:translateY(2px)}.hi{flex:1;font-family:var(--display);font-weight:600;font-size:26px}.home-grid{display:grid;gap:16px;flex:1;align-content:start}.hello{display:flex;align-items:flex-end;gap:10px}.bubble{flex:1;background:var(--card);border-radius:22px 22px 22px 6px;padding:14px 16px;font-size:17px;line-height:1.35;margin-bottom:36px}.cards{display:grid;gap:14px}.mode{border:none;border-radius:28px;padding:20px;display:flex;align-items:center;gap:16px;text-align:left;transition:transform .08s,box-shadow .08s}.mode:active{transform:translateY(4px)}.mode .ic{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode .t{font-family:var(--display);font-weight:600;font-size:26px;display:block}.mode .s{font-size:15px;display:block}.m-practice{background:var(--grape);color:#fff;box-shadow:0 6px 0 var(--grape-d)}.m-practice .ic{background:var(--grape-l)}.m-practice .s{color:var(--lav-ink)}.m-test{background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--sun-d)}.m-test .ic{background:var(--sun-l)}.m-test .s{color:var(--sun-ink)}.m-stickers{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--lav-2);flex-direction:column;align-items:stretch;gap:12px}.sticker-row{display:flex;justify-content:space-between;gap:4px}.sdot{width:26px;height:26px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--lav-2);background:var(--bg)}.sdot.won{background:var(--sun);border-color:var(--sun-d)}.tabbar{position:sticky;bottom:0;background:var(--card);border-radius:28px 28px 0 0;padding:10px 20px calc(16px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 calc(-1*max(16px,env(safe-area-inset-left,0px))) -28px}.tabbar button{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;font-weight:800;font-size:13px;color:var(--muted)}.tabbar button[aria-current=page]{color:var(--grape-d)}.grownups-top{display:none;border:none;color:var(--grape-d);min-height:44px}@media(min-width:820px){.home-grid{grid-template-columns:360px 1fr;gap:28px}.hello{flex-direction:column-reverse;align-items:stretch;background:var(--lav);border-radius:36px;padding:28px;justify-content:flex-end}.hello .bubble{margin:0 40px 0 0}.hello svg{align-self:flex-end;width:200px;height:200px}.cards{grid-template-columns:1fr 1fr}.cards .mode:not(.m-stickers){flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:260px;padding:28px}.cards .mode .ic{width:80px;height:80px;border-radius:24px}.cards .m-stickers{grid-column:1/-1}.tabbar{display:none}.grownups-top{display:inline-flex}}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chip{border:none;border-radius:22px;height:72px;background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--lav-2);display:flex;flex-direction:column;align-items:center;justify-content:center}.chip b{font-family:var(--display);font-weight:600;font-size:28px;line-height:1}.chip span{font-size:12px;font-weight:800}.chip[aria-pressed=true]{background:var(--grape);color:#fff;box-shadow:0 5px 0 var(--grape-d)}.all-btn[aria-pressed=true]{background:var(--sun);--sh:var(--sun-d)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--lav);padding:6px;border-radius:24px}.seg button{border:none;border-radius:18px;min-height:48px;background:transparent;color:var(--grape-d);font-weight:800;font-size:18px}.seg button[aria-checked=true]{background:var(--card);color:var(--ink);box-shadow:0 3px 0 var(--lav-3)}@media(min-width:820px){.chips{grid-template-columns:repeat(6,1fr)}}.q-top{display:flex;align-items:center;gap:14px}.qbar{flex:1;height:14px;border-radius:7px;background:var(--lav);overflow:hidden}.qbar i{display:block;height:100%;background:var(--mint);border-radius:7px;transition:width .3s}.cream .qbar{background:var(--card)}.q-label{font-size:15px;font-weight:800;color:var(--muted);white-space:nowrap}.cream .q-label{color:var(--sun-ink-2);background:var(--card);padding:6px 12px;border-radius:16px}.q-body{flex:1;display:flex;flex-direction:column;gap:18px}.q-card{background:var(--card);border-radius:32px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;box-shadow:0 6px 0 var(--lav-2);min-height:280px;position:relative;text-align:center}.cream .q-card{box-shadow:0 6px 0 var(--cream-line)}.sum{font-family:var(--display);font-weight:600;font-size:clamp(60px,9vw,120px);line-height:1}.ans{min-width:160px;height:80px;border-radius:22px;border:3px solid var(--lav-3);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:48px;padding:0 20px}.ans.empty{color:var(--lav-3)}.cream .ans{border-color:var(--cream-line);background:#fffbef}.fb{font-family:var(--display);font-weight:600;font-size:28px;display:flex;align-items:center;gap:10px}.fb.good{color:var(--mint-d)}.fb.soft{color:var(--grape-d)}.hint{text-align:center;font-size:14px;color:var(--muted)}.cream .hint{color:var(--sun-ink-2)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{border:none;border-radius:22px;height:70px;background:var(--card);color:var(--ink);font-family:var(--display);font-weight:600;font-size:32px;box-shadow:0 5px 0 var(--lav-2);display:flex;align-items:center;justify-content:center;transition:transform .06s,box-shadow .06s}.key:active{transform:translateY(3px);box-shadow:0 2px 0 var(--lav-2)}.cream .key{box-shadow:0 5px 0 var(--cream-line)}.key.del{background:var(--lav);color:var(--grape-d);box-shadow:0 5px 0 var(--lav-3)}.cream .key.del{background:var(--cream-key);color:var(--sun-ink-2);box-shadow:0 5px #f1cf6a}.key.ok{background:var(--mint);color:var(--mint-ink);box-shadow:0 5px 0 var(--mint-d)}.rest{display:flex;flex-direction:column;align-items:center;gap:10px}.ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.ready h1{font-family:var(--display);font-weight:600;font-size:clamp(30px,4vw,44px)}.ready ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:17px;text-align:left}.ready li{display:flex;gap:10px;align-items:center}@media(min-width:820px){.q-body{flex-direction:row;align-items:stretch;gap:28px}.q-card{flex:1;border-radius:40px}.keypad{width:400px;flex-shrink:0;grid-template-rows:repeat(4,1fr)}.key{height:auto;min-height:86px;font-size:40px;border-radius:28px}.ans{height:104px;min-width:220px;font-size:64px}}@media(min-width:1100px)and (hover:hover){.keypad.desktop-hide{display:none}}.results{color:#fff;align-items:center;text-align:center;position:relative}.results h1{font-family:var(--display);font-weight:600;font-size:clamp(28px,4vw,40px)}.score-card{background:var(--card);color:var(--ink);border-radius:32px;padding:22px 20px;width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 0 var(--grape-d)}.big{font-family:var(--display);font-weight:700;font-size:76px;line-height:1;color:var(--grape-d)}.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:440px;text-align:left}.res-grid>div{border-radius:24px;padding:14px;display:flex;flex-direction:column;gap:4px}.res-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin-top:auto}.confetti{position:absolute;inset:0 0 auto;height:300px;pointer-events:none}.stick-wrap{display:grid;gap:18px}.stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:start}.sticker{background:var(--card);border-radius:22px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 0 var(--lav-2)}.sticker .disc{width:56px;height:56px;border-radius:50%;border:3px dashed var(--lav-3);background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:19px}.sticker.won .disc{background:var(--sun);border:3px solid var(--sun-d)}.sticker small{font-size:12px;font-weight:800;color:var(--muted)}.sticker.won small{color:#7a5a00}.panel{background:var(--card);border-radius:28px;padding:16px 14px;box-shadow:0 5px 0 var(--lav-2);display:flex;flex-direction:column;gap:12px}.map{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.map .h{font-size:11px;font-weight:800;color:var(--grape-d);text-align:center;align-self:center}.map .c{aspect-ratio:1;border-radius:6px;display:flex;align-items:center;justify-content:center}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;font-weight:800}.legend span{display:flex;align-items:center;gap:8px}.sw{width:18px;height:18px;border-radius:5px;flex-shrink:0;display:inline-block}@media(min-width:820px){.stick-wrap{grid-template-columns:440px 1fr}.map .h{font-size:13px}}.gate{color:#fff;align-items:center;text-align:center}.gate .round{background:var(--night-2);color:#fff;box-shadow:none}.pin-dots{display:flex;gap:18px;padding:8px 0}.pin-dots i{width:18px;height:18px;border-radius:50%;border:2px solid var(--night-dim)}.pin-dots i.on{background:var(--sun);border-color:var(--sun)}.pinpad{display:grid;grid-template-columns:repeat(3,76px);gap:16px;justify-content:center;margin-top:auto}.pinpad button{width:76px;height:76px;border-radius:50%;border:none;background:var(--night-2);color:#fff;font-size:28px;font-weight:700}.pinpad .ghost{background:transparent;color:var(--night-ink);display:flex;align-items:center;justify-content:center}.ptitle{font-family:var(--display);font-weight:600;font-size:26px}.chipsel{display:flex;gap:8px;flex-wrap:wrap}.kidchip{border:1px solid var(--line);border-radius:22px;min-height:44px;padding:0 16px 0 6px;background:var(--card);font-weight:800;display:flex;align-items:center;gap:8px}.kidchip[aria-pressed=true]{background:var(--night);color:#fff;border-color:var(--night)}.kidchip span{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);color:var(--ink)}.ptabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#ece9f5;padding:5px;border-radius:16px}.ptabs button{border:none;background:transparent;border-radius:12px;min-height:40px;font-weight:800;color:var(--grape-d)}.ptabs button[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #2b23401f}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column}.tile small{font-size:12px;font-weight:800;color:var(--muted)}.tile b{font-family:var(--display);font-weight:600;font-size:28px;font-variant-numeric:tabular-nums}.box{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.bars{height:130px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;border-bottom:1px solid var(--line)}.bars div{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end;font-size:12px;font-weight:800;color:var(--muted)}.bars i{display:block;width:100%;max-width:44px;background:var(--lav-3);border-radius:6px 6px 0 0}.bars .last{color:var(--grape-d)}.bars .last i{background:var(--grape)}.hist{display:flex;flex-direction:column;gap:8px}.hrow{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;width:100%}.hrow .d{font-weight:800}.badge{font-size:12px;font-weight:800;padding:2px 8px;border-radius:10px;margin-left:6px}.badge.test{background:var(--sun-pale);color:var(--sun-ink-2)}.badge.prac{background:var(--lav);color:var(--grape-d)}.badge.new{background:var(--mint-pale);color:var(--mint-ink)}.heat{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}.heat .hd{background:var(--grape-d);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;min-height:22px}.heat button{aspect-ratio:1;border:none;border-radius:3px;padding:0}.heat button.sel{outline:3px solid var(--ink);outline-offset:-3px}.heat .cell{aspect-ratio:1;border-radius:3px;display:block}.selcard{background:var(--night);color:#fff;border-radius:18px;padding:14px 16px;display:flex;gap:14px;align-items:center}.selcard i{width:48px;height:48px;border-radius:12px;flex-shrink:0}.focus{display:flex;flex-direction:column;gap:0;min-width:0}.p-cols{display:grid;gap:18px}@media(min-width:960px){.p-cols{grid-template-columns:1fr 1fr;align-items:start}.ptabs{display:none}.p-cols>*{display:flex!important}}.drow{display:grid;grid-template-columns:28px 70px 46px minmax(0,1fr) 26px;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid var(--line-2);font-variant-numeric:tabular-nums}.drow.h{font-size:12px;color:var(--muted);font-weight:800;min-height:34px}.tb{display:flex;align-items:center;gap:6px}.tb .track{flex:1;height:10px;border-radius:5px;background:var(--line-2);overflow:hidden;position:relative}.tb .track i{display:block;height:100%;border-radius:5px}.tb small{width:36px;text-align:right;font-weight:800;color:var(--soft)}.mark{width:22px;height:22px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.sumgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sumgrid div{border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;font-size:12px;font-weight:800}.sumgrid b{font-size:20px}.list{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}.list>*{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:54px;border:none;border-bottom:1px solid var(--line-2);background:none;width:100%;text-align:left;font-weight:800;font-size:16px;color:var(--ink)}.list>*:last-child{border-bottom:none}.list .danger{color:var(--bad)}.sec{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:0 4px}.prose{display:flex;flex-direction:column;gap:14px}.prose h2{font-size:17px;font-weight:800}.prose p{color:var(--soft);font-weight:600;line-height:1.55;max-width:65ch}.short{background:var(--night);color:#fff;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px}.jump{position:fixed;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.jump>button{border:none;background:var(--night);color:#fff;border-radius:20px;min-height:40px;padding:0 14px;font-weight:800;font-size:13px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 14px #2b234040}.jump-list{background:var(--card);border-radius:18px;box-shadow:0 10px 30px #2b234040;padding:6px;display:flex;flex-direction:column;max-height:min(70vh,520px);overflow:auto;width:220px}.jump-list button{border:none;background:none;text-align:left;padding:9px 12px;border-radius:10px;font-weight:800;font-size:14px;color:var(--ink)}.jump-list button:hover{background:var(--bg)}.jump-list .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;padding:8px 12px 2px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(70px + env(safe-area-inset-bottom,0px));background:var(--night);color:#fff;padding:12px 18px;border-radius:16px;font-weight:800;z-index:60;max-width:calc(100% - 32px);text-align:center}@keyframes pop{0%{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s ease-out}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.bob{animation:bob 2.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pop,.bob{animation:none}*{transition:none!important}}.why-art{flex:1 1 380px;min-width:0;max-width:560px}#root{min-height:100dvh;display:flex;flex-direction:column}#root>.page{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.chunky:disabled,.chunky[aria-disabled=true]{opacity:.5;pointer-events:none}.app-loading,.app-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.app-error .box{max-width:440px;align-items:center;gap:14px}.form{background:var(--card);border-radius:28px;padding:20px;box-shadow:0 5px 0 var(--lav-2);display:flex;flex-direction:column;gap:16px;width:100%}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field-label{font-size:13px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field input{font:inherit;font-weight:800;font-size:17px;color:var(--ink);background:var(--bg);border:3px solid var(--lav-3);border-radius:18px;min-height:54px;padding:0 16px;width:100%}.field input:focus-visible{outline:3px solid var(--grape);outline-offset:2px}.field input[aria-invalid=true]{border-color:var(--bad)}.field-hint{font-size:14px;font-weight:700;color:var(--muted)}.form-error{color:var(--bad-ink);background:var(--bad-pale);border-radius:14px;padding:10px 12px;font-size:14px;font-weight:800}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:46px;height:46px;min-height:46px;border-radius:50%;border:3px solid transparent;padding:0;box-shadow:0 3px #2b23401f}.swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--card) inset}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.form-actions .chunky{flex:1 1 140px;min-height:52px;font-size:18px;border-radius:20px}.b-danger{background:var(--bad);color:#fff;--sh: #7f1a14}.btn-compact{min-height:48px;font-size:17px;padding:0 18px;border-radius:18px}.link-btn{background:none;border:none;padding:0;color:var(--grape-d);font-weight:800;text-decoration:underline;min-height:44px}.player-name{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.player-edit{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.players-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.players-empty p{color:var(--muted);max-width:340px;line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#2b23408c;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--card);border-radius:28px;padding:22px;width:min(100%,440px);box-shadow:0 10px 30px #2b23404d;display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 40px);overflow:auto}.modal h2{font-family:var(--display);font-weight:600;font-size:24px}.modal-copy{color:var(--soft);font-weight:600;line-height:1.5}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.modal-actions .chunky{flex:1 1 140px;min-height:52px;font-size:18px;border-radius:20px}.modal .list{margin-top:2px}.empty{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.empty p{color:var(--muted);font-weight:700;line-height:1.5;max-width:420px}.empty .display{font-size:19px}.install-help{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--soft);font-weight:700;line-height:1.45}.install-help code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--bg);border-radius:6px;padding:1px 5px}.modal-copy>*+*{margin-top:10px}.pin-error{color:var(--pink);font-weight:800;min-height:20px;font-size:14px;text-align:center}.pinpad button:disabled{opacity:.4}.pin-setup-note{color:var(--night-up, var(--night-ink));font-size:14px;text-align:center;line-height:1.45;max-width:320px}.badge.target{background:var(--mint-pale);color:var(--mint-ink)}.report-empty{color:var(--muted);font-size:14px;font-weight:700;line-height:1.5}.focus-actions{display:flex;flex-direction:column;gap:10px;margin-top:2px}.focus-actions .chunky{align-self:flex-start}.selcard .muted{color:var(--night-ink)}.selcard-empty{background:var(--lav);color:var(--grape-d);border-radius:18px;padding:14px 16px;font-weight:800;font-size:14px;line-height:1.4}.report{display:flex;flex-direction:column;gap:16px;min-width:0}.report-top{display:flex;align-items:center;gap:12px}.player-switch{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:4px}.player-switch button{border:none;background:transparent;border-radius:20px;min-height:40px;padding:0 18px;font-weight:800;font-size:15px;color:var(--soft)}.player-switch button[aria-pressed=true]{background:var(--grape);color:#fff}.report .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.report .tile{gap:2px;min-width:0}.report .tile b{font-size:26px;white-space:nowrap}.report .tile b.accent{color:var(--grape-d)}.report .tile span{font-size:12px;font-weight:700;color:var(--muted)}.report .box{border-radius:18px;gap:10px}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:4px 8px;flex-wrap:wrap}.card-title{font-weight:800;font-size:15px}.card-note{font-size:12px;font-weight:700;color:var(--muted)}.report .heat{gap:3px}.report .heat .hd{background:transparent;color:var(--muted);font-size:10px;min-height:0;border-radius:0!important}.report .heat button,.report .heat .cell{border-radius:4px}.report .legend{font-size:11px!important;gap:6px 12px}.report .legend .sw{width:10px!important;height:10px!important;border-radius:3px}.trend{height:110px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line)}.trend div{flex:1 1 0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.trend span{font-size:11px;font-weight:800;color:var(--soft)}.trend i{display:block;width:100%;max-width:56px;max-height:calc(100% - 18px);border-radius:6px 6px 0 0;background:var(--lav-3)}.trend i.last{background:var(--grape)}.worth-card{background:var(--cream);border-color:var(--cream-line)}.worth-card .focus{display:flex;flex-direction:column;gap:6px}.weak-row{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:7px 10px}.weak-fact{font-size:17px;flex-grow:1}.weak-time{font-size:12px;font-weight:700;color:var(--soft);font-variant-numeric:tabular-nums}.weak-row .sw{width:10px;height:10px;border-radius:3px}.worth-card .chunky{min-height:48px;font-size:17px}.strip{position:relative;height:84px;display:flex;align-items:flex-end;gap:4px;padding-top:12px}.strip i{display:block;flex:1 1 0;min-width:2px;max-height:72px;border-radius:4px 4px 2px 2px}.strip-limit{position:absolute;left:0;right:0;bottom:72px;border-top:2px dashed var(--bad);opacity:.55}.strip-limit-label{position:absolute;right:0;bottom:75px;font-size:10px;font-weight:800;color:var(--bad-ink);background:var(--card);padding:0 4px}.link-button{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;border:none;background:none;padding:0;min-height:44px;font-weight:800;color:var(--grape-d)}.report-grid{display:grid;gap:14px}.report-panel{display:flex;flex-direction:column;gap:14px;min-width:0}.report-panel[hidden]{display:none}.report-history{display:flex;flex-direction:column;gap:8px;min-width:0}@media(max-width:720px){.report .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.report .tile b{font-size:22px}}@media(min-width:960px){.report-panel,.report-panel[hidden]{display:contents}.report-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto 1fr auto auto;grid-template-areas:"heat trend" "heat worth" "latest latest" "history history";align-items:start}.report-heatmap{grid-area:heat}.report-trend{grid-area:trend}.report-worth{grid-area:worth}.report-latest{grid-area:latest}.report-history{grid-area:history}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.landing-sample{display:grid;gap:3px}.landing-sample i{aspect-ratio:1;border-radius:4px}.stack{display:flex;flex-direction:column;gap:12px}.stack-tight{display:flex;flex-direction:column;gap:6px}.align-start{align-items:flex-start}.text-center{text-align:center}.muted-small{font-size:13px;color:var(--muted);font-weight:700;line-height:1.45}