:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#3b82f647,#0000 36rem),radial-gradient(circle at 90% 15%,#a855f73d,#0000 30rem),#09090b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(1440px,100% - 40px);margin:0 auto;padding:36px 0 64px}.hero{grid-template-columns:1fr 280px;align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero h1{letter-spacing:-.08em;max-width:980px;margin:0;font-size:clamp(2.2rem,5vw,5rem);line-height:.95}.hero-copy{color:#cbd5e1;max-width:760px;font-size:1.05rem;line-height:1.7}.hero-card,.panel,.stage-card,.state-card,.admin-snapshot article{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ab8;border:1px solid #ffffff1f;box-shadow:0 24px 80px #00000047}.hero-card{border-radius:28px;flex-direction:column;justify-content:center;padding:28px;display:flex}.hero-card span,.hero-card small,.eyebrow,.mode-pill{color:#94a3b8;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.hero-card strong{color:#67e8f9;margin:8px 0;font-size:2rem}.room-grid{grid-template-columns:minmax(0,1fr) 380px;gap:24px;display:grid}.stage-card,.panel,.state-card{border-radius:30px;padding:20px}.state-card{align-content:center;min-height:320px;padding:42px;display:grid}.error-card{border-color:#f8717173}.room-topbar,.panel-header,.session-meta,.timeline-bar,.chat-form{align-items:center;display:flex}.room-topbar,.panel-header,.timeline-bar{justify-content:space-between;gap:16px}.room-topbar h2,.panel h3{margin:4px 0 0}.disclosure{color:#94a3b8;margin:8px 0 0;font-size:.85rem}.session-meta{color:#dbeafe;white-space:nowrap;gap:10px}.session-meta strong{border-left:1px solid #ffffff2e;padding-left:10px}.status-dot{background:#ef4444;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 7px #ef44442e}.session-meta.waiting .status-dot{background:#f59e0b;box-shadow:0 0 0 7px #f59e0b2e}.session-meta.ended .status-dot{background:#64748b;box-shadow:0 0 0 7px #64748b2e}.video-frame{aspect-ratio:16/9;background:#020617;border-radius:24px;margin-top:18px;position:relative;overflow:hidden}.video-frame video{object-fit:cover;width:100%;height:100%;display:block}.video-overlay{text-align:center;background:linear-gradient(#0206172e,#020617c2);place-content:center;gap:14px;display:grid;position:absolute;inset:0}.video-overlay p,.muted-panel p,.cta-panel p,.admin-snapshot p{color:#cbd5e1;line-height:1.6}.primary-button,.chat-form button,.cta-panel a{color:#020617;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#a78bfa);border:0;border-radius:999px;padding:13px 18px;font-weight:900;text-decoration:none}.player-status{color:#dbeafe;background:#020617ad;border-radius:999px;padding:8px 12px;font-size:.82rem;position:absolute;bottom:14px;left:14px}.timeline-bar{color:#cbd5e1;margin-top:16px}.timeline-bar progress{accent-color:#67e8f9;width:min(420px,50%)}.side-column{gap:18px;display:grid}.active-cta{background:linear-gradient(135deg,#0891b257,#4f46e542),#0f172acc;border-color:#67e8f97a}.cta-panel a{margin-top:8px;display:inline-flex}.mode-pill{border:1px solid #ffffff29;border-radius:999px;padding:7px 9px}.chat-panel{grid-template-rows:auto 1fr auto;min-height:520px;display:grid}.messages{flex-direction:column;gap:10px;max-height:420px;padding:16px 4px;display:flex;overflow:auto}.message-bubble{background:#ffffff14;border-radius:18px;padding:12px}.message-bubble.host,.message-bubble.moderator{background:#0891b22e;border:1px solid #67e8f957}.message-bubble div{justify-content:space-between;gap:8px;display:flex}.message-bubble span{color:#94a3b8;text-transform:uppercase;font-size:.75rem}.message-bubble p{color:#e2e8f0;margin:6px 0 0}.chat-form{gap:10px}.chat-form input{color:#f8fafc;background:#020617b8;border:1px solid #ffffff24;border-radius:999px;flex:1;min-width:0;padding:13px 15px}.chat-form button:disabled,.chat-form input:disabled{cursor:not-allowed;opacity:.52}.form-error{color:#fca5a5;margin:8px 0 0;font-size:.85rem}.admin-snapshot{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.admin-snapshot article{border-radius:24px;padding:22px}.admin-snapshot span{color:#67e8f9;font-weight:900}.admin-snapshot h3{margin-bottom:0}@media (width<=1080px){.hero,.room-grid,.admin-snapshot{grid-template-columns:1fr}.timeline-bar{flex-direction:column;align-items:flex-start}.timeline-bar progress{width:100%}}@media (width<=640px){.app-shell{width:min(100% - 24px,1440px);padding-top:20px}.stage-card,.panel,.hero-card{border-radius:22px}.room-topbar,.panel-header{flex-direction:column;align-items:flex-start}}