:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#0b1020;--bg-2:#1e1b4b;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--accent-2:#f472b6;--panel:#0f172ab8;--border:#94a3b838;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--text);background:radial-gradient(ellipse at 50% 35%, var(--bg-2) 0%, var(--bg-1) 70%)}[hidden]{display:none!important}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{pointer-events:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.02em;font-size:1.1rem;font-weight:700}.status{color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.85rem}.status.live{color:#fecaca;border-color:#f8717180}.intro{text-align:center;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;width:min(460px,100% - 32px);height:fit-content;margin:auto;padding:28px 24px;position:fixed;inset:0}.intro h1{margin:0 0 8px;font-size:1.5rem}.intro p{color:var(--muted);margin:0 0 18px;line-height:1.45}.intro .privacy{margin:18px 0 0;font-size:.82rem}.error{color:#fca5a5!important;margin:14px 0 0!important}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#334155b3;border-radius:10px;padding:8px 14px}button:hover{background:#475569cc}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{color:#0b1020;background:linear-gradient(90deg, var(--accent), var(--accent-2));border:none;padding:12px 22px;font-size:1.05rem;font-weight:600}button:disabled{opacity:.6;cursor:progress}.preview{aspect-ratio:4/3;border:1px solid var(--border);background:#000;border-radius:14px;width:min(240px,38vw);position:fixed;bottom:84px;right:16px;overflow:hidden}.preview video,.preview canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.hud{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.gestures{font-size:1rem}.controls{align-items:center;gap:8px;display:flex}.metric{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}@media (width<=600px){.preview{width:34vw;top:58px;bottom:auto;right:12px}.hud{bottom:10px;left:10px;right:10px}.controls{justify-content:space-between;width:100%}}