:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f6f8;background:#121417;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:#16120a;cursor:pointer;background:#f0c84b;border:0;border-radius:6px;min-height:44px;padding:0 18px;font-weight:700}button:hover{background:#ffd85f}button:disabled{cursor:wait;opacity:.65}input{color:#f8fafc;background:#1a1f26;border:1px solid #343b45;border-radius:6px;outline:none;width:100%;min-height:44px;padding:0 12px}select{color:#f5f6f8;background:#101419;border:1px solid #343b45;border-radius:7px;outline:none;width:100%;min-height:38px;padding:0 10px}select:focus,input:focus{border-color:#f0c84b}.shell{background:linear-gradient(135deg,#f0c84b14,#0000 35%),#121417;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;display:grid}.player-column{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.session-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.room-pill{color:#f5f6f8;background:#232a33;border:1px solid #343b45;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}.inline-name{align-items:center;gap:8px;display:flex}.inline-name span{color:#aeb8c5;font-size:12px;font-weight:800}.inline-name input{width:120px;min-height:36px}.eyebrow{color:#f0c84b;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}h1,h2{margin:0}h1{font-size:clamp(32px,5vw,72px);line-height:.95}h2{font-size:16px}.status{color:#cfd6df;border:1px solid #343b45;border-radius:999px;flex:none;padding:8px 12px;font-size:13px;font-weight:800}.status.connected{color:#82ecb6;border-color:#4ecf8f}.status.error{color:#ff9a9a;border-color:#f77}.logout-button{color:#f5f6f8;background:#232a33;border:1px solid #48515e;min-height:36px;padding:0 12px}.auth-shell{background:radial-gradient(circle at 20% 15%,#f0c84b29,#0000 32%),#121417;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#171b21;border:1px solid #303741;border-radius:14px;gap:18px;width:100%;max-width:440px;padding:32px;display:grid;box-shadow:0 24px 70px #00000061}.auth-card h1{font-size:clamp(34px,7vw,54px)}.auth-copy,.auth-error{margin:0}.auth-copy{color:#aeb8c5;line-height:1.55}.auth-tabs{background:#101419;border:1px solid #303741;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button{color:#aeb8c5;background:0 0;min-height:38px}.auth-tabs button.active{color:#16120a;background:#f0c84b}.auth-form{gap:14px;display:grid}.auth-error{color:#ff9a9a;font-size:13px}.room-grid{grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin-bottom:12px;display:grid}label{color:#aeb8c5;gap:6px;font-size:13px;font-weight:700;display:grid}.source-form{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:18px;display:grid}.player-wrap{aspect-ratio:16/9;background:#07090c;border:1px solid #252b33;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.empty-player{color:#cfd6df;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.empty-player div{gap:8px;display:grid}.empty-player span{color:#8793a2}.extension-download{color:#16120a;background:#f0c84b;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.extension-download:hover{background:#ffd85f}.auth-download{width:100%;min-height:44px}.video-launcher{text-align:center;place-items:center;gap:12px;max-width:520px;padding:28px;display:grid}.video-launcher>strong{overflow-wrap:anywhere;font-size:clamp(22px,3vw,34px)}.video-launcher>span{color:#8793a2;line-height:1.5}.video-launcher button{margin-top:6px}.launch-error{color:#ff9a9a;margin:0;font-size:13px}.controls-panel{background:#171b21;border-left:1px solid #252b33;min-width:0;min-height:100vh}.controls-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mode-switch{background:#11161c;border:1px solid #343b45;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.mode-switch button{color:#aeb8c5;background:0 0;min-width:0;min-height:28px;padding:0 9px;font-size:12px;font-weight:800}.mode-switch button:hover{color:#f5f6f8;background:#232a33}.mode-switch button.active{color:#16120a;background:#f0c84b}.panel-section{border-bottom:1px solid #252b33;padding:18px}.participants{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.participants span{color:#dfe5ec;background:#232a33;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}@media (width<=900px){.shell{grid-template-columns:1fr}.controls-panel{border-left:0;min-height:520px}.room-grid{grid-template-columns:1fr}}@media (width<=560px){.player-column{padding:18px}.topbar,.source-form{grid-template-columns:1fr}.topbar{display:grid}}