:root{--bg:#05030a;--fg:#f2f0ff;--accent:#9d7bff;--panel-bg:#0a0814b8;--panel-border:#9d7bff59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--fg);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}.panel{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:16px 18px;position:absolute;box-shadow:0 8px 32px #0006}#hud{max-width:300px;top:20px;left:20px}#hud h1{letter-spacing:.01em;margin:0 0 6px;font-size:1.05rem;font-weight:600}#hud .tagline{opacity:.7;margin:0 0 12px;font-size:.8rem;line-height:1.4}.privacy-badge{opacity:.85;border:1px solid var(--panel-border);background:#9d7bff1f;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 10px;font-size:.72rem;line-height:1.35;display:flex}.source-buttons{flex-direction:column;gap:6px;margin-top:10px;display:flex}button{cursor:pointer;font-family:inherit}.source-btn{border:1px solid var(--panel-border);color:var(--fg);text-align:left;background:#ffffff0a;border-radius:8px;padding:8px 10px;font-size:.78rem;transition:background .15s,border-color .15s}.source-btn:hover{background:#9d7bff2e}.source-btn.active{border-color:var(--accent);background:#9d7bff38}#status-line{opacity:.65;min-height:1.2em;margin-top:10px;font-size:.72rem}#fallback-notice{z-index:11;text-align:center;max-width:460px;padding:10px 16px;font-size:.8rem;display:none;position:absolute;top:20px;left:50%;transform:translate(-50%)}#fallback-notice.visible{display:block}#start-gate{z-index:20;text-align:center;background:radial-gradient(#14102a 0%,#05030a 70%);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}#start-gate.hidden{display:none}#start-gate h1{margin:0;font-size:1.8rem;font-weight:600}#start-gate p{opacity:.75;max-width:440px;margin:0;font-size:.9rem;line-height:1.5}#start-btn{background:var(--accent);color:#0a0714;border:none;border-radius:999px;margin-top:8px;padding:14px 32px;font-size:1rem;font-weight:600;transition:transform .15s;box-shadow:0 4px 24px #9d7bff73}#start-btn:hover{transform:scale(1.03)}#mute-btn{z-index:10;border:1px solid var(--panel-border);background:var(--panel-bg);width:44px;height:44px;color:var(--fg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:20px;right:20px}#preview-wrap{z-index:10;border:1px solid var(--panel-border);opacity:.85;background:#000;border-radius:10px;width:160px;height:120px;position:absolute;bottom:20px;right:20px;overflow:hidden}#preview-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}#legend{z-index:10;opacity:.55;max-width:260px;font-size:.68rem;line-height:1.5;position:absolute;bottom:20px;left:20px}@media (width<=640px){#hud{max-width:calc(100vw - 40px)}#preview-wrap{width:110px;height:82px}}