*{margin:0;padding:0;box-sizing:border-box}:root{--fg: rgba(235, 238, 245, .92);--fg-dim: rgba(235, 238, 245, .55);--panel: rgba(12, 13, 20, .55);--stroke: rgba(255, 255, 255, .14);--accent: rgba(150, 180, 255, .9)}html,body{width:100%;height:100%;background:#04050a;overflow:hidden;font-family:ui-sans-serif,system-ui,SF Pro Text,Segoe UI,sans-serif;color:var(--fg);-webkit-font-smoothing:antialiased}body.hide-cursor{cursor:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05060c59,#030408c7);backdrop-filter:blur(2px);z-index:30;transition:opacity .8s ease}.overlay.gone{opacity:0;pointer-events:none}.start-inner{text-align:center;max-width:34rem;padding:2rem}.start-inner h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:200;letter-spacing:.42em;margin-left:.42em;color:var(--fg);text-shadow:0 0 42px rgba(140,170,255,.35)}.tagline{margin-top:.4rem;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-dim)}.src-buttons{display:flex;gap:.8rem;justify-content:center;margin-top:2.6rem;flex-wrap:wrap}.btn-primary{appearance:none;background:#ffffff0f;border:1px solid var(--stroke);color:var(--fg);font:inherit;font-size:.95rem;padding:.85rem 1.6rem;border-radius:999px;cursor:pointer;transition:all .25s ease}.btn-primary:hover{background:#ffffff24;border-color:#ffffff59;box-shadow:0 0 28px #8caaff40}.btn-ghost{appearance:none;background:none;border:none;color:var(--fg-dim);font:inherit;font-size:.8rem;margin-top:1.6rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.btn-ghost:hover{color:var(--fg)}.hint{margin-top:1.5rem;font-size:.8rem;line-height:1.55;color:var(--fg-dim)}.hint-dim{margin-top:.7rem;font-size:.72rem;color:#ebeef561}.mic-select{appearance:none;margin-top:.9rem;max-width:22rem;background:#ffffff0f;border:1px solid var(--stroke);color:var(--fg-dim);font:inherit;font-size:.8rem;padding:.45rem 1rem;border-radius:999px;cursor:pointer;text-align:center}.mic-select:hover{color:var(--fg);border-color:#ffffff4d}.mic-select option{background:#10121a;color:var(--fg)}.error{margin-top:1rem;font-size:.8rem;color:#ff9a9a;min-height:1.2em}.controls{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;align-items:center;gap:1.2rem;padding:.55rem 1rem;background:var(--panel);border:1px solid var(--stroke);border-radius:16px;backdrop-filter:blur(14px);z-index:20;transition:opacity .45s ease,transform .45s ease}.controls.hidden{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}.controls .group{display:flex;align-items:center;gap:.35rem}.controls button{appearance:none;background:transparent;border:1px solid transparent;color:var(--fg-dim);font:inherit;font-size:.8rem;padding:.35rem .7rem;border-radius:9px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.controls button:hover{color:var(--fg);background:#ffffff12}.controls button.active{color:var(--fg);border-color:var(--stroke);background:#ffffff17}.scene-name{font-size:.8rem;min-width:9.5rem;text-align:center;color:var(--fg);letter-spacing:.04em}.shortcuts{position:absolute;left:50%;top:calc(100% + .5rem);transform:translate(-50%);font-size:.66rem;letter-spacing:.06em;color:#ebeef559;white-space:nowrap}#toast{position:fixed;left:50%;top:8%;transform:translate(-50%) translateY(-8px);padding:.6rem 1.4rem;background:var(--panel);border:1px solid var(--stroke);border-radius:999px;backdrop-filter:blur(14px);font-size:.85rem;letter-spacing:.08em;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;z-index:25}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#stats{position:fixed;top:.8rem;left:.9rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;line-height:1.5;color:#ebeef580;white-space:pre;z-index:20;display:none}#stats.show{display:block}