:root{font-family:Inter,system-ui,sans-serif;color:#e8edf6;background:#0b111c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #324057;background:#1a2639;color:inherit;border-radius:13px;padding:13px 18px;min-height:46px}button:hover{background:#283c59}button.active,.primary{background:#246cf5;border-color:#246cf5}.danger{background:#92333f}button:disabled{opacity:.5;cursor:wait}header{height:88px;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243044}header a{font-size:25px;font-weight:750;color:inherit;text-decoration:none}header span{color:#69a4ff;font-weight:400}header>div{display:flex;gap:10px}h1{font-size:clamp(42px,5vw,76px);line-height:1.06;letter-spacing:-3px;margin:24px 0}p{color:#9eacc2;line-height:1.8}.eyebrow{font-size:12px;letter-spacing:3px;color:#6da8ff}#lobby{min-height:calc(100dvh - 88px);display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8%;max-width:1250px;padding:7%;margin:auto}#entry{padding:36px;border:1px solid #2a3a54;border-radius:24px;background:#121e30;display:grid;gap:22px}h2{font-size:20px;margin:0 0 12px}label{display:grid;gap:10px;font-size:14px;color:#b4c2d9}input,select{width:100%;min-width:0;padding:14px;background:#0b1422;border:1px solid #334763;color:#fff;border-radius:12px}small{color:#90a1bb;line-height:1.6}#meeting{height:calc(100dvh - 88px);display:flex;gap:16px;padding:16px}#stage{flex:1;min-width:0;display:flex;flex-direction:column}#tiles{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tile{position:relative;min-height:180px;background:#17283e;border-radius:20px;overflow:hidden;display:grid;place-items:center}.tile video{width:100%;height:100%;object-fit:contain;position:absolute}.tile span{position:absolute;bottom:12px;left:12px;border-radius:8px;background:#0b111ccc;padding:6px 10px}.tile b{font-size:54px;color:#72a9ff}nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:18px 0 0}aside{width:310px;display:flex;flex-direction:column;background:#131f30;border:1px solid #283a54;border-radius:20px;padding:20px}#messages{flex:1;overflow:auto;overflow-wrap:anywhere}#messages p{padding:10px;background:#1c2e48;border-radius:12px;color:#e8edf6;font-size:14px;white-space:pre-wrap}#messages strong{display:block;color:#74aaff;font-size:12px}#chat-form{display:flex;gap:6px}#chat-form button{padding:10px}dialog{border:1px solid #3a5070;background:#142238;color:inherit;border-radius:20px;width:min(450px,94vw);padding:28px}dialog::backdrop{background:#0009}dialog form{display:grid;gap:18px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263c5a;border-radius:12px;padding:12px 20px;z-index:10;display:none;max-width:90vw} [hidden]{display:none!important}@media(max-width:760px){header{height:72px;padding:14px}#lobby{grid-template-columns:1fr;padding:30px 20px;gap:30px}#meeting{height:calc(100dvh - 72px);padding:8px}aside{position:absolute;right:8px;top:80px;bottom:90px;width:min(340px,95vw);z-index:3}nav{gap:6px}nav button{padding:10px;font-size:12px}#tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}h1{letter-spacing:-2px}}