@font-face{font-family:uiFont;src:url(../media/inter_latin-s.p.0gsaq8ukbf34m.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:uiFont Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.uifont_bdc90c74-module__BVTqbq__className{font-family:uiFont,uiFont Fallback;font-style:normal}.uifont_bdc90c74-module__BVTqbq__variable{--font-ui:"uiFont", "uiFont Fallback"}
@font-face{font-family:monoFont;src:url(../media/jetbrains_mono_latin.p.2rmhnsrc80fag.woff2)format("woff2");font-display:swap;font-weight:100 800;font-style:normal}.monofont_846dace0-module__ec2SFG__className{font-family:monoFont;font-style:normal}.monofont_846dace0-module__ec2SFG__variable{--font-mono:"monoFont"}
:root{--font-sans:var(--font-ui), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-code:var(--font-mono), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-s:8px;--radius-m:14px;--radius-l:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--step--1:clamp(.8rem, .78rem + .1vw, .85rem);--step-0:clamp(.95rem, .92rem + .15vw, 1.02rem);--step-1:clamp(1.1rem, 1.05rem + .3vw, 1.25rem);--step-2:clamp(1.35rem, 1.2rem + .7vw, 1.75rem);--step-3:clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);--step-4:clamp(2.4rem, 1.7rem + 3.4vw, 4.4rem);--step-5:clamp(4.5rem, 3rem + 8vw, 9rem);--ease:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--fast:.14s;--slow:.32s;--content:1120px;--reading:680px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root,:root[data-theme=dark]{--bg:#0a0e14;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #ffb02012, transparent 60%), radial-gradient(900px 500px at -10% 110%, #3ddc970d, transparent 60%);--surface:#111822;--surface-2:#17202c;--surface-3:#1e2937;--line:#243142;--line-strong:#33445a;--text:#e8eef5;--text-2:#a9b6c6;--text-3:#74839a;--accent:#ffb020;--accent-strong:#ffc24d;--accent-ink:#1a1204;--accent-soft:#ffb02024;--signal:#3ddc97;--signal-soft:#3ddc9724;--danger:#ff6b6b;--danger-soft:#ff6b6b24;--info:#6cb8ff;--focus:#ffc24d;--shadow:0 1px 0 #ffffff08 inset, 0 12px 40px #00000059;--scope-line:#3ddc97;--scope-grid:#7896b41f;--m-new:#243142;--m-weak:#d85164;--m-learning:#c78200;--m-strong:#1f86cd;--m-mastered:#00a76c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f2ea;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #c7770014, transparent 60%);--surface:#fffdf8;--surface-2:#f8f4ea;--surface-3:#efe9da;--line:#e2dccb;--line-strong:#cfc6af;--text:#16191d;--text-2:#4b5360;--text-3:#5d6570;--accent:#955500;--accent-strong:#7d4700;--accent-ink:#fffdf8;--accent-soft:#9555001f;--signal:#0c8a5f;--signal-soft:#0c8a5f1f;--danger:#c93c3c;--danger-soft:#c93c3c1a;--info:#1f6fc2;--focus:#7d4700;--shadow:0 1px 2px #3c32140f, 0 10px 30px #3c321414;--scope-line:#0c8a5f;--scope-grid:#5046281a;--m-new:#e2dccb;--m-weak:#c33d53;--m-learning:#b97600;--m-strong:#0074ba;--m-mastered:#00945a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f5f2ea;--bg-glow:radial-gradient(1200px 600px at 70% -10%, #c7770014, transparent 60%);--surface:#fffdf8;--surface-2:#f8f4ea;--surface-3:#efe9da;--line:#e2dccb;--line-strong:#cfc6af;--text:#16191d;--text-2:#4b5360;--text-3:#5d6570;--accent:#955500;--accent-strong:#7d4700;--accent-ink:#fffdf8;--accent-soft:#9555001f;--signal:#0c8a5f;--signal-soft:#0c8a5f1f;--danger:#c93c3c;--danger-soft:#c93c3c1a;--info:#1f6fc2;--focus:#7d4700;--shadow:0 1px 2px #3c32140f, 0 10px 30px #3c321414;--scope-line:#0c8a5f;--scope-grid:#5046281a;--m-new:#e2dccb;--m-weak:#c33d53;--m-learning:#b97600;--m-strong:#0074ba;--m-mastered:#00945a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-glow), var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";background-attachment:fixed;margin:0;line-height:1.55}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.12}p{text-wrap:pretty;margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}::selection{background:var(--accent-soft)}.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}.skip-link{left:var(--space-4);z-index:100;background:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius-s);font-weight:600;text-decoration:none;position:absolute;top:-100px}.skip-link:focus{top:var(--space-3)}.code{font-family:var(--font-code);font-feature-settings:"zero", "ss02"}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
.shell{flex-direction:column;min-height:100dvh;display:flex}.page{width:100%;max-width:var(--content);padding:var(--space-5) max(var(--space-4), env(safe-area-inset-left)) var(--space-8);flex:1;margin:0 auto}.page-head{justify-content:space-between;align-items:end;gap:var(--space-4);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.page-head h1{font-size:var(--step-3)}.lede{color:var(--text-2);font-size:var(--step-1);max-width:60ch;margin-top:var(--space-2)}.eyebrow{font-family:var(--font-code);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section{margin-top:var(--space-7)}.section>h2{font-size:var(--step-2);margin-bottom:var(--space-4)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.site-header{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(14px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{max-width:var(--content);padding:var(--space-2) max(var(--space-4), env(safe-area-inset-left));align-items:center;gap:var(--space-4);min-height:60px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);letter-spacing:-.01em;min-height:var(--tap);font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__mark{width:30px;height:30px;color:var(--accent)}.brand__name{font-family:var(--font-code);font-weight:700}.nav{gap:var(--space-1);margin-left:auto;display:flex}.nav a{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;font-weight:550;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--text);background:var(--surface-2)}.nav a[aria-current=page]{color:var(--text);background:var(--surface-3)}.account{align-items:center;gap:var(--space-2);display:flex}.account__name{font-weight:600;font-size:var(--step--1);color:var(--text-2)}@media (max-width:720px){.site-header__inner{gap:var(--space-2);flex-wrap:wrap}.nav{scrollbar-width:none;order:3;width:100%;margin:0;overflow-x:auto}.account{margin-left:auto}}.site-footer{border-top:1px solid var(--line);color:var(--text-3);font-size:var(--step--1)}.site-footer__inner{max-width:var(--content);padding:var(--space-5) max(var(--space-4), env(safe-area-inset-left));gap:var(--space-4);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.site-footer a{color:var(--text-2)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text);transition:transform var(--fast) var(--ease), background var(--fast) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{background:var(--line)}.button:active{transform:scale(.97)}.button[disabled]{opacity:.45;cursor:not-allowed;transform:none}.button--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 22px var(--accent-soft)}.button--primary:hover{background:var(--accent-strong)}.button--ghost{border-color:var(--line-strong);background:0 0}.button--ghost:hover{background:var(--surface-2)}.button--quiet{color:var(--text-2);padding:0 var(--space-3);background:0 0}.button--quiet:hover{background:var(--surface-2);color:var(--text)}.button--danger{background:var(--danger-soft);color:var(--danger)}.button--large{min-height:56px;padding:0 var(--space-6);font-size:var(--step-1)}.button--small{min-height:36px;padding:0 var(--space-3);font-size:var(--step--1)}.icon-button{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--text-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);place-items:center;display:inline-grid}.icon-button:hover{background:var(--surface-2);color:var(--text)}.icon-button svg,.button svg{flex:none;width:20px;height:20px}.kbd{font-family:var(--font-code);border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2);border-radius:5px;padding:1px 6px;font-size:.75em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-5);box-shadow:var(--shadow)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:var(--space-4)}.notice{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--text);align-items:flex-start;display:flex}.notice--info{background:color-mix(in srgb, var(--info) 12%, transparent);border-color:color-mix(in srgb, var(--info) 35%, transparent)}.notice--danger{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.notice p+p{margin-top:var(--space-1)}.notice__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.chip{border-radius:var(--radius-pill);background:var(--surface-3);min-height:26px;color:var(--text-2);font-size:var(--step--1);align-items:center;gap:6px;padding:2px 10px;font-weight:600;display:inline-flex}.chip--accent{background:var(--accent-soft);color:var(--accent)}.chip--signal{background:var(--signal-soft);color:var(--signal)}.chip--danger{background:var(--danger-soft);color:var(--danger)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-pill);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented button{min-height:38px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--text-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:0;font-weight:600}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.signal-picker{gap:var(--space-2);flex-direction:column;display:flex}.signal-picker__options{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.signal-option{padding:var(--space-3) var(--space-1);border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:var(--step--1);min-height:var(--tap);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);flex-direction:column;align-items:center;gap:6px;font-weight:600;display:flex}.signal-option:hover{border-color:var(--line-strong)}.signal-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.signal-picker__blurb{color:var(--text-2);font-size:var(--step--1);min-height:1.5em}.bars{align-items:flex-end;gap:3px;height:18px;display:inline-flex}.bars span{background:var(--line-strong);border-radius:2px;width:5px}.bars span:first-child{height:25%}.bars span:nth-child(2){height:45%}.bars span:nth-child(3){height:65%}.bars span:nth-child(4){height:82%}.bars span:nth-child(5){height:100%}.bars span.on{background:var(--signal)}.bars--weak span.on{background:var(--accent)}.bars--bad span.on{background:var(--danger)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label,.field__label{font-weight:650}.field__hint{color:var(--text-3);font-size:var(--step--1)}.input{width:100%;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-m);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:var(--step-1);transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.input--code{font-family:var(--font-code);letter-spacing:.02em}.select{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-s);border:1px solid var(--line-strong);background:var(--surface)}.switch{box-sizing:content-box;border-radius:var(--radius-pill);background:var(--line-strong) content-box;width:48px;height:28px;transition:background var(--fast) var(--ease);border:0;flex:none;padding:8px 0;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform var(--fast) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:11px;left:3px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--signal) content-box}.switch[aria-checked=true]:after{transform:translate(20px)}.toasts{left:50%;bottom:max(var(--space-5), env(safe-area-inset-bottom));z-index:60;gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(92vw,440px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--text);color:var(--bg);animation:toast-in var(--slow) var(--ease-spring);font-weight:550;box-shadow:0 12px 30px #0000004d}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.dialog{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);color:var(--text);padding:var(--space-5);width:min(92vw,480px);box-shadow:0 30px 80px #00000073}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080c99}.dialog h2{font-size:var(--step-2);margin-bottom:var(--space-3)}.dialog p{color:var(--text-2)}.dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.spelling{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cw{border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--line);min-width:64px;transition:transform var(--fast) var(--ease), border-color var(--fast) var(--ease), background var(--fast) var(--ease);flex-direction:column;align-items:center;padding:6px 12px 8px;display:inline-flex}.cw__symbol{font-family:var(--font-code);font-size:var(--step--1);color:var(--text-3);font-weight:700}.cw__word{letter-spacing:-.01em;font-weight:700}.cw--live{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.cw--right{border-color:color-mix(in srgb, var(--signal) 60%, transparent);background:var(--signal-soft)}.cw--wrong{border-color:color-mix(in srgb, var(--danger) 60%, transparent);background:var(--danger-soft)}.cw__got{font-size:var(--step--1);color:var(--danger);text-decoration:line-through}.cw--gap{background:0 0;border-color:#0000;min-width:14px}@media (pointer:coarse){.button--small,.segmented button,.level-strip button{min-height:var(--tap)}}
.hero{gap:var(--space-7);padding:var(--space-6) 0 var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.hero h1{font-size:var(--step-4);letter-spacing:-.035em}.hero h1 em{color:var(--accent);font-style:normal}.hero .lede{margin-top:var(--space-4)}.hero__actions{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}@media (max-width:880px){.hero{gap:var(--space-5);padding-top:var(--space-4);grid-template-columns:1fr}}.tool{gap:var(--space-4);flex-direction:column;display:flex}.tool__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tool__head h2{font-size:var(--step-1)}.tool__row{gap:var(--space-2);display:flex}.tool__row .input{text-transform:uppercase;flex:1}.tool__spelling{min-height:64px}.tool__empty{color:var(--text-3)}.play-button{border-radius:var(--radius-m);background:var(--accent);width:56px;height:52px;color:var(--accent-ink);transition:transform var(--fast) var(--ease), background var(--fast) var(--ease);border:0;flex:none;place-items:center;display:grid}.play-button:hover{background:var(--accent-strong)}.play-button:active{transform:scale(.95)}.play-button svg{width:22px;height:22px}.level-strip{align-items:center;gap:var(--space-2);font-size:var(--step--1);color:var(--text-2);flex-wrap:wrap;display:flex}.level-strip button{border-radius:var(--radius-pill);border:1px solid var(--line);min-height:36px;color:var(--text-2);background:0 0;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex}.level-strip button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.modes{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.mode-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);transition:transform var(--slow) var(--ease), border-color var(--fast) var(--ease), box-shadow var(--slow) var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.mode-card__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.mode-card__icon svg{width:24px;height:24px}.mode-card h3{font-size:var(--step-1)}.mode-card__tagline{color:var(--accent);font-size:var(--step--1);margin-top:-6px;font-weight:650}.mode-card p{color:var(--text-2)}.mode-card .chips{margin-top:auto}.mode-card__arrow{right:var(--space-5);top:var(--space-5);color:var(--text-3);transition:transform var(--fast) var(--ease), color var(--fast) var(--ease);position:absolute}.mode-card:hover .mode-card__arrow{color:var(--accent);transform:translate(3px)}.today{gap:var(--space-5);grid-template-columns:auto 1fr auto;align-items:center;display:grid}@media (max-width:720px){.today{grid-template-columns:1fr}}.ring{--size:104px;width:var(--size);height:var(--size);place-items:center;display:grid;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring__value{font-family:var(--font-code);font-size:var(--step-2);text-align:center;font-weight:700;line-height:1}.ring__label{font-family:var(--font-sans);color:var(--text-3);margin-top:4px;font-size:.7rem;font-weight:600;display:block}.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.stat{padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface-2);border:1px solid var(--line)}.stat__value{font-family:var(--font-code);font-size:var(--step-2);font-weight:700;line-height:1.1}.stat__label{color:var(--text-2);font-size:var(--step--1);align-items:center;gap:6px;font-weight:600;display:flex}.stat__label svg{width:16px;height:16px}.alphabet{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.letter-card{padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);text-align:left;transition:transform var(--fast) var(--ease), border-color var(--fast) var(--ease), background var(--fast) var(--ease);flex-direction:column;align-items:flex-start;gap:2px;min-height:118px;display:flex;position:relative}.letter-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.letter-card[data-live=true]{border-color:var(--accent);background:var(--accent-soft)}.letter-card__symbol{font-family:var(--font-code);font-size:var(--step-3);color:var(--accent);font-weight:800;line-height:1}.letter-card__word{font-weight:700;font-size:var(--step-1);margin-top:var(--space-2)}.letter-card__stress{font-family:var(--font-code);font-size:var(--step--1);color:var(--text-3)}.letter-card__icao{font-size:var(--step--1);color:var(--text-2)}.letter-card__speaker{top:var(--space-3);right:var(--space-3);color:var(--text-3);width:18px;height:18px;position:absolute}.letter-card__mastery{bottom:var(--space-3);right:var(--space-3);border-radius:50%;width:10px;height:10px;position:absolute}.toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.prose{max-width:var(--reading);color:var(--text-2)}.prose p+p{margin-top:var(--space-3)}.prose strong{color:var(--text)}.tips{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.tips h3{font-size:var(--step-1);margin-bottom:var(--space-2)}.mastery{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.mastery__cell{aspect-ratio:1;font-family:var(--font-code);font-weight:800;font-size:var(--step-1);background:var(--surface-2);color:var(--text-3);border:1px solid var(--line);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.mastery__cell:after{content:"";background:var(--m-color,transparent);border-radius:4px;height:5px;position:absolute;bottom:4px;left:4px;right:4px}.mastery__cell[data-m=weak]{--m-color:var(--m-weak)}.mastery__cell[data-m=learning]{--m-color:var(--m-learning)}.mastery__cell[data-m=strong]{--m-color:var(--m-strong)}.mastery__cell[data-m=mastered]{--m-color:var(--m-mastered)}.mastery__cell:not([data-m=new]){color:var(--text);border-color:color-mix(in srgb, var(--m-color) 45%, var(--line))}.legend{gap:var(--space-4);font-size:var(--step--1);color:var(--text-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:4px;width:12px;height:12px;display:inline-block}.heatmap{padding-bottom:var(--space-2);grid-template-rows:repeat(7,14px);grid-auto-flow:column;gap:3px;display:grid;overflow-x:auto}.heatmap__day{background:var(--surface-3);border-radius:3px;width:14px;height:14px}.heatmap__day[data-q="1"]{background:color-mix(in srgb, var(--signal) 30%, var(--surface-3))}.heatmap__day[data-q="2"]{background:color-mix(in srgb, var(--signal) 55%, var(--surface-3))}.heatmap__day[data-q="3"]{background:color-mix(in srgb, var(--signal) 78%, var(--surface-3))}.heatmap__day[data-q="4"]{background:var(--signal)}.skill-bars{gap:var(--space-3);display:grid}.skill-bar{gap:var(--space-3);font-size:var(--step--1);grid-template-columns:110px 1fr 56px;align-items:center;display:grid}.skill-bar__track{border-radius:var(--radius-pill);background:var(--surface-3);height:10px;overflow:hidden}.skill-bar__fill{border-radius:var(--radius-pill);background:var(--signal);height:100%}.skill-bar__value{font-family:var(--font-code);text-align:right;color:var(--text-2)}.history{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.history li{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;display:grid}.history__score{font-family:var(--font-code);font-weight:700}.grid-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));display:grid}.settings{gap:var(--space-4);max-width:760px;display:grid}.setting{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.setting:last-child{border-bottom:0}.setting__text{flex:280px}.setting__title{font-weight:650}.setting__hint{color:var(--text-2);font-size:var(--step--1);margin-top:2px}.setting--block{flex-direction:column;align-items:stretch}.voice-list{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.voice-option{align-items:center;gap:var(--space-2);padding-right:var(--space-2);border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);min-height:60px;display:flex}.voice-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.voice-option__pick{padding:var(--space-3);text-align:left;border-radius:var(--radius-m);background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-height:58px;display:flex}.voice-option__name{font-weight:650}.voice-option__desc{font-size:var(--step--1);color:var(--text-2)}.setting--block .setting__text{flex:none}
.setup{gap:var(--space-5);max-width:820px;display:grid}.setup__block{gap:var(--space-3);display:grid}.choice-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));display:grid}.choice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);text-align:left;min-height:64px;transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease);flex-direction:column;align-items:flex-start;gap:2px;display:flex}.choice:hover{border-color:var(--line-strong)}.choice[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.choice__name{font-weight:650}.choice__blurb{font-size:var(--step--1);color:var(--text-2)}.choice__example{font-family:var(--font-code);font-size:var(--step--1);color:var(--text-3)}.input-choice{gap:var(--space-2);flex-wrap:wrap;display:flex}.input-choice .choice{align-items:center;gap:var(--space-3);flex-direction:row;flex:200px}.input-choice svg{width:22px;height:22px;color:var(--accent)}.start-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.run{gap:var(--space-5);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.run__bar{align-items:center;gap:var(--space-3);display:flex}.run__progress{flex:1;gap:4px;display:flex}.run__progress span{border-radius:var(--radius-pill);background:var(--surface-3);height:6px;transition:background var(--slow) var(--ease);flex:1}.run__progress span[data-state=right]{background:var(--signal)}.run__progress span[data-state=wrong]{background:var(--danger)}.run__progress span[data-state=now]{background:var(--accent)}.run__count{font-family:var(--font-code);color:var(--text-2);text-align:right;min-width:4ch;font-weight:700}.timer{border-radius:var(--radius-pill);background:var(--surface-3);flex:1;height:8px;overflow:hidden}.timer__fill{background:linear-gradient(90deg, var(--accent), var(--danger));transform-origin:0;height:100%}.stage{justify-content:center;align-items:center;gap:var(--space-4);min-height:260px;padding:var(--space-6) var(--space-5);border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.stage[data-result=right]{border-color:color-mix(in srgb, var(--signal) 70%, transparent);box-shadow:0 0 0 4px var(--signal-soft), var(--shadow)}.stage[data-result=wrong]{border-color:color-mix(in srgb, var(--danger) 70%, transparent);box-shadow:0 0 0 4px var(--danger-soft), var(--shadow)}.stage__prompt{color:var(--text-2);font-weight:600}.big-symbol{font-family:var(--font-code);font-size:var(--step-5);letter-spacing:-.02em;animation:pop-in var(--slow) var(--ease-spring);font-weight:800;line-height:1}.big-word{font-size:var(--step-4);letter-spacing:-.03em;animation:pop-in var(--slow) var(--ease-spring);font-weight:800;line-height:1}.big-text{font-family:var(--font-code);letter-spacing:.06em;word-break:break-all;animation:pop-in var(--slow) var(--ease-spring);font-size:clamp(2rem,1.2rem + 5vw,4.2rem);font-weight:800;line-height:1.1}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}}.options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option{min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700;font-size:var(--step-1);text-align:left;align-items:center;gap:var(--space-3);transition:border-color var(--fast) var(--ease), background var(--fast) var(--ease), transform var(--fast) var(--ease);display:flex;position:relative}.option:hover:not([disabled]){border-color:var(--accent);transform:translateY(-1px)}.option .kbd{flex:none}.option[data-state=right]{border-color:var(--signal);background:var(--signal-soft)}.option[data-state=wrong]{border-color:var(--danger);background:var(--danger-soft)}.option[disabled]{cursor:default}.option--symbol{font-family:var(--font-code);font-size:var(--step-3);justify-content:center}.answer{gap:var(--space-3);flex-direction:column;display:flex}.answer form{gap:var(--space-2);display:flex}.answer .input{flex:1}.hint{color:var(--text-3);font-size:var(--step--1);text-align:center}.feedback{align-items:center;gap:var(--space-3);animation:rise var(--slow) var(--ease);flex-direction:column;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.verdict{align-items:center;gap:var(--space-2);font-weight:750;font-size:var(--step-1);display:inline-flex}.verdict svg{width:24px;height:24px}.verdict--right{color:var(--signal)}.verdict--wrong{color:var(--danger)}.heard{font-size:var(--step--1);color:var(--text-2)}.heard q{font-family:var(--font-code);color:var(--text)}.radio-panel{gap:var(--space-3);flex-direction:column;align-items:stretch;width:100%;display:flex}.radio-panel__top{justify-content:space-between;align-items:center;gap:var(--space-3);font-family:var(--font-code);font-size:var(--step--1);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;display:flex}.radio-panel__led{align-items:center;gap:8px;display:inline-flex}.radio-panel__led:before{content:"";background:var(--line-strong);border-radius:50%;width:9px;height:9px}.radio-panel__led[data-on=true]:before{background:var(--signal);box-shadow:0 0 10px var(--signal)}.radio-panel__led[data-tx=true]:before{background:var(--danger);box-shadow:0 0 10px var(--danger)}.scope{border-radius:var(--radius-m);background:color-mix(in srgb, var(--bg) 70%, var(--surface));border:1px solid var(--line);width:100%;display:block}.radio-panel__controls{justify-content:center;gap:var(--space-2);display:flex}.ptt{align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.ptt__button{background:radial-gradient(circle at 30% 25%, var(--accent-strong), var(--accent));width:132px;height:132px;color:var(--accent-ink);box-shadow:0 10px 34px var(--accent-soft), inset 0 -6px 0 #0000001f;touch-action:none;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease);-webkit-touch-callout:none;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.ptt__button svg{width:44px;height:44px}.ptt__button:after{content:"";border:3px solid var(--danger);opacity:0;transition:opacity var(--fast), transform var(--fast);border-radius:50%;position:absolute;inset:-10px;transform:scale(.9)}.ptt__button[data-state=listening]{background:radial-gradient(circle at 30% 25%, #ff8a8a, var(--danger));color:#fff;transform:scale(.96)}.ptt__button[data-state=listening]:after{opacity:1;animation:pulse 1.2s var(--ease) infinite;transform:scale(1)}.ptt__button[data-state=working]{opacity:.7}.ptt__button[disabled]{opacity:.4;cursor:not-allowed}@keyframes pulse{50%{opacity:.4;transform:scale(1.08)}}.ptt__label{font-weight:700}.ptt__sub{color:var(--text-3);font-size:var(--step--1);text-align:center}.summary{gap:var(--space-5);max-width:820px;margin:0 auto;display:grid}.summary__head{gap:var(--space-5);grid-template-columns:auto 1fr;align-items:center;display:grid}@media (max-width:560px){.summary__head{text-align:center;grid-template-columns:1fr;justify-items:center}}.summary__head h1{font-size:var(--step-3)}.best{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--signal-soft);color:var(--signal);animation:pop-in var(--slow) var(--ease-spring);font-weight:750;display:inline-flex}.review{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.review li{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--surface);border:1px solid var(--line);flex-direction:column;display:flex}.review__head{align-items:center;gap:var(--space-2);font-weight:700;display:flex}.review__head svg{width:20px;height:20px}.review__head .right{color:var(--signal)}.review__head .wrong{color:var(--danger)}.review__word{font-family:var(--font-code)}.review__answer{color:var(--text-2);font-size:var(--step--1);margin-left:auto}