:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#03050a;--ink:#e8f6ff;--muted:#8aa0b8;--cyan:#00f0ff;--blue:#3d7bff;--violet:#9b5cff;--magenta:#ff2bd6;--danger:#ff3b6b;--ok:#5dffc8;--panel:#060a12b8;--stroke:#00f0ff52;--shadow:0 18px 60px #0000008c;--sans:"Segoe UI", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--sans);margin:0;overflow:hidden}body{letter-spacing:.01em}#app{background:radial-gradient(1200px 700px at 50% 40%,#3d7bff1f,#0000 55%),radial-gradient(800px 500px at 80% 90%,#9b5cff1a,#0000 50%),#03050a;width:100vw;height:100vh;position:relative}#universe-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.offscreen-compositor,.raw-camera-source{opacity:0!important;pointer-events:none!important;visibility:hidden!important;z-index:-9999!important;clip-path:inset(50%)!important;width:2px!important;height:2px!important;position:fixed!important;top:-200vh!important;left:-200vw!important;overflow:hidden!important}.vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 68%,#00000047 100%);position:absolute;inset:0}.grain{pointer-events:none;z-index:3;opacity:.04;mix-blend-mode:normal;background-image:repeating-linear-gradient(0deg,#ffffff08 0,#0000 1px 3px);position:absolute;inset:0}.brand{z-index:6;pointer-events:none;position:absolute}.brand--hero{text-align:center;transition:opacity 1.2s,transform 1.2s;top:8vh;left:0;right:0}.brand--hero.is-faded{opacity:0;transform:translateY(-12px)}.eyebrow{color:var(--cyan);letter-spacing:.42em;margin:0 0 10px;font-size:11px}.brand h1,.landing h1{letter-spacing:.18em;text-indent:.18em;background:linear-gradient(90deg,#fff,#00f0ff 40%,#9b5cff 70%,#ff2bd6);color:#0000;text-shadow:0 0 40px #00f0ff33;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(42px,7vw,92px);font-weight:700}.subtitle{color:var(--muted);letter-spacing:.28em;text-transform:uppercase;margin:10px 0 0;font-size:13px}.brand--mini{color:var(--ink);align-items:center;gap:10px;display:flex;top:22px;left:22px}.brand--mini[hidden]{display:none}.mini-mark{background:radial-gradient(circle, #fff, var(--magenta) 40%, transparent 70%);width:12px;height:12px;box-shadow:0 0 16px var(--cyan);border-radius:50%}.brand--mini strong{letter-spacing:.22em;font-size:12px;display:block}.brand--mini small{color:var(--muted);letter-spacing:.08em}.camera-panel{z-index:8;background:var(--panel);border:1px solid var(--stroke);box-shadow:var(--shadow), 0 0 24px #00f0ff1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;min-width:220px;position:absolute;overflow:hidden}.camera-panel--bottom-right{bottom:88px;right:20px}.camera-panel--bottom-left{bottom:88px;left:20px}.camera-panel--top-right{top:20px;right:20px}.camera-panel--top-left{top:72px;left:20px}.camera-panel--small .camera-stage{width:220px;height:165px}.camera-panel--medium .camera-stage{width:300px;height:225px}.camera-panel--large .camera-stage{width:420px;height:315px}.camera-panel.is-collapsed .camera-stage,.camera-panel.is-collapsed .camera-meta{display:none}.camera-chrome{letter-spacing:.18em;color:var(--cyan);align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:flex}.camera-live{color:var(--danger);letter-spacing:.16em}.camera-title{flex:1}.camera-stage{background:#000;position:relative}#camera-processed{background:#000;width:100%;height:100%;display:block}.camera-safe-cover{color:var(--cyan);letter-spacing:.16em;text-align:center;background:#000;place-items:center;padding:16px;font-size:11px;display:grid;position:absolute;inset:0}.camera-safe-cover[hidden]{display:none}.camera-meta{flex-wrap:wrap;gap:6px;padding:8px;display:flex}.gesture-label,.meta-pill{letter-spacing:.14em;border:1px solid #ffffff1f;border-radius:999px;padding:4px 8px;font-size:10px}.gesture-label{color:#fff;background:#9b5cff33}.meta-pill--ok{color:var(--ok)}.privacy-rail{z-index:7;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:20px;right:20px}.rail-pill{letter-spacing:.16em;color:var(--cyan);background:#03050a8c;border:1px solid #00f0ff47;padding:5px 9px;font-size:10px}.hud-left{z-index:7;flex-direction:column;gap:8px;max-width:360px;display:flex;position:absolute;bottom:96px;left:22px}.formation-toast,.demo-coach,.fps-readout,.debug-readout{color:var(--ink);letter-spacing:.12em;margin:0;font-size:12px}.formation-toast{letter-spacing:.2em;color:#e8f4ff;text-shadow:0 0 16px #00f0ff73;font-size:clamp(16px,2.4vw,28px)}.gesture-flash{z-index:16;pointer-events:none;text-align:center;width:min(92vw,1600px);margin:0;position:fixed;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.gesture-flash-inner{white-space:nowrap;letter-spacing:.18em;color:#f4fbff;text-shadow:0 0 30px #00f0ffd9;opacity:0;font-size:clamp(32px,5.2vw,80px);font-weight:700;transition:opacity .2s,transform .2s;display:inline-block;transform:scale(.92)}.gesture-flash.is-on .gesture-flash-inner{opacity:1;transform:scale(1)}.visual-test-banner{z-index:8;letter-spacing:.22em;color:#ffb347;margin:0;font-size:12px;position:absolute;top:72px;left:50%;transform:translate(-50%)}.calibration-panel{left:20px;right:auto}.debug-readout{white-space:pre-wrap;color:var(--muted);font-size:11px;line-height:1.45}.hud-right{z-index:9;color:var(--danger);letter-spacing:.2em;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.rec-dot{background:var(--danger);width:9px;height:9px;box-shadow:0 0 12px var(--danger);border-radius:50%;animation:1s infinite pulse}.countdown-overlay{z-index:20;letter-spacing:.08em;color:#fff;background:#00000059;place-items:center;font-size:22vh;display:grid;position:absolute;inset:0}.control-dock{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a12a8;border:1px solid #ffffff14;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(96vw,1100px);padding:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dock-btn,.cta,.icon-btn{font:inherit;cursor:pointer;color:var(--ink);letter-spacing:.08em;background:0 0;border:1px solid #00f0ff47;border-radius:999px;padding:8px 14px}.dock-btn:hover,.cta:hover,.icon-btn:hover{border-color:var(--cyan);box-shadow:0 0 16px #00f0ff33}.dock-btn:focus-visible,.cta:focus-visible,.icon-btn:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.dock-btn--primary,.cta{background:linear-gradient(90deg,#00f0ff29,#9b5cff33)}.dock-btn--danger{color:#ffd5e0;border-color:#ff3b6b80}.dock-btn[disabled]{opacity:.4;cursor:not-allowed}.dock-volume{letter-spacing:.1em;color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.icon-btn{min-width:32px;padding:2px 8px}.demo-banner{z-index:6;letter-spacing:.16em;color:var(--magenta);margin:0;font-size:11px;position:absolute;top:22px;left:22px}body.is-camera-on .demo-banner{display:none}body.is-presentation .control-dock,body.is-presentation .demo-banner,body.is-presentation #settings-panel,body.is-presentation #calibration-panel,body.is-presentation .fps-readout,body.is-presentation .debug-readout,body.is-presentation .visual-test-banner{display:none!important}body.is-presentation .camera-panel{bottom:24px}body.is-presentation .camera-panel--medium .camera-stage{width:390px;height:292px}body.is-presentation .camera-panel--large .camera-stage{width:520px;height:390px}body.is-presentation .gesture-label{letter-spacing:.16em;padding:6px 12px;font-size:13px}.settings-panel{z-index:12;border:1px solid var(--stroke);width:min(360px,92vw);max-height:min(70vh,640px);box-shadow:var(--shadow);background:#060a12eb;border-radius:18px;padding:16px;position:absolute;bottom:88px;right:20px;overflow:auto}.settings-panel header{justify-content:space-between;align-items:center;display:flex}.settings-panel h2{letter-spacing:.16em;margin:0;font-size:14px}.settings-panel form{gap:10px;margin-top:14px;display:grid}.settings-panel label{color:var(--muted);letter-spacing:.06em;gap:6px;font-size:12px;display:grid}.settings-panel label.check{grid-template-columns:auto 1fr;align-items:center}.settings-panel select,.settings-panel input[type=range]{width:100%}.settings-note{color:var(--muted);font-size:11px;line-height:1.5}.landing,.error-overlay{z-index:30;background:radial-gradient(900px 500px at 50% 30%,#00f0ff1f,#0000 50%),#03050ac7;place-items:center;display:grid;position:absolute;inset:0}.landing[hidden],.error-overlay[hidden],.countdown-overlay[hidden],.hud-right[hidden],[hidden]{display:none!important}.landing-card,.error-card{border:1px solid var(--stroke);width:min(720px,92vw);box-shadow:var(--shadow);background:#060a12db;border-radius:24px;padding:36px}.lead{color:var(--muted);line-height:1.6}.landing-points{color:var(--ink);padding-left:18px;line-height:1.7}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.cta--ghost{background:0 0}.credit{color:var(--muted);letter-spacing:.08em;margin-top:22px;font-size:12px}@keyframes pulse{50%{opacity:.35}}@media (max-width:820px){.control-dock{border-radius:20px;bottom:8px}.camera-panel--medium .camera-stage,.camera-panel--large .camera-stage{width:220px;height:165px}.privacy-rail{display:none}}@media (prefers-reduced-motion:reduce){.brand--hero,.rec-dot{transition:none;animation:none}}