:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#f1efe9;--surface-3:#e8e5dc;--text:#1b1d22;--text-muted:#5b6069;--text-faint:#80858e;--border:#d9d6cd;--border-strong:#b9b5a9;--primary:#1f3b73;--primary-hover:#16305f;--primary-ink:#fff;--primary-soft:#e6ecf7;--ok:#1d6f42;--ok-soft:#e3f2e8;--warn:#8a5a08;--warn-soft:#fbf0dc;--error:#a32a2a;--error-soft:#fbe6e4;--focus:#0b63ce;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1b1d220f, 0 8px 24px #1b1d220f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--measure:68ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#15171b;--surface:#1d2025;--surface-2:#23262c;--surface-3:#2c3037;--text:#f0f1f3;--text-muted:#a9aeb7;--text-faint:#868c96;--border:#343941;--border-strong:#4a515b;--primary:#9cc0ff;--primary-hover:#b6d1ff;--primary-ink:#11213d;--primary-soft:#1e2a40;--ok:#6cd39a;--ok-soft:#182d22;--warn:#e5b562;--warn-soft:#2e2617;--error:#ff9c94;--error-soft:#331d1c;--focus:#7fb0ff;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}}:root[data-theme=dark]{--bg:#15171b;--surface:#1d2025;--surface-2:#23262c;--surface-3:#2c3037;--text:#f0f1f3;--text-muted:#a9aeb7;--text-faint:#868c96;--border:#343941;--border-strong:#4a515b;--primary:#9cc0ff;--primary-hover:#b6d1ff;--primary-ink:#11213d;--primary-soft:#1e2a40;--ok:#6cd39a;--ok-soft:#182d22;--warn:#e5b562;--warn-soft:#2e2617;--error:#ff9c94;--error-soft:#331d1c;--focus:#7fb0ff;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}html[data-text-scale=large]{font-size:112.5%}html[data-text-scale=larger]{font-size:125%}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;margin:0 0 .5rem;font-weight:650;line-height:1.2}h1{font-size:1.9rem}h2{font-size:1.35rem}h3{font-size:1.1rem}p{max-width:var(--measure);margin:0 0 1rem}a{color:var(--primary);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--primary-hover)}ul,ol{padding-left:1.2rem}small{font-size:.85rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.skip-link{background:var(--surface);color:var(--text);z-index:50;border:1px solid var(--border);border-radius:0 0 var(--radius-sm) 0;padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.app{flex-direction:column;min-height:100%;display:flex}.app-header{border-bottom:1px solid var(--border);background:var(--surface)}.app-header__inner,.app-main,.app-footer__inner{width:100%;max-width:1040px;margin:0 auto;padding:0 1.25rem}.app-header__inner{flex-wrap:wrap;align-items:center;gap:1rem;min-height:62px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{background:var(--primary);width:26px;height:26px;color:var(--primary-ink);border-radius:7px;place-items:center;font-size:.8rem;font-weight:700;display:grid}.nav{flex-wrap:wrap;gap:.25rem;margin-left:auto;display:flex}.nav a{border-radius:var(--radius-sm);color:var(--text-muted);padding:.4rem .65rem;font-size:.93rem;font-weight:550;text-decoration:none}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.app-main{flex:1;padding-top:1.75rem;padding-bottom:3rem}.app-main--narrow{max-width:760px}.app-main--wide{max-width:1160px}.app-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.85rem}.app-footer__inner{flex-wrap:wrap;gap:1rem;padding-top:1rem;padding-bottom:1.5rem;display:flex}.stack{flex-direction:column;gap:1.25rem;display:flex}.stack--tight{gap:.6rem}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row--between{justify-content:space-between}.grid{gap:1rem;display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card--raised{box-shadow:var(--shadow)}.card--plain{background:0 0;border-style:dashed}.card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.4rem;font-size:.82rem;font-weight:650}.btn{appearance:none;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-height:44px;padding:.6rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn--primary{background:var(--primary);color:var(--primary-ink)}.btn--primary:hover{background:var(--primary-hover)}.btn--ghost{border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--surface-2)}.btn--quiet{color:var(--text-muted);background:0 0;min-height:36px;padding:.35rem .6rem}.btn--quiet:hover{color:var(--text);background:var(--surface-2)}.btn--danger{background:var(--error-soft);color:var(--error);border-color:var(--error)}.btn--large{min-height:52px;padding:.85rem 1.4rem;font-size:1.05rem}.btn[disabled]{opacity:.55;cursor:not-allowed}.badge{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;font-weight:650;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, transparent)}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.badge--error{background:var(--error-soft);color:var(--error);border-color:color-mix(in srgb, var(--error) 35%, transparent)}.badge--primary{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, transparent)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.stat__label{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stat__value--primary{color:var(--primary)}.stat__hint{color:var(--text-faint);font-size:.8rem}.stat--hero{padding:1.25rem 1.4rem}.stat--hero .stat__value{font-size:2.8rem}.note{border-left:3px solid var(--border-strong);background:var(--surface-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);padding:.8rem 1rem;font-size:.92rem}.note--warn{border-left-color:var(--warn);background:var(--warn-soft);color:var(--warn)}.note--error{border-left-color:var(--error);background:var(--error-soft);color:var(--error)}.note--info{border-left-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.note p:last-child{margin-bottom:0}.field{flex-direction:column;gap:.35rem;display:flex}.field__label{font-size:.93rem;font-weight:600}.field__hint{color:var(--text-muted);font-size:.85rem}.input,.select{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;min-height:44px;padding:.6rem .7rem}.choice-list{gap:.6rem;display:grid}.choice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:flex-start;gap:.7rem;padding:.75rem .9rem;display:flex}.choice:hover{border-color:var(--border-strong)}.choice--selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.choice input{margin-top:.3rem}.choice__title{font-weight:620;display:block}.choice__hint{color:var(--text-muted);font-size:.86rem;display:block}.switch{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.switch:last-child{border-bottom:none}.switch__text{max-width:46ch}.switch__title{font-weight:600;display:block}.switch__hint{color:var(--text-muted);font-size:.85rem;display:block}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.1rem;display:flex;overflow-x:auto}.tab{appearance:none;font:inherit;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.6rem .8rem;font-weight:600}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.6rem .7rem}.table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem}.table tbody tr:hover{background:var(--surface-2)}.word-list{gap:.6rem;display:grid}.word-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;font:inherit;color:inherit;cursor:pointer;grid-template-columns:minmax(8rem,1.2fr) auto minmax(12rem,2.4fr) auto;align-items:center;gap:.8rem;width:100%;padding:.7rem .9rem;display:grid}.word-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.word-row__head{font-size:1.02rem;font-weight:650}.word-row__pos{color:var(--text-faint);font-size:.88rem;font-style:italic}.word-row__def{color:var(--text-muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}@media (max-width:720px){.word-row{grid-template-columns:1fr auto}.word-row__def{grid-column:1/-1}}.lesson{max-width:760px;margin:0 auto}.timer{font-variant-numeric:tabular-nums;align-items:center;gap:.8rem;display:flex}.timer__value{min-width:3.4rem;font-size:1.1rem;font-weight:700}.timer__track{background:var(--surface-3);border-radius:999px;flex:1;height:8px;overflow:hidden}.timer__fill{background:var(--primary);border-radius:999px;height:100%;transition:width .3s linear}.timer--final .timer__fill{background:var(--warn)}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem}.prompt-kind{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.8rem;font-weight:700}.prompt-definition{max-width:46ch;margin:.6rem 0 .3rem;font-size:1.3rem;font-weight:600;line-height:1.35}.prompt-cue{color:var(--text-muted);font-size:.98rem}.prompt-pos{color:var(--text-faint);font-style:italic}.sentence{font-size:1.25rem;line-height:1.7;font-family:var(--mono);margin:.8rem 0 .4rem}.sentence__gap{border-bottom:2px solid var(--primary);text-align:center;min-width:6.5ch;color:var(--primary);margin:0 .15rem;font-weight:700;display:inline-block}.copy-target{font-family:var(--mono);letter-spacing:.01em;word-break:break-word;margin:.6rem 0;font-size:1.6rem}.copy-target span{white-space:pre-wrap}.copy-target__pending{color:var(--text-muted)}.copy-target__ok{color:var(--ok)}.copy-target__bad{color:var(--error);text-underline-offset:3px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.copy-target__cursor{border-left:2px solid var(--primary);margin-left:-1px}.answer{font-family:var(--mono);border:2px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);min-height:56px;padding:.7rem .8rem;font-size:1.35rem}.answer:focus{border-color:var(--focus);outline:3px solid color-mix(in srgb, var(--focus) 35%, transparent);outline-offset:1px}.answer[readonly]{background:var(--surface-2);color:var(--text-muted)}.answer-feedback{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.answer-feedback--ok{color:var(--ok)}.answer-feedback--bad{color:var(--error)}.controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.controls__spacer{margin-left:auto}.kbd{font-family:var(--mono);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-muted);border-bottom-width:2px;border-radius:5px;padding:.05rem .35rem;font-size:.8rem}.pause-veil{text-align:center;background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius);place-items:center;padding:3rem 1.5rem;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pulse{animation:.45s ease-out pulse}@keyframes pulse{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] :before,:root[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:2rem;display:grid}@media (max-width:860px){.hero{grid-template-columns:1fr}}.hero__title{letter-spacing:-.02em;font-size:2.4rem}.hero__lead{color:var(--text-muted);max-width:52ch;font-size:1.12rem}.steps{counter-reset:step;gap:.9rem;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:28px 1fr;align-items:start;gap:.7rem;display:grid}.steps li:before{counter-increment:step;content:counter(step);background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:999px;place-items:center;font-size:.85rem;font-weight:700;display:grid}.meter{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.meter__fill{background:var(--ok);height:100%}.sparkline{align-items:flex-end;gap:3px;height:44px;display:flex}.sparkline__bar{background:var(--primary-soft);border-radius:2px 2px 0 0;flex:1;min-height:2px}.sparkline__bar--last{background:var(--primary)}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem}.btn{transition:background-color .15s,border-color .15s,transform 80ms}.btn:active{transform:translateY(1px)}.btn--primary:hover{box-shadow:0 2px 10px color-mix(in srgb, var(--primary) 30%, transparent)}.card,.prompt-card,.stat{transition:border-color .15s,box-shadow .2s,transform .2s}.word-row{transition:background-color .12s,border-color .12s,transform .12s}.word-row:hover{transform:translate(2px)}.word-row--active{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:var(--primary-soft)}.icon-btn{min-width:40px;font-size:1rem}.prompt-card--enter{animation:.22s ease-out card-in}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.prompt-card--pass{border-color:color-mix(in srgb, var(--ok) 45%, var(--border))}.prompt-card--fail,.prompt-card--skipped{border-color:color-mix(in srgb, var(--error) 35%, var(--border))}.prompt-card--timeout{border-color:color-mix(in srgb, var(--warn) 45%, var(--border))}.feedback-enter{animation:.2s ease-out feedback-in}@keyframes feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.spark{background:var(--ok);border-radius:50%;width:.75rem;height:.75rem;margin-right:.35rem;animation:.5s ease-out spark;display:inline-block}@keyframes spark{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ok) 60%, transparent);transform:scale(.2)}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.celebrate{border:1px solid color-mix(in srgb, var(--ok) 40%, transparent);background:var(--ok-soft);color:var(--ok);border-radius:var(--radius);align-items:center;gap:.9rem;padding:1rem 1.2rem;animation:.3s ease-out card-in;display:flex}.celebrate__icon{font-size:1.6rem;line-height:1}.strip{flex-wrap:wrap;gap:5px;margin:0;padding:0;list-style:none;display:flex}.strip__dot{background:var(--surface-3);border:1px solid var(--border);border-radius:3px;width:12px;height:12px;position:relative}.strip__dot--pending{background:var(--primary-soft);border-color:var(--primary)}.strip__dot--pass{background:color-mix(in srgb, var(--ok) 45%, var(--surface));border-color:var(--ok)}.strip__dot--fail{background:color-mix(in srgb, var(--error) 35%, var(--surface));border-color:var(--error)}.strip__dot--skipped{background:var(--surface-3);border-color:var(--border-strong)}.strip__dot--timeout{background:color-mix(in srgb, var(--warn) 35%, var(--surface));border-color:var(--warn)}.strip__dot--interlude{background:0 0;border-style:dashed}.strip__dot--unaided:after{content:"";background:var(--ok);border-radius:50%;position:absolute;inset:3px}.calendar{gap:4px;display:flex}.calendar__col{flex:1;grid-template-rows:repeat(7,1fr);gap:4px;display:grid}.calendar__cell{aspect-ratio:1;background:var(--surface-3);border:1px solid #0000;border-radius:3px;width:100%;min-height:10px}.calendar__cell--low{background:color-mix(in srgb, var(--primary) 35%, var(--surface-3))}.calendar__cell--mid{background:color-mix(in srgb, var(--primary) 65%, var(--surface-3))}.calendar__cell--high{background:var(--primary)}.calendar__cell--today{border-color:var(--text)}.toasts{z-index:60;flex-direction:column;gap:.5rem;max-width:min(26rem,100vw - 2rem);display:flex;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);border-left-width:4px;align-items:flex-start;gap:.75rem;padding:.7rem .9rem;font-size:.93rem;animation:.2s ease-out toast-in;display:flex}.toast--ok{border-left-color:var(--ok)}.toast--warn{border-left-color:var(--warn)}.toast--error{border-left-color:var(--error)}.toast__close{appearance:none;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:1.1rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-veil{z-index:70;background:#00000073;place-items:center;padding:1.5rem;animation:.15s ease-out toast-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);width:min(34rem,100%);max-height:85vh;padding:1.4rem;overflow:auto}.shortcuts{gap:.6rem;margin:1rem 0 0;display:grid}.shortcuts__row{grid-template-columns:7.5rem 1fr;align-items:baseline;gap:.8rem;display:grid}.shortcuts__row dd{color:var(--text-muted);margin:0}.timeline{gap:2px;margin:0;padding:0;list-style:none;display:grid}.timeline__item{border-radius:var(--radius-sm);border-left:3px solid var(--border-strong);background:var(--surface-2);grid-template-columns:3.5rem minmax(6rem,1fr) 6rem minmax(8rem,1.4fr);align-items:baseline;gap:.8rem;padding:.45rem .6rem;font-size:.92rem;display:grid}.timeline__item--pass{border-left-color:var(--ok)}.timeline__item--fail{border-left-color:var(--error)}.timeline__item--skipped{border-left-color:var(--border-strong)}.timeline__item--timeout{border-left-color:var(--warn)}.timeline__time{color:var(--text-faint);font-variant-numeric:tabular-nums}.timeline__word{font-weight:620}.timeline__kind{color:var(--text-faint);font-style:italic}.timeline__outcome{color:var(--text-muted)}@media (max-width:640px){.timeline__item{grid-template-columns:3rem 1fr}.timeline__kind,.timeline__outcome{grid-column:2}}:root{--accent:#b4690e;--accent-bright:#d98324;--stage-dim:#9a9589;--stage-text:#15171b;--stage-ok:#1d6f42;--stage-bad:#b3261e;--stage-bad-bg:#fbe6e4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#f0b429;--accent-bright:#ffc94d;--stage-dim:#5f6773;--stage-text:#f3f5f8;--stage-ok:#6cd39a;--stage-bad:#ff8b82;--stage-bad-bg:#3a1f1d}}:root[data-theme=dark]{--accent:#f0b429;--accent-bright:#ffc94d;--stage-dim:#5f6773;--stage-text:#f3f5f8;--stage-ok:#6cd39a;--stage-bad:#ff8b82;--stage-bad-bg:#3a1f1d}.test{flex-direction:column;justify-content:center;gap:1.5rem;max-width:860px;min-height:60vh;margin:0 auto;display:flex}.test__bar{flex-wrap:wrap;justify-content:center;gap:.75rem;transition:opacity .4s,transform .4s;display:flex}.test__bar[data-hidden=true]{opacity:.12;pointer-events:none;transform:translateY(-4px)}.test__bar[data-hidden=true]:hover,.test__bar:focus-within{opacity:1;pointer-events:auto;transform:none}.switcher{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:2px;margin:0;padding:3px;display:inline-flex}.switcher__option{appearance:none;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:34px;padding:.35rem .85rem;font-size:.88rem;font-weight:600;transition:background-color .15s,color .15s}.switcher__option:hover{color:var(--text)}.switcher__option.is-active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000001f}.test__live{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2.5rem;transition:opacity .3s;display:flex}.test__live[aria-hidden=true]{opacity:.35}.live{flex-direction:column;align-items:center;gap:.1rem;display:flex}.live__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1}.live__label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-size:.72rem;font-weight:650}.live--clock .live__value{color:var(--accent);font-size:2.6rem}.test__surface{border-radius:var(--radius);cursor:text;outline:none;position:relative}.test__surface:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:14px;border-radius:14px}.stage{position:relative}.stage__scroller{height:calc(3 * 1.9em * 1.75rem / 1.75);max-height:11rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.stage__text{font-family:var(--mono);max-width:none;color:var(--stage-dim);letter-spacing:.005em;word-spacing:.25em;-webkit-user-select:none;user-select:none;margin:0;font-size:1.75rem;line-height:1.9}.stage--idle .stage__text{filter:blur(2.5px);opacity:.55}.stage--idle{transition:filter .2s}.stage__refocus{background:var(--surface);border:1px solid var(--border-strong);width:max-content;height:max-content;font:inherit;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;margin:auto;padding:.5rem 1rem;font-weight:600;position:absolute;inset:0}.word{white-space:nowrap;margin-right:.55ch;display:inline-block}.word--wrong{-webkit-text-decoration:underline wavy var(--stage-bad);text-decoration:underline wavy var(--stage-bad);text-underline-offset:.35em}.ch{transition:color 80ms;position:relative}.ch--ok{color:var(--stage-text)}.ch--bad{color:var(--stage-bad);background:var(--stage-bad-bg);border-radius:2px}.ch--extra{color:var(--stage-bad);opacity:.75}.ch--pending{color:var(--stage-dim)}.ch--caret:before{content:"";background:var(--accent-bright);border-radius:1px;width:2px;animation:1.05s step-end infinite caret;position:absolute;top:.12em;bottom:.12em;left:-.08em}.ch--caret-end:before{left:auto;right:-.06em}.ch--caret-end{width:0;display:inline-block}@keyframes caret{0%,45%{opacity:1}50%,95%{opacity:.15}to{opacity:1}}.test--running .ch--caret:before{opacity:1;animation:none}.test__hint{text-align:center;min-height:1.5rem}.test__start{color:var(--text-muted);margin:0;font-size:1rem;animation:2.6s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}.test__aside{text-align:center;color:var(--text-faint);max-width:56ch;margin:0 auto;font-size:.9rem}.results{flex-direction:column;gap:1.5rem;display:flex}.results__headline{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2rem;display:grid}@media (max-width:760px){.results__headline{grid-template-columns:1fr}}.results__wpm{flex-direction:column;display:flex}.results__wpm-value{letter-spacing:-.045em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,14vw,7.5rem);font-weight:760;line-height:.92}.results__wpm-unit{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-top:.4rem;font-size:.78rem;font-weight:650}.results__band{color:var(--text);margin-top:.7rem;font-size:1.05rem;font-weight:650}.results__grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.figure{background:var(--surface);flex-direction:column;gap:.15rem;padding:.9rem 1rem;display:flex}.figure__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-size:.72rem;font-weight:650}.figure__value{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1.1}.figure__hint{color:var(--text-muted);font-size:.78rem}.results__compare{text-align:center}.results__panels{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1rem;display:grid}@media (max-width:860px){.results__panels{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.panel__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.8rem;font-size:.78rem;font-weight:700}.chart{width:100%;height:auto;margin-bottom:.6rem;display:block}.chart__grid{stroke:var(--border);stroke-width:1px}.chart__tick{fill:var(--text-faint);font-size:10px;font-family:var(--font)}.chart__area{fill:color-mix(in srgb, var(--accent) 16%, transparent)}.chart__line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart__error{fill:var(--stage-bad)}.breakdown{gap:.5rem;margin:0 0 .8rem;padding:0;font-size:.93rem;list-style:none;display:grid}.breakdown li{color:var(--text-muted);grid-template-columns:10px 1fr;align-items:start;gap:.6rem;display:grid}.breakdown strong{color:var(--text);font-variant-numeric:tabular-nums}.breakdown__dot{background:var(--surface-3);border-radius:3px;width:10px;height:10px;margin-top:.35rem}.breakdown__dot--ok{background:var(--stage-ok)}.breakdown__dot--bad{background:var(--stage-bad)}.breakdown__dot--missed{background:var(--warn)}.bands{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);gap:1px;margin-bottom:.8rem;display:grid;overflow:hidden}.bands__item{background:var(--surface);grid-template-columns:5rem 9rem 1fr;align-items:baseline;gap:.8rem;padding:.55rem .9rem;font-size:.9rem;display:grid}.bands__item--active{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.bands__item--active .bands__label{color:var(--accent)}.bands__range{font-variant-numeric:tabular-nums;color:var(--text-faint);font-weight:650}.bands__label{font-weight:650}.bands__note{color:var(--text-muted)}@media (max-width:680px){.bands__item{grid-template-columns:4rem 1fr}.bands__note{grid-column:2;font-size:.84rem}}.test__keyboard-note{display:none}@media (max-width:700px){.test{gap:1.1rem;min-height:0}.test__keyboard-note{text-align:center;color:var(--text-muted);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);margin:0;padding:.6rem .8rem;font-size:.86rem;display:block}.stage__text{font-size:1.25rem;line-height:1.85}.stage__scroller{max-height:7.5rem}.switcher{padding:2px}.switcher__option{white-space:nowrap;padding:.3rem .6rem;font-size:.8rem}.test__live{gap:1.25rem 2rem}.live__value{font-size:1.6rem}.live--clock .live__value{font-size:2rem}.results__wpm-value{line-height:1}.results__grid{grid-template-columns:1fr}}