:root{--ink:#06161d;--deep:#0a2029;--panel:#102b35;--panel2:#0b242d;--line:#284955;--teal:#19c7bf;--pink:#ff3e99;--ice:#eefcfc;--muted:#9db9c0;--gold:#f3d45a;--red:#ff496a;--shadow:0 22px 65px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 0,#174756 0,transparent 28%),linear-gradient(145deg,#07191f,#061319 62%);color:var(--ice);font-family:Inter,Arial,sans-serif}.skip{position:fixed;left:10px;top:-80px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}button,input,select,textarea{font:inherit}.topbar{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:8px clamp(14px,3vw,42px);background:rgba(3,15,20,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;width:max-content}.brand img{width:43px;height:54px;object-fit:contain}.brand span{display:grid;line-height:1}.brand strong{font-size:.92rem;letter-spacing:.08em}.brand small{font-size:.58rem;letter-spacing:.15em;color:#a8c3c9;margin-top:6px}.brand small b{background:var(--pink);padding:2px 5px;border-radius:4px;color:#fff}.top-center,.top-actions{display:flex;align-items:center;gap:10px}.status-pill{font-size:.62rem;font-weight:850;color:#b9d0d5;padding:8px 10px;border:1px solid #294a55;border-radius:99px;display:flex;align-items:center;gap:7px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#71858b}.status-pill.ready i,.status-pill.safe i{background:var(--teal);box-shadow:0 0 0 4px rgba(25,199,191,.12)}.clock{font:800 1rem ui-monospace,Consolas,monospace;letter-spacing:.04em;margin-left:5px}.top-actions{justify-content:flex-end}.top-actions>a,.icon-button,.mode-toggle{color:#d8eaed;text-decoration:none;border:1px solid #31515c;background:#0e2731;border-radius:8px;height:36px;padding:0 12px;font-size:.68rem;font-weight:850;display:flex;align-items:center}.icon-button{font-size:1rem;cursor:pointer}.mode-toggle{padding:3px;gap:2px;cursor:pointer}.mode-toggle span,.mode-toggle b{padding:7px 9px;border-radius:5px}.mode-toggle span{background:var(--teal);color:#042128}.mode-toggle b{font-weight:800}.producer-mode .mode-toggle span{background:transparent;color:#a9c0c5}.producer-mode .mode-toggle b{background:var(--pink);color:#fff}.desk{width:min(1800px,100%);margin:auto;padding:clamp(18px,2.5vw,40px)}.showbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.eyebrow{color:var(--pink);font-size:.61rem;font-weight:900;letter-spacing:.2em;margin:0 0 6px}.title-input{display:block;width:min(780px,70vw);border:0;background:transparent;color:#fff;font-size:clamp(2rem,3vw,3.8rem);font-weight:900;letter-spacing:-.055em;padding:0;outline:0}.title-input:focus{border-bottom:2px solid var(--teal)}.show-meta{display:flex;gap:12px;align-items:center;margin-top:7px}.show-meta input{border:0;border-bottom:1px solid #365660;background:transparent;color:#bcd2d7;padding:5px 0;font-weight:700;font-size:.73rem}.show-meta span{font-size:.62rem;color:#76959d}.showbar-actions{display:flex;gap:8px}.quiet-button{border:1px solid #355661;background:#102b35;color:#dcedef;border-radius:8px;padding:10px 13px;font-weight:800;font-size:.67rem;cursor:pointer}.workbench{display:grid;grid-template-columns:128px minmax(480px,1fr) 390px;gap:16px;align-items:start}.scene-rail,.panel{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 32px rgba(0,0,0,.15)}.scene-rail{padding:12px;display:grid;gap:8px;position:sticky;top:90px}.rail-heading,.panel>header{display:flex;justify-content:space-between;align-items:center;padding:3px 2px 10px;border-bottom:1px solid #294955}.rail-heading>span,.panel>header>span{font-size:.57rem;font-weight:950;letter-spacing:.16em;color:var(--teal)}.rail-heading button{width:21px;height:21px;border-radius:50%;border:1px solid #496771;background:transparent;color:#bdd1d5;cursor:pointer}.scene{border:1px solid transparent;border-radius:10px;background:#0a2029;color:#cee1e4;padding:8px;display:grid;gap:5px;text-align:left;cursor:pointer}.scene:hover,.scene:focus-visible{border-color:#52717a}.scene.active{border-color:var(--pink);background:#152f38;box-shadow:inset 3px 0 var(--pink)}.scene>b{font-size:.68rem}.scene>small{font-size:.55rem;color:#7f9ca3}.scene-art{height:50px;border-radius:5px;background:#06171d;display:grid;gap:4px;padding:5px}.scene-art i{display:block;background:#1a6770;border-radius:3px}.split-art{grid-template-columns:1fr 1fr}.panel-art{grid-template-columns:1fr 1fr}.screen-art{grid-template-columns:2fr 1fr}.screen-art em{background:#c33978;border-radius:3px}.card-art{place-items:center;color:var(--pink);font-weight:950;font-size:1rem}.stage-column{min-width:0}.program-monitor{position:relative;aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#041116;border:2px solid #345964;box-shadow:var(--shadow)}#programCanvas{display:none;width:100%;height:100%}#hostVideo,#screenVideo{position:absolute;width:100%;height:100%;object-fit:cover;display:none}#hostVideo{transform:scaleX(-1)}.program-monitor.connected #hostVideo{display:block}.empty-stage{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#abc3c8;gap:7px;background:radial-gradient(circle,#12333f,#07181f 65%)}.connected .empty-stage{display:none}.empty-stage img{height:min(250px,35vh);max-width:42vw;object-fit:contain;margin:auto;filter:drop-shadow(0 20px 30px #000)}.empty-stage strong{color:#fff;font-size:1.1rem}.empty-stage span{font-size:.72rem}.guest-placeholders{position:absolute;inset:16px;display:none;gap:10px}.guest-placeholders>div{background:linear-gradient(145deg,#163845,#0b2129);border:1px dashed #47717c;border-radius:10px;display:grid;place-items:center;color:#70939b}.guest-placeholders span{font-size:.6rem;font-weight:900;letter-spacing:.14em}.program-monitor[data-scene="interview"] #hostVideo{width:calc(50% - 5px)}.program-monitor[data-scene="interview"] .guest-placeholders{display:grid;grid-template-columns:1fr 1fr}.program-monitor[data-scene="interview"] .guest-placeholders>div{display:none}.program-monitor[data-scene="interview"] .guest-placeholders>div:first-child{display:grid;grid-column:2}.program-monitor[data-scene="panel"] #hostVideo{width:calc(50% - 5px);height:calc(50% - 5px)}.program-monitor[data-scene="panel"] .guest-placeholders{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.program-monitor[data-scene="panel"] .guest-placeholders>div:first-child{grid-column:2;grid-row:1}.program-monitor[data-scene="panel"] .guest-placeholders>div:nth-child(2){grid-column:1;grid-row:2}.program-monitor[data-scene="panel"] .guest-placeholders>div:nth-child(3){grid-column:2;grid-row:2}.program-monitor[data-scene="screen"] #screenVideo{display:block;width:76%}.program-monitor[data-scene="screen"] #hostVideo{display:block;width:24%;height:34%;left:auto;right:18px;top:18px;border:3px solid var(--teal);border-radius:8px;z-index:4}.screen-placeholder{display:none;position:absolute;inset:0 24% 0 0;background:#0e2a34;place-content:center;text-align:center;color:#86a5ac;font-size:.75rem;padding:30px}.program-monitor[data-scene="screen"]:not(.sharing) .screen-placeholder{display:grid}.scene-card{display:none;position:absolute;inset:0;background:radial-gradient(circle at center,#164653,#06161d 70%);place-content:center;text-align:center;z-index:6}.scene-card img{height:38%;max-width:50%;object-fit:contain;margin:auto}.scene-card p{font-size:clamp(1rem,2.5vw,2rem);font-weight:950;letter-spacing:.18em;margin:12px}.scene-card strong{font:900 clamp(2rem,5vw,4rem) ui-monospace,monospace;color:var(--pink)}.program-monitor[data-scene="starting"] .scene-card,.program-monitor[data-scene="break"] .scene-card{display:grid}.live-safe{position:absolute;z-index:8;left:18px;right:18px;bottom:18px;border-left:7px solid var(--pink);background:linear-gradient(90deg,rgba(3,16,21,.96),rgba(3,16,21,.65),transparent);padding:12px 17px;display:grid;width:min(72%,760px)}.live-safe span{font-size:.55rem;letter-spacing:.18em;color:var(--teal);font-weight:950}.live-safe b{font-size:clamp(.8rem,1.4vw,1.15rem);margin-top:3px}.live-safe small{color:#b4cbd0;font-size:.55rem;margin-top:3px}.program-monitor.hide-lower .live-safe{display:none}.program-monitor.safe-guides:after{content:"";position:absolute;inset:5%;border:1px dashed rgba(255,255,255,.45);z-index:9;pointer-events:none}.on-air{display:none;position:absolute;z-index:12;right:18px;top:18px;background:#a70f48;border-radius:99px;padding:8px 11px;font-size:.61rem;font-weight:950;gap:7px;align-items:center}.on-air i{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1s infinite}.recording .on-air{display:flex}.marker-flash{position:absolute;z-index:15;inset:0;display:none;place-content:center;background:rgba(6,22,29,.7);font-size:1.2rem;font-weight:950;letter-spacing:.1em;color:var(--gold)}.marker-flash.show{display:grid}@keyframes pulse{50%{opacity:.3}}.meter-strip{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;background:#0b222b;border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin:10px 0}.source-name{font-size:.56rem;font-weight:900;color:var(--teal)}.meter{height:9px;background:#1a3a44;border-radius:9px;overflow:hidden;position:relative}.meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal) 0 70%,var(--gold) 70% 88%,var(--red) 88%);transition:width .06s}.meter mark{position:absolute;right:11%;top:0;width:1px;height:100%;background:#fff}.meter-strip strong{font-size:.58rem;color:var(--muted);min-width:68px}.meter-strip button{border:1px solid #3b5c66;background:#132f39;color:#d6e7ea;border-radius:6px;padding:7px 10px;font-size:.6rem;font-weight:850}.meter-strip button.muted{background:#862240;border-color:#c53c68}.transport{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr .65fr;gap:8px}.transport button,.wide-button,.two-buttons a,.two-buttons button,.destination-grid a,.upload-button{border:0;border-radius:9px;padding:13px;color:#fff;font-size:.66rem;font-weight:900;display:flex;justify-content:center;align-items:center;text-align:center;gap:7px;cursor:pointer;text-decoration:none}.transport button:disabled{opacity:.35;cursor:not-allowed}.connect{background:var(--teal);color:#03262a!important}.connect span{width:20px;height:20px;background:#06272e;color:#fff;border-radius:50%;display:grid;place-items:center}.record{background:var(--pink)}.record i{width:9px;height:9px;background:#fff;border-radius:50%}.stop,.marker{background:#17343f;border:1px solid #42626b!important}.panic{background:#6d2138}.message{min-height:19px;color:var(--muted);font-size:.67rem;line-height:1.5;margin:9px 2px}.message.success{color:#62ddd7}.message.error{color:#ffabc6}.control-stack{display:grid;gap:12px}.panel{padding:17px}.panel>header b{font-size:.57rem;color:#8ba7ae}.panel>p,.tab-panel>p{font-size:.66rem;line-height:1.5;color:var(--muted)}.check-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:10px 2px;border-bottom:1px solid #233f49;cursor:pointer}.check-row input{position:absolute;opacity:0}.check-row>i{width:20px;height:20px;border:1px solid #466872;border-radius:50%;display:grid;place-items:center}.check-row input:checked+i,.device-row.ready>i{background:var(--teal);border-color:var(--teal)}.check-row input:checked+i:after,.device-row.ready>i:after{content:"✓";color:#04252a;font-size:.7rem;font-weight:950}.check-row span{display:grid;gap:2px}.check-row b{font-size:.67rem}.check-row small{font-size:.57rem;color:#819da4}.tab-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0}.tab-row button{border:0;border-bottom:2px solid transparent;background:#0a2028;color:#8ca7ad;padding:9px 4px;font-size:.57rem;font-weight:900;cursor:pointer}.tab-row button.active{color:#fff;border-color:var(--pink)}.tab-panel{display:none}.tab-panel.active{display:block}.wide-button{width:100%;background:#17343f;margin-top:8px}.wide-button.teal{background:var(--teal);color:#04262a}.room-code{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:10px 0;background:#071b22;border-radius:8px;padding:9px}.room-code span{font-size:.5rem;color:#79989f}.room-code b{font:800 .65rem ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis}.room-code button,.notes-actions button{border:0;background:#24434e;color:#fff;border-radius:6px;padding:7px;font-size:.55rem;font-weight:850}.guest-list{display:grid;gap:6px}.guest-item{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.guest-item span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#243f49;color:var(--teal);font-size:.58rem;font-weight:950}.guest-item input{min-width:0;background:#071b22;border:1px solid #31525c;color:#b9cfd4;padding:8px;border-radius:6px;font-size:.57rem}.guest-item button{border:0;background:var(--pink);color:#fff;padding:8px;border-radius:6px;font-size:.53rem;font-weight:900}.two-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.two-buttons a{background:#146d72}.two-buttons button{background:#203d47}.tab-panel label:not(.switch-row):not(.upload-button){display:grid;gap:5px;font-size:.58rem;color:#a8c0c6;margin:8px 0}.tab-panel input,.tab-panel textarea{width:100%;background:#071b22;color:#fff;border:1px solid #355660;border-radius:7px;padding:9px;font-size:.65rem}.switch-row{display:flex;align-items:center;gap:7px;font-size:.63rem;padding:5px 0}.upload-button{background:#17656a;margin-bottom:8px}.upload-button input{display:none}.soundboard{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.soundboard button{height:53px;border:1px solid #3b5e68;border-radius:7px;background:#17343e;color:#9db7bd;font-size:.52rem;font-weight:950;overflow:hidden}.soundboard button.loaded{background:linear-gradient(145deg,#c3266c,#7a1d48);color:#fff;cursor:pointer}.notes-actions{display:flex;gap:6px;margin-top:6px}.destination-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.destination-grid .youtube{background:#d92323}.destination-grid .facebook{background:#2067bb}.destination-grid .obs{background:#3b3b50}.simple-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.simple-steps article{background:#0d2832;border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:12px}.simple-steps article>b{width:32px;height:32px;background:var(--pink);border-radius:50%;display:grid;place-items:center}.simple-steps span{font-size:.65rem;color:var(--muted);line-height:1.5}.simple-steps strong{display:block;color:#fff;font-size:.75rem}.producer-only{display:none}.producer-mode .producer-only{display:grid}.producer-mode .simple-only{display:none}.producer-mode .workbench{grid-template-columns:128px minmax(480px,1fr) 390px}body:not(.producer-mode) .workbench{grid-template-columns:minmax(480px,1fr) 350px}dialog{width:min(700px,calc(100% - 28px));border:1px solid #42616b;border-radius:16px;background:#0d2731;color:#fff;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:rgba(0,0,0,.72)}dialog form{padding:22px}dialog header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #2e4d57;padding-bottom:14px}dialog header span{font-size:.55rem;letter-spacing:.16em;color:var(--teal);font-weight:900}dialog h2{margin:5px 0 0}dialog header button{border:0;background:transparent;color:#fff;font-size:1.7rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.settings-grid label{display:grid;gap:6px;color:#abc1c6;font-size:.63rem;font-weight:800}.settings-grid select{background:#071a22;color:#fff;border:1px solid #3a5c66;padding:11px;border-radius:7px}.settings-note{display:grid;gap:5px;background:#15333d;border-left:5px solid var(--pink);padding:13px;font-size:.65rem;line-height:1.5}.settings-note span{color:#acc4c9}dialog menu{display:flex;justify-content:flex-end;gap:8px;padding:15px 0 0;margin:0}dialog menu button{border:1px solid #3d5c65;background:#18343e;color:#fff;border-radius:7px;padding:10px 15px;font-weight:850}dialog menu button:last-child{background:var(--teal);color:#042428}.toast{position:fixed;right:20px;bottom:20px;z-index:60;min-width:280px;max-width:420px;background:#fff;color:#0b252e;border-left:7px solid var(--teal);border-radius:11px;padding:15px;display:grid;gap:4px;box-shadow:0 20px 60px #000}.toast[hidden]{display:none}.toast span{font-size:.64rem;color:#5a737a}.toast button{margin-top:7px;background:#0e2b35;color:#fff;border:0;border-radius:6px;padding:8px;font-weight:850}
@media(max-width:1270px){.producer-mode .workbench{grid-template-columns:112px minmax(460px,1fr) 340px}.control-stack{grid-column:2/4;grid-template-columns:repeat(2,1fr)}.quick-start{grid-column:span 2}body:not(.producer-mode) .control-stack{grid-column:auto;display:grid}.top-center .status-pill{display:none}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.top-center{display:none}.showbar{align-items:start}.workbench,.producer-mode .workbench,body:not(.producer-mode) .workbench{grid-template-columns:1fr}.scene-rail{position:static;grid-template-columns:repeat(6,1fr);overflow-x:auto}.rail-heading{grid-column:1/-1}.scene{min-width:92px}.control-stack,.producer-mode .control-stack{grid-column:auto;grid-template-columns:1fr}.quick-start{grid-column:auto}.transport{grid-template-columns:repeat(3,1fr)}.simple-steps{grid-template-columns:1fr}.title-input{width:90vw}}
@media(max-width:620px){.topbar{height:auto;padding:8px 10px}.brand small{display:none}.brand strong{font-size:.72rem}.top-actions>a{display:none}.desk{padding:16px 10px}.showbar{display:block}.showbar-actions{margin-top:12px}.title-input{font-size:2rem}.program-monitor{border-radius:10px}.live-safe{left:8px;bottom:8px;padding:7px 9px}.transport{grid-template-columns:1fr}.meter-strip{grid-template-columns:auto 1fr auto}.meter-strip button{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.scene-rail{grid-template-columns:repeat(6,90px)}.destination-grid{grid-template-columns:1fr}.show-meta{display:grid}.toast{left:10px;right:10px;min-width:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.guest-page,.guide-page{width:min(1180px,100%);padding-top:35px}.guest-hero,.guide-hero{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:40px;margin:35px 0}.guest-hero img,.guide-hero img{width:100%;height:270px;object-fit:contain}.guest-hero h1,.guide-hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.92;letter-spacing:-.06em;margin:0}.guest-hero p:last-child,.guide-hero p:last-child{color:var(--muted);line-height:1.6}.guest-safety{background:#f5ffff;color:#09242c;border-left:8px solid var(--pink);border-radius:13px;padding:22px;margin-top:18px}.guest-safety h2{margin:0 0 7px}.guest-safety p{color:#526c73;line-height:1.55;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-grid article{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:13px;padding:21px}.guide-grid article>b{color:var(--pink);font-size:.65rem}.guide-grid h2{margin:12px 0 8px}.guide-grid p{color:var(--muted);font-size:.76rem;line-height:1.6}@media(max-width:700px){.guest-hero,.guide-hero{grid-template-columns:1fr;text-align:center}.guest-hero img,.guide-hero img{height:190px}.guide-grid{grid-template-columns:1fr}}