/* Boothby On Air 10.1 – cinematic two-mode player, audio logic untouched */
:root{--air-cyan:#64e5f4;--air-violet:#a781f5;--air-bg:#080b18;--air-text:#f2f8ff}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at 14% 8%,#142f50 0,transparent 39%),radial-gradient(circle at 89% 15%,#281841 0,transparent 36%),#070a15!important;color:var(--air-text);min-height:100dvh}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(150deg,#42c7ff0c,transparent 40%,#9260f90d);opacity:.9}
.mast{border-bottom:1px solid #68d8ed30!important;background:#070d20ef!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:200;padding-top:max(12px,env(safe-area-inset-top))!important}
.mast h1{font-size:clamp(1.12rem,2.4vw,2rem)!important;letter-spacing:.025em}
.onair-android-tools{justify-content:center;gap:12px!important;margin:0 auto;max-width:940px;padding:18px 18px 12px!important}
.onair-android-tools button{background:linear-gradient(120deg,#132947,#21183f)!important;border-color:#72dcf185!important;box-shadow:inset 0 1px #ffffff29,0 8px 22px #0007;min-height:48px!important}
#onair-simple-player{border:1px solid #73dcee66!important;background:linear-gradient(145deg,#13233d,#0b1328 64%,#21123a)!important;box-shadow:0 30px 80px #01040ba8,0 0 70px #32d5ff11!important;max-width:800px!important;padding:clamp(20px,4vw,38px)!important;overflow:hidden}
#onair-simple-player:before{content:"";position:absolute;top:-110px;left:50%;width:300px;height:300px;transform:translateX(-50%);border-radius:50%;background:#4a5cfe25;filter:blur(70px);pointer-events:none}
.onair-simple-art{width:min(52vw,290px)!important;margin-bottom:22px!important;border:1px solid #a1dbff50;border-radius:28px!important;box-shadow:0 20px 48px #000b,0 0 46px #36e8f428!important;position:relative}
.onair-simple-art img{display:block}
#onair-simple-title{font-size:clamp(1.4rem,5vw,2.1rem)!important;line-height:1.25!important}
#onair-simple-artist{font-size:clamp(.95rem,3.1vw,1.07rem)!important}
.onair-simple-transport{max-width:560px;margin:25px auto 5px!important;flex-wrap:nowrap!important}
.onair-simple-transport button{border:1px solid #66def080!important;background:linear-gradient(130deg,#172f49,#2e2356)!important;border-radius:19px!important;font-size:clamp(1rem,3vw,1.18rem)!important;box-shadow:0 10px 24px #0009}
.onair-simple-transport #onair-simple-play{background:linear-gradient(130deg,#087b9b,#5e3cbe)!important}
#onair-simple-player :where(button):focus-visible,.onair-android-tools button:focus-visible{outline:3px solid #9beeff!important;outline-offset:3px}
main{max-width:1440px;margin-inline:auto;padding-inline:clamp(12px,2vw,30px)}
.cdj-shell{border:1px solid #7ee4f04d!important;border-radius:28px!important;box-shadow:0 24px 70px #000a,0 0 45px #39d8f30f;background:linear-gradient(160deg,#0e1930e8,#101329f5)!important;overflow:hidden}
.cdj-strip{background:linear-gradient(90deg,#113450,#1b1737)!important}
.cdj-screen{background:linear-gradient(140deg,#0b1831,#0c1021)!important;border:1px solid #559ebf55!important;border-radius:19px!important}
.cdj-track img,#cdjCover{border-radius:13px;box-shadow:0 10px 35px #0008}
.cdj-hardware{min-width:0}
.cdj-jog{filter:drop-shadow(0 0 16px #43c9e61b)}
.setlist{background:#0b1527dd!important;border:1px solid #6ad8f03a!important;border-radius:24px!important;margin-top:20px!important;overflow:hidden}
.setlist li{border-bottom:1px solid #8ac2ed16}
body.onair-simple-mode{background:radial-gradient(circle at 50% 12%,#183b59,#070b17 70%)!important}
body.onair-simple-mode .onair-android-tools{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);padding-bottom:12px!important;background:#080f22c9}
body.onair-simple-mode #onair-simple-player{margin-top:min(4vh,30px)!important}
footer{padding-bottom:max(15px,env(safe-area-inset-bottom))!important}
@media(max-width:720px){.mast{padding:12px 16px!important}.mast .eyebrow{font-size:9px;line-height:1.3}.hero{min-height:0!important}.cdj-shell{border-radius:18px!important}.onair-android-tools{padding-inline:12px!important}#onair-simple-player{margin:7px 12px 22px!important;padding:24px 16px!important;border-radius:25px!important}.onair-simple-art{width:min(62vw,245px)!important}.onair-simple-transport{gap:9px!important}.onair-simple-transport button{min-height:62px!important;min-width:0!important;padding:12px 5px!important}.cdj-track{min-width:0}}
@media(prefers-reduced-motion:reduce){body:before{display:none}}
