:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#0f172a;color:#e2e8f0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}input{width:100%;border:1px solid #334155;border-radius:12px;padding:.85rem 1rem;background:#020617;color:#e2e8f0}.page-shell{min-height:100vh;padding:2rem 1rem 3rem;background:radial-gradient(circle at top,rgba(59,130,246,.25),transparent 30%),#0f172a}.hero-card,.player-card,.sidebar-card{width:min(1100px,100%);margin:0 auto;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.2);border-radius:24px;box-shadow:0 20px 60px rgba(2,6,23,.4)}.hero-card{padding:2rem}.room-layout{width:min(1200px,100%);margin:0 auto}.room-grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.player-card,.sidebar-card{padding:1.25rem}.room-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.eyebrow,.label,.muted-text{color:#94a3b8}.eyebrow,.label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.lede{max-width:650px;color:#cbd5e1;line-height:1.6}.stack{display:grid;grid-gap:1rem;gap:1rem}.inline-actions,.row{display:flex;gap:.75rem;align-items:center}.join-form{display:grid;grid-gap:.65rem;gap:.65rem}.primary-button,.secondary-button{border:none;border-radius:12px;padding:.9rem 1.1rem;transition:opacity .2s ease,transform .2s ease}.primary-button{background:#2563eb;color:#fff}.secondary-button{background:#1e293b;color:#e2e8f0}.secondary-button.small{padding:.55rem .8rem}.primary-button:hover,.secondary-button:hover{opacity:.92;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.info-grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.code-badge,.error-box,.info-card,.status-pill{border-radius:16px}.info-card{padding:1rem;background:rgba(30,41,59,.75)}.player-frame{position:relative;aspect-ratio:16/9;width:100%;border-radius:18px;overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,.15)}.player-frame iframe,.player-frame>div{width:100%;height:100%}.empty-state{min-height:380px;display:grid;place-items:center;text-align:center;grid-gap:1rem;gap:1rem;padding:2rem;background:rgba(2,6,23,.5);border-radius:18px}.empty-state.compact{min-height:unset;margin-top:1rem;padding:1.25rem}.status-pill{padding:.75rem 1rem;background:rgba(37,99,235,.15);border:1px solid rgba(59,130,246,.2);color:#bfdbfe}.code-badge{display:inline-flex;align-items:center;justify-content:center;min-width:115px;padding:.75rem 1rem;background:#020617;border:1px solid #334155;letter-spacing:.18em}.user-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:.5rem;gap:.5rem}.user-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border-radius:12px;background:rgba(30,41,59,.65)}.text-link{color:#bfdbfe}.voice-debug-card,.voice-status-card{margin-top:.85rem;padding:.9rem 1rem;border-radius:14px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.16)}.voice-status-card.live{border-color:rgba(74,222,128,.4);box-shadow:inset 0 0 0 1px rgba(34,197,94,.15)}.voice-status-card.idle{border-color:hsla(0,91%,71%,.28)}.voice-status-row{display:flex;align-items:center;gap:.65rem;margin-bottom:.75rem}.live-dot{width:.75rem;height:.75rem;border-radius:999px;background:#64748b;box-shadow:0 0 0 4px rgba(100,116,139,.18)}.live-dot.live{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}.live-dot.idle{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.16)}.mic-meter{width:100%;height:.55rem;overflow:hidden;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(51,65,85,.9)}.mic-meter-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#38bdf8);transition:width .08s linear}.voice-debug-list{list-style:none;padding:0;margin:.85rem 0 0;display:grid;grid-gap:.7rem;gap:.7rem}.voice-debug-row{display:grid;grid-gap:.3rem;gap:.3rem;padding:.7rem .8rem;border-radius:12px;background:rgba(15,23,42,.85);border:1px solid rgba(51,65,85,.8)}.debug-text{color:#cbd5e1;font-size:.82rem;line-height:1.45}.error-box{padding:.9rem 1rem;background:rgba(153,27,27,.25);border:1px solid hsla(0,91%,71%,.35);color:#fecaca}@media (max-width:900px){.room-grid{grid-template-columns:1fr}.inline-actions,.room-topbar,.row{flex-direction:column;align-items:stretch}}