:root{--display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--body:"Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg:#eef4f3;--panel:#fff;--panel2:#e1ecea;--fg:#112a2e;--muted:#4a6468;--line:#b9cdcb;--teal:#0a6f6a;--teal-soft:#cfe8e4;--amber:#c2610f;--amber-ink:#8f4608;--amber-soft:#fbe3c9;--blue:#2a5ba8;--blue-soft:#d9e4f5;--pass:#1c7a3f;--pass-bg:#d7efdf;--pend:#7d5800;--pend-bg:#f8ecc4;--fail:#b3261e;--fail-bg:#f7d9d6;--focus:#1b4fd6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1c20;--panel:#15292e;--panel2:#1c353b;--fg:#e3efee;--muted:#9db8b8;--line:#2f4d53;--teal:#4fc9bd;--teal-soft:#1b4a4a;--amber:#f0a64e;--amber-ink:#f4b469;--amber-soft:#4a3216;--blue:#8db4f2;--blue-soft:#23375c;--pass:#6fd197;--pass-bg:#1b4430;--pend:#f0cc66;--pend-bg:#4a3c10;--fail:#f59a93;--fail-bg:#4d1f1c;--focus:#9ec1ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--body);overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.55}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.1}h1{letter-spacing:-.02em;font-size:clamp(2.2rem,9vw,3.4rem);font-weight:800}h1:focus{outline:none}h2{letter-spacing:-.01em;font-size:clamp(1.35rem,5vw,1.7rem);font-weight:700}p{margin:0 0 12px}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,.pill:focus-within{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.app{max-width:44rem;padding:20px 16px calc(40px + env(safe-area-inset-bottom,0px));margin:0 auto}.screen{gap:16px;display:grid}.screen>*{min-width:0}.title{margin:0}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.lead{margin:0;font-size:1.2rem;line-height:1.4}.hint{color:var(--muted);margin:0;font-size:.92rem}.small{color:var(--muted);font-size:.92rem}.card{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--teal);border-radius:6px;gap:14px;padding:16px;display:grid}.card.warn{border-left-color:var(--amber)}.callout{background:var(--amber-soft);border-left:6px solid var(--amber);border-radius:4px;gap:4px;padding:10px 14px;font-size:.96rem;display:grid}.callout p{margin:0}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.label{font-family:var(--display);padding:0;font-size:1.05rem;font-weight:700}.input{font-family:var(--body);border:2px solid var(--line);background:var(--panel);width:100%;max-width:14rem;min-height:48px;color:var(--fg);border-radius:6px;padding:8px 12px;font-size:1.15rem}.pills{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pills.stack{grid-template-columns:1fr}.pill{border:2px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:8px 14px;display:flex}.pill input{width:22px;height:22px;accent-color:var(--teal);flex:none;margin:0}.pill:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}.btn{font-family:var(--body);border:2px solid var(--teal);background:var(--teal);min-height:48px;color:var(--bg);cursor:pointer;text-align:center;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-size:1.05rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn.secondary{background:var(--panel);color:var(--teal)}.btn.secondary:hover:not(:disabled){background:var(--teal-soft);color:var(--fg);border-color:var(--teal)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000;text-decoration:underline}.btn.ghost:hover:not(:disabled){background:var(--panel2);color:var(--fg);border-color:#0000}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.tap{width:100%;min-height:64px;font-size:1.2rem}.actions{flex-wrap:wrap;gap:10px;display:flex}.actions .btn{flex:10rem}.actions .btn.primary-wide{flex:2 14rem}.links{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.links a{min-height:44px;padding:10px 0;display:inline-block}.stage{--ar:.75;width:min(100%, calc(52vh * var(--ar)));width:min(100%, calc(52svh * var(--ar)));min-width:14rem;max-width:100%;aspect-ratio:var(--ar);background:#000;border-radius:8px;margin-inline:auto;position:relative;overflow:hidden}.stage video,.stage canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage video.mirror{transform:scaleX(-1)}.stage canvas{--pose:#f0a64e;pointer-events:none}.hud{color:#fff;text-align:center;background:#081214b8;border-radius:12px;justify-items:center;gap:2px;min-width:8rem;max-width:94%;padding:6px 16px 8px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hud-main{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.hud[data-kind=num] .hud-main{font-size:clamp(4.5rem,24vw,8rem)}.hud[data-kind=time] .hud-main{font-size:clamp(3rem,15vw,5.5rem)}.hud[data-kind=word] .hud-main{font-size:clamp(1.5rem,6.5vw,2.4rem);line-height:1.15}.hud-sub{font-size:.95rem;line-height:1.25}.hud-time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1rem}.hud-bar-row{align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.hud-bar{background:#ffffff40;border-radius:5px;flex:1;min-width:7rem;height:10px;position:relative;overflow:hidden}.hud-fill{transform-origin:0;background:#4fc9bd;position:absolute;inset:0;transform:scaleX(0)}.hud-tick{background:#fff;width:3px;position:absolute;top:0;bottom:0;left:16.667%}.chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:.76rem;font-weight:700;line-height:1.6;display:inline-flex}.chip.pass{background:var(--pass-bg);color:var(--pass)}.chip.fail{background:var(--fail-bg);color:var(--fail)}.chip.marker{color:#fff;background:#ffffff2e}.chip.marker.lit{color:#0e1c20;background:#6fd197}.panel{gap:14px;display:grid}.panel>*{min-width:0}.status{background:var(--panel2);border-radius:6px;align-items:flex-start;gap:10px;padding:10px 14px;font-weight:700;display:flex}.status[data-ok=true]{background:var(--pass-bg);color:var(--pass)}.status[data-kind=error]{background:var(--fail-bg);color:var(--fail)}.status-icon{font-family:var(--mono);min-width:1ch}.attempts{margin:0;padding-left:1.2rem}.big{font-family:var(--display);margin:0;font-size:clamp(1.7rem,7vw,2.4rem);font-weight:800;line-height:1.1}.result-box{background:var(--teal-soft);border-radius:6px;gap:10px;padding:12px 14px;display:grid}.result-box p{margin:0}.row{gap:10px;display:grid}.row h2{color:var(--teal)}.row p{margin:0}.row .range{font-size:1.15rem}.src{gap:0;margin:0;padding:0;list-style:none;display:grid}.src li{border-top:1px solid var(--line);gap:4px;padding-block:12px;display:grid}.src li:first-child{border-top:0}.src p{margin:0}.src a{overflow-wrap:anywhere;font-size:.9rem}.disclaimer{margin:0;font-weight:700}.howto{gap:14px;display:grid}.howto h2{color:var(--teal)}.diagram{gap:8px;width:100%;max-width:440px;margin:0 auto;display:grid}.diagram-art{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.diagram-cap{margin:0;font-size:1rem;line-height:1.4}.dg{width:100%;height:auto;display:block}.dg-t{fill:var(--fg);font-family:var(--body);font-size:13px}.dg-tb{font-weight:700}.dg-tm{fill:var(--muted)}.dg-tl{font-size:14px}.dg-mid{text-anchor:middle}.dg-num{fill:var(--amber-ink);font-family:var(--display);text-anchor:middle;font-size:15px;font-weight:800}.dg-limb,.dg-head,.dg-floor,.dg-chair,.dg-arrow,.dg-hot,.dg-lead,.dg-dash,.dg-brace,.dg-frame,.dg-check,.dg-icon{fill:none;stroke-linecap:round;stroke-linejoin:round}.dg-limb{stroke:var(--teal);stroke-width:3px}.dg-head{fill:var(--panel);stroke:var(--teal);stroke-width:3px}.dg-limb.dg-thin,.dg-head.dg-thin{stroke-width:2.2px}.dg-dot{fill:var(--amber)}.dg-eye{fill:var(--fg)}.dg-floor{stroke:var(--line);stroke-width:2px}.dg-chair{stroke:var(--muted);stroke-width:3px}.dg-wall{fill:var(--panel2);stroke:var(--line);stroke-width:2px}.dg-arrow{stroke:var(--muted);stroke-width:2px}.dg-mk{fill:var(--muted)}.dg-hot{stroke:var(--amber);stroke-width:3px}.dg-mkhot{fill:var(--amber)}.dg-badge{fill:var(--amber-soft);stroke:var(--amber);stroke-width:2px}.dg-lead{stroke:var(--muted);stroke-width:1.5px}.dg-dash{stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:4 4}.dg-card{fill:var(--panel2);stroke:var(--line);stroke-width:1.5px}.dg-brace{stroke:var(--teal);stroke-width:2px}.dg-phone{fill:var(--panel);stroke:var(--fg);stroke-width:3px}.dg-phone.dg-slim{stroke-width:2.5px}.dg-screen{fill:var(--panel2)}.dg-frame{stroke:var(--teal);stroke-width:3px}.dg-ok{fill:var(--pass)}.dg-check{stroke:var(--panel);stroke-width:2.5px}.dg-icon{stroke:var(--fg);stroke-width:2px}@media (prefers-reduced-motion:no-preference){.btn{transition:background-color .12s,color .12s}.hud-fill{transition:transform .12s linear}}@media (width>=640px){.app{padding-top:40px}.pills.stack{grid-template-columns:1fr 1fr}}