:root{color-scheme:dark;font:16px/1.5 'Segoe UI',sans-serif;background:#0b192b;color:#f2f8ff;--accent:#77ddff;--border:#31506a}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
header{display:flex;align-items:center;gap:1rem;padding:.5rem max(1rem,calc((100vw - 1220px)/2));border-bottom:1px solid var(--border);color:#b9d0e1}
header img{width:105px;height:73px;object-fit:contain}
main{max-width:1252px;margin:auto;padding:clamp(1rem,4vw,3.25rem) 1rem}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:1.25rem;align-items:start}
.panel{background:#122640;border:1px solid var(--border);border-radius:18px;padding:clamp(1rem,3vw,2rem)}
h1,h2,p{margin:0 0 1rem}
h1{font-size:clamp(1.65rem,4vw,2.65rem);line-height:1.1}
h2{font-size:1.2rem}
p{color:#bad0e2}
form,.settings{display:grid;gap:1rem}
.settings h2,.settings p{margin:0}
.settings p{font-size:.88rem}
label{display:grid;gap:.35rem;font-weight:600}
input,select,button{font:inherit;color:inherit;border:1px solid var(--border);border-radius:8px;padding:.65rem .8rem;background:#0b192b;min-width:0}
button{cursor:pointer;font-weight:600}
button:hover{border-color:var(--accent)}
button:disabled{cursor:wait;opacity:.6}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.primary{background:var(--accent);color:#10263e}
.leave{background:#632a36}
.call-header,.controls,.tile footer{display:flex;align-items:center;justify-content:space-between;gap:.65rem;flex-wrap:wrap}
.controls{justify-content:flex-start;margin-top:1rem}
.controls [aria-pressed="false"]{background:#31455a}
.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:.75rem}
video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#071222;border-radius:8px}
.tile{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#122640}
.tile footer{padding:.6rem;font-size:.9rem}
.tile footer button{padding:.3rem .55rem}
#inviteLink{width:100%;margin-bottom:.75rem}
#status{min-height:1.5em;margin-top:1rem;color:var(--accent)}
@media(max-width:730px){.workspace{grid-template-columns:1fr}}