:root{color-scheme:dark;--bg:#0b1020;--panel:#121a2f;--soft:#1c2743;--text:#f8fbff;--muted:#9aa7bd;--blue:#3b82f6;--red:#ef4444;--green:#22c55e}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#1b2b5b,#0b1020 55%);color:var(--text);min-height:100vh}button,input{font:inherit}button{border:0;border-radius:14px;padding:.8rem 1rem;background:var(--blue);color:white;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.1)}input{width:100%;border:1px solid #2d3b5f;border-radius:14px;padding:.9rem 1rem;background:#0f172a;color:var(--text);outline:none}.hidden{display:none!important}.card{background:rgba(18,26,47,.86);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.38)}.lobby{width:min(520px,calc(100vw - 28px));margin:10vh auto 0;padding:32px;border-radius:28px}.brand{display:flex;gap:16px;align-items:center;margin-bottom:28px}.logo{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#60a5fa,#2563eb);font-weight:900}h1{margin:0;font-size:2.2rem}p{color:var(--muted)}label{display:block;margin:18px 0 8px;color:#dbe7ff;font-weight:700}.actions{display:flex;gap:12px;margin-top:22px}.actions button{flex:1}.hint{font-size:.92rem}.call{height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;background:#070b16}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(18,26,47,.9);border-bottom:1px solid #1e2a46}.topbar div{display:flex;gap:12px;align-items:baseline}.topbar span{color:var(--muted);font-size:.9rem}.videos{grid-column:1;display:grid;gap:12px;padding:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-content:center;overflow:auto}.tile{position:relative;min-height:220px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#111827,#1f2937);border:1px solid #263554}.tile video{width:100%;height:100%;object-fit:cover;display:block;background:#050814}.tile .label{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.55);font-weight:700}.tile.muted .label:after{content:' · muted';color:#fbbf24}.chat{grid-column:2;grid-row:2;display:grid;width:min(360px,100vw);grid-template-rows:1fr auto;background:#0d1426;border-left:1px solid #1e2a46}.messages{padding:16px;overflow:auto}.msg{margin-bottom:12px;padding:10px 12px;border-radius:14px;background:#17213a}.msg b{display:block;margin-bottom:4px;color:#bfdbfe}.chat form{display:flex;gap:8px;padding:12px;border-top:1px solid #1e2a46}.chat form button{padding:.8rem}.controls{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:14px;background:rgba(18,26,47,.96);border-top:1px solid #1e2a46}.controls button{background:var(--soft)}.controls button.active{background:var(--green)}.controls .danger{background:var(--red)}@media(max-width:800px){.call{grid-template-columns:1fr}.chat{grid-column:1;grid-row:2;width:100%;height:45vh;align-self:end;z-index:3}.videos{padding-bottom:92px}.topbar{gap:10px}.topbar div{display:block}.actions{flex-direction:column}}