:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--panel:#14171c;--panel-border:#262b33;--text:#e6f7fb;--muted:#93a1ad;--accent:#22d3ee;--accent-2:#f59e0b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}a{color:var(--accent)}.container{max-width:880px;margin:0 auto;padding:32px 20px 96px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:600}h1{margin:8px 0 4px;font-size:clamp(28px,5vw,42px);line-height:1.1}.lede{color:var(--muted);max-width:60ch;font-size:17px;line-height:1.55}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;margin:20px 0;padding:20px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:0;font-size:15px}.btn{appearance:none;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#1b2029;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600}.btn:hover{border-color:var(--accent)}.btn.primary{background:linear-gradient(135deg, var(--accent), #0891b2);color:#06232b;border:none}.btn:focus-visible,.btn.handsfree-focus-ring{outline:3px solid var(--accent);outline-offset:3px}.gesture-legend{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:8px;display:grid}.gesture-legend .item{border:1px solid var(--panel-border);color:var(--muted);background:#0f1319;border-radius:10px;padding:10px 12px;font-size:13px}.gesture-legend .item b{color:var(--text);margin-bottom:2px;display:block}.event-log{border:1px solid var(--panel-border);color:#9be8ff;background:#0a0c0f;border-radius:10px;max-height:160px;padding:10px;font:12px/1.5 ui-monospace,monospace;overflow-y:auto}.source-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}select{color:var(--text);border:1px solid var(--panel-border);background:#0f1319;border-radius:8px;padding:8px 10px}.status-pill{border:1px solid var(--panel-border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.status-pill.live{color:#6ee7b7;border-color:#14532d}.status-pill.replay{color:var(--accent-2);border-color:#78350f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}