:root{color-scheme:dark;--ink:#020b12;--panel:#071c2a;--panel2:#0b2636;--line:rgba(157,220,225,.18);--text:#effbfc;--muted:#9fc1c8;--teal:#24cfbd;--coral:#ff6f61;--gold:#f5c56b}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 85% 0,rgba(36,207,189,.13),transparent 35%),radial-gradient(circle at 0 70%,rgba(255,111,97,.08),transparent 32%),linear-gradient(160deg,#020b12,#061927 65%,#03111d);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.studio-header{position:sticky;z-index:10;top:0;min-height:74px;padding:12px clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(2,11,18,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand span,.eyebrow{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:2px}.brand strong{font-size:18px}.status,.quality{padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:11px;font-weight:800}.status.waiting{color:var(--gold);background:rgba(245,197,107,.08)}.status.ready{color:var(--teal);background:rgba(36,207,189,.1)}main{width:min(1500px,calc(100% - 36px));margin:28px auto 50px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.welcome{grid-column:1/-1;padding:clamp(22px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,rgba(8,31,45,.97),rgba(9,40,55,.76));box-shadow:0 30px 80px rgba(0,0,0,.25)}h1,h2,p{margin-top:0}.welcome h1{margin:7px 0 2px;font-size:clamp(30px,5vw,58px);line-height:1}.role{color:var(--muted);font-size:16px}.topic-card{margin-top:24px;padding:16px 18px;border-left:4px solid var(--coral);border-radius:6px 14px 14px 6px;background:rgba(1,10,16,.54);display:flex;flex-direction:column;gap:4px}.topic-card span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1.4px}.topic-card strong{font-size:clamp(17px,2.4vw,25px)}.assurances{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.assurances span{padding:7px 10px;border-radius:99px;color:#cfe6e9;background:rgba(36,207,189,.08);border:1px solid rgba(36,207,189,.18);font-size:11px}.call-card,.green-room{border:1px solid var(--line);border-radius:20px;background:rgba(6,27,40,.94);overflow:hidden}.call-heading{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.call-heading h2{margin:4px 0 0;font-size:20px}.quality{color:var(--teal)}.call-frame{position:relative;min-height:550px;aspect-ratio:16/9;background:#000;border-block:1px solid var(--line)}iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.call-help{padding:14px 20px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:12px;line-height:1.5}.call-help p{margin:0}.call-help strong{color:var(--text)}.fallback{flex:none;color:var(--teal);font-weight:850;text-decoration:none}.fallback:hover{text-decoration:underline}.green-room{padding:24px}.green-room h2{font-size:25px;margin:8px 0 22px}.green-room ol{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;counter-reset:tips}.green-room li{position:relative;padding-left:34px;display:flex;flex-direction:column;gap:4px;counter-increment:tips}.green-room li::before{content:counter(tips);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;color:#03201e;background:var(--teal);font-size:11px;font-weight:900}.green-room li span{color:var(--muted);font-size:12px;line-height:1.45}.on-air{display:flex;gap:12px;margin-top:28px;padding:14px;border:1px solid rgba(255,111,97,.25);border-radius:14px;background:rgba(255,111,97,.06)}.on-air>span{flex:none;width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,111,97,.12)}.on-air p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.invalid{min-height:calc(100vh - 75px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.invalid img{width:88px}.invalid h1{margin:18px 0 8px}.invalid p{max-width:520px;color:var(--muted)}@media(max-width:980px){main{grid-template-columns:1fr}.call-card,.green-room{grid-column:1}.call-frame{min-height:420px}.green-room{order:3}}@media(max-width:620px){.studio-header{position:relative;align-items:flex-start;flex-direction:column}.status{align-self:stretch;text-align:center}main{width:min(100% - 20px,1500px);margin-top:10px;gap:10px}.welcome,.call-card,.green-room{border-radius:15px}.welcome{padding:22px 18px}.assurances{gap:6px}.call-heading{align-items:flex-start;flex-direction:column}.call-frame{min-height:62vh;aspect-ratio:auto}.call-help{align-items:flex-start;flex-direction:column}.fallback{display:block;width:100%;padding:12px;text-align:center;border:1px solid rgba(36,207,189,.28);border-radius:10px;background:rgba(36,207,189,.07)}.green-room{padding:20px}}