@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090f;--light:#f6f4f6;--muted:#b0b5c1;--coral:#ff685f;--safe:clamp(24px,4.2vw,86px);--bar:73px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--light);overflow:hidden;font-family:'DM Sans',Arial,sans-serif}body{min-width:320px}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid #fff2dc;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.svg-icons{position:absolute;width:0;height:0;overflow:hidden}#app{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:#090912}.broadcast{--current-channel-tint:#402332}
.stage,.stage-video,.stage-vignette,.stage-grain{position:absolute;inset:0;width:100%;height:100%}.stage{z-index:0;background:var(--current-channel-tint);overflow:hidden}.stage-video{display:block;object-fit:cover;background:#11111a}.stage-video[hidden]{display:none}.stage-vignette{pointer-events:none;background:linear-gradient(180deg,rgba(4,4,9,.55) 0%,transparent 25%,rgba(6,4,12,.05) 45%,rgba(3,3,8,.23) 64%,rgba(1,1,7,.7) 100%),linear-gradient(90deg,#05060d55 0%,transparent 45%)}.stage-grain{pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.22'/%3E%3C/svg%3E")}.local-on #ambientVideo{visibility:hidden}.local-on .stage-vignette{background:linear-gradient(180deg,#0006,transparent 23%,transparent 48%,#0009 100%)}
.top-glow{position:absolute;inset:0 0 auto;height:180px;background:linear-gradient(#05050cb5,transparent);pointer-events:none;z-index:6}.upperbar{position:absolute;z-index:24;inset:0 0 auto;height:var(--bar);padding:0 var(--safe);display:flex;align-items:center;justify-content:space-between;gap:20px;transition:opacity .3s}.brand-button{border:0;background:none;text-align:left;padding:0;display:flex;align-items:center;gap:11px;opacity:.56;filter:grayscale(1);transition:opacity .2s,filter .2s}.brand-button:hover,.brand-button:focus-visible{opacity:1}.brand-signal{display:flex;align-items:center;gap:3px}.brand-signal b{width:4px;border-radius:3px;background:#e8e9ef}.brand-signal b:nth-child(1){height:13px}.brand-signal b:nth-child(2){height:25px}.brand-signal b:nth-child(3){height:37px}.brand-signal b:nth-child(4){height:20px}.brand-signal b:nth-child(5){height:10px}.brand-copy{display:grid;line-height:.83}.brand-copy small{font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:2.9px}.brand-copy strong{font:900 30px 'Barlow Condensed',sans-serif;letter-spacing:.1px}.brand-copy strong span{color:inherit}.brand-copy em{font:800 7px 'DM Sans',sans-serif;letter-spacing:1.7px;font-style:normal;color:#c6c4cf;margin-top:7px}.upper-right,.zap-mini{display:flex;gap:9px;align-items:center}.on-air{display:flex;align-items:center;gap:10px;margin-right:12px;font-weight:800;font-size:10px;letter-spacing:1.5px;color:#cbcbd3;white-space:nowrap}.on-air i{width:6px;height:6px;border-radius:50%;background:#f27268;box-shadow:0 0 9px #e66a68}.on-air b{font-size:10px;color:#fff;border-left:1px solid #a8a8b35c;padding-left:10px}.glass-icon,.menu-button,.arrow-button,.action-icon,.close-round,.side-arrow{background:rgba(20,22,28,.22);border:1px solid rgba(233,237,244,.23);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;transition:opacity .2s,border-color .2s,background .2s,transform .2s;color:#e1e1e7}.glass-icon:hover,.menu-button:hover,.arrow-button:hover,.action-icon:hover,.close-round:hover,.side-arrow:hover,.glass-icon:focus-visible,.menu-button:focus-visible,.arrow-button:focus-visible,.side-arrow:focus-visible{opacity:1;background:rgba(67,68,77,.65);border-color:#fafaffaa}.glass-icon{width:37px;height:37px;border-radius:100%;opacity:.56}.glass-icon svg{width:17px;height:17px}.menu-button{border-radius:25px;height:38px;padding:0 14px 0 17px;gap:11px;letter-spacing:1.7px;font-size:10px;font-weight:900;opacity:.6}.menu-button svg{width:16px;height:16px}.zap-mini{gap:5px;margin-left:9px}.zap-mini .arrow-button{width:34px;height:34px;border-radius:50%;opacity:.55}.zap-mini svg{width:16px;height:16px}.zap-mini #channelNumber{font:900 17px 'Barlow Condensed',sans-serif;letter-spacing:1px;opacity:.58;min-width:33px;text-align:center}
.edge-nav{position:absolute;inset:0;z-index:10;pointer-events:none;transition:opacity .3s}.side-arrow{position:absolute;top:49%;transform:translateY(-50%);width:56px;height:76px;border-radius:8px;display:grid;justify-items:center;align-content:center;gap:3px;opacity:.38;pointer-events:auto}.side-arrow:hover{transform:translateY(-50%) scale(1.03)}.side-arrow svg{width:25px;height:25px}.side-arrow span{font-size:9px;font-weight:800;letter-spacing:1.5px}.side-arrow.prev{left:clamp(12px,1.8vw,38px)}.side-arrow.next{right:clamp(12px,1.8vw,38px)}
.lowerbar{position:absolute;z-index:13;left:0;right:0;bottom:0;padding:0 var(--safe) clamp(65px,8vh,100px);display:flex;justify-content:space-between;align-items:end;gap:30px;pointer-events:none;transition:opacity .42s ease,transform .42s ease}.lowerbar>*:not(.lower-shade){position:relative;z-index:1;pointer-events:auto}.lower-shade{position:absolute;inset:-90px 0 0;z-index:0;background:linear-gradient(transparent,#02040a8c 48%,#010108d9 100%);pointer-events:none}.now-info{border-left:4px solid var(--coral);padding-left:22px;min-width:0;max-width:min(950px,75%);text-shadow:0 2px 24px #0009}.now-kicker{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;letter-spacing:2.1px;font-weight:900;color:#e9e5ed}.live-dash{height:3px;width:17px;background:var(--coral)}.kicker-divider{height:13px;width:1px;background:#ffffff80}.source-chip{font-size:9px;letter-spacing:1.1px;color:#d2cfda}.now-info h1{font:900 clamp(76px,10.5vw,176px)/.85 'Barlow Condensed',sans-serif;margin:15px 0 9px;letter-spacing:-1.6px;text-transform:uppercase}.now-info p{margin:0 0 14px;font:750 clamp(23px,2.55vw,43px)/1.13 'Barlow Condensed',sans-serif;color:#fff}.meta-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;font-weight:800;color:#d4c9d5;letter-spacing:1.8px}.dot-sep{width:4px;height:4px;background:var(--coral);border-radius:50%}.action-panel{display:flex;align-items:center;gap:11px;flex-shrink:0;padding-bottom:5px}.action-icon{width:46px;height:46px;border-radius:50%;opacity:.75}.action-icon.saved{border-color:var(--coral);color:var(--coral)}.action-icon.saved svg{fill:#ff685f55}.play-button{height:53px;display:flex;align-items:center;gap:13px;padding:0 22px;background:var(--coral);color:#171116;border:0;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:1.2px;white-space:nowrap;box-shadow:0 15px 40px #0007}.play-button:hover{background:#ff8d7b}.play-button svg{width:17px;height:17px}.info-hidden .lowerbar{opacity:0;pointer-events:none;transform:translateY(22px)}.info-hidden .lowerbar>*{pointer-events:none}.info-reveal{position:absolute;z-index:15;left:var(--safe);bottom:clamp(65px,8vh,100px);background:#11131f9e;border:1px solid #ffffff50;backdrop-filter:blur(14px);border-radius:6px;display:flex;align-items:center;gap:9px;padding:11px 15px;color:#e7e6ee;font:900 10px 'DM Sans',sans-serif;letter-spacing:1.7px;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s}.info-reveal svg{width:16px;height:16px}.info-hidden .info-reveal{opacity:.64;transform:none;pointer-events:auto}.info-hidden .info-reveal:hover,.info-hidden .info-reveal:focus-visible{opacity:1}
.bottom-strip{position:absolute;bottom:22px;left:var(--safe);right:var(--safe);height:25px;z-index:14;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:1px;color:#beb8c6;transition:opacity .4s;pointer-events:none}.bottom-strip b{color:#fff}.hints{display:flex;align-items:center;gap:5px}.hints kbd{border:1px solid #ffffff40;padding:3px 6px;margin-left:9px;border-radius:3px;background:#22253399;font-size:9px}.preview-pill{position:absolute;bottom:clamp(28px,3.5vh,50px);right:var(--safe);z-index:12;font-size:9px;letter-spacing:1.1px;font-weight:850;color:#9d97a5;opacity:.7}.preview-pill .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ff7a66;vertical-align:middle;margin-right:6px}.info-hidden .preview-pill{opacity:0}.info-hidden .bottom-strip{opacity:.28}.info-hidden .hints{display:none}.info-toast{position:absolute;top:91px;left:50%;z-index:99;transform:translate(-50%,-10px);color:white;background:#171923e8;border:1px solid #ffffff48;box-shadow:0 17px 65px #0008;border-radius:9px;padding:12px 17px;font-size:12px;max-width:90%;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.info-toast.show{opacity:1;transform:translate(-50%,0)}
/* YouTube policy-safe playback: iframe receives unobstructed original controls. Its box dynamically fills nearly the whole viewport; opening Set-Info reserves a separate non-overlapping lower third. */
.video-area{position:absolute;z-index:5;top:var(--bar);bottom:0;left:0;right:0;background:#05060a;overflow:hidden;transition:bottom .42s ease,top .42s ease}.video-area[hidden]{display:none!important}.video-mount,.video-mount iframe,.video-mount>div{position:absolute;inset:0;width:100%;height:100%;border:0}.video-loading{position:absolute;inset:0;display:grid;place-items:center;background:#090912 url('assets/stage-poster.jpg') center/cover;color:#eee;font-size:12px;letter-spacing:1.4px;pointer-events:none;text-shadow:0 2px 20px #000}.video-loading:empty{display:none}.youtube-on .upperbar{background:linear-gradient(90deg,#0d0f16e8,#101116e8);border-bottom:1px solid #ffffff15}.youtube-on .top-glow{display:none}.youtube-on .edge-nav{display:none}.youtube-on .bottom-strip,.youtube-on .preview-pill{display:none}.youtube-on .info-reveal{display:none}.youtube-on .lowerbar{padding:13px var(--safe) 22px;min-height:0;align-items:center;bottom:0;height:170px;background:linear-gradient(120deg,#0c0d16,#161019);z-index:16}.youtube-on .lower-shade{display:none}.youtube-on .now-info{border-left-width:3px;max-width:80%}.youtube-on .now-info h1{font-size:clamp(44px,5.6vw,76px);margin:5px 0 2px}.youtube-on .now-info p{font-size:clamp(18px,2vw,28px);margin:0 0 4px}.youtube-on .meta-info{font-size:8px}.youtube-on .now-kicker{font-size:9px}.youtube-on:not(.info-hidden) .video-area{bottom:170px}.youtube-on.info-hidden .video-area{bottom:0}.youtube-on .lowerbar .play-button{display:none}.youtube-on .on-air{font-size:9px}.youtube-on .brand-copy em{display:none}.youtube-on .brand-copy strong{font-size:25px}.youtube-on .brand-signal{transform:scale(.75);transform-origin:left;margin-right:-6px}.youtube-on .stage{background:#090911}.youtube-on .stage-video{opacity:.2}
/* Both preview and own media may display true overlays over 100vw x 100vh video. */
.local-on .preview-pill{display:none}.local-on .side-arrow{opacity:.5}

.drawer-shade{position:fixed;inset:0;z-index:24;background:rgba(3,4,9,.42)}.drawer-shade[hidden]{display:none}.drawer{position:fixed;z-index:30;top:0;left:0;bottom:0;width:min(465px,100vw);padding:0;display:flex;flex-direction:column;background:linear-gradient(115deg,rgba(17,19,29,.88),rgba(18,20,29,.78));border-right:1px solid #ffffff32;box-shadow:18px 0 90px #0009;backdrop-filter:blur(35px);transform:translateX(-104%);visibility:hidden;transition:transform .3s,visibility .3s}.menu-open .drawer{transform:translateX(0);visibility:visible}.drawer-top{height:93px;flex-shrink:0;padding:0 29px 0 31px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:900;letter-spacing:1.4px;border-bottom:1px solid #ffffff20}.drawer-top b{color:var(--coral);margin:0 6px}.drawer-top strong{color:var(--coral)}.close-round{height:39px;width:39px;border-radius:50%}.drawer-nav{display:flex;gap:18px;overflow-x:auto;padding:0 27px;border-bottom:1px solid #ffffff20;flex-shrink:0;scrollbar-width:none}.drawer-nav button{background:transparent;border:0;border-bottom:2px solid transparent;height:58px;font:850 10px 'DM Sans',sans-serif;letter-spacing:1px;color:#949aaa;white-space:nowrap;padding:0 2px}.drawer-nav button.active{color:white;border-color:var(--coral)}.drawer-nav sup{font-size:7px;color:var(--coral)}.drawer-main{flex:1;min-height:0;overflow:auto;padding:26px 27px 28px;scrollbar-color:#585765 transparent;scrollbar-width:thin}.drawer-footer{border-top:1px solid #ffffff23;padding:19px 28px;display:flex;align-items:center;gap:7px;font-size:9px;color:#9293a1;letter-spacing:.6px;font-weight:700;flex-shrink:0}.drawer-footer .led{width:6px;height:6px;background:#7ccfa8;border-radius:50%}.drawer-footer>span:last-child{margin-left:auto}.panel-eyebrow{font-size:9px;font-weight:900;letter-spacing:2.5px;color:var(--coral);margin-bottom:8px}.panel-title{font:900 51px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.6px;margin:0 0 12px}.panel-copy{font-size:12px;color:#a3a5b4;line-height:1.7;margin:0 0 23px}.channel-stack{display:grid;gap:9px}.channel-tile{min-height:96px;border:1px solid #ffffff24;border-radius:9px;background:linear-gradient(100deg,var(--tile-tint,#343042),#1c202bdc);display:flex;align-items:center;text-align:left;gap:17px;padding:13px 17px;width:100%;transition:transform .2s,border-color .2s}.channel-tile:hover{transform:translateX(4px);border-color:#ffffff80}.channel-tile.active{border-color:var(--coral);box-shadow:inset 4px 0 0 var(--coral)}.tile-number{font:800 34px 'Barlow Condensed',sans-serif;color:#f6c1b2}.tile-copy{flex:1;display:grid;gap:4px}.tile-copy strong{font:850 22px 'Barlow Condensed',sans-serif;letter-spacing:1px}.tile-copy em{font-size:9px;color:#adb0b9;font-style:normal;letter-spacing:.8px;font-weight:750}.tile-play{height:37px;width:37px;border-radius:50%;border:1px solid #ffffff60;display:grid;place-items:center}.tile-play svg{width:15px}.panel-search{position:relative;margin-bottom:15px}.panel-search svg{position:absolute;left:15px;top:14px;color:#b1b4bf;width:18px}.panel-input,.panel-select{color:#fff;background:#151822;border:1px solid #4d4c57;border-radius:7px;height:47px;padding:0 15px;outline:0;width:100%;font-size:12px}.panel-search .panel-input{padding-left:44px}.panel-input:focus,.panel-select:focus{border-color:var(--coral)}.panel-input::placeholder{color:#848796}.filter-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.filter-pill{border:1px solid #ffffff35;background:#ffffff0d;color:#aaa9b5;padding:9px 12px;border-radius:24px;font-size:10px;font-weight:800}.filter-pill.active{background:var(--coral);color:#171015;border-color:var(--coral)}.filter-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}.panel-select{font-size:11px}.results-head{font:800 10px 'DM Sans',sans-serif;letter-spacing:1.5px;color:#aba6b2;margin:15px 0}.result-card{width:100%;display:flex;text-align:left;align-items:center;gap:12px;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:9px;margin:0 0 8px}.result-card:hover{background:#ffffff20}.result-thumb{height:62px;width:100px;flex-shrink:0;border-radius:5px;background:linear-gradient(135deg,#723e52,#161d32);background-position:center;background-size:cover}.result-details{min-width:0;flex:1}.result-details strong{display:block;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-details span{display:block;margin-top:6px;font-size:10px;color:#a4a0b1}.result-card svg{width:15px;flex-shrink:0;color:var(--coral)}.empty-state{background:#ffffff0c;border:1px dashed #ffffff34;border-radius:8px;padding:22px;text-align:center;font-size:12px;line-height:1.6;color:#b2adba}.inline-info{background:#351e2a;border:1px solid #824350;padding:13px 14px;border-radius:7px;color:#e4bcc3;font-size:11px;line-height:1.7;margin-bottom:18px}.field-label{display:block;margin:16px 0 7px;font-size:10px;font-weight:800;letter-spacing:1px;color:#d6d3dc}.solid-button{background:var(--coral);border:0;border-radius:5px;color:#201419;height:45px;padding:0 16px;font-size:11px;font-weight:900;letter-spacing:.8px}.solid-button:hover{background:#ff9284}.full-width{width:100%;margin-top:14px}.source-line{display:flex;justify-content:space-between;align-items:center;padding:11px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff09;margin-bottom:8px;gap:12px}.source-line strong{display:block;font-size:12px}.source-line small{display:block;color:#9c9eaa;font-size:10px;margin-top:3px}.source-line input{accent-color:var(--coral);width:16px;height:16px}.queue-item{border-bottom:1px solid #ffffff1b;padding:13px 0}.queue-item strong{display:block;font-size:12px;line-height:1.45}.queue-item small{display:block;font-size:10px;color:#999baa;margin:5px 0 10px}.queue-actions{display:flex;gap:9px}.queue-actions button{height:32px;padding:0 11px;font-size:9px;font-weight:900;letter-spacing:.6px;border-radius:4px;border:1px solid #ffffff55;background:#ffffff14}.queue-actions button.approve{background:var(--coral);border-color:var(--coral);color:#23151a}.panel-divider{height:1px;background:#ffffff1d;margin:27px 0}.menu-open .upperbar,.menu-open .edge-nav,.menu-open .lowerbar,.menu-open .bottom-strip,.menu-open .info-reveal,.menu-open .preview-pill{opacity:0;pointer-events:none}


/* Overlay drawer; the underlying preview video remains full bleed. During YouTube playback it is paused and visually hidden while navigation is open. */
.menu-open .drawer{transform:translateX(0);visibility:visible}.menu-open.youtube-on .video-area{visibility:hidden}.menu-open.youtube-on .stage-video{opacity:.7}.menu-open .upperbar,.menu-open .edge-nav,.menu-open .lowerbar,.menu-open .bottom-strip,.menu-open .info-reveal,.menu-open .preview-pill{opacity:0;pointer-events:none}.menu-open .drawer-shade{display:block!important}.drawer-shade[hidden]{display:none!important}
@media(max-width:1000px){.on-air #modeLabel{display:none}.on-air{margin-right:4px}.now-info h1{font-size:clamp(70px,11vw,115px)}.action-panel{gap:7px}.action-icon{width:41px;height:41px}.play-button{height:49px;padding:0 14px}.hints{display:none}}
@media(max-width:720px){:root{--bar:62px;--safe:18px}.upperbar{gap:9px}.upper-right{gap:5px}.brand-copy strong{font-size:25px}.brand-copy small{font-size:10px}.brand-copy em{display:none}.brand-signal{transform:scale(.72);transform-origin:left center;margin-right:-7px}.upper-right .glass-icon{width:33px;height:33px}.upper-right #fullscreenButton{display:none}.on-air{display:none}.menu-button{height:34px;padding:0 11px;font-size:9px;gap:7px}.zap-mini{gap:4px;margin-left:1px}.zap-mini .arrow-button{width:30px;height:30px}.zap-mini #channelNumber{font-size:14px;min-width:25px}.side-arrow{height:51px;width:35px;opacity:.38}.side-arrow svg{width:17px;height:17px}.side-arrow span{display:none}.side-arrow.prev{left:10px}.side-arrow.next{right:10px}.now-info{max-width:100%;border-left-width:3px;padding-left:13px}.lowerbar{left:0;right:0;display:block;padding:0 var(--safe) 65px}.now-info h1{font-size:clamp(57px,14vw,100px);margin:10px 0 6px}.now-info p{font-size:clamp(22px,5vw,31px);margin-bottom:8px}.now-kicker{font-size:8px;letter-spacing:1.15px;gap:6px}.source-chip{font-size:8px}.meta-info{font-size:8px;gap:7px;letter-spacing:1px}.action-panel{margin:16px 0 0 16px;justify-content:start}.action-icon{width:38px;height:38px}.play-button{height:42px;font-size:9px}.bottom-strip{bottom:14px;font-size:7px}.bottom-strip>span:last-child{display:none}.preview-pill{font-size:8px;bottom:35px;right:var(--safe);max-width:220px;text-align:right}.info-reveal{bottom:65px}.drawer{width:100vw}.drawer-top{height:70px}.drawer-main{padding:20px}.drawer-nav{padding:0 19px;gap:16px}.youtube-on .lowerbar{height:160px;padding:10px var(--safe);display:flex;gap:7px}.youtube-on:not(.info-hidden) .video-area{bottom:160px}.youtube-on .now-info h1{font-size:39px}.youtube-on .now-info p{font-size:16px}.youtube-on .now-info .meta-info{display:none}.youtube-on .action-panel{margin:0 0 0 auto}.youtube-on .action-icon{height:33px;width:33px}.youtube-on .now-info{max-width:calc(100% - 80px)}.menu-open.youtube-on .video-area{visibility:hidden}}
@media(max-width:480px){.brand-signal{display:none}.brand-copy strong{font-size:24px}.brand-button{min-width:72px}.upper-right #infoButton{width:30px;height:30px}.menu-button span{display:none}.menu-button{width:33px;height:33px;padding:0}.zap-mini{gap:1px}.zap-mini .arrow-button{width:29px;height:29px}.now-info h1{font-size:clamp(51px,15vw,75px)}.now-info p{font-size:21px}.now-info{max-width:100%}.now-kicker .source-chip,.now-kicker .kicker-divider{display:none}.meta-info{letter-spacing:.45px}.preview-pill{bottom:14px;right:16px;font-size:7px;max-width:170px}.bottom-strip{max-width:120px}.youtube-on .now-info h1{font-size:31px}.youtube-on .now-info p{font-size:14px}.youtube-on .lowerbar{height:146px}.youtube-on:not(.info-hidden) .video-area{bottom:146px}.youtube-on .action-panel{gap:4px}.youtube-on .action-icon{width:29px;height:29px}.youtube-on .now-info{max-width:calc(100% - 64px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}

.stop-youtube{display:none;background:#ffffff10;border:1px solid #ffffff31;border-radius:30px;color:#eae8ef;height:34px;padding:0 10px;align-items:center;gap:7px;font-weight:800;font-size:9px;letter-spacing:1px;cursor:pointer}.stop-youtube svg{width:14px;height:14px}.stop-youtube:hover,.stop-youtube:focus-visible{background:#ffffff2a}.youtube-on .stop-youtube{display:flex}@media(max-width:720px){.stop-youtube span{display:none}.stop-youtube{width:30px;height:30px;padding:0;justify-content:center}}

/* THE BOOTH 0.3.1 | True independent video layers. */
/* Background sources can use CSS object-fit; no info panel affects the video dimensions. */
.stage, .stage-video, .video-area { contain: layout; }
.stage-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; }
.broadcast.fit-contain .stage-video { object-fit:contain; background:#030408; }
#fitButton { opacity:.55; }
.fit-contain #fitButton { color:var(--coral); border-color:var(--coral); }
/* The YouTube iframe is never cropped/covered. It receives the same geometry before/after 7 s idle. */
.youtube-on .video-area,
.youtube-on:not(.info-hidden) .video-area,
.youtube-on.info-hidden .video-area {
  top:var(--bar) !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:auto !important;
  height:auto !important;
  transition:none !important;
}
.youtube-on .video-mount,.youtube-on .video-mount iframe,
.youtube-on .video-mount > div { inset:0; width:100%; height:100%; }
/* Set metadata is accessed in the dedicated side panel, never by shrinking the YouTube frame. */
.youtube-on .lowerbar, .youtube-on .info-reveal, .youtube-on .bottom-strip,
.youtube-on .edge-nav,.youtube-on .preview-pill,.youtube-on #fitButton { display:none !important; }
.youtube-on .upperbar { background:#0d0f16f2; }
/* Keep YouTube UI outside the player; no overlap into the iframe. */
.youtube-on #fullscreenButton { opacity:.82; }
.fit-mode-note { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:12px 0 21px; }
.fit-mode-note button { border:1px solid #ffffff40; border-radius:25px; padding:9px 14px; background:#ffffff11; font-weight:850; color:#e9e7ee; font-size:10px; }
.fit-mode-note button.active { background:#ff685f; color:#1d1114; border-color:#ff685f; }
.set-details { background:#ffffff0b; border:1px solid #ffffff2a; border-radius:12px; overflow:hidden; margin:18px 0; }
.set-details .result-thumb { width:100%; height:170px; border-radius:0; background-size:cover; background-position:center; }
.set-details-content { padding:20px; }
.set-details-content h3 { font:900 37px/.95 'Barlow Condensed',sans-serif; letter-spacing:.4px; text-transform:uppercase; margin:0 0 9px; }
.set-details-content p { margin:0 0 14px; color:#dedde6; font-size:12px; }
.set-details-content small { font-size:10px; color:#b0b2bd; line-height:1.7; }
.set-details-actions { display:flex; gap:9px; flex-wrap:wrap; margin:18px 0; }
.set-details-actions a, .set-details-actions button { display:inline-flex; text-decoration:none; align-items:center; justify-content:center; gap:9px; background:#ffffff14; border:1px solid #ffffff45; border-radius:7px; padding:12px 16px; font-size:11px; font-weight:850; }
.set-details-actions svg { width:16px; height:16px; }
@media(max-width:720px) { .youtube-on .video-area, .youtube-on.info-hidden .video-area, .youtube-on:not(.info-hidden) .video-area { top:var(--bar) !important; bottom:0 !important; } .set-details .result-thumb { height:138px; } }