/* Boothby On Air v11.1: complete cyber-radio cockpit presentation. */
:root{--signal-cyan:#5be8ff;--signal-violet:#9866ff;--signal-hot:#ff589c;--panel-edge:rgba(102,228,255,.21);--panel-dark:rgba(7,14,32,.92)}
html{scroll-behavior:smooth}body{background-color:#030912!important;color:#e6faff!important;font-family:Inter,'Segoe UI',system-ui,sans-serif!important;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 20%,rgba(42,106,177,.13),transparent 44%),radial-gradient(ellipse at 90% 80%,rgba(119,33,168,.12),transparent 42%)}
.mast{max-width:1580px!important;width:100%!important;margin:0 auto!important;padding:14px clamp(15px,3vw,34px)!important;min-height:80px!important;border-bottom:1px solid var(--panel-edge)!important;background:linear-gradient(90deg,rgba(6,12,26,.97),rgba(11,17,39,.8))!important}
.mast .eyebrow{color:#93b9ce!important;letter-spacing:.19em!important;font-size:10px!important}.mast h1{font-weight:950!important;letter-spacing:.055em!important;font-size:clamp(21px,2.3vw,33px)!important}.mast h1 span{color:var(--signal-cyan)!important;text-shadow:0 0 25px #00cfff60}
body main{width:min(1580px,100%)!important;max-width:1580px!important;margin:0 auto!important;padding:0 clamp(12px,2vw,26px) 32px!important}
.onair-news-ticker{max-width:none!important;margin:13px 0 16px!important;border:1px solid rgba(112,226,255,.25)!important;background:linear-gradient(90deg,#081225,#211132,#081a2b)!important;box-shadow:0 4px 22px #0007!important;border-radius:10px!important}
.onair-ticker-track{animation-duration:25s!important}.onair-ticker-segment{color:#a6eaf2!important}
.onair-cockpit{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);align-items:start;gap:clamp(12px,1.5vw,24px);isolation:isolate}
.onair-deck-stack{min-width:0}
.radio-pulse,.library-foot-indicator{width:8px;height:8px;border-radius:50%;flex:none;background:#55e7a8;box-shadow:0 0 0 5px #55e7a820,0 0 14px #55e7a8}
.onair-cockpit .cdj-shell{max-width:none!important;margin:0!important;border-radius:0 0 20px 20px!important;overflow:hidden;border:1px solid var(--panel-edge)!important;border-top:0!important;background:linear-gradient(137deg,#0b1830,#0d1029 49%,#101328)!important;box-shadow:0 18px 50px #0009!important}
.cdj-strip{min-height:55px!important;background:#080f22e8!important;padding:10px clamp(13px,2vw,22px)!important;border-bottom:1px solid rgba(92,216,255,.2)!important}.cdj-strip strong{font-size:10px!important;letter-spacing:.14em!important;opacity:.65}.cdj-strip .cdj-channel{background:#1e3455!important;color:#9df4ff!important;border:1px solid #55c9ff66!important;border-radius:5px;padding:5px 8px!important;font-size:10px!important}
.cdj-broadcast-icon{font-size:24px;color:#6bebff;text-shadow:0 0 20px #33dfff}.onair-header-name{font-size:12px!important;letter-spacing:.17em!important}
.cdj-console{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(195px,.85fr)!important;gap:clamp(8px,1.4vw,20px)!important;padding:clamp(13px,1.5vw,24px)!important;align-items:stretch!important}
.cdj-screen{min-width:0!important;min-height:330px;background:linear-gradient(160deg,rgba(2,10,24,.97),rgba(6,20,40,.94))!important;border:1px solid rgba(97,219,255,.42)!important;border-radius:17px!important;box-shadow:inset 0 0 45px #008ad310,0 14px 28px #0005!important;padding:clamp(12px,1.5vw,20px)!important}
.cdj-screen-top.onair-nowplaying-controls{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #3e70814f!important;padding:0 0 15px!important;margin-bottom:18px!important;min-height:unset!important;gap:10px!important}
.cdj-label{color:#bceaff!important;letter-spacing:.16em;font-size:10px!important;font-weight:900!important}
.onair-nowplaying-controls>.onair-inline-transport{gap:7px!important;margin-left:auto}.onair-inline-transport button{font-size:11px!important;min-height:40px!important;padding:8px 11px!important;border-radius:9px!important}
.onair-inline-transport .onair-main-toggle{min-width:96px!important;background:linear-gradient(130deg,#12a6be,#235d9c)!important;color:white!important}
.onair-inline-transport .onair-main-toggle.is-playing{background:linear-gradient(135deg,#932f87,#5b437b)!important}
.onair-inline-transport .onair-next-track{background:#142a4b!important;border-color:#528aa0!important}
.cdj-format{display:none!important}.cdj-track{display:flex!important;align-items:center!important;gap:17px!important;padding:8px 0 18px!important}.cdj-track img{width:clamp(70px,8vw,112px)!important;height:clamp(70px,8vw,112px)!important;object-fit:cover;border-radius:13px!important;border:1px solid #73d4f16b!important;box-shadow:0 9px 30px #000a!important}
.cdj-ident{min-width:0}.cdj-ident h2{color:white!important;font-size:clamp(18px,2.1vw,29px)!important;font-weight:850!important;line-height:1.16!important;letter-spacing:-.03em!important;overflow-wrap:anywhere}
.cdj-ident p{color:#a0cde1!important;font-size:13px!important;margin-top:8px!important}.cdj-state{display:inline-block!important;font-size:10px!important;letter-spacing:.1em!important;border:1px solid #58c8f977!important;border-radius:5px!important;padding:6px 9px!important;background:#0b335050!important;color:#98f0ff!important}
.cdj-times{font-family:ui-monospace,SFMono-Regular,monospace!important;color:#bddef0!important}.cdj-progress{border-radius:99px!important;background:#19344f!important;overflow:hidden!important;height:8px!important}.cdj-progress>div{background:linear-gradient(90deg,#3be8d4,#4bd6ff,#b673ff)!important;box-shadow:0 0 12px #4ce5ff!important}
.onair-verification{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;margin-bottom:10px}.signal-tag{border:1px solid #56a5c076;background:rgba(34,93,117,.22);color:#d0f5ff;border-radius:7px;padding:5px 8px;font:750 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.04em}.signal-tag.is-unknown{color:#9cb7c5;border-color:#53778970}.cdj-metadata{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;border:0!important}.cdj-metadata>span{background:#0c1d33!important;border:1px solid #467f9c35!important;border-radius:9px!important;padding:10px 8px!important;font-size:9px!important;color:#a9cbdc!important;min-width:0}.cdj-metadata b{display:block!important;color:#f1fcff!important;font-size:clamp(11px,1vw,15px)!important;margin-top:6px!important;overflow-wrap:anywhere}
.cdj-hardware{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;background:radial-gradient(circle,#17436336 0%,#0d122a 70%)!important;border:1px solid #4385a13d!important;border-radius:19px!important;padding:15px 8px!important}.cdj-jog{width:min(100%,285px)!important;aspect-ratio:1!important;margin:0 auto!important;filter:drop-shadow(0 13px 22px #0009)}.cdj-jog-ring{box-shadow:0 0 20px #36b8fa50,0 0 0 9px #142e42a8!important}.cdj-hardware-label{margin-top:14px!important;text-align:center!important}.cdj-hardware-label b{color:#b9f4ff!important;font-size:11px!important;letter-spacing:.14em!important}.cdj-hardware-label span{color:#8bacc8!important;font-size:10px!important;letter-spacing:.1em!important}
#jogMotion{opacity:.7;font-size:9px!important}.cdj-foot{background:#0a1527!important;border-top:1px solid var(--panel-edge)!important;padding:12px 19px!important;font-size:10px!important;color:#a3bdcf!important}
.onair-deck-stack .legacy-decks{max-width:none!important;margin:13px 0 0!important;border:1px solid var(--panel-edge)!important;border-radius:17px!important;background:#09182bdc!important;box-shadow:0 15px 28px #0006}.legacy-decks .deck{background:linear-gradient(155deg,#0b1f34,#0a1227)!important;border:1px solid #4775923d!important;border-radius:13px!important}.legacy-decks .center-panel{background:rgba(11,20,40,.9)!important;border:1px solid #4775923d!important;border-radius:13px!important}.legacy-decks .turntable{max-height:160px!important;overflow:hidden!important}.legacy-decks .record{transform:scale(.7)!important;transform-origin:center!important}
.onair-cockpit .setlist{position:sticky!important;top:16px!important;max-width:none!important;min-width:0!important;margin:0!important;border:1px solid var(--panel-edge)!important;border-radius:19px!important;background:linear-gradient(157deg,rgba(10,20,42,.98),rgba(15,15,35,.98))!important;box-shadow:0 20px 50px #0009!important;overflow:hidden!important}
.set-head{display:flex!important;align-items:end!important;justify-content:space-between!important;padding:23px 21px 17px!important;border-bottom:1px solid #4c8cab33!important}.library-kicker{display:block;color:#55d9f3;font:900 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.17em;margin-bottom:6px}.set-head h2{font-size:clamp(19px,2vw,25px)!important;letter-spacing:.045em!important;font-weight:950!important;margin:0!important;color:#f2fcff!important}.set-head #count{padding:6px 8px;border-radius:6px;border:1px solid #396a80;color:#a4dfed;font:750 10px ui-monospace,monospace!important;white-space:nowrap}
.library-tools{display:flex;align-items:center;gap:9px;padding:17px 16px 12px}.library-search{flex:1;display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #376b8b;background:#08172a;border-radius:11px;padding:10px 11px;color:#8ac5db}.library-search>span{font-size:21px;line-height:1}.library-search input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:white;font:500 12px system-ui}.library-search:focus-within{border-color:#61e4ff;box-shadow:0 0 0 2px #4de1fb25}.library-search input::placeholder{color:#8aafc1}.library-random{border:1px solid #785bad6b;color:#b99cfc;background:#2b1c493b;border-radius:7px;padding:8px;font-size:9px;font-weight:900;white-space:nowrap;letter-spacing:.06em}
.library-columns{display:flex;justify-content:space-between;gap:10px;padding:0 21px 9px;color:#668a9f;font:750 9px ui-monospace,monospace;letter-spacing:.12em}
#playlist{margin:0!important;max-height:min(640px,calc(100vh - 275px))!important;min-height:300px!important;padding:5px 9px 14px!important;overflow:auto!important;scrollbar-color:#2c6d8c #081327!important;scrollbar-width:thin!important;overscroll-behavior:contain}
#playlist li[data-track]{display:flex!important;align-items:center!important;gap:12px!important;margin:4px 1px!important;padding:12px 11px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;cursor:default!important;transition:background .18s,border-color .18s!important;min-width:0}
#playlist li[data-track]:hover{background:#23415d79!important;border-color:#427ca155!important}
#playlist li[data-track].active{background:linear-gradient(95deg,#06496c66,#42297c52)!important;border-color:#40d4f895!important;box-shadow:inset 3px 0 #4febff!important}
#playlist li[data-track]>strong{font:800 11px ui-monospace,monospace!important;color:#8299ae!important;min-width:21px!important}#playlist li[data-track].active>strong{color:#60edff!important}
#playlist li img.track-art{width:50px!important;height:50px!important;object-fit:cover!important;border-radius:9px!important;border:1px solid #4d779656!important;flex-shrink:0!important}
#playlist li .track-caption{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important;gap:5px!important}#playlist li .track-caption b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9f9ff;font-size:12px!important;font-weight:800!important}#playlist li .track-caption small{color:#85adbf;font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-signal{flex:none;font:900 9px ui-monospace,monospace;color:#82bed0;letter-spacing:.06em;max-width:55px;white-space:nowrap}.active .track-signal{color:#67f2ce!important}
.library-foot{display:flex;gap:10px;align-items:center;background:#0a1830;border-top:1px solid #39688455;padding:16px 20px;color:#84b6cb;font:800 10px ui-monospace,monospace;letter-spacing:.07em}
#playlistMore{width:calc(100% - 30px)!important;margin:9px 15px 16px!important;border-radius:9px!important;border-color:#4b91b6!important;background:#112744!important;color:#d9f5ff!important}
body footer{max-width:1580px!important;margin:auto!important}
@media(max-width:1120px){.onair-cockpit{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.cdj-console{grid-template-columns:minmax(0,1fr)!important}.cdj-hardware{padding:12px!important}.cdj-jog{max-width:200px!important}.cdj-screen{min-height:0!important}}
@media(max-width:850px){.onair-cockpit{grid-template-columns:minmax(0,1fr)!important}.onair-cockpit .setlist{position:static!important}.cdj-console{grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr)!important}.cdj-jog{max-width:230px!important}#playlist{max-height:460px!important;min-height:200px!important}}
@media(max-width:620px){.mast{padding:12px 14px!important}.onair-news-ticker{margin:9px 0 13px!important}.cdj-strip>strong{display:none!important}.cdj-console{grid-template-columns:minmax(0,1fr)!important}.cdj-screen{padding:13px!important}.cdj-screen-top.onair-nowplaying-controls{flex-wrap:wrap!important}.onair-nowplaying-controls>.onair-inline-transport{margin-left:auto}.cdj-hardware{min-height:180px!important}.cdj-jog{max-width:175px!important}.cdj-hardware-label{margin-top:4px!important}.onair-deck-stack .legacy-decks{display:none!important}.onair-cockpit .setlist{border-radius:13px!important}.library-random{display:none}.library-tools{padding:13px}.library-columns{padding:0 17px 8px}#playlist{max-height:500px!important}#playlist li[data-track]{padding:10px 8px!important}}
@media(max-width:380px){.onair-inline-transport button{padding:8px!important;font-size:10px!important}.cdj-metadata{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){#playlist li[data-track]{transition:none!important}}

#playlist li[data-track][hidden]{display:none!important}