@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");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}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--pad-page:var(--space-4);--pad-card:var(--space-4);--pad-control-x:var(--space-4);--pad-chip-x:var(--space-3);--gap-tight:var(--space-2);--gap:var(--space-3);--gap-section:var(--space-5);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius:var(--radius-lg);--tap:44px;--tap-lg:52px;--header-h:56px;--nav-h:64px;--side-w:248px;--max:1080px;--max-read:760px;--icon:20px;--font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.25rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-heavy:800;--lh-tight:1.2;--lh-snug:1.35;--lh-body:1.55;--ls-tight:-.015em;--ls-caps:.06em;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s;--dur-spin:.8s;--z-header:20;--z-answer:25;--z-nav:30;--z-toast:60;--z-modal:70;--on-warn:#1a1200;--handle-ring:#fff;--scrim:#040a10a3;--lvl-beginner:#22c55e;--lvl-intermediate:#3b82f6;--lvl-advanced:#a855f7;--bg:#0a1118;--surface:#111b25;--surface-2:#172431;--surface-3:#1e2f3f;--border:#26394b;--border-strong:#3b536a;--text:#e9f0f6;--muted:#a6b8c7;--faint:#7f94a6;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-ink:#03211d;--accent-soft:#2dd4bf21;--link:#5eead4;--good:#4ade80;--good-solid:#22c55e;--good-soft:#4ade8021;--bad:#f87171;--bad-solid:#ef4444;--bad-soft:#f8717121;--warn:#fbbf24;--warn-soft:#fbbf2421;--info:#7ab4ff;--info-soft:#7ab4ff21;--lvl-beginner-ink:#4ade80;--lvl-intermediate-ink:#7ab4ff;--lvl-advanced-ink:#d0a2fb;--focus:#5eead4;--elev-1:0 1px 2px #0006;--elev-2:0 4px 14px #00000061;--elev-3:0 14px 40px #0000008c;--shadow:var(--elev-1);--shadow-pop:var(--elev-3);--shadow-handle:0 1px 4px #00000080;--header-bg:#0a1118db;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f3f6f9;--surface:#fff;--surface-2:#eef2f6;--surface-3:#e3eaf1;--border:#d3dce5;--border-strong:#a9b8c6;--text:#0e1a26;--muted:#4a5e72;--faint:#62768a;--accent:#0d6b64;--accent-hover:#115e59;--accent-ink:#fff;--accent-soft:#0f766e17;--link:#0f6a63;--good:#157239;--good-solid:#16a34a;--good-soft:#15803d1a;--bad:#b91c1c;--bad-solid:#dc2626;--bad-soft:#b91c1c14;--warn:#92400e;--warn-soft:#b453091a;--info:#1d4ed8;--info-soft:#1d4ed814;--lvl-beginner-ink:#157239;--lvl-intermediate-ink:#1d4ed8;--lvl-advanced-ink:#7e22ce;--focus:#0f766e;--elev-1:0 1px 2px #0f1b2614;--elev-2:0 4px 14px #0f1b261a;--elev-3:0 14px 40px #0f1b262e;--shadow:var(--elev-1);--shadow-pop:var(--elev-3);--shadow-handle:0 1px 4px #00000059;--header-bg:#f3f6f9e0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f3f6f9;--surface:#fff;--surface-2:#eef2f6;--surface-3:#e3eaf1;--border:#d3dce5;--border-strong:#a9b8c6;--text:#0e1a26;--muted:#4a5e72;--faint:#62768a;--accent:#0d6b64;--accent-hover:#115e59;--accent-ink:#fff;--accent-soft:#0f766e17;--link:#0f6a63;--good:#157239;--good-solid:#16a34a;--good-soft:#15803d1a;--bad:#b91c1c;--bad-solid:#dc2626;--bad-soft:#b91c1c14;--warn:#92400e;--warn-soft:#b453091a;--info:#1d4ed8;--info-soft:#1d4ed814;--lvl-beginner-ink:#157239;--lvl-intermediate-ink:#1d4ed8;--lvl-advanced-ink:#7e22ce;--focus:#0f766e;--elev-1:0 1px 2px #0f1b2614;--elev-2:0 4px 14px #0f1b261a;--elev-3:0 14px 40px #0f1b262e;--shadow:var(--elev-1);--shadow-pop:var(--elev-3);--shadow-handle:0 1px 4px #00000059;--header-bg:#f3f6f9e0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + var(--space-3))}html.modal-open{overflow:hidden}body{background:var(--bg);color:var(--text);font:var(--fw-regular) var(--fs-base)/var(--lh-body) var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--link);text-underline-offset:.18em}h1,h2,h3{font-weight:var(--fw-bold);letter-spacing:var(--ls-tight)}h1{font-size:var(--fs-xl);line-height:var(--lh-tight);margin:var(--space-1) 0 var(--space-2)}h2{font-size:var(--fs-lg);line-height:var(--lh-snug);margin:var(--gap-section) 0 var(--space-2)}h3{font-size:var(--fs-base);line-height:var(--lh-snug);margin:var(--space-1) 0}h1:focus{outline:none}p{margin:var(--space-2) 0}code{font-family:var(--font-mono);font-size:.92em}kbd{min-width:1.6em;padding:0 var(--space-1);text-align:center;font:var(--fw-semibold) var(--fs-xs)/1.6 var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-xs);border-bottom-width:2px;margin:0 1px;display:inline-block}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.good{color:var(--good)}.bad{color:var(--bad)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.skip{z-index:var(--z-modal);background:var(--accent);color:var(--accent-ink);padding:var(--space-3) var(--space-4);font-weight:var(--fw-bold);border-radius:0 0 var(--radius-md) 0;position:absolute;top:0;left:-999px}.skip:focus{left:0}.lvl-beginner{--lvl:var(--lvl-beginner);--lvl-text:var(--lvl-beginner-ink)}.lvl-intermediate{--lvl:var(--lvl-intermediate);--lvl-text:var(--lvl-intermediate-ink)}.lvl-advanced{--lvl:var(--lvl-advanced);--lvl-text:var(--lvl-advanced-ink)}.dot{background:var(--lvl,var(--muted));border-radius:50%;flex:none;width:.6em;height:.6em;display:inline-block}.app{min-height:100dvh}.sidenav{display:none}.shell{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.appbar{z-index:var(--z-header);align-items:center;gap:var(--gap);height:var(--header-h);padding:0 var(--pad-page);padding-top:env(safe-area-inset-top);background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:var(--fw-bold);font-size:var(--fs-md);letter-spacing:var(--ls-tight);color:var(--text);text-decoration:none;display:inline-flex}.logo{border-radius:var(--radius-sm);background:var(--accent);width:34px;height:34px;color:var(--accent-ink);place-items:center;display:inline-grid}.top-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.main{width:100%;max-width:var(--max);padding:var(--space-4) var(--pad-page) calc(var(--nav-h) + var(--space-6) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.footer{padding:var(--space-5) var(--pad-page) calc(var(--nav-h) + var(--space-5) + env(safe-area-inset-bottom));border-top:1px solid var(--border);color:var(--muted);font-size:var(--fs-sm);text-align:center}.footer p{margin:var(--space-1) 0}.footer .disclaimer{color:var(--text);font-weight:var(--fw-semibold)}.footer a{min-height:var(--tap);padding:0 var(--space-2);align-items:center;display:inline-flex}.preview-banner{background:var(--warn);color:var(--on-warn);padding:var(--space-2) var(--pad-page);text-align:center;font-weight:var(--fw-semibold)}.preview-banner .linklike{color:inherit;font:inherit;cursor:pointer;min-height:var(--tap);background:0 0;border:0;text-decoration:underline}.tabbar{z-index:var(--z-nav);padding:var(--space-1) var(--space-1) env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.tabbar a{min-height:calc(var(--nav-h) - var(--space-2));color:var(--muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tab-pill{border-radius:var(--radius-pill);width:60px;height:32px;transition:background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-spring);place-items:center;display:grid}.tabbar a:active .tab-pill{transform:scale(.92)}.tabbar a.active{color:var(--text)}.tabbar a.active .tab-pill{background:var(--accent-soft);color:var(--accent)}.tabbar a.active .tab-label{font-weight:var(--fw-bold)}.focus-mode .tabbar,.focus-mode .appbar{display:none}.focus-mode .main{padding-top:0;padding-bottom:0}.focus-mode .footer{padding-bottom:var(--space-5)}.chip{align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--pad-chip-x);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);border:1px solid var(--border);font-size:var(--fs-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;text-decoration:none;display:inline-flex}a.chip{min-height:var(--tap)}.chip.accent{background:var(--accent-soft);border-color:var(--accent)}.xp-chip{min-height:40px}.xp-chip svg{color:var(--accent)}.streak{margin-left:var(--space-1);padding-left:var(--space-2);border-left:1px solid var(--border-strong);color:var(--warn);font-weight:var(--fw-bold);align-items:center;gap:2px;display:inline-flex}.icon-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--tap);height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base), border-color var(--dur-base);padding:0;text-decoration:none;display:inline-flex}.icon-btn:active{transform:scale(.94)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.wide{padding:0 var(--space-3);justify-content:flex-start;width:100%}.quiz-bar .icon-btn{background:0 0;border-color:#0000}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--pad-control-x);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-base), border-color var(--dur-base), box-shadow var(--dur-base);text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--elev-1)}.btn.big{min-height:var(--tap-lg);font-size:var(--fs-md);border-radius:var(--radius-md)}.btn.danger{color:var(--bad);border-color:var(--bad);background:var(--surface)}.btn.ghost{color:var(--link);background:0 0;border-color:#0000}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (hover:hover){.btn:hover:not(:disabled){border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost:hover{background:var(--accent-soft)}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}}button.link{color:var(--link);font:inherit;padding:var(--space-2) 0;min-height:var(--tap);cursor:pointer;background:0 0;border:0;text-decoration:underline}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--surface-2);color:var(--muted);border:1px solid var(--border);display:inline-flex}.badge.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-soft)}.badge.xp,.badge.accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge[class*=lvl-]{color:var(--lvl-text)}.code{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);display:inline-flex}.row{align-items:center;display:flex}.between{justify-content:space-between;gap:var(--space-2)}.wrap{flex-wrap:wrap}.gap{gap:var(--gap-tight)}.center{justify-content:center}.load-more{margin:var(--space-5) 0}.hero{margin:var(--space-2) 0 var(--space-4);padding:var(--space-5) var(--pad-card);border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(150deg, var(--accent-soft), transparent 62%), var(--surface);box-shadow:var(--elev-1);position:relative}.hero h1{font-size:var(--fs-2xl);margin-top:var(--space-2)}.hero p{color:var(--muted);max-width:60ch;margin-bottom:var(--space-4)}.hero .kicker{align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);color:var(--accent);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;display:inline-flex}.hero .row.wrap{align-items:stretch}.stats{gap:var(--gap-tight);margin:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.stat{padding:var(--space-3) var(--space-1);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:center;box-shadow:var(--elev-1);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.stat .stat-icon{color:var(--accent)}.stat .num{font-size:var(--fs-xl);line-height:var(--lh-tight);font-weight:var(--fw-heavy);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight)}.stat .lbl{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug)}a.stat:active{transform:scale(.98)}.how .steps{margin:var(--space-3) 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.how .steps li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex}.step-ico{border-radius:var(--radius-pill);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.note{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);color:var(--text);font-size:var(--fs-sm);display:flex}.note svg{color:var(--info);flex:none;margin-top:2px}.grid{gap:var(--gap);grid-template-columns:1fr;display:grid}.grid.spaced{margin-top:var(--space-4)}.card{gap:var(--space-2);padding:var(--pad-card);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--elev-1);color:var(--text);transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-base), box-shadow var(--dur-base);flex-direction:column;text-decoration:none;display:flex}a.card:active{transform:scale(.985)}@media (hover:hover){a.card:hover{border-color:var(--accent);box-shadow:var(--elev-2);transform:translateY(-1px)}}.card h3{font-size:var(--fs-md)}.card .btn{align-self:flex-start}.card.level,.card.quiz-card,.card.concept-card{border-left:4px solid var(--lvl,var(--border))}.card.level h3{align-items:center;gap:var(--space-2);margin:0;display:flex}.card.level .bar{margin-top:var(--space-1)}.card.soon{opacity:.6}.more{align-items:center;gap:var(--space-1);color:var(--accent);font-weight:var(--fw-bold);display:inline-flex}.quiz-card{gap:var(--space-2)}.quiz-card h3{margin:0}.status{align-items:center;gap:var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex}.status.done{color:var(--good)}.status.partial{color:var(--warn)}.status.new{color:var(--muted)}.lvl-h{align-items:center;gap:var(--space-2);display:flex}.plain{margin:var(--space-1) 0;padding:0;list-style:none}.plain li{padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.plain li:last-child{border:0}.plain a{min-height:var(--tap);align-items:center;display:inline-flex}.rules{gap:var(--space-1) var(--space-3);font-size:var(--fs-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.rules dt{font-weight:var(--fw-bold);color:var(--accent)}.rules dd{margin:0}.page-head{margin-bottom:var(--space-3)}.page-head .sub{color:var(--muted);margin-top:0}.crumbs{margin:0 0 var(--space-1)}.crumbs a{align-items:center;gap:var(--space-1);min-height:var(--tap);font-weight:var(--fw-semibold);text-decoration:none;display:inline-flex}.state{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--muted);flex-direction:column;display:flex}.state h3{color:var(--text);margin:0}.state p{margin:0}.state.empty,.state.error{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface)}.state.error{color:var(--text);border-color:var(--bad);background:var(--bad-soft);border-style:solid}.empty-icon{border-radius:var(--radius-pill);background:var(--accent-soft);width:56px;height:56px;color:var(--accent);place-items:center;display:inline-grid}.state.error .empty-icon{background:var(--bad-soft);color:var(--bad)}.empty-body{max-width:40ch}.loading{gap:var(--gap);margin:var(--space-3) 0;display:grid}.loading.tall{align-content:start;min-height:100dvh}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s linear infinite shimmer;display:block}.skeleton-card{gap:var(--space-3)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);width:1em;height:1em;animation:spin var(--dur-spin) linear infinite;vertical-align:-2px;border-radius:50%;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.filters{gap:var(--gap-tight);margin-bottom:var(--space-3);display:grid}.seg{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);gap:3px;padding:3px;display:flex}.seg button{justify-content:center;align-items:center;gap:var(--space-1);min-height:40px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur-base), color var(--dur-base);background:0 0;border:0;flex:1;display:inline-flex}.seg button[class*=lvl-]:before{content:"";background:var(--lvl);border-radius:50%;width:.55em;height:.55em}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--elev-1);outline:1px solid var(--accent);outline-offset:-1px}select,input[type=search],input[type=number],input[type=text],textarea{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;max-width:100%}input[type=search]{width:100%}input::placeholder{color:var(--faint)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.form{gap:var(--gap);max-width:520px}.form label{gap:var(--space-1);display:grid}.form label span{font-weight:var(--fw-semibold)}.form select{width:100%}.form .check{align-items:center;gap:var(--space-3);min-height:var(--tap);display:flex}.form .check input{width:24px;height:24px}.btn:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.quiz{padding-top:0}.quiz h1{font-size:var(--fs-lg);margin-top:var(--space-1)}.quiz-bar{z-index:var(--z-header);align-items:center;gap:var(--gap);margin:0 calc(var(--pad-page) * -1) var(--space-3);padding:var(--space-1) var(--pad-page);padding-top:calc(var(--space-1) + env(safe-area-inset-top));background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.quiz-progress{gap:var(--space-1);min-width:0;display:grid}.qp-text{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--muted);font-variant-numeric:tabular-nums;display:inline-flex}.meta{margin-top:var(--space-1)}.prompt{font-size:var(--fs-md);line-height:var(--lh-snug);margin:var(--space-2) 0 var(--space-3)}.hint{color:var(--muted);font-size:var(--fs-sm)}.chart-wrap{margin:var(--space-2) 0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--elev-1);position:relative;overflow:hidden}.chart-stage{width:100%;position:relative}.chart{touch-action:manipulation;width:100%}.chart-pick{cursor:crosshair}.chart-badge{right:64px;top:var(--space-2);z-index:5;pointer-events:none;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--muted);background:var(--header-bg);padding:2px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);position:absolute}.chart-data{margin:var(--space-1) 0 var(--space-2);font-size:var(--fs-sm)}.chart-data summary{min-height:var(--tap);color:var(--link);cursor:pointer;font-weight:var(--fw-semibold);align-items:center;display:flex}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:280px;overflow:auto}.table-scroll table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table-scroll th,.table-scroll td{padding:var(--space-1) var(--space-2);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}.table-scroll thead th{background:var(--surface-2);position:sticky;top:0}.table-scroll th:first-child,.table-scroll td:first-child{text-align:left}.picker{gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);display:grid}.slider-row{grid-template-columns:var(--tap) 1fr var(--tap);gap:var(--space-2);align-items:center;display:grid}.slider{min-height:var(--tap);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-strong);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;display:flex}.slider.set{border-color:var(--accent);background:var(--accent-soft)}.slider-label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted)}.slider-value{font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.chart-verdict{z-index:6;left:var(--space-2);top:var(--space-2);align-items:center;gap:var(--space-1);padding:2px var(--space-3) 2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--surface);border:1px solid var(--tone);color:var(--tone);pointer-events:none;animation:chip-in var(--dur-slow) var(--ease-spring);display:inline-flex;position:absolute}.chart-verdict.good,.verdict-burst.good,.result.good,.answer-bar.good{--tone:var(--good);--tone-solid:var(--good-solid);--tone-soft:var(--good-soft)}.chart-verdict.mid,.verdict-burst.mid,.result.mid,.answer-bar.mid{--tone:var(--warn);--tone-solid:var(--warn);--tone-soft:var(--warn-soft)}.chart-verdict.bad,.verdict-burst.bad,.result.bad,.answer-bar.bad{--tone:var(--bad);--tone-solid:var(--bad-solid);--tone-soft:var(--bad-soft)}.verdict-burst{z-index:7;place-content:center;justify-items:center;gap:var(--space-2);pointer-events:none;animation:burst 1.7s var(--ease-out) forwards;display:grid;position:absolute;inset:0}.burst-ring{background:var(--tone-solid);color:#fff;width:76px;height:76px;box-shadow:0 0 0 10px var(--tone-soft), var(--elev-3);animation:ring-pop .5s var(--ease-spring);border-radius:50%;place-items:center;display:grid}.mid .burst-ring{color:var(--on-warn)}.xp-pop{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--tone);color:var(--tone);font-weight:var(--fw-heavy);font-size:var(--fs-md);animation:xp-rise 1.5s var(--ease-out) forwards}@keyframes burst{0%,70%{opacity:1}to{opacity:0}}@keyframes ring-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes xp-rise{0%{opacity:0;transform:translateY(14px)}25%{opacity:1}to{transform:translateY(-14px)}}@keyframes chip-in{0%{opacity:0;transform:translateY(-6px)scale(.9)}to{opacity:1;transform:none}}.options{gap:var(--gap-tight);margin:var(--space-3) 0;padding:0;list-style:none;display:grid}.option{align-items:center;gap:var(--space-3);text-align:left;width:100%;min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-base), background var(--dur-base), transform var(--dur-fast) var(--ease-out);grid-template-columns:auto 1fr auto;display:grid}.option:active:not(:disabled){transform:scale(.985)}.opt-key{border-radius:var(--radius-sm);background:var(--surface-2);width:28px;height:28px;color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;place-items:center;display:inline-grid}.option.selected{border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface)}.option.selected .opt-key{background:var(--accent);color:var(--accent-ink)}.option.right{border-color:var(--good);background:linear-gradient(var(--good-soft), var(--good-soft)), var(--surface)}.option.right .opt-mark{color:var(--good)}.option.wrong{border-color:var(--bad);background:linear-gradient(var(--bad-soft), var(--bad-soft)), var(--surface);animation:shake .4s var(--ease-out)}.option.wrong .opt-mark{color:var(--bad)}.option.right{animation:pop .4s var(--ease-spring)}.option:disabled{cursor:default;color:var(--text)}@media (hover:hover){.option:hover:not(:disabled):not(.selected){border-color:var(--border-strong);background:var(--surface-2)}}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes pop{50%{transform:scale(1.02)}}.plan{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);gap:var(--gap-tight);margin:var(--space-3) 0;background:var(--surface);display:grid}.plan legend{padding:0 var(--space-2);font-weight:var(--fw-bold)}.field{align-items:center;gap:var(--space-2);padding:var(--space-1);border-radius:var(--radius-sm);grid-template-columns:110px 1fr;display:grid}.field.active{background:var(--accent-soft);outline:2px solid var(--accent)}.field input{width:100%}.rr{font-size:var(--fs-md);font-variant-numeric:tabular-nums}.problem{color:var(--bad);margin:var(--space-1) 0;font-weight:var(--fw-semibold)}.draw-fields{margin:var(--space-2) 0}.draw-fields summary{cursor:pointer;font-weight:var(--fw-semibold);min-height:var(--tap);align-items:center;display:flex}.plan-grid{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:1fr;display:grid}.draw-fields .field{grid-template-columns:130px 1fr}.result.good,.result.mid,.result.bad,.answer-bar.good,.answer-bar.mid,.answer-bar.bad{color:var(--text)}.result{margin:var(--space-4) 0;padding:var(--space-4);border-radius:var(--radius);border:2px solid var(--tone,var(--border));background:linear-gradient(var(--tone-soft,transparent), var(--tone-soft,transparent)), var(--surface);animation:result-in var(--dur-slow) var(--ease-out)}.result-head{align-items:center;gap:var(--space-3);display:flex}.result-head h2{font-size:var(--fs-lg);color:var(--tone);flex:1;margin:0}.result-icon{background:var(--tone-solid);color:#fff;width:44px;height:44px;animation:ring-pop .5s var(--ease-spring);border-radius:50%;place-items:center;display:inline-grid}.result.mid .result-icon{color:var(--on-warn)}.score{font-size:var(--fs-2xl);font-weight:var(--fw-heavy);color:var(--tone);font-variant-numeric:tabular-nums;line-height:1}.xp-line{margin:var(--space-2) 0}.checks{margin:var(--space-3) 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:var(--space-2);display:flex}.checks li svg{flex:none;margin-top:3px}.checks .ok svg{color:var(--good)}.checks .no svg{color:var(--bad)}.explain{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-4) var(--space-3);margin:var(--space-3) 0}.explain h2,.explain h3{font-size:var(--fs-base)}.explain blockquote{margin:var(--space-2) 0;padding-left:var(--space-3);border-left:3px solid var(--accent);color:var(--muted)}.links{margin:var(--space-3) 0}.disclaimer{font-size:var(--fs-sm);color:var(--muted)}.disclaimer.subtle{text-align:center;margin-top:var(--space-4)}.result-disclaimer{font-weight:var(--fw-semibold)}.kbd-hints{margin:var(--space-2) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--muted);display:none}@media (hover:hover) and (pointer:fine){.kbd-hints{display:block}}@keyframes result-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.answer-bar{z-index:var(--z-answer);align-items:center;gap:var(--gap);margin:var(--space-5) calc(var(--pad-page) * -1) 0;padding:var(--space-3) var(--pad-page);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;position:sticky;bottom:0}.answer-bar.done{border-top:2px solid var(--tone)}.answer-bar .btn{flex:1}.answer-bar .btn.primary{flex:1.5}.answer-status{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--muted);flex:1;margin:0;display:flex}.answer-status.ready{color:var(--good);font-weight:var(--fw-semibold)}.answer-status.problem{color:var(--bad)}.onboarding-scrim{z-index:var(--z-modal);background:var(--scrim);animation:fade-in var(--dur-base) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.onboarding{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:min(520px,100%);max-height:100dvh;box-shadow:var(--elev-3);animation:sheet-in var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.ob-top{padding:var(--space-3) var(--space-4) 0;justify-content:space-between;align-items:center;display:flex}.ob-step{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-semibold);margin:0}.ob-body{padding:var(--space-3) var(--space-5);flex:1;min-height:340px;overflow-y:auto}.ob-body h2{margin:var(--space-3) 0 var(--space-2);font-size:var(--fs-xl);outline:none}.ob-body .lead{font-size:var(--fs-md);color:var(--muted);margin:0 0 var(--space-3)}.ob-hero{border-radius:var(--radius-lg);background:var(--accent);width:72px;height:72px;color:var(--accent-ink);box-shadow:var(--elev-2);place-items:center;display:inline-grid}.ob-note{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--info-soft);border:1px solid var(--border);display:flex}.ob-note p{font-size:var(--fs-sm);margin:0}.ob-free{font-size:var(--fs-sm)}.ob-how{margin:var(--space-3) 0;gap:var(--space-3);padding:0;list-style:none;display:grid}.ob-how li{gap:var(--space-3);align-items:flex-start;display:flex}.ob-how p{font-size:var(--fs-sm);margin:0}.ob-ico{border-radius:var(--radius-pill);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:inline-grid}.ob-levels{gap:var(--space-2);display:grid}.ob-level{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3);text-align:left;border-radius:var(--radius-md);border:2px solid var(--border);border-left:6px solid var(--lvl);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color var(--dur-base), background var(--dur-base);display:flex}.ob-level span:last-child{display:grid}.ob-level.on{border-color:var(--accent);border-left-color:var(--lvl);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface)}.ob-foot{justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--space-3) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex}.ob-dots{gap:var(--space-2);display:flex}.ob-dots span{background:var(--border-strong);width:8px;height:8px;transition:width var(--dur-base) var(--ease-out), background var(--dur-base);border-radius:50%}.ob-dots span.on{border-radius:var(--radius-pill);background:var(--accent);width:24px}.ob-actions{gap:var(--space-2);display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.toasts{left:50%;bottom:calc(var(--nav-h) + var(--space-3) + env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-2);width:min(440px, calc(100vw - var(--space-5)));pointer-events:none;display:grid;position:fixed;transform:translate(-50%)}.focus-mode .toasts{bottom:calc(96px + env(safe-area-inset-bottom))}.toast{pointer-events:auto;gap:var(--gap);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--surface);border:1px solid var(--accent);box-shadow:var(--shadow-pop);animation:toast-in var(--dur-slow) var(--ease-spring);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.toast-icon{width:44px;height:44px;font-size:var(--fs-xl);place-items:center;display:inline-grid;position:relative}.toast-text strong{display:block}.toast .icon-btn{width:var(--tap)}.toast.badge-unlock{background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface);border-width:2px}.badge-unlock .toast-icon{animation:icon-pop .7s var(--ease-spring)}.sparks{pointer-events:none;position:absolute;inset:0}.sparks i{background:var(--accent);width:6px;height:6px;animation:spark .9s var(--ease-out) forwards;border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}.sparks i:nth-child(3n){background:var(--warn)}.sparks i:nth-child(3n+1){background:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes icon-pop{0%{transform:scale(.2)rotate(-25deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:none}}@keyframes spark{0%{transform:rotate(var(--a)) translateY(-6px);opacity:1}to{transform:rotate(var(--a)) translateY(-34px) scale(.3);opacity:0}}.bar-row{margin:var(--space-3) 0}.bar{background:var(--surface-3);border-radius:var(--radius-pill);height:10px;overflow:hidden}.bar.big{height:14px}.bar .fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.bar .fill.good{background:var(--good-solid)}.bar .fill.warn{background:var(--warn)}.bar .fill[class*=lvl-]{background:var(--lvl)}.side-rank .bar{height:6px}.badges{margin:var(--space-2) 0 var(--space-4);gap:var(--gap-tight);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none;display:grid}.badge-card{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-size:var(--fs-sm);align-content:start;justify-items:start;display:grid}.badge-card .b-icon{border-radius:var(--radius-pill);background:var(--surface-2);width:40px;height:40px;font-size:var(--fs-xl);color:var(--muted);place-items:center;display:inline-grid}.badge-card.earned{border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface)}.badge-card.earned .b-icon{background:var(--accent-soft)}.badge-card.locked .b-icon{filter:grayscale()}.locked-badges{margin-top:var(--space-3)}.locked-badges>summary{cursor:pointer;min-height:var(--tap);color:var(--link);font-weight:var(--fw-semibold);align-items:center;display:flex}.session-list{gap:var(--space-2);margin:var(--space-4) 0;padding:0;list-style:none;display:grid}.session-list li{flex-direction:row;align-items:center}.review-item{gap:var(--space-1);display:grid}.mini{background:var(--surface-2);border-radius:var(--radius-sm);width:100%;height:72px}.mini .up line{stroke:var(--good)}.mini .up rect{fill:var(--good)}.mini .down line{stroke:var(--bad)}.mini .down rect{fill:var(--bad)}.mini line{stroke-width:1.2px}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.lesson{max-width:var(--max-read)}.lesson h2,.lesson h3{margin-top:var(--space-5)}.lesson blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-4);border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.lesson code,.explain code{background:var(--surface-2);padding:0 var(--space-1);border-radius:var(--radius-xs)}.lesson ul,.lesson ol,.explain ul,.explain ol{padding-left:var(--space-5)}.legal{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font:var(--fs-xs)/1.5 var(--font-mono);max-height:60vh;overflow:auto}.legal:focus-visible{outline-offset:-3px}.guide-toc{max-width:var(--max-read);margin-bottom:var(--space-4)}.guide-toc summary{cursor:pointer;min-height:var(--tap);font-weight:var(--fw-bold);font-size:var(--fs-md);align-items:center;display:flex}.guide-toc ol,.guide-toc ul{margin:0;padding:0;list-style:none}.guide-toc ol>li{margin-top:var(--space-2)}.guide-toc ul{padding-left:var(--space-3);border-left:2px solid var(--border);margin:var(--space-1) 0 0 var(--space-1)}.guide-toc a{min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-sm);align-items:center;display:flex}.guide-toc summary:after{content:"Show";font-weight:var(--fw-regular);font-size:var(--fs-sm);color:var(--muted);margin-left:auto}.guide-toc[open] summary:after{content:"Hide"}@media (width>=700px){.guide-toc ul{columns:2;column-gap:var(--space-4)}.guide-toc li{break-inside:avoid}}.guide-toc a.part{font-weight:var(--fw-bold);color:var(--text)}.guide-toc a:hover{background:var(--surface-2)}.guide{max-width:var(--max-read)}.guide h2,.guide h3,.guide h4{scroll-margin-top:calc(var(--tap) + var(--space-4))}.guide h2.guide-part{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.guide h3{font-size:var(--fs-lg);margin-top:var(--space-5)}.guide h4{font-size:var(--fs-md);margin:var(--space-4) 0 var(--space-1)}.guide ul,.guide ol{padding-left:var(--space-5)}.guide li{margin:var(--space-1) 0}.guide code{background:var(--surface-2);padding:0 var(--space-1);border-radius:var(--radius-xs);overflow-wrap:anywhere}.guide .guide-note{margin:var(--space-3) 0;padding:var(--space-1) var(--space-4);border-left:4px solid var(--accent);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.guide .guide-note p{margin:var(--space-2) 0}.guide pre.guide-code{margin:var(--space-3) 0;padding:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font:var(--fs-xs)/1.5 var(--font-mono);overflow:auto}.guide pre.guide-code code{overflow-wrap:normal;background:0 0;padding:0}.guide .guide-table{margin:var(--space-3) 0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.guide .guide-table table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.guide .guide-table th,.guide .guide-table td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border-bottom:1px solid var(--border)}.guide .guide-table thead th{background:var(--surface-2)}.guide .guide-table tr:last-child>*{border-bottom:0}.guide .guide-table tbody th{font-weight:var(--fw-semibold)}.guide-figs{justify-content:center;align-items:flex-start;gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.guide-fig{text-align:center;margin:0}.guide-fig img{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);max-width:100%;height:auto;display:block}.guide-fig.phone{flex:0 220px}.guide-figs.single .guide-fig.phone{flex-basis:260px}.guide-fig.wide{flex:100%}.guide-fig figcaption{margin-top:var(--space-1);font-size:var(--fs-xs);color:var(--muted)}.ob-guide{margin:var(--space-3) 0 0;font-size:var(--fs-sm)}.ob-guide a{min-height:var(--tap);align-items:center;display:inline-flex}.licences{max-width:var(--max-read)}.draw-layer{touch-action:none;cursor:crosshair;z-index:3;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.draw-layer.idle{touch-action:pan-y pinch-zoom;cursor:pointer}.draw-layer.idle .draw-handle{opacity:.55}.draw-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--surface-2);border-bottom:1px solid var(--border);margin:0;display:flex}.draw-toggle{min-height:var(--tap);padding:var(--space-1) var(--space-3);white-space:nowrap}.draw-toolbar-hint{font-size:var(--fs-xs);line-height:var(--lh-snug)}.draw-handle{background:var(--warn);border:3px solid var(--handle-ring);width:22px;height:22px;box-shadow:var(--shadow-handle);pointer-events:none;border-radius:50%;margin:-11px 0 0 -11px;position:absolute}.draw-handle:after{content:"";border:1px dashed var(--warn);border-radius:50%;position:absolute;inset:-12px}.draw-layer.dragging .draw-handle{transform:scale(1.15)}.legend{gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 0;font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:var(--space-2);display:inline-flex}.legend .sw{border-radius:2px;width:18px;height:4px;display:inline-block}.ctx-chart{margin-top:var(--space-3)}.ctx-chart h3{font-size:var(--fs-sm);color:var(--muted);font-weight:var(--fw-semibold);margin:0 0 var(--space-1)}.reveal-controls{margin:var(--space-2) 0}.modal-back{z-index:var(--z-modal);background:var(--scrim);padding:var(--space-3);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.modal{width:min(560px,100%);max-height:calc(100dvh - var(--space-5));gap:var(--gap);box-shadow:var(--shadow-pop);display:grid;overflow:auto}.modal h2{margin:0}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border)}.radio-group{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3);gap:var(--space-2);display:grid}.radio-group label{gap:var(--space-2);min-height:var(--tap);align-items:flex-start;display:flex}.coach{margin:var(--space-3) 0}.coach-reply{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-4) var(--space-3)}.coach-reply h3{font-size:var(--fs-base)}.side-foot{gap:var(--space-3);margin-top:auto;display:grid}@media (width>=640px){h1{font-size:var(--fs-2xl)}.quiz h1{font-size:var(--fs-xl)}.grid{grid-template-columns:repeat(2,1fr)}.levels{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:auto 1fr;align-items:center}.filters input[type=search]{grid-column:1/-1}.hero{padding:var(--space-6)}.hero h1{font-size:var(--fs-3xl)}.onboarding-scrim{padding:var(--space-4);align-items:center}.onboarding{border-radius:var(--radius-xl);max-height:min(720px, 100dvh - var(--space-5))}}@media (width>=900px){.app{grid-template-columns:var(--side-w) minmax(0, 1fr);display:grid}.sidenav{gap:var(--space-4);height:100dvh;padding:var(--space-4) var(--space-3);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidenav ul{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.sidenav nav a{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--muted);font-weight:var(--fw-semibold);transition:background var(--dur-base), color var(--dur-base);text-decoration:none;display:flex;position:relative}.sidenav nav a:hover{background:var(--surface-2);color:var(--text)}.sidenav nav a.active{background:var(--accent-soft);color:var(--accent)}.sidenav nav a.active:before{content:"";left:calc(var(--space-1) * -1 - 1px);background:var(--accent);border-radius:2px;width:3px;position:absolute;top:10px;bottom:10px}.side-rank{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);text-decoration:none;display:grid}.appbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;justify-content:flex-end;position:static}.appbar .brand,.appbar .icon-btn,.tabbar{display:none}.main{padding:var(--space-2) var(--space-6) var(--space-7)}.footer{padding-bottom:var(--space-5)}.toasts{bottom:var(--space-5)}.focus-mode .toasts{bottom:96px}.focus-mode .appbar{display:flex}.grid{grid-template-columns:repeat(3,1fr)}.hero h1{max-width:20ch}.quiz{max-width:860px;margin:0 auto}.quiz-bar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;margin-inline:0;padding-inline:0}.answer-bar{bottom:var(--space-3);padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-2);margin-inline:0}.answer-bar.done{border:2px solid var(--tone)}.answer-bar .btn{flex:0 auto;min-width:150px}.answer-bar .btn.primary{flex:0 auto}.answer-status{justify-content:flex-start}.lesson{margin:0 auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.sparks,.verdict-burst{display:none}.skeleton{animation:none}}