@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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.3i9rha7jpxn0q.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.2o7ko1d-5m1xu.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.1ee5w62fj497l.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.1way2z9fj6cig.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.0szrwpqb9mkwe.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.45535valc9rzk.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.3bz3aq452sydg.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.2sb9jzhmrh7ny.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.343obqi851wr5.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.40kcwrf1wub16.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.200l3jur7oygh.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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.269kn9uafm0ti.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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_f9a2eef1-module__sK0caG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_f9a2eef1-module__sK0caG__variable{--font-mono-face:"JetBrains Mono", "JetBrains Mono Fallback"}
*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.55}img,picture,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.021em;font-weight:600;line-height:1.15}p{text-wrap:pretty}ul,ol{padding:0;list-style:none}:root{--bg:#fbfbfa;--bg-sunken:#f2f2f0;--surface:#fff;--surface-2:#f7f7f5;--surface-3:#eeeeeb;--border:#e2e2dd;--border-strong:#cfcfc8;--text:#14151a;--text-muted:#5c5f6b;--text-subtle:#686b77;--text-inverse:#fbfbfa;--accent:#a25a00;--accent-hover:#874a00;--accent-soft:#fdf1dd;--accent-border:#f0d5a8;--on-accent:#fff;--correct:#1f7a4d;--correct-soft:#e6f4ec;--error:#c02a35;--error-soft:#fdeaec;--warn:#9a6700;--info:#1f5fa8;--type-pending:#686b78;--type-correct:#14151a;--type-error:#c02a35;--type-error-bg:#fbdde0;--type-corrected:#8a5c00;--caret:#a25a00;--shadow-sm:0 1px 2px #14151a0f;--shadow-md:0 4px 16px -4px #14151a1a, 0 1px 2px #14151a0d;--shadow-lg:0 24px 48px -12px #14151a29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=contrast]){--bg:#0d0e12;--bg-sunken:#08090c;--surface:#14161c;--surface-2:#1a1d24;--surface-3:#22262f;--border:#262a34;--border-strong:#363b48;--text:#edeef2;--text-muted:#9ba1b0;--text-subtle:#868d9b;--text-inverse:#0d0e12;--accent:#f0ad3c;--accent-hover:#ffc25c;--accent-soft:#2a2010;--accent-border:#4a3818;--on-accent:#14100a;--correct:#4ade80;--correct-soft:#12251a;--error:#ff6b76;--error-soft:#2c1418;--warn:#f0ad3c;--info:#6bb0ff;--type-pending:#898e9e;--type-correct:#edeef2;--type-error:#ff6b76;--type-error-bg:#3a171c;--type-corrected:#f0ad3c;--caret:#f0ad3c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px -4px #00000080, 0 1px 2px #0006;--shadow-lg:0 24px 48px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d0e12;--bg-sunken:#08090c;--surface:#14161c;--surface-2:#1a1d24;--surface-3:#22262f;--border:#262a34;--border-strong:#363b48;--text:#edeef2;--text-muted:#9ba1b0;--text-subtle:#868d9b;--text-inverse:#0d0e12;--accent:#f0ad3c;--accent-hover:#ffc25c;--accent-soft:#2a2010;--accent-border:#4a3818;--on-accent:#14100a;--correct:#4ade80;--correct-soft:#12251a;--error:#ff6b76;--error-soft:#2c1418;--warn:#f0ad3c;--info:#6bb0ff;--type-pending:#898e9e;--type-correct:#edeef2;--type-error:#ff6b76;--type-error-bg:#3a171c;--type-corrected:#f0ad3c;--caret:#f0ad3c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px -4px #00000080, 0 1px 2px #0006;--shadow-lg:0 24px 48px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=focus]{--bg:#000;--bg-sunken:#000;--surface:#0a0a0c;--surface-2:#0f0f12;--surface-3:#16161a;--border:#1c1c21;--border-strong:#2a2a31;--text:#e8e8ea;--text-muted:#80828b;--text-subtle:#82848b;--text-inverse:#000;--accent:#f0ad3c;--accent-hover:#ffc25c;--accent-soft:#211a0d;--accent-border:#3d2f14;--on-accent:#14100a;--correct:#6ee79c;--correct-soft:#0e1f14;--error:#ff6b76;--error-soft:#241013;--warn:#f0ad3c;--info:#6bb0ff;--type-pending:#82848c;--type-correct:#fff;--type-error:#ff6b76;--type-error-bg:#2e1216;--type-corrected:#f0ad3c;--caret:#f0ad3c;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=focus] .chrome-dim{transition:color .25s,border-color .25s}:root[data-theme=focus] .site-header.chrome-dim{background:0 0;border-bottom-color:#0000}:root[data-theme=focus] .chrome-dim .nav a,:root[data-theme=focus] .chrome-dim .brand{color:var(--text-subtle)}:root[data-theme=focus] .chrome-dim:hover .nav a,:root[data-theme=focus] .chrome-dim:hover .brand,:root[data-theme=focus] .chrome-dim:focus-within .nav a,:root[data-theme=focus] .chrome-dim:focus-within .brand{color:var(--text)}:root[data-theme=focus] .chrome-dim:hover,:root[data-theme=focus] .chrome-dim:focus-within{border-bottom-color:var(--border)}:root[data-theme=contrast]{--bg:#000;--bg-sunken:#000;--surface:#000;--surface-2:#0a0a0a;--surface-3:#141414;--border:#fff;--border-strong:#fff;--text:#fff;--text-muted:#f0f0f0;--text-subtle:#d8d8d8;--text-inverse:#000;--accent:#ffd24a;--accent-hover:#ffe17a;--accent-soft:#241d05;--accent-border:#ffd24a;--on-accent:#000;--correct:#5cff9d;--correct-soft:#002d13;--error:#ff8f99;--error-soft:#3d0009;--warn:#ffd24a;--info:#8fc7ff;--type-pending:#9a9a9a;--type-correct:#fff;--type-error:#ff8f99;--type-error-bg:#4d000c;--type-corrected:#ffd24a;--caret:#ffd24a;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=contrast] .card,:root[data-theme=contrast] .btn,:root[data-theme=contrast] .panel{border-width:2px}:root{--font-sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:var(--font-mono-face), ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;--step--1:clamp(.79rem, .77rem + .09vw, .84rem);--step-0:clamp(.95rem, .92rem + .13vw, 1rem);--step-1:clamp(1.13rem, 1.08rem + .24vw, 1.27rem);--step-2:clamp(1.35rem, 1.26rem + .42vw, 1.6rem);--step-3:clamp(1.62rem, 1.47rem + .68vw, 2.03rem);--step-4:clamp(1.94rem, 1.71rem + 1.06vw, 2.57rem);--step-5:clamp(2.33rem, 1.97rem + 1.6vw, 3.25rem);--step-6:clamp(2.79rem, 2.26rem + 2.35vw, 4.11rem);--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;--space-9:6rem;--radius-sm:5px;--radius:9px;--radius-lg:14px;--radius-pill:999px;--measure:68ch;--page-max:1180px;--ease:cubic-bezier(.22, .61, .36, 1)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);font-feature-settings:"cv02", "cv03", "cv04", "ss01"}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.focus-custom:focus-visible{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-4);z-index:200;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--on-accent);border-radius:var(--radius);transition:transform .18s var(--ease);font-weight:600;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.page{width:100%;max-width:var(--page-max);padding-inline:var(--space-5);margin-inline:auto}@media (max-width:640px){.page{padding-inline:var(--space-4)}}.stack>*+*{margin-top:var(--flow,var(--space-4))}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.measure{max-width:var(--measure)}.eyebrow{font-size:var(--step--1);letter-spacing:.09em;text-transform:uppercase;color:var(--text-subtle);font-weight:600;font-family:var(--font-mono)}.display{font-size:var(--step-6);letter-spacing:-.035em;line-height:1.02}.h1{font-size:var(--step-5);letter-spacing:-.03em}.h2{font-size:var(--step-3)}.h3{font-size:var(--step-2)}.h4{font-size:var(--step-1)}.lead{font-size:var(--step-1);color:var(--text-muted);line-height:1.55}.small{font-size:var(--step--1)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);font-weight:550;font-size:var(--step-0);white-space:nowrap;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease), transform .1s var(--ease);border:1px solid #0000;min-height:44px;padding:.65em 1.15em;line-height:1.2;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-subtle)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-lg{font-size:var(--step-1);min-height:52px;padding:.85em 1.6em}.btn-sm{font-size:var(--step--1);min-height:36px;padding:.45em .8em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card-tight{padding:var(--space-4)}.panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.divider{background:var(--border);border:0;height:1px}.tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--step--1);background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border);padding:.2em .6em;font-weight:550;display:inline-flex}.tag-accent{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.tag-good{background:var(--correct-soft);color:var(--correct);border-color:#0000}.tag-bad{background:var(--error-soft);color:var(--error);border-color:#0000}.field{gap:var(--space-2);display:grid}.label{font-size:var(--step--1);color:var(--text);font-weight:600}.input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;color:var(--text);min-height:44px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:.7em .85em}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input[aria-invalid=true]{border-color:var(--error)}.hint{font-size:var(--step--1);color:var(--text-muted)}.error-text{font-size:var(--step--1);color:var(--error);font-weight:550}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-sm);font-size:var(--step--1);color:var(--text-muted);min-height:34px;transition:background-color .14s var(--ease), color .14s var(--ease);padding:.4em .8em;font-weight:550}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{gap:2px;display:grid}.stat-value{font-size:var(--step-4);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stat-label{font-size:var(--step--1);color:var(--text-muted);font-weight:500}.stat-unit{color:var(--text-subtle);letter-spacing:0;margin-left:.15em;font-size:.5em;font-weight:550}.meter{background:var(--surface-3);border-radius:var(--radius-pill);height:8px;overflow:hidden}.meter-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .5s var(--ease)}.meter-track{gap:var(--space-2);display:grid}.blocks{gap:3px;display:flex}.blocks span{background:var(--surface-3);border-radius:2px;flex:1;height:10px}.blocks span[data-on=true]{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:3px solid var(--bg)}::-webkit-scrollbar-track{background:0 0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rise{animation:rise .4s var(--ease) both}.fade{animation:fade .3s var(--ease) both}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);color:#0000;background-size:200% 100%;animation:1.4s linear infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--surface-2);animation:none}}.grid-2{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.between{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.section{padding-block:var(--space-9)}@media (max-width:640px){.section{padding-block:var(--space-7)}}.scroll-x{overscroll-behavior-x:contain;overflow-x:auto}.scroll-x:focus-visible,pre[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border)}th{font-size:var(--step--1);color:var(--text-muted);white-space:nowrap;font-weight:600}code{font-family:var(--font-mono);background:var(--surface-3);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}
.typing-stage{gap:var(--space-5);--type-font-size:clamp(1.15rem, .95rem + 1vw, 1.6rem);--type-line-factor:2.1;--type-lines:3;display:grid;position:relative}.typing-stage[data-code=true]{--type-font-size:clamp(.95rem, .85rem + .5vw, 1.2rem);--type-line-factor:1.85;--type-lines:7}.typing-stage>*{min-width:0}.hud{align-items:baseline;gap:var(--space-6);flex-wrap:wrap;min-height:44px;display:flex}.hud-item{align-items:baseline;gap:var(--space-2);display:flex}.hud-value{font-family:var(--font-mono);font-size:var(--step-3);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-weight:600;line-height:1}.hud-value[data-primary=true]{color:var(--accent);font-size:var(--step-4)}.hud-label{font-size:var(--step--1);color:var(--text-subtle);letter-spacing:.04em;text-transform:uppercase;font-weight:550}.hud-progress{flex:120px;min-width:100px}@media (max-width:560px){.hud{gap:var(--space-4)}.hud-progress{flex:1 0 100%;min-width:0}}.typing-surface{border-radius:var(--radius-lg);cursor:text;outline:none;position:relative}.typing-viewport{max-width:100%;height:calc(var(--type-font-size) * var(--type-line-factor) * var(--type-lines));position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.typing-scroll{will-change:transform;transition:transform .18s var(--ease)}@media (prefers-reduced-motion:reduce){.typing-scroll{transition:none}}.typing-text{font-family:var(--font-mono);font-size:var(--type-font-size);line-height:var(--type-line-factor);letter-spacing:.005em;color:var(--type-pending);font-variant-ligatures:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;overflow-wrap:normal;word-break:normal}.w{display:inline}.c{color:var(--type-pending);position:relative}.c[data-s="1"]{color:var(--type-correct)}.c[data-s="2"]{color:var(--type-error);background:var(--type-error-bg);border-radius:2px}.c[data-s="3"]{color:var(--type-correct);text-decoration:underline;-webkit-text-decoration-color:var(--type-corrected);text-decoration-color:var(--type-corrected);text-underline-offset:4px;text-decoration-thickness:2px}.c[data-s="2"][data-space=true]:after{content:"";background:var(--type-error);opacity:.55;border-radius:1px;position:absolute;inset:35% 8%}.c[data-caret=true]:before{content:"";background:var(--caret);border-radius:1px;width:2px;animation:1.1s steps(2,start) infinite caret-blink;position:absolute;top:.1em;bottom:.1em;left:-1px}.typing-text[data-done=true] .c[data-caret=true]:before{display:none}@keyframes caret-blink{50%{opacity:0}}.typing-surface[data-typing=true] .c[data-caret=true]:before{animation:none}@media (prefers-reduced-motion:reduce){.c[data-caret=true]:before{animation:none}}.typing-viewport[data-code=true]{overscroll-behavior-x:contain;overflow:auto hidden}.typing-text[data-code=true]{white-space:pre}.typing-text[data-code=true] .w{white-space:pre;display:inline}.code-line{min-height:calc(var(--type-font-size) * var(--type-line-factor));display:block}.c[data-newline=true]:after{content:"↵";color:var(--type-pending);opacity:.35;padding-left:.35em}.c[data-newline=true][data-s="1"]:after,.c[data-newline=true][data-s="3"]:after{color:var(--correct);opacity:.5}.c[data-newline=true][data-s="2"]:after{color:var(--type-error);opacity:1}.typing-overlay{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--radius-lg);z-index:5;text-align:center;padding:var(--space-5);place-items:center;display:grid;position:absolute;inset:0}.typing-overlay p{color:var(--text-muted);max-width:44ch}.typing-hint{align-items:center;gap:var(--space-2);color:var(--text-subtle);font-size:var(--step--1);justify-content:center;display:flex}kbd{font-family:var(--font-mono);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;border-bottom-width:2px;padding:.15em .45em;font-size:.85em}.typing-input{opacity:0;resize:none;cursor:text;z-index:4;caret-color:#0000;color:#0000;background:0 0;border:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.keyboard-scroll{overscroll-behavior-x:contain;max-width:100%;padding-bottom:2px;overflow-x:auto}.keyboard-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-lg)}.keyboard{--key-unit:clamp(24px, 5.4vw, 46px);--key-gap:clamp(2px, .45vw, 5px);gap:var(--key-gap);padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin-inline:auto;display:grid}.keyboard-row{gap:var(--key-gap);display:flex}.key{height:var(--key-unit);width:calc(var(--key-unit) * var(--w,1) + var(--key-gap) * (var(--w,1) - 1));border-radius:calc(var(--key-unit) * .16);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);font-size:calc(var(--key-unit) * .36);transition:border-color .12s var(--ease);border-bottom-width:2px;justify-content:center;align-items:center;font-weight:550;display:flex;position:relative}.key[data-wide=true]{font-size:calc(var(--key-unit) * .26);color:var(--text-subtle)}.key[data-homing=true]:after{content:"";background:var(--text-subtle);opacity:.7;border-radius:1px;width:34%;height:2px;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.key[data-next=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);z-index:1}.key[data-modifier=true]{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.key[data-pressed=true]{background:var(--surface-3)}.key[data-error=true]{background:var(--error);border-color:var(--error);color:#fff}.key[data-heat]{background:color-mix(in srgb, var(--error) calc(var(--heat) * 1%), var(--surface))}.key[data-heat-good]{background:color-mix(in srgb, var(--correct) calc(var(--heat) * 1%), var(--surface))}.key[data-finger]{--f:var(--text-subtle)}.keyboard[data-fingers=true] .key[data-finger]:before{content:"";background:var(--f);opacity:.85;border-radius:2px;height:3px;position:absolute;top:8%;left:12%;right:12%}.key[data-finger=left-pinky],.key[data-finger=right-pinky]{--f:#e0603f}.key[data-finger=left-ring],.key[data-finger=right-ring]{--f:#d99a1e}.key[data-finger=left-middle],.key[data-finger=right-middle]{--f:#3fa86a}.key[data-finger=left-index],.key[data-finger=right-index]{--f:#4784d4}.key[data-finger=right-thumb],.key[data-finger=left-thumb]{--f:#9166cc}.finger-legend{gap:var(--space-4);font-size:var(--step--1);color:var(--text-muted);flex-wrap:wrap;justify-content:center;display:flex}.finger-legend span{align-items:center;gap:var(--space-2);display:inline-flex}.finger-swatch{border-radius:2px;width:14px;height:4px;display:inline-block}.hands{justify-content:center;gap:var(--space-5);font-size:var(--step--1);color:var(--text-subtle);display:flex}.hand[data-active=true]{color:var(--accent);font-weight:600}@media (max-width:720px){.keyboard{--key-unit:clamp(20px, 7.2vw, 34px)}}@media (max-width:460px){.keyboard-wrap[data-optional=true]{display:none}}
.site-header{z-index:60;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{align-items:center;gap:var(--space-5);flex-wrap:nowrap;height:62px;display:flex}@media (max-width:560px){.site-header-inner{gap:var(--space-3)}.header-login{display:none}.brand span{font-size:var(--step-0)}}.brand{align-items:center;gap:var(--space-3);font-weight:650;font-size:var(--step-1);letter-spacing:-.03em;white-space:nowrap;flex-shrink:0;display:inline-flex}.brand-mark{flex-shrink:0;width:26px;height:26px}.nav{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.nav a{border-radius:var(--radius-sm);font-size:var(--step--1);color:var(--text-muted);transition:color .14s var(--ease), background-color .14s var(--ease);padding:.45em .7em;font-weight:550}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.nav-primary{align-items:center;gap:var(--space-1);display:flex}@media (max-width:900px){.nav-primary{display:none}}.mobile-nav-toggle{display:none}@media (max-width:900px){.mobile-nav-toggle{display:inline-flex}}.mobile-nav{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-3) 0 var(--space-4)}.mobile-nav a{padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:var(--text-muted);font-weight:550;display:block}.mobile-nav a:hover{background:var(--surface-2);color:var(--text)}.site-footer{border-top:1px solid var(--border);margin-top:var(--space-9);padding-block:var(--space-7) var(--space-6);background:var(--bg-sunken)}.footer-grid{gap:var(--space-6);grid-template-columns:1.6fr repeat(3,1fr);display:grid}@media (max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-heading{font-size:var(--step--1);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--space-3);font-weight:650}.footer-links{gap:var(--space-2);display:grid}.footer-links a{color:var(--text-muted);font-size:var(--step--1)}.footer-links a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.hero{padding-block:clamp(3rem,7vw,6rem) clamp(2rem,5vw,4rem);position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse 60% 100% at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);pointer-events:none;z-index:-1;height:520px;position:absolute;inset:-20% -10% auto}.hero-title{font-size:var(--step-6);letter-spacing:-.04em;max-width:16ch;line-height:1.02}.hero-sub{font-size:var(--step-1);color:var(--text-muted);max-width:54ch;margin-top:var(--space-4)}.hero-cta{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-note{margin-top:var(--space-4);font-size:var(--step--1);color:var(--text-subtle);align-items:center;gap:var(--space-2);display:flex}.section-head{max-width:62ch;margin-bottom:var(--space-6)}.section-head .eyebrow{margin-bottom:var(--space-3);display:block}.feature{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color .18s var(--ease), transform .18s var(--ease);display:grid}.feature:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border:1px solid var(--accent-border);place-items:center;display:grid}.ladder{counter-reset:rung;gap:2px;display:grid}.ladder li{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);grid-template-columns:3rem 1fr auto;display:grid}.ladder li:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ladder li:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ladder li+li{border-top:none}.ladder-index{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-subtle);font-variant-numeric:tabular-nums}.ladder-title{font-weight:600}.ladder-desc{color:var(--text-muted);font-size:var(--step--1)}.tier{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);align-content:start;display:grid}.tier[data-featured=true]{border-color:var(--accent-border);box-shadow:var(--shadow-md);position:relative}.tier ul{gap:var(--space-2);font-size:var(--step--1);color:var(--text-muted);display:grid}.tier li{gap:var(--space-2);grid-template-columns:18px 1fr;align-items:start;display:grid}.tier li svg{color:var(--correct);margin-top:.25em}.tier li[data-off=true],.tier li[data-off=true] svg{color:var(--text-subtle)}.app-shell{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:232px 1fr;align-items:start;display:grid}@media (max-width:940px){.app-shell{grid-template-columns:1fr}}.side-nav{gap:var(--space-1);display:grid;position:sticky;top:78px}@media (max-width:940px){.side-nav{padding-bottom:var(--space-2);grid-auto-columns:max-content;grid-auto-flow:column;position:static;overflow-x:auto}}.side-nav a{align-items:center;gap:var(--space-3);border-radius:var(--radius);color:var(--text-muted);font-size:var(--step--1);white-space:nowrap;padding:.6em .75em;font-weight:550;display:flex}.side-nav a:hover{background:var(--surface-2);color:var(--text)}.side-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.page-title{gap:var(--space-2);margin-bottom:var(--space-6);display:grid}.chart{width:100%;height:auto;display:block;overflow:visible}.chart-grid line{stroke:var(--border);stroke-width:1px}.chart-axis{fill:var(--text-subtle);font-size:10px;font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-line-2{fill:none;stroke:var(--text-subtle);stroke-width:1.5px;stroke-dasharray:3 3;stroke-linecap:round}.chart-area{fill:var(--accent);opacity:.1}.chart-dot{fill:var(--error)}.chart-empty{min-height:160px;color:var(--text-subtle);font-size:var(--step--1);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;padding:var(--space-5);place-items:center;display:grid}.bar-row{grid-template-columns:var(--bar-label-w,3.2rem) 1fr 3.6rem;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:grid}.bar-key{font-family:var(--font-mono);font-weight:600;font-size:var(--step-0);border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid var(--border);white-space:nowrap;justify-content:center;align-items:center;height:30px;padding-inline:.4em;display:inline-flex;overflow:hidden}.bar-row[data-text=true] .bar-key{font-family:var(--font-sans);font-weight:550;font-size:var(--step--1);background:0 0;border-color:#0000;justify-content:flex-start;padding-inline:0}.bar-track{background:var(--surface-3);border-radius:var(--radius-pill);height:8px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--correct);height:100%}.bar-fill[data-weak=true]{background:var(--error)}.bar-fill[data-mid=true]{background:var(--warn)}.bar-value{font-family:var(--font-mono);font-size:var(--step--1);text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.result-hero{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;display:grid}@media (max-width:820px){.result-hero{grid-template-columns:1fr}}.result-score{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(4rem,14vw,7.5rem);font-weight:650;line-height:.9}.verdict{gap:var(--space-3);display:grid}.verdict-item{gap:var(--space-3);grid-template-columns:20px 1fr;align-items:start;display:grid}.verdict-item svg{margin-top:.3em}.verdict-good svg{color:var(--correct)}.verdict-bad svg{color:var(--warn)}.coach{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--accent-border);background:var(--accent-soft);display:grid}.coach-evidence{gap:var(--space-2);font-size:var(--step--1);color:var(--text-muted);display:grid}.coach-evidence li{gap:var(--space-2);grid-template-columns:14px 1fr;display:grid}.coach-evidence li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-top:.55em}.lesson-steps{gap:var(--space-2);flex-wrap:wrap;display:flex}.step-pip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--step--1);color:var(--text-muted);padding:.35em .7em;display:inline-flex}.step-pip[data-state=active]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}.step-pip[data-state=done]{color:var(--correct);background:var(--correct-soft);border-color:#0000}.teach{gap:var(--space-3);border-left:3px solid var(--accent);padding-left:var(--space-4);color:var(--text-muted);max-width:var(--measure);display:grid}.empty-state{gap:var(--space-4);text-align:center;padding:var(--space-8) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);justify-items:center;display:grid}.banner{gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--accent-border);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.banner-error{border-color:var(--error);background:var(--error-soft)}.toast{left:50%;bottom:var(--space-5);z-index:100;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);font-size:var(--step--1);align-items:center;gap:var(--space-3);max-width:calc(100vw - 2rem);font-weight:550;display:flex;position:fixed;transform:translate(-50%)}.auth-shell{max-width:420px;padding-block:var(--space-8);margin-inline:auto}.menu{z-index:80;min-width:232px;max-width:min(300px, calc(100vw - var(--space-5) * 2));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px)}.menu-right{right:0}.menu-anchor{position:relative}@media (max-width:560px){.menu-anchor{position:static}.menu-right{right:var(--space-4)}}.menu>*{min-width:0}.menu-option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-muted);white-space:normal;transition:background-color .14s var(--ease), color .14s var(--ease);gap:1px;padding:8px 10px;display:grid}.menu-option:hover,.menu-option[aria-checked=true]{background:var(--surface-2);color:var(--text)}.menu-option-label{align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--step-0);display:flex}.menu-option-hint{font-size:var(--step--1);color:var(--text-subtle);font-weight:400;line-height:1.4}.rank-chip{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--border);font-size:var(--step--1);letter-spacing:.02em;padding:.3em .8em;font-weight:600;display:inline-flex}.achievement{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);grid-template-columns:40px 1fr;align-items:start;display:grid}.achievement[data-earned=false]{background:var(--bg-sunken);border-style:dashed}.achievement-badge{border-radius:var(--radius-sm);background:var(--surface-3);width:40px;height:40px;color:var(--text-subtle);border:1px solid var(--border);place-items:center;display:grid}.achievement[data-earned=true] .achievement-badge{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}@media print{.site-header,.site-footer,.no-print{display:none!important}body{color:#000;background:#fff}}.btn-provider{background:var(--surface);border-color:var(--border-strong);width:100%;color:var(--text)}.btn-provider:hover:not(:disabled){background:var(--surface-2);border-color:var(--text-muted)}.divider-or{align-items:center;gap:var(--space-3);color:var(--text-subtle);font-size:var(--step--1);display:flex}.divider-or:before,.divider-or:after{content:"";background:var(--border);flex:1;height:1px}.otp{border:0;min-width:0;margin:0;padding:0}.otp-boxes{gap:var(--space-2);margin-top:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.otp-box{text-align:center;width:100%;min-width:0;font-family:var(--font-mono);font-size:var(--step-2);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);min-height:56px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);padding:.5em 0;font-weight:600}.otp-box:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.otp-box[aria-invalid=true]{border-color:var(--error)}.otp:disabled .otp-box{color:var(--text-muted);background:var(--surface-2)}