:root{--bg: #0c0d12;--bg-soft: #14161d;--card: rgba(255, 255, 255, .96);--ink: #14151a;--ink-on-dark: #f4f5f7;--muted: #9aa0ae;--muted-dark: #6b7280;--line: rgba(255, 255, 255, .12);--pill: rgba(255, 255, 255, .08);--accent: #7c6cf5;--accent-deep: #5b4ee0;--gold: #d8b76a;--green: #34c759;--red: #e5484d;--radius: 22px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 24px 64px rgba(0, 0, 0, .45);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--ink-on-dark);font-family:var(--font);background:radial-gradient(900px 480px at 12% -8%,rgba(124,108,245,.22),transparent 60%),radial-gradient(800px 420px at 88% 4%,rgba(216,183,106,.14),transparent 60%),radial-gradient(1000px 700px at 50% 110%,rgba(124,108,245,.12),transparent 60%),linear-gradient(180deg,#0c0d12,#101218 55%,#0c0d12)}.lock{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.lock-card{width:100%;max-width:400px;text-align:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:44px 36px 36px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.lock-mark{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#0c0d12;background:linear-gradient(135deg,var(--gold),#f3e2b3);box-shadow:0 8px 28px #d8b76a59}.lock-eyebrow{font-size:11px;letter-spacing:.28em;color:var(--muted);font-weight:700;margin-bottom:8px}.lock-title{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#fff}.lock-sub{color:var(--muted);font-size:13.5px;margin:8px 0 22px}.lock-card form{display:flex;gap:8px}.lock-card input{flex:1;min-width:0;background:#00000059;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:13px 14px;font-size:14px;color:#fff;outline:none}.lock-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cf540}.lock-btn{border:0;border-radius:12px;cursor:pointer;padding:0 20px;font-weight:700;font-size:14px;color:#0c0d12;background:linear-gradient(135deg,var(--gold),#f3e2b3)}.lock-btn:disabled{opacity:.6;cursor:wait}.lock-error{margin-top:14px;font-size:13px;color:#ff9a9e}.page{max-width:1180px;margin:0 auto;padding:28px 28px 64px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{font-size:12px;letter-spacing:.24em;color:var(--gold);font-weight:700;margin-bottom:8px}h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff}.controls{display:flex;align-items:center;gap:6px;background:var(--pill);border:1px solid var(--line);border-radius:14px;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seg{border:0;background:transparent;color:#b9bfcc;font-weight:600;font-size:13px;padding:8px 12px;border-radius:9px;cursor:pointer}.seg.active{background:#fffffff0;color:var(--ink)}.bg-toggle{display:flex;align-items:center;gap:8px;background:#fffffff0;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;border:0;color:#2b2e38}.bg-toggle .box{width:18px;height:18px;border-radius:5px;border:1.5px solid #b9b3f5;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-deep);font-size:13px;background:#efedff}.display-window{position:relative;border-radius:var(--radius);overflow:hidden;background:#0e0f13;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}.display-window.ratio-16-9{aspect-ratio:16 / 9}.display-window.ratio-1-1{aspect-ratio:1 / 1}.display-window.ratio-9-16{aspect-ratio:9 / 16;max-width:480px;margin:0 auto}.master-stage{position:absolute;top:0;right:0;bottom:0;left:0}.display-window.ratio-16-9 .master-stage{width:100%;height:100%}.display-window.ratio-1-1 .master-stage,.display-window.ratio-9-16 .master-stage{top:50%;left:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:16 / 9;width:auto}.bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.bg-layer.hidden-bg{display:none}.avatar-layer{position:absolute;top:0;right:0;bottom:0;left:0}.avatar-layer canvas{width:100%!important;height:100%!important;display:block}.stage-idle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0b1059}.spinner{width:46px;height:46px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-pill{position:absolute;left:50%;bottom:22px;transform:translate(-50%);background:#0a0a0ec7;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px}.placement-btn{position:absolute;top:14px;right:14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffffeb;padding:9px 14px;font-size:13px;font-weight:600;color:#4b4f5c;cursor:pointer}.timer-pill{position:absolute;top:14px;left:14px;background:#0a0a0ecc;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center}.captions{position:absolute;left:0;right:0;bottom:26px;text-align:center;pointer-events:none;padding:0 24px}.captions .heard{color:#ffffffd9;font-size:14px;margin-bottom:4px}.captions .reply{color:#fff;font-size:22px;font-weight:700}.placement-panel{position:absolute;top:58px;right:14px;background:#14161deb;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 16px;width:224px;font-size:12px;color:#e7e9ee}.placement-panel label{display:block;margin:8px 0 2px;color:#b9bfcc;font-weight:600}.placement-panel input{width:100%;accent-color:var(--gold)}.dock{max-width:860px;margin:24px auto 0;background:linear-gradient(180deg,#fffffffa,#f4f5f7f5);border-radius:18px;box-shadow:var(--shadow);padding:22px 24px}.dock-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.dock-title{font-size:18px;font-weight:800}.dock-sub{color:#6b7280;font-size:13px;margin-top:4px}.start-btn{border:0;border-radius:12px;color:#fff;font-weight:700;font-size:15px;padding:14px 30px;cursor:pointer;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1c1e26,#3a3d4d)}.start-btn:disabled{opacity:.55;cursor:wait}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.live-status{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;cursor:pointer}.live-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid #e2e4ea;background:#fff;border-radius:12px;width:46px;height:46px;cursor:pointer;font-size:17px}.icon-btn.muted{background:#f3f4f6}.end-btn{border:1px solid #f3c2c4;background:#fff5f5;color:var(--red);font-weight:700;border-radius:12px;padding:0 18px;height:46px;cursor:pointer}.chat-row{display:flex;gap:10px;margin-top:14px}.chat-row input{flex:1;border:1px solid #e2e4ea;border-radius:12px;padding:14px;font-size:14px;outline:none;background:#fafbfc}.send-btn{width:50px;border-radius:12px;border:0;background:linear-gradient(135deg,#1c1e26,#3a3d4d);color:#fff;font-size:18px;cursor:pointer}.error{max-width:860px;margin:14px auto 0;background:#e5484d1f;border:1px solid rgba(229,72,77,.4);color:#ffb4b8;border-radius:12px;padding:12px 16px;font-size:13px;white-space:pre-wrap}.hint{max-width:860px;margin:14px auto 0;color:#7d8494;font-size:12.5px;line-height:1.6}.hint code{background:#ffffff1a;padding:1px 6px;border-radius:6px;font-size:12px;color:#cfd4de}@media(max-width:640px){.page{padding:16px 14px 44px}h1{font-size:24px}.topbar{flex-direction:column}.dock-row{flex-direction:column;align-items:stretch}.lock-card form{flex-direction:column}.lock-btn{padding:13px}}