@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_4bf059eb-module__MXaS9a__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_4bf059eb-module__MXaS9a__variable{--font-grotesk:"Space Grotesk", "Space Grotesk Fallback"}
:root{--bg:#0d0b12;--surface:#161320;--surface-2:#1e1a2b;--border:#2a2438;--text:#f4f2f8;--muted:#9a93ac;--brand:#ff2e7e;--brand-ink:#1c0510;--brand-soft:#ff2e7e21;--brand-track:#3a1226;--ok:#3ddc97;--ok-soft:#3ddc9724;--err:#ff6b5c;--err-soft:#ff6b5c24;--star:#f5b52e;--glow:#ff2e7e17;--shadow:0 8px 32px #00000073;--radius:20px;--radius-sm:12px}:root[data-theme=light]{--bg:#faf8fc;--surface:#fff;--surface-2:#f1edf6;--border:#e3dcee;--text:#171321;--muted:#6e6782;--brand:#e80063;--brand-ink:#fff;--brand-soft:#e8006314;--brand-track:#f6cede;--ok:#0fa968;--ok-soft:#0fa9681a;--err:#e03e2d;--err-soft:#e03e2d17;--star:#d99a00;--glow:#e800630d;--shadow:0 8px 28px #1713211a}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--font-inter), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 90% 45% at 50% -12%, var(--glow), transparent);background-repeat:no-repeat;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.display{font-family:var(--font-grotesk), var(--font-inter), sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.shell{max-width:520px;padding:0 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;padding:18px 0 8px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-word{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.02em;font-size:22px;font-weight:700}.icon-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--muted);border-radius:12px;place-items:center;transition:color .15s,border-color .15s;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--muted)}.lang-btn{background:var(--surface);border:1px solid var(--border);height:38px;color:var(--muted);letter-spacing:.04em;border-radius:12px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s}.lang-btn:hover{color:var(--text);border-color:var(--muted)}.hero{padding:40px 0 26px}.hero h1{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.02em;max-width:22ch;font-size:32px;font-weight:700;line-height:1.15}.hero h1 em{color:var(--brand);font-style:normal}.hero p{color:var(--muted);max-width:40ch;margin-top:10px;font-size:15.5px;line-height:1.5}.chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip strong{color:var(--text);font-variant-numeric:tabular-nums}.chip svg{color:var(--brand)}.section-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:8px 0 12px;font-size:12px;font-weight:700}.modes{flex-direction:column;gap:12px;display:flex}.mode-card{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-items:center;gap:16px;width:100%;padding:18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.mode-card.primary{border-color:color-mix(in oklab, var(--brand) 45%, var(--border));background:linear-gradient(135deg, var(--brand-soft), transparent 55%), var(--surface)}.mode-card:not(.disabled):hover{border-color:var(--brand);box-shadow:var(--shadow);transform:translateY(-2px)}.mode-card:not(.disabled):active{transform:translateY(0)scale(.99)}.mode-card.disabled{cursor:default;opacity:.62}.mode-icon{background:var(--brand-soft);width:46px;height:46px;color:var(--brand);border-radius:14px;flex:none;place-items:center;display:grid}.mode-card.disabled .mode-icon{background:var(--surface-2);color:var(--muted)}.mode-body{flex:1;min-width:0}.mode-title{font-family:var(--font-grotesk), sans-serif;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.mode-desc{color:var(--muted);margin-top:3px;font-size:13.5px;line-height:1.45}.mode-meta{color:var(--brand);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:6px;font-size:13px;font-weight:700;display:inline-flex}.soon-tag{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.footer{color:var(--muted);text-align:center;margin-top:auto;padding-top:36px;font-size:12.5px;line-height:1.5}.btn{border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:0 6px 24px #ff2e7e59}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--muted)}.pregame{flex-direction:column;flex:1;justify-content:center;gap:20px;padding:20px 0;display:flex}.pregame-icon{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:20px;place-items:center;display:grid}.pregame h1{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.02em;font-size:34px}.rules{flex-direction:column;gap:10px;display:flex}.rule{color:var(--muted);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.rule svg{color:var(--brand);flex:none;margin-top:2px}.game{flex-direction:column;flex:1;gap:10px;padding-top:14px;display:flex}.game-top{align-items:center;gap:14px;display:flex}.timer{flex:1}.timer-track{background:var(--brand-track);border-radius:999px;height:8px;overflow:hidden}.timer-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .2s linear}.timer.low .timer-fill{background:var(--err);animation:1s ease-in-out infinite pulse}.timer-text{color:var(--muted);margin-top:6px;font-size:13px;font-weight:600}.timer.low .timer-text{color:var(--err)}.score-chip{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.score-chip .value{font-size:26px;font-weight:700}.score-chip .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.arena{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;display:flex}.problem{letter-spacing:-.01em;text-align:center;font-size:clamp(44px,13vw,64px);font-weight:700}.problem.pop{animation:.22s ease-out pop}.answer{background:var(--surface);border:2px solid var(--border);text-align:center;border-radius:16px;justify-content:center;align-items:center;min-width:150px;min-height:64px;padding:10px 22px;font-size:36px;font-weight:700;transition:border-color .12s;display:flex}.answer.err{border-color:var(--err);color:var(--err);animation:.26s ease-in-out shake}.answer .caret{background:var(--brand);border-radius:2px;width:3px;height:34px;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:4px;display:grid}.key{background:var(--surface-2);border:1px solid var(--border);height:clamp(56px,8.5vh,72px);font-family:var(--font-grotesk), sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:18px;place-items:center;font-size:26px;font-weight:600;transition:transform 80ms,background .12s;display:grid}.key:active{background:var(--border);transform:scale(.94)}.key.fn{color:var(--muted);font-size:20px}.results{flex-direction:column;flex:1;justify-content:center;gap:22px;padding:20px 0;display:flex}.results-head{text-align:center}.results-head .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.hero-score{margin-top:8px;font-size:88px;font-weight:700;line-height:1}.hero-sub{color:var(--muted);margin-top:4px;font-size:15px}.record-chip{background:var(--ok-soft);color:var(--ok);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.tiles{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;min-width:0;padding:14px 12px;display:flex}.tile .label{color:var(--muted);font-size:11.5px;font-weight:600;line-height:1.3}.tile .value{letter-spacing:-.01em;font-size:22px;font-weight:600}.tile .delta{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.delta.good{color:var(--ok)}.delta.bad{color:var(--err)}.delta.flat{color:var(--muted)}.results-actions{flex-direction:column;gap:10px;display:flex}.bottom-nav{width:100%;max-width:520px;padding:8px 20px calc(10px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:20;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);letter-spacing:.03em;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 6px;font-size:11.5px;font-weight:700;transition:color .15s,background .15s;display:flex}.nav-item.active{color:var(--brand);background:var(--brand-soft)}.has-nav{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.phase-banner{border-radius:var(--radius);background:linear-gradient(135deg, var(--brand), color-mix(in oklab, var(--brand) 62%, #7b2bff));color:#fff;box-shadow:var(--shadow);margin:20px 0 8px;padding:16px 18px}.phase-banner h2{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.01em;font-size:18px}.phase-banner p{opacity:.88;margin-top:2px;font-size:13px;line-height:1.4}.phase-banner.locked{background:var(--surface);color:var(--muted);border:1px dashed var(--border);box-shadow:none;align-items:center;gap:14px;display:flex}.phase-banner.locked h2{color:var(--text);opacity:.55}.path{flex-direction:column;padding:6px 0 2px;display:flex}.path-row{justify-content:center;padding:12px 0;display:flex}.path-row.offset-l{justify-content:flex-start;padding-left:16%}.path-row.offset-r{justify-content:flex-end;padding-right:16%}.node{text-align:center;flex-direction:column;align-items:center;gap:7px;width:132px;display:flex}.node-wrap{place-items:center;width:82px;height:82px;display:grid;position:relative}.node-wrap .ring{position:absolute;inset:0}.node-wrap .crown-badge{color:var(--star);filter:drop-shadow(0 2px 4px #00000059);position:absolute;top:-12px;right:-4px}.node-btn{background:var(--surface-2);border:1px solid var(--border);width:58px;height:58px;color:var(--muted);border-radius:50%;place-items:center;transition:transform .1s,box-shadow .1s;display:grid;box-shadow:0 4px #00000047}.node-btn:active{transform:translateY(4px);box-shadow:0 1px #00000047}.node-btn.done{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 4px 0 color-mix(in oklab, var(--brand) 55%, #000)}.node-btn.mastered{background:var(--star);border-color:var(--star);color:#3a2a00;box-shadow:0 4px 0 color-mix(in oklab, var(--star) 55%, #000)}.node-btn.current{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);box-shadow:0 4px 0 color-mix(in oklab, var(--brand) 55%, #000);animation:2s ease-out infinite ring}.node-btn.locked{box-shadow:none;cursor:default}.node-label{color:var(--muted);font-size:12.5px;font-weight:600;line-height:1.3}.node.reachable .node-label{color:var(--text)}.node-stars{color:var(--star);gap:2px;display:flex}.node-stars .off{color:var(--border)}.boss-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.lesson-top{align-items:center;gap:14px;padding:14px 0 4px;display:flex}.lesson-progress{background:var(--brand-track);border-radius:999px;flex:1;height:8px;overflow:hidden}.lesson-progress>div{background:var(--brand);border-radius:999px;height:100%;transition:width .25s}.drill-count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.learn{flex-direction:column;flex:1;justify-content:center;gap:18px;padding:16px 0;display:flex}.learn .eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--brand);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.learn h1{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.02em;font-size:28px;line-height:1.2}.learn .body{color:var(--muted);max-width:42ch;font-size:16px;line-height:1.6}.example-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;letter-spacing:.01em;padding:22px 18px;font-size:30px;font-weight:700}.dots{justify-content:center;gap:6px;padding:4px 0;display:flex}.dot{background:var(--border);border-radius:999px;width:7px;height:7px;transition:background .15s,width .15s}.dot.active{background:var(--brand);width:20px}.hint-bar{background:var(--brand-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:11px 14px;font-size:13.5px;line-height:1.45;display:flex}.hint-bar svg{color:var(--brand);flex:none;margin-top:1px}.hint-bar strong{color:var(--brand)}.stars-row{color:var(--star);justify-content:center;gap:12px;display:flex}.stars-row .off{color:var(--border)}@keyframes ring{0%{outline:3px solid color-mix(in oklab, var(--brand) 60%, transparent);outline-offset:2px}70%{outline-offset:12px;outline:3px solid #0000}to{outline-offset:12px;outline:3px solid #0000}}.streak-flame{color:var(--star);align-items:center;gap:4px;padding-right:2px;font-size:16px;font-weight:700;display:inline-flex}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin-top:12px;padding:14px 16px;display:flex}.goal-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.goal-top .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.goal-top .value{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.goal-top .value.met{color:var(--ok)}.goal-bar{background:var(--brand-track);border-radius:999px;height:10px;overflow:hidden}.goal-bar>div{background:var(--brand);border-radius:999px;height:100%;transition:width .4s}.goal-bar.met>div{background:var(--ok)}.goal-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.goal-select{gap:6px;display:flex}.goal-select button{border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.goal-select button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.freeze-chip{color:#6cc7f5;align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.review-card{text-align:left;border-radius:var(--radius);background:var(--surface);border:1px dashed color-mix(in oklab, var(--err) 55%, var(--border));align-items:center;gap:14px;width:100%;margin-top:12px;padding:14px 16px;transition:transform .15s,border-color .15s;display:flex}.review-card:hover{border-color:var(--err);transform:translateY(-2px)}.review-card .mode-icon{background:var(--err-soft);color:var(--err)}.xp-chip{background:var(--brand-soft);color:var(--brand);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.result-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.result-chips .record-chip{margin-top:0}.streak-chip{color:var(--star);background:#f5b52e24;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.choices{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;display:grid}.choice-btn{background:var(--surface-2);border:1px solid var(--border);-webkit-tap-highlight-color:transparent;border-radius:16px;padding:18px 10px;font-size:24px;font-weight:600;transition:transform 80ms,border-color .12s}.choice-btn:active{transform:scale(.96)}.choice-btn.wrong{border-color:var(--err);color:var(--err);opacity:.55;pointer-events:none}.problem-word{font-family:var(--font-inter), sans-serif;text-align:center;max-width:32ch;font-size:21px;font-weight:600;line-height:1.55}.key-submit{background:var(--brand);border-color:var(--brand);height:54px;color:var(--brand-ink);grid-column:1/-1;font-size:18px;font-weight:700}.key-submit:disabled{opacity:.45;cursor:default}.key-submit:active:not(:disabled){transform:scale(.98)}.skip-btn{border-radius:12px;padding:10px 16px;font-size:14.5px}.verdict{margin-top:2px;font-size:24px;font-weight:700}.verdict.pass{color:var(--ok)}.verdict.fail{color:var(--err)}.op-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.op-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;transition:transform .12s,border-color .15s;display:flex}.op-card:hover{border-color:var(--brand);transform:translateY(-2px)}.op-symbol{color:var(--brand);font-size:28px;font-weight:700;line-height:1}.op-name{font-size:15px;font-weight:700}.op-rating{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.stat-card h2{letter-spacing:-.01em;font-size:16px}.chart-wrap{position:relative}.chart-tip{pointer-events:none;background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;z-index:5;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%,-130%)}.chart-data summary{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px}.chart-data table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:12.5px}.chart-data td{border-bottom:1px solid var(--border);color:var(--muted);padding:4px 2px}.rating-row{align-items:center;gap:10px;display:flex}.rating-name{flex:none;width:104px;font-size:13.5px;font-weight:600}.rating-track{background:var(--surface-2);border-radius:6px;flex:1;height:12px;overflow:hidden}.rating-fill{background:var(--brand);border-radius:0 6px 6px 0;height:100%}.rating-val{text-align:right;font-variant-numeric:tabular-nums;flex:none;width:44px;font-size:13px;font-weight:600}.exam-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.exam-row:last-child{border-bottom:none}.exam-chip{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.exam-chip.pass{background:var(--ok-soft);color:var(--ok)}.exam-chip.fail{background:var(--err-soft);color:var(--err)}.empty-state{color:var(--muted);flex-direction:column;align-items:flex-start;gap:12px;padding:6px 0;font-size:14px;line-height:1.5;display:flex}.plans{flex-direction:column;gap:12px;margin:14px 0 4px;display:flex}@media (min-width:640px){.plans{flex-direction:row}.plans .plan{flex:1}}.plan{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:6px;padding:18px;display:flex;position:relative}.plan.hero-plan{border-color:var(--brand);background:linear-gradient(135deg, var(--brand-soft), transparent 60%), var(--surface)}.plan-badge{background:var(--brand);color:var(--brand-ink);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:-11px;right:14px}.plan-name{color:var(--muted);font-size:14.5px;font-weight:700}.plan-price{align-items:baseline;gap:8px;display:flex}.plan-price .amount{letter-spacing:-.02em;font-size:32px;font-weight:700}.plan-period{color:var(--muted);font-size:12.5px}.plan-cta{margin-top:8px;padding:12px;font-size:14px}.plan-cta:disabled{opacity:.55;cursor:default}.feature-list{flex-direction:column;gap:10px;list-style:none;display:flex}.feature-list li{align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;display:flex}.feature-list svg{color:var(--brand);flex:none;margin-top:2px}.pro-card-list{border-color:color-mix(in oklab, var(--brand) 40%, var(--border))}.pro-card-list svg{color:var(--star)}.icon-btn.logged{color:var(--brand);border-color:color-mix(in oklab, var(--brand) 45%, var(--border))}.auth-form{flex-direction:column;gap:14px;width:100%;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:700}.input{background:var(--surface-2);border:1px solid var(--border);font:inherit;color:var(--text);border-radius:12px;outline:none;padding:13px 14px;font-size:15.5px;transition:border-color .15s}.input:focus{border-color:var(--brand)}.btn-google{gap:10px}.divider{width:100%;color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-error{color:var(--err);font-size:13.5px;font-weight:600}.auth-toggle{color:var(--brand);align-self:center;padding:8px;font-size:14px;font-weight:700}@keyframes mascotPop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}.mascot-pop{animation:.42s cubic-bezier(.34,1.56,.64,1) both mascotPop}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;display:block;position:absolute;top:-6vh}@keyframes confetti-fall{to{transform:translate(var(--dx,0), 112vh) rotate(var(--rot,540deg));opacity:.9}}@keyframes pop{0%{transform:scale(1)}35%{color:var(--ok);transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}55%{transform:translate(6px)}80%{transform:translate(-3px)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:640px){.hero h1{font-size:38px}}