:root{--color-paper:#080b10;--color-surface:#10141a;--color-surface-2:#191d23;--color-surface-3:#23262c;--color-rule:#2d3036;--color-edge:#4c5056;--color-ink:#f0f2f4;--color-ink-2:#bbbec3;--color-ink-3:#90949a;--color-amber:#f7a745;--color-amber-ink:#130c05;--color-ok:#59d483;--color-fail:#ff7065;--elev-1:0 1px 2px -1px #00010873, 0 4px 12px -4px #00010866;--elev-2:0 2px 4px -2px #00010880, 0 12px 32px -8px #00010880;--elev-3:0 4px 8px -4px #0001088c, 0 28px 64px -12px #0001089e;--edge-top:inset 0 1px 0 var(--color-edge);--r:10px;--rc:8px;--ease:cubic-bezier(.16, 1, .3, 1);--fast:.14s;--slow:.42s;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--shell:1180px}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(2.83637% -.102773 -2.78212);--color-surface:lab(6.04768% -.238061 -4.45451);--color-surface-2:lab(10.5058% -.337169 -4.79218);--color-surface-3:lab(15.1529% -.356868 -4.44296);--color-rule:lab(19.7989% -.357792 -4.08676);--color-edge:lab(33.7208% -.391349 -4.1032);--color-ink:lab(95.3457% -.168204 -1.50628);--color-ink-2:lab(76.7707% -.322461 -3.00443);--color-ink-3:lab(61.1025% -.387967 -3.74709);--color-amber:lab(75.312% 24.3198 60.7835);--color-amber-ink:lab(3.68176% 1.91973 3.58393);--color-ok:lab(76.5299% -49.3791 29.5045);--color-fail:lab(65.6844% 59.2221 37.8691);--elev-1:0 1px 2px -1px lab(.414146% .383012 -2.68524/.45), 0 4px 12px -4px lab(.414146% .383012 -2.68524/.4);--elev-2:0 2px 4px -2px lab(.414146% .383012 -2.68524/.5), 0 12px 32px -8px lab(.414146% .383012 -2.68524/.5);--elev-3:0 4px 8px -4px lab(.414146% .383012 -2.68524/.55), 0 28px 64px -12px lab(.414146% .383012 -2.68524/.62)}}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{background-color:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:clamp(.95rem,.92rem + .13vw,1.0625rem);line-height:1.6;display:flex}a{color:inherit}code,pre,kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}::selection{background-color:var(--color-amber);color:var(--color-amber-ink)}:focus-visible{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-amber);border-radius:var(--rc);outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rise{animation:none!important}.btn:hover,.card:hover{transform:none!important}}.shell{width:100%;max-width:var(--shell);margin-inline:auto;padding-inline:clamp(1.25rem,1rem + 1.4vw,2.5rem)}main{flex:1;width:100%}.band{border-top:1px solid var(--color-rule);padding-block:clamp(3rem,2.25rem + 3.4vw,5.5rem)}.band[data-tone="1"]{background:var(--color-surface)}.band-head{max-width:46rem}.kicker{font:500 .72rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-amber)}h2{letter-spacing:-.028em;text-wrap:balance;margin:.9rem 0 0;font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:600;line-height:1.07}h3{letter-spacing:-.012em;font-size:1.05rem;font-weight:600;line-height:1.35}.band-head p{color:var(--color-ink-2);max-width:40rem;margin-top:.85rem}.topbar{z-index:40;background:color-mix(in oklab, var(--color-paper) 88%, transparent);border-bottom:1px solid var(--color-rule);position:sticky;top:0}.topbar-in{align-items:center;gap:.75rem;min-height:60px;display:flex}.wordmark{border-radius:var(--rc);letter-spacing:.01em;align-items:center;gap:.6rem;min-height:40px;padding-right:.35rem;font-size:1.0625rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark img{border-radius:5px;display:block}.chip{font:500 .6875rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);background:var(--color-surface-2);box-shadow:var(--edge-top);border-radius:999px;padding:.4rem .55rem}.topnav{align-items:center;gap:.15rem;margin-left:auto;display:flex}.topnav a{border-radius:var(--rc);min-height:36px;color:var(--color-ink-2);transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);align-items:center;padding-inline:.6rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.topnav a:hover{color:var(--color-ink);background:var(--color-surface-2)}@media (max-width:640px){.chip{display:none}.topnav a{padding-inline:.45rem;font-size:.8125rem}}.site-footer{border-top:1px solid var(--color-rule);background:var(--color-surface);color:var(--color-ink-3);padding-block:2.25rem 2.75rem;font-size:.86rem}.site-footer>.shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;display:flex}.site-footer nav{gap:.25rem;display:flex}.site-footer nav a{border-radius:var(--rc);min-height:40px;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);align-items:center;padding-inline:.5rem;display:inline-flex}.site-footer nav a:hover{color:var(--color-ink);background:var(--color-surface-2)}.btn,button{font-family:var(--font-sans);cursor:pointer;transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background-color var(--fast) var(--ease), color var(--fast) var(--ease);border-radius:var(--rc);background:var(--color-surface-2);min-height:46px;color:var(--color-ink);box-shadow:var(--edge-top), var(--elev-1);border:0;align-items:center;gap:.5rem;padding-inline:1.15rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover,button:hover{background:var(--color-surface-3);box-shadow:var(--edge-top), var(--elev-2);transform:translateY(-2px)}.btn-primary,button.primary{background:var(--color-amber);color:var(--color-amber-ink);box-shadow:var(--elev-1)}.btn-primary:hover,button.primary:hover{box-shadow:var(--elev-2);background:#ffba66;background:lab(81.1099% 25.003 62.3257)}button:disabled{pointer-events:none;opacity:.45}.card{border-radius:var(--r);background:var(--color-surface-2);box-shadow:var(--edge-top), var(--elev-1);transition:transform var(--slow) var(--ease), box-shadow var(--slow) var(--ease);padding:1.35rem}.card:hover{box-shadow:var(--edge-top), var(--elev-2);transform:translateY(-3px)}.panel{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-1)}.float{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-3)}.honesty-line{border-radius:var(--rc);background:color-mix(in oklab, var(--color-amber) 12%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-amber) 28%, transparent);color:var(--color-ink-2);padding:.75rem 1rem;font-size:.9rem;line-height:1.55}[role=alert]{border-radius:var(--rc);background:color-mix(in oklab, var(--color-amber) 12%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-amber) 28%, transparent);padding:.85rem 1rem;font-size:.92rem;line-height:1.55}.provisional-banner{border-radius:var(--rc);background:color-mix(in oklab, var(--color-amber) 14%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-amber) 34%, transparent);color:var(--color-ink-2);padding:1rem 1.15rem;font-size:.92rem;line-height:1.6}.provisional-banner strong{color:var(--color-amber)}.hero{isolation:isolate;padding-block:clamp(2.75rem,2rem + 4vw,5rem) clamp(2.5rem,2rem + 3vw,4rem);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 46% at 14% 3%,#ffc27829,#0000 68%),radial-gradient(44% 42% at 88% 2%,#4fc5fc1a,#0000 70%);background:radial-gradient(52% 46% at 14% 3%,lab(83.2439% 33.2931 87.074/.16),#0000 68%),radial-gradient(44% 42% at 88% 2%,lab(74.7026% -21.4482 -37.3392/.1),#0000 70%);height:150%;position:absolute;inset:-30% -20% auto}.hero-grid{align-items:start;gap:clamp(2rem,1rem + 3vw,3.25rem);display:grid}@media (min-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:3.5rem}}.eyebrow{font:500 .75rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-amber);background:color-mix(in oklab, var(--color-amber) 12%, var(--color-surface));box-shadow:var(--edge-top);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .75rem .5rem .6rem;display:inline-flex}.dot{background:var(--color-amber);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-amber) 22%, transparent);border-radius:999px}h1.display{letter-spacing:-.035em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.4rem,1.4rem + 4.2vw,4rem);font-weight:600;line-height:1}h1.display em{color:var(--color-amber);font-style:normal}.hero-sub{max-width:34rem;color:var(--color-ink-2);margin-top:1.15rem;font-size:clamp(1.02rem,.98rem + .3vw,1.19rem);line-height:1.55}.cta{flex-wrap:wrap;gap:.65rem;margin-top:1.75rem;display:flex}.hero-foot{font:400 .8125rem/1.4 var(--font-mono);color:var(--color-ink-3);flex-wrap:wrap;gap:.4rem 1.25rem;margin-top:1.5rem;display:flex}.tick{color:var(--color-ok)}.instrument{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-3);overflow:hidden}.inst-bar{background:var(--color-surface-2);border-bottom:1px solid var(--color-rule);font:500 .75rem/1 var(--font-mono);letter-spacing:.05em;color:var(--color-ink-3);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.inst-bar .lights{gap:5px;display:inline-flex}.inst-bar .lights i{background:var(--color-surface-3);width:9px;height:9px;box-shadow:inset 0 1px 0 var(--color-edge);border-radius:999px}.inst-bar .lights i:first-child{background:color-mix(in oklab, var(--color-fail) 55%, var(--color-surface-3))}.inst-bar .right{text-transform:uppercase;color:var(--color-amber);margin-left:auto}.alpha-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:1rem;display:grid}@media (min-width:420px){.alpha-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}.glyph{aspect-ratio:1;background:var(--color-surface-2);box-shadow:var(--edge-top);font:600 1.05rem/1 var(--font-mono);color:var(--color-ink-2);transition:background-color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:7px;place-items:center;display:grid;position:relative}.glyph:hover{background:var(--color-surface-3);transform:translateY(-2px)}.glyph[data-f=hi]{color:var(--color-ok);background:color-mix(in oklab, var(--color-ok) 13%, var(--color-surface-2))}.glyph[data-f=mid]{color:var(--color-amber);background:color-mix(in oklab, var(--color-amber) 14%, var(--color-surface-2))}.glyph[data-f=lo]{color:var(--color-fail);background:color-mix(in oklab, var(--color-fail) 15%, var(--color-surface-2))}.glyph .f{font:500 .5rem/1 var(--font-mono);opacity:.75;position:absolute;bottom:3px;right:4px}.alpha-legend{font:400 .7rem/1.4 var(--font-mono);color:var(--color-ink-3);flex-wrap:wrap;gap:.35rem 1rem;padding:0 1rem .5rem;display:flex}.alpha-legend i{vertical-align:-1px;border-radius:3px;width:9px;height:9px;margin-right:.35rem;display:inline-block}.inst-foot{border-top:1px solid var(--color-rule);font:400 .75rem/1.55 var(--font-mono);color:var(--color-ink-3);padding:.85rem 1rem 1.05rem}.inst-foot a{color:var(--color-ink-2)}.readouts{border-top:1px solid var(--color-rule);background:var(--color-surface)}.readout-grid{max-width:var(--shell);grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;display:grid}@media (min-width:760px){.readout-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.readout{padding:clamp(1.5rem,1rem + 1.6vw,2.25rem) clamp(1.25rem,1rem + 1.4vw,2rem)}.readout+.readout{box-shadow:inset 1px 0 0 var(--color-rule)}@media (max-width:759px){.readout:nth-child(n+3){box-shadow:inset 0 1px 0 var(--color-rule)}.readout:nth-child(4){box-shadow:inset 1px 0 0 var(--color-rule), inset 0 1px 0 var(--color-rule)}}.readout .n{font:500 clamp(2.3rem, 1.5rem + 3vw, 3.4rem) / .9 var(--font-mono);letter-spacing:-.035em;font-variant-numeric:tabular-nums;display:block}.readout .n.sig{color:var(--color-amber)}.readout .n.ok{color:var(--color-ok)}.readout .k{font:500 .7rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-3);margin-top:.6rem;display:block}.readout .s{color:var(--color-ink-3);margin-top:.35rem;font-size:.8125rem;line-height:1.4;display:block}.practice-shell{padding-block:clamp(1.5rem,1rem + 2vw,2.5rem) clamp(2.5rem,2rem + 3vw,4rem)}.practice-head{flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;margin-bottom:1.25rem;display:flex}.practice-head h1{letter-spacing:-.03em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);font-weight:600;line-height:1.1}.practice-grid{align-items:start;gap:1.25rem;display:grid}@media (min-width:940px){.practice-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.75rem}}.stage{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-3);overflow:hidden}.stage-bar{background:var(--color-surface-2);border-bottom:1px solid var(--color-rule);font:500 .72rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.7rem .95rem;display:flex}.stage-bar .delegate-badge{margin-left:auto}.stage-media{position:relative}.stage-idle{text-align:center;color:var(--color-ink-3);background:radial-gradient(60% 60% at 50% 42%,#ffc27817,#0000 70%),#05070cb8;background:radial-gradient(60% 60% at 50% 42%,lab(83.2439% 33.2931 87.074/.09),#0000 70%),lab(1.96041% -.0682846 -2.01852/.72);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem;display:flex;position:absolute;inset:0}.stage-idle svg{color:var(--color-amber);margin-bottom:.35rem}.stage-idle p{color:var(--color-ink);font-size:.98rem;font-weight:600}.stage-idle p.sub{color:var(--color-ink-3);max-width:26rem;font-size:.86rem;font-weight:400}.stage-idle button{margin-top:1rem}.spinner{border:3px solid var(--color-surface-3);border-top-color:var(--color-amber);border-radius:999px;width:30px;height:30px;animation:.9s linear infinite swage-spin}@keyframes swage-spin{to{transform:rotate(360deg)}}.camera-frame{aspect-ratio:4/3;background:#030408;background:lab(1.18398% -.0304133 -1.47664);width:100%;position:relative;overflow:hidden;transform:scaleX(-1)}.camera-frame video,.camera-frame canvas{width:100%;height:100%;position:absolute;inset:0}.predicted-letter{border-top:1px solid var(--color-rule);font:500 .86rem/1.3 var(--font-mono);color:var(--color-ink-3);align-items:center;gap:.6rem;min-height:3.25rem;padding:.85rem .95rem;display:flex}.predicted-letter strong{color:var(--color-amber);font-variant-numeric:tabular-nums;font-size:1.5rem;line-height:1}.delegate-badge{font:500 .68rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-3)}.hud{gap:1rem;display:grid}[data-testid=target-panel]{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-2);padding:1.35rem 1.4rem 1.5rem}[data-testid=target-letter]{font:500 .72rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-ink-3);align-items:baseline;gap:.85rem;display:flex}[data-testid=target-letter] strong{font:600 clamp(3.6rem, 2.6rem + 3.4vw, 5.5rem) / .85 var(--font-mono);letter-spacing:-.04em;color:var(--color-amber)}[data-testid=target-hint]{color:var(--color-ink-2);margin-top:.9rem;font-size:.95rem;line-height:1.55}[data-testid=session-progress]{border-top:1px solid var(--color-rule);font:400 .8rem/1.4 var(--font-mono);color:var(--color-ink-3);margin-top:1rem;padding-top:.9rem}[data-testid=session-summary]{border-radius:var(--r);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-2);padding:1.35rem 1.4rem 1.5rem}[data-testid=session-summary] h2{margin:0;font-size:1.35rem}[data-testid=session-summary] p{color:var(--color-ink-2);margin-top:.6rem}[data-testid=session-summary] .summary-actions{flex-wrap:wrap;gap:.5rem;margin-top:1.15rem;display:flex}[data-testid=feedback-wrong]{border-radius:var(--rc);background:color-mix(in oklab, var(--color-fail) 13%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-fail) 30%, transparent);color:var(--color-ink-2);padding:.7rem .9rem;font-size:.9rem}.hud-actions{flex-wrap:wrap;gap:.5rem;display:flex}[data-testid=progress-summary]{border-radius:var(--r);background:var(--color-surface-2);box-shadow:var(--edge-top);padding:1.15rem 1.25rem 1.25rem}[data-testid=progress-summary] h2{font:500 .72rem/1 var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--color-ink-3);margin:0 0 .5rem}[data-testid=progress-summary] p{color:var(--color-ink-2);font-size:.9rem;line-height:1.55}.docs{max-width:46rem;padding-block:clamp(2rem,1.5rem + 2vw,3.5rem) clamp(3rem,2rem + 3vw,5rem)}.docs h1{letter-spacing:-.03em;font-size:clamp(1.9rem,1.4rem + 2vw,2.6rem);font-weight:600;line-height:1.08}.docs h2{margin-top:2.25rem;font-size:clamp(1.3rem,1.1rem + .9vw,1.7rem)}.docs p,.docs li{color:var(--color-ink-2)}.docs table{border-collapse:collapse;border-radius:var(--rc);width:100%;box-shadow:var(--edge-top), var(--elev-1);margin:1.25rem 0;font-size:.9rem;overflow:hidden}.docs th,.docs td{border-bottom:1px solid var(--color-rule);text-align:left;vertical-align:top;background:var(--color-surface);padding:.7rem .8rem}.docs th{background:var(--color-surface-2);font:500 .7rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.docs-nav{flex-wrap:wrap;gap:.25rem;margin-bottom:1.75rem;font-size:.875rem;display:flex}.docs-nav a{border-radius:var(--rc);background:var(--color-surface-2);min-height:38px;box-shadow:var(--edge-top);color:var(--color-ink-2);transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;padding-inline:.7rem;text-decoration:none;display:inline-flex}.docs-nav a:hover{background:var(--color-surface-3);color:var(--color-ink)}.confusion-matrix-wrap{border-radius:var(--rc);background:var(--color-surface);box-shadow:var(--edge-top), var(--elev-1);margin:1.25rem 0;padding:.75rem;overflow-x:auto}.confusion-matrix{border-collapse:collapse;font-family:var(--font-mono);font-size:.7rem}.confusion-matrix th,.confusion-matrix td{border:1px solid var(--color-rule);text-align:center;min-width:1.6rem;color:var(--color-ink-3);padding:.15rem .35rem}.confusion-matrix .diag{background:color-mix(in oklab, var(--color-ok) 20%, var(--color-surface));color:var(--color-ok);font-weight:700}.confusion-matrix .hot{background:color-mix(in oklab, var(--color-fail) 30%, var(--color-surface));color:var(--color-ink)}ul{margin:.5rem 0;padding-left:1.25rem}li{margin:.35rem 0}.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}@keyframes swage-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:swage-rise var(--slow) var(--ease) both}.d1{animation-delay:70ms}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.3s}.aj-attribution{font:inherit;color:inherit;margin:0;line-height:1.5}.aj-attribution__mark{vertical-align:-.3em;width:20px;height:20px;margin-right:.45em;display:inline-block}.aj-attribution__mark--full{vertical-align:middle;width:48px;height:48px}.aj-attribution a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.aj-attribution a:hover{text-decoration-thickness:2px}.aj-attribution a:focus-visible{outline-offset:2px;outline:2px solid}.aj-attribution__sep{margin:0 .35em}.aj-attribution{--aj-attribution-signal:var(--color-amber)}
