:root{color-scheme:dark;font-family:Aptos,IBM Plex Sans,sans-serif;background:#09090d;color:#f7f4ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 82% 8%,rgba(123,52,255,.18),transparent 34%),radial-gradient(circle at 18% 22%,rgba(255,63,184,.12),transparent 32%),linear-gradient(180deg,#050611,#03040c 72%,#020209)}@media(min-width:981px){body{overflow:hidden}.station-frame:before{inset:0 0 auto;height:492px;opacity:1;background:url(/mockup/desktop-banner.png) top center / 100% auto no-repeat}.city-layer,.hero-copy,.hero-art{display:none}.hero-grid{min-height:492px}}button,input,select,textarea{font:inherit}button,input,select,textarea{border:1px solid #383442;border-radius:6px;background:#171720;color:#f7f4ff}button{min-height:38px;padding:0 14px;cursor:pointer}button:hover{border-color:#776b91}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{width:100%;padding:9px 10px}textarea{resize:vertical}.listener-shell,.admin-shell{width:min(1240px,calc(100vw - 32px));margin:0 auto;padding:22px 0 40px}.listener-shell{width:min(1680px,calc(100vw - 52px));padding-top:16px}.public-topbar,.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand{font-size:18px;font-weight:800}.host{margin-top:2px;color:#bab3c9;font-size:14px}.topbar-status{display:flex;align-items:center;gap:10px}.live-link,.status{padding:7px 10px;border:1px solid #383442;border-radius:6px;background:#12121beb;color:#dcd7e8;white-space:nowrap}.live-link{color:#10e6c0;border-color:#10e6c073}.status[data-mode=live]{color:#10e6c0;border-color:#10e6c08c}.status[data-mode=studio_offline],.status[data-mode=fallback]{color:#ffbd6c;border-color:#ffbd6c8c}.status[data-mode=empty]{color:#ff7da8;border-color:#ff7da88c}.listener-player{margin-top:22px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),#0f0d18eb;box-shadow:0 0 0 1px #10e6c01f,0 0 36px #ff4fb81f}.public-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:center}.seline-stage{overflow:hidden;border:1px solid rgba(16,230,192,.35);border-radius:8px;background:#111119;box-shadow:inset 0 0 0 1px #ff4fb82e}.seline-stage img{display:block;width:100%;aspect-ratio:13 / 17;object-fit:cover}.seline-placeholder{display:grid;width:100%;aspect-ratio:13 / 17;place-items:center;color:#10e6c0;font-size:28px;font-weight:800;background:repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 10px),#101014}.seline-placeholder.compact{min-height:220px;aspect-ratio:auto;font-size:18px;color:#bab3c9}.now-block{display:grid;gap:10px;min-width:0}.show-name{color:#10e6c0;font-weight:700}h1,h2,p{margin:0}h1{max-width:760px;font-size:clamp(38px,7vw,86px);line-height:.96;letter-spacing:0}h2{font-size:16px}.now-block p,dt,th,.section-bar>div,label span{color:#bab3c9}.meter{height:8px;margin:28px 0 10px;overflow:hidden;border-radius:4px;background:#272333}.meter div{height:100%;background:#10e6c0;box-shadow:0 0 18px #10e6c08c}.public-controls,.button-row{display:flex;align-items:center;gap:12px}.public-controls,.button-row{flex-wrap:wrap;margin-top:24px}.primary-button{border-color:#10e6c0;background:#10e6c0;color:#08110f;font-weight:800}.volume-control{display:flex;align-items:center;gap:10px;min-height:38px;color:#dcd7e8}.volume-control input{width:120px;padding:0;accent-color:#10e6c0}.public-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}dl{margin:0}dt{margin-bottom:4px;font-size:13px}dd{margin:0}.listener-count{color:#ff4fb8;font-weight:800}.mobile-listener-count,.hidden-audio{display:none}.station-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px;margin-bottom:2px}.brand-lockup,.header-actions,.deck-controls,.panel-heading,.chat-form{display:flex;align-items:center}.brand-lockup{gap:18px}.brand-mark{position:relative;display:grid;width:54px;height:54px;place-items:center;color:#ff58d3;filter:drop-shadow(0 0 12px rgba(255,77,206,.85))}.brand-mark:before,.brand-mark span,.sign-mark{content:"";display:block;width:42px;height:34px;border:3px solid currentColor;clip-path:polygon(6% 44%,12% 8%,32% 31%,50% 22%,68% 31%,88% 8%,94% 44%,78% 88%,50% 100%,22% 88%)}.brand-mark:after{content:"";position:absolute;width:16px;height:9px;border-top:3px solid currentColor;border-radius:50%;transform:translateY(7px);opacity:.9}.brand-mark span{position:absolute;opacity:.35;transform:scale(1.2)}.station-header .brand{font-size:clamp(26px,3vw,36px);font-style:italic;font-weight:700;letter-spacing:0;text-shadow:0 0 18px rgba(155,96,255,.52)}.header-actions{gap:10px}.station-header .live-link{display:none}.header-icon{display:none;width:42px;height:42px;color:#f7efff}.bars-icon{align-items:center;justify-content:center;gap:4px}.bars-icon:before,.bars-icon:after,.bars-icon span{content:"";width:4px;border-radius:999px;background:currentColor}.bars-icon:before{height:22px}.bars-icon span{height:34px}.bars-icon:after{height:18px}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after,.menu-icon span{content:"";position:absolute;left:7px;right:7px;height:3px;border-radius:999px;background:currentColor}.menu-icon:before{top:11px}.menu-icon span{top:20px}.menu-icon:after{top:29px}.station-frame{position:relative;overflow:hidden;min-height:calc(100vh - 94px);padding:clamp(28px,3.2vw,34px) clamp(34px,4vw,82px) 34px;border:1px solid rgba(255,79,184,.72);border-radius:18px;background:linear-gradient(180deg,#03051114,#030511f5 76%),radial-gradient(circle at 72% 16%,rgba(103,53,255,.36),transparent 30%),radial-gradient(circle at 26% 42%,rgba(255,40,170,.22),transparent 32%),#050713;box-shadow:inset 0 0 0 1px #7d75ff2e}.station-frame:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.36;background:linear-gradient(180deg,#05071405,#050714f0 76%),url(/mockup/city-strip.png) center 72px / 72% 260px repeat-x}.city-layer{position:absolute;inset:0;pointer-events:none;opacity:.46;background:linear-gradient(180deg,transparent 0 22%,rgba(5,7,20,.18) 58%,#050713 100%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,79,184,.24) 35px 37px,transparent 38px 74px),repeating-linear-gradient(90deg,transparent 0 58px,rgba(66,138,255,.22) 59px 62px,transparent 63px 108px),linear-gradient(180deg,transparent 0 34%,rgba(24,29,79,.78) 34% 100%);clip-path:polygon(0 40%,4% 38%,4% 70%,8% 70%,8% 32%,13% 32%,13% 68%,18% 68%,18% 24%,22% 24%,22% 72%,28% 72%,28% 36%,34% 36%,34% 70%,40% 70%,40% 22%,45% 22%,45% 70%,50% 70%,50% 30%,56% 30%,56% 66%,62% 66%,62% 18%,68% 18%,68% 72%,74% 72%,74% 34%,82% 34%,82% 69%,88% 69%,88% 26%,95% 26%,95% 72%,100% 72%,100% 100%,0 100%)}.hero-grid,.player-deck,.station-panels{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(390px,.68fr) minmax(560px,1.32fr);gap:clamp(12px,3vw,48px);align-items:start;min-height:530px}.hero-copy{display:grid;gap:14px;align-content:start;max-width:560px;padding-top:0;position:relative;z-index:4}.live-now,.track-state{color:#ff4fb8;font-weight:900}.hero-copy h1{display:grid;gap:10px;margin:0;font-size:clamp(68px,5.6vw,96px);line-height:.82;color:#f8f4ff;text-transform:uppercase}.hero-copy h1 span{font-size:clamp(38px,3.4vw,56px);color:#fff}.hero-copy h1{background:linear-gradient(90deg,#ff5aae,#d94cf6,#4f7cff 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy h1 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff8ff}.hero-copy p{max-width:720px;color:#dfd7f0;font-size:clamp(20px,1.8vw,24px);line-height:1.25}.desktop-copy br,.mobile-copy{display:none}.listen-button{width:fit-content;min-width:246px;min-height:66px;margin-top:10px;padding:0 30px;border-color:#9197fff2;border-radius:14px;background:linear-gradient(90deg,#df43df,#4b70ff);color:#fff;font-size:24px;font-weight:900;box-shadow:0 0 22px #7460ffb8}@media(min-width:721px){.listen-button{display:none}}.hero-art{position:relative;z-index:2;min-height:570px;display:grid;align-items:end;justify-items:end;overflow:visible}.hero-art img{position:relative;z-index:2;display:block;max-width:min(520px,100%);width:min(520px,100%);max-height:640px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 0 28px rgba(105,81,255,.5));-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 100%)}.hero-placeholder{position:relative;z-index:2;display:block;width:min(520px,100%);min-height:540px;color:#f1d7ff;background:radial-gradient(ellipse at 48% 26%,rgba(255,226,255,.72) 0 5%,transparent 8%),radial-gradient(ellipse at 40% 34%,rgba(255,79,184,.72) 0 3%,transparent 5%),radial-gradient(ellipse at 58% 34%,rgba(89,119,255,.7) 0 3%,transparent 5%),radial-gradient(ellipse at 50% 58%,rgba(22,16,34,.96) 0 25%,transparent 27%),radial-gradient(ellipse at 50% 62%,rgba(13,10,24,.78) 0 42%,transparent 45%);filter:drop-shadow(0 0 30px rgba(145,86,255,.48))}.hero-placeholder:before,.hero-placeholder:after{content:"";position:absolute;left:50%;width:34%;height:46%;background:linear-gradient(180deg,#ecd4ffe6,#8f65ff33);clip-path:ellipse(35% 50% at 50% 50%);transform-origin:50% 100%}.hero-placeholder:before{top:0;transform:translate(-88%) rotate(-22deg)}.hero-placeholder:after{top:0;transform:translate(-12%) rotate(22deg)}.placeholder-ears{position:absolute;inset:0;opacity:.55}.placeholder-ears:before,.placeholder-ears:after{content:"";position:absolute;top:62px;width:22%;height:28%;background:#ff58d359;clip-path:polygon(50% 0,100% 100%,0 100%)}.placeholder-ears:before{left:27%;transform:rotate(-17deg)}.placeholder-ears:after{right:27%;transform:rotate(17deg)}.placeholder-face{position:absolute;left:50%;top:24%;width:38%;height:30%;border:1px solid rgba(255,230,255,.42);border-radius:48% 48% 44% 44%;background:linear-gradient(180deg,#f8daff2e,#f8daff0a);transform:translate(-50%)}.hero-placeholder span{position:absolute;right:10%;bottom:22%;color:#ffffff2e;font-size:64px;font-weight:900;text-transform:uppercase}.neon-sign{position:absolute;right:0;bottom:22%;z-index:1;display:grid;gap:2px;min-width:210px;padding:18px 18px 22px;border:1px solid rgba(145,88,255,.46);color:#e462ff;text-align:center;text-transform:uppercase;text-shadow:0 0 18px rgba(226,98,255,.95);background:#0506148c}.sign-mark{justify-self:center;width:70px;height:56px;margin-bottom:8px;border-width:4px}.neon-sign div{font-size:48px;font-weight:900}.neon-sign span{color:#8f7dff;font-size:24px;font-weight:900}.player-deck{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;width:min(910px,62vw);margin-top:-300px;padding:16px 26px 20px 16px;border:1px solid rgba(255,79,184,.66);border-radius:16px;background:linear-gradient(180deg,#0d0d24e6,#050818f2),#080a1ceb;box-shadow:0 0 32px #ff4fb842}@media(min-width:981px){.player-deck{position:absolute;left:clamp(72px,4.8vw,82px);top:255px;width:min(875px,54vw);min-height:220px;margin-top:0}.station-panels{position:absolute;right:clamp(68px,4.2vw,82px);bottom:78px;left:clamp(68px,4.2vw,82px);margin-top:0}}.cover-tile,.mini-cover{display:grid;place-items:center;border:1px solid rgba(102,130,255,.56);border-radius:8px;background:radial-gradient(circle at 50% 36%,rgba(255,79,184,.54),transparent 24%),radial-gradient(circle at 54% 58%,rgba(62,219,255,.52),transparent 28%),#080b1d;color:#fff;font-weight:900}.cover-tile{width:100%;aspect-ratio:1;font-size:50px}.track-area{min-width:0}.track-area h2{margin-top:4px;color:#fff;font-size:clamp(28px,2.2vw,36px);line-height:1.08}.track-area p{margin-top:4px;color:#c9bedf;font-size:16px}.waveform{display:grid;grid-template-columns:repeat(64,1fr);align-items:end;gap:4px;height:42px;margin-top:12px}.waveform i{min-width:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#4adfff,#fb36b8)}.waveform.muted{opacity:.34}.deck-controls{flex-wrap:wrap;gap:12px;margin-top:12px}.transport-button{min-width:90px;border-color:#ff4fb8eb;background:#f6f0ff;color:#13091d;font-weight:900}.station-frame .volume-control{margin-left:auto}.station-frame .listener-count{min-width:124px;color:#e9ddff;text-align:right}.station-panels{display:grid;grid-template-columns:.95fr .95fr 1.1fr;gap:14px;margin-top:18px}.station-panel{min-width:0;min-height:286px;padding:16px 18px;border:1px solid rgba(126,116,208,.56);border-radius:14px;background:#050c20d1}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{color:#ccbaff;font-size:17px;text-transform:uppercase}.panel-heading span{color:#ff4fb8}.broadcast-list,.chat-log{display:grid;gap:8px}.broadcast-row{display:grid;grid-template-columns:auto 54px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:8px;border:1px solid rgba(126,116,208,.22);border-radius:8px;background:#070d229e}.recent-panel .broadcast-row{grid-template-columns:54px minmax(0,1fr) auto}.broadcast-row strong,.chat-message strong{display:block;overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.broadcast-row span,.chat-message span,.broadcast-row time,.chat-message time,.empty-panel{color:#b9aecb}.broadcast-row em{padding:5px 9px;border:1px solid rgba(255,79,184,.72);border-radius:6px;color:#ff4fb8;font-size:12px;font-style:normal;text-transform:uppercase}.mini-cover{width:54px;height:54px;font-size:18px}.empty-panel{padding:14px;border:1px solid rgba(126,116,208,.22);border-radius:8px;background:#070d227a}.chat-panel{display:grid;grid-template-rows:auto minmax(130px,1fr) auto}.chat-log{max-height:265px;overflow:auto;padding-right:4px}.chat-message{display:grid;grid-template-columns:minmax(86px,.45fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(126,116,208,.22);border-radius:8px;background:#070d229e}.chat-message strong{color:#ff4fb8}.chat-form{gap:8px;margin-top:12px}.chat-form input:first-child{flex:0 0 150px}.chat-form input:nth-child(2){flex:1;min-width:150px}.chat-form button{flex:0 0 88px;border-color:#9197fff2;background:linear-gradient(90deg,#d948dc,#4c72ff);color:#fff;font-weight:900}.hero-preview img{max-height:340px;object-fit:contain}.admin-shell{background:transparent}.panel,.login-panel{margin-top:22px;border:1px solid #2a2a2d;border-radius:8px;background:#18181b}.login-panel{width:min(420px,100%);margin:80px auto 0;padding:20px}.login-panel form,.form-panel{display:grid;gap:14px}label{display:grid;gap:6px}.admin-tabs{display:flex;gap:8px;padding:16px 0 0;border-bottom:1px solid #2a2a2d}.admin-tabs button{min-height:42px;border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0;background:transparent}.admin-tabs button.active{border-color:#3a3a3d;border-bottom-color:#18181b;background:#18181b}.admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;margin-top:18px}.wide-panel{grid-column:span 1}.admin-grid .wide-panel:last-child:nth-child(3){grid-column:1 / -1}.events-panel{grid-column:1 / -1}.stats-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.stats-wide{grid-column:1 / -1;min-width:0}.form-panel{padding-bottom:16px}.form-panel>label,.form-panel>.check-row,.form-panel>.avatar-preview,.form-panel>button,.form-panel>.button-row{margin:0 16px}.avatar-preview{overflow:hidden;border:1px solid #2a2a2d;border-radius:8px;background:#101014}.avatar-preview img{display:block;width:100%;max-height:280px;object-fit:cover}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #2a2a2d}table{width:100%;border-collapse:collapse}th,td{padding:11px 16px;border-bottom:1px solid #2a2a2d;text-align:left;vertical-align:middle}th{width:34%;font-weight:500}.analytics-table th{width:auto}.stats-layout .panel{min-width:0}.stats-layout .key-value-table th,.stats-layout .key-value-table td,.analytics-table th,.analytics-table td{min-width:0;overflow-wrap:anywhere;word-break:break-word}.analytics-table{table-layout:fixed}.analytics-table td{line-height:1.35}.paths-table th:first-child{width:64%}.paths-table th:not(:first-child){width:12%}.sessions-table th:nth-child(1){width:13%}.sessions-table th:nth-child(2){width:14%}.sessions-table th:nth-child(3){width:12%}.sessions-table th:nth-child(4){width:9%}.sessions-table th:nth-child(5){width:28%}.sessions-table th:nth-child(6){width:24%}.voice-settings-table{margin:0 16px;width:calc(100% - 32px);border-top:1px solid #2a2a2d}td{color:#f0f0f2}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}td button,td select{min-height:32px}.notice{margin-top:12px;padding:12px 16px;color:#ffbd6c}@media(max-width:980px){.hero-grid,.station-panels{grid-template-columns:1fr}.hero-art{min-height:380px}.player-deck{width:100%;margin-top:0}.public-layout,.admin-grid,.stats-layout{grid-template-columns:1fr}.events-panel,.stats-wide{grid-column:auto}.seline-stage{max-width:360px}}@media(max-width:720px){.listener-shell,.admin-shell{width:100%;padding:20px 24px 28px}.station-header{align-items:center;flex-direction:row;min-height:54px;margin-bottom:22px}.header-actions{width:auto;margin-left:auto;justify-content:flex-end;gap:18px}.station-header .brand{font-size:28px;text-transform:uppercase;white-space:nowrap}.brand-lockup{gap:10px}.brand-mark{width:54px;height:54px}.header-actions .live-link{display:none}.header-icon{display:flex}.status{min-height:48px;padding:0 22px;display:flex;align-items:center;border-radius:24px;font-size:20px;font-weight:800}.station-frame{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.station-frame:before{inset:70px 0 auto;height:410px;opacity:1;background:url(/mockup/mobile-banner.png) top center / 100% auto no-repeat}.city-layer{display:none}.hero-grid{position:relative;display:block;min-height:450px}.hero-copy{display:none}.hero-copy h1{gap:8px;font-size:clamp(58px,15vw,96px)}.hero-copy h1 span{font-size:clamp(30px,7.2vw,42px)}.hero-copy p{width:340px;max-width:78vw;font-size:clamp(19px,5vw,25px)}.desktop-copy{display:none}.mobile-copy{display:inline}.listen-button{width:min(282px,74vw);min-width:0;min-height:66px;margin-top:18px}.hero-art{display:none}.hero-art img,.hero-placeholder{max-width:100%;min-height:390px}.hero-art img{width:100%;max-height:430px}.neon-sign{right:-8px;bottom:28%;min-width:132px;padding:12px 10px 14px}.neon-sign div{font-size:30px}.neon-sign span{font-size:18px}.player-deck{grid-template-columns:minmax(118px,34%) minmax(0,1fr);gap:18px;margin-top:14px;padding:24px 28px;border-radius:18px}.cover-tile{width:100%;justify-self:start}.waveform{gap:2px}.station-frame .volume-control,.station-frame .listener-count{width:100%;margin-left:0;text-align:left}.station-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.chat-panel{grid-column:1 / -1}.station-panel{min-height:0;padding:18px;border-radius:16px}.broadcast-row,.recent-panel .broadcast-row{grid-template-columns:52px minmax(0,1fr) auto}.lineup-panel .broadcast-row{grid-template-columns:auto 52px minmax(0,1fr)}.broadcast-row em{grid-column:2 / -1;width:fit-content}.chat-message{grid-template-columns:1fr auto}.chat-message span{grid-column:1 / -1}.chat-form{flex-wrap:wrap}.chat-form input:first-child,.chat-form input:nth-child(2){flex:1 1 100%}.chat-form button{flex:1 1 100%}.public-topbar,.admin-topbar,.topbar-status,.public-controls,.section-bar{align-items:flex-start;flex-direction:column}.listener-player{padding:16px}.public-details{grid-template-columns:1fr}.admin-tabs{overflow-x:auto}.panel table{display:block;overflow-x:auto;white-space:nowrap}}@media(max-width:480px){.listener-shell,.admin-shell{max-width:100vw;padding:18px 20px 28px;overflow-x:hidden}.station-header{gap:10px;margin-bottom:14px}.brand-lockup{min-width:0;gap:8px}.brand-mark{width:42px;height:42px;flex:0 0 42px}.brand-mark:before,.brand-mark span{width:31px;height:25px;border-width:2px}.station-header .brand{font-size:clamp(23px,7vw,28px);line-height:1}.header-actions{gap:8px}.header-icon{display:none}.status{min-height:38px;padding:0 15px;border-radius:18px;font-size:16px}.station-frame{overflow:hidden}.city-layer{inset:86px -16px auto;height:380px;opacity:.65}.hero-grid{min-height:430px}.hero-copy{position:relative;z-index:6;width:100%;padding:82px 0 0}.live-now{font-size:16px}.hero-copy h1{width:min-content;gap:5px;font-size:clamp(54px,15.5vw,64px);line-height:.84}.hero-copy h1 span{font-size:clamp(28px,8vw,34px);white-space:nowrap}.hero-copy p{width:255px;max-width:72vw;font-size:20px;line-height:1.34}.listen-button{width:282px;max-width:80vw;min-height:66px;margin-top:20px;font-size:20px}.hero-art{right:-6px;top:56px;width:57%;min-height:350px;opacity:.96;z-index:2}.hero-art img,.hero-placeholder{min-height:350px}.hero-art img{width:100%;max-height:380px;object-position:top right;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 100%)}.hero-placeholder span{right:5%;bottom:26%;font-size:34px}.placeholder-face{width:48%}.neon-sign{right:-6px;bottom:25%;min-width:92px;padding:8px}.sign-mark{width:42px;height:34px;margin-bottom:5px;border-width:3px}.neon-sign div{font-size:24px}.neon-sign span{font-size:14px}.player-deck{grid-template-columns:122px minmax(0,1fr);gap:14px;margin-top:4px;padding:16px;border-radius:14px}.cover-tile{width:122px;height:122px;font-size:42px}.track-state{font-size:14px}.track-area h2{font-size:25px}.track-area p{font-size:16px}.waveform{grid-template-columns:repeat(38,1fr);height:36px;gap:3px}.waveform i:nth-child(n+39){display:none}.deck-controls{grid-column:1 / -1;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.transport-button,.deck-controls>button{min-width:74px;min-height:38px;padding:0 12px}.station-frame .volume-control{grid-column:1 / 3;width:auto}.volume-control span{display:none}.volume-control input{width:138px}.station-frame .listener-count{grid-column:3;width:auto;min-width:0;justify-self:end;font-size:14px;text-align:right}.station-panels{grid-template-columns:1fr;gap:14px;margin-top:14px}.station-panel{padding:15px;border-radius:14px}.panel-heading h2{font-size:15px}.empty-panel{padding:12px}}.listener-shell{width:min(1672px,calc(100vw - 48px));padding:16px 0 34px}.station-header{min-height:54px;margin-bottom:2px;padding:0 28px}.brand-lockup{gap:14px}.brand-mark{width:44px;height:44px}.brand-mark:before{width:44px;height:44px;border:0;clip-path:none;background:url(/brand/opz-fox-mark.svg) center / contain no-repeat}.brand-mark span,.brand-mark:after{display:none}.station-frame{position:relative;min-height:min(826px,calc(100vh - 112px));overflow:hidden;padding:0 56px 42px;border:1px solid #d92fb0;border-radius:18px;background:#020413}.station-frame:before{content:"";position:absolute;inset:0 0 auto;height:520px;opacity:1;background:linear-gradient(90deg,#0204131f,#02041314 48%,#02041300),url(/brand/opz-seline-hero.png) center -86px / cover no-repeat}.city-layer,.hero-art{display:none}.hero-grid{position:relative;z-index:2;display:block;min-height:492px}.hero-copy{position:relative;z-index:3;display:grid;gap:8px;width:520px;max-width:45vw;margin-left:24px;padding:30px 0 0}.live-now{font-size:16px;font-weight:900;color:#ff2fa6}.hero-copy h1{gap:2px;margin:0;font-size:clamp(72px,5.15vw,88px);line-height:.88;text-transform:uppercase}.hero-copy h1 span{font-size:clamp(40px,3.05vw,52px);color:#fff}.hero-copy p{width:660px;max-width:100%;color:#d9d0e8;font-size:18px;line-height:1.24}.mobile-copy,.listen-button{display:none}.player-deck{position:absolute;z-index:4;left:80px;top:255px;display:grid;grid-template-columns:188px minmax(0,1fr);gap:28px;width:min(875px,55vw);box-sizing:border-box;height:220px;min-height:220px;margin:0;padding:16px 24px 16px 16px;border:1px solid #d92fb0;border-radius:16px;background:#050719e6;box-shadow:0 0 24px #ff2fa640}.cover-tile{width:188px;height:188px;aspect-ratio:auto}.station-panels{position:absolute;z-index:4;left:34px;right:34px;bottom:48px;display:grid;grid-template-columns:.95fr .95fr 1.1fr;gap:14px;margin:0}.station-panel{box-sizing:border-box;height:286px;min-height:286px;overflow:hidden;border-radius:14px;background:#02091cd1}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto}.chat-log{max-height:none;min-height:0}.panel-heading{margin-bottom:8px}.broadcast-row{min-height:48px;padding:4px 8px}.mini-cover{width:42px;height:42px;font-size:15px}.broadcast-row strong{font-size:15px;line-height:1.1}.broadcast-row span,.broadcast-row time{font-size:14px;line-height:1.15}@media(min-width:721px){.listener-shell{width:min(1880px,calc(100vw - 36px));padding:clamp(8px,1.5vh,16px) 0 clamp(16px,2.6vh,34px)}.station-header{min-height:clamp(44px,5.8vh,54px);padding:0 clamp(18px,1.8vw,28px)}.brand-mark{width:clamp(34px,4.7vh,44px);height:clamp(34px,4.7vh,44px)}.brand-mark:before{width:clamp(34px,4.7vh,44px);height:clamp(34px,4.7vh,44px)}.station-header .brand{font-size:clamp(26px,1.9vw,36px)}.station-frame{height:min(826px,calc(100vh - clamp(72px,8.9vh,96px)));min-height:650px;padding:0 clamp(28px,3vw,56px) clamp(28px,4.6vh,42px)}.station-frame:before{height:clamp(438px,58vh,520px);background:linear-gradient(90deg,#0204131f,#02041314 48%,#02041300),url(/brand/opz-seline-hero.png) center clamp(-86px,-9.1vh,-58px) / cover no-repeat}.hero-grid{min-height:clamp(402px,52.3vh,492px)}.hero-copy{width:clamp(430px,30vw,520px);margin-left:clamp(10px,1.5vw,24px);padding-top:clamp(18px,3.2vh,30px)}.hero-copy h1{font-size:clamp(58px,4.7vw,88px)}.hero-copy h1 span{font-size:clamp(32px,2.75vw,52px)}.hero-copy p{width:clamp(500px,37vw,660px);font-size:clamp(15px,1.05vw,18px)}.player-deck{--desktop-cover-size: clamp(150px, 20vh, 188px);left:clamp(48px,4.2vw,80px);top:clamp(202px,27vh,255px);grid-template-columns:var(--desktop-cover-size) minmax(0,1fr);gap:clamp(18px,1.65vw,28px);width:min(875px,51vw);height:clamp(178px,24vh,220px);min-height:0;padding:clamp(12px,1.7vh,16px) clamp(18px,1.55vw,24px) clamp(12px,1.7vh,16px) clamp(12px,1.7vh,16px)}.cover-tile{width:var(--desktop-cover-size);height:var(--desktop-cover-size);font-size:clamp(38px,5.5vh,50px)}.track-area h2{font-size:clamp(26px,1.9vw,36px)}.waveform{height:clamp(32px,4.5vh,42px);margin-top:clamp(8px,1.35vh,12px)}.deck-controls{gap:clamp(8px,1.3vh,12px);margin-top:clamp(8px,1.35vh,12px)}.transport-button{min-width:clamp(76px,5vw,90px)}.station-panels{left:clamp(24px,2.9vw,54px);right:clamp(24px,2.9vw,54px);bottom:clamp(26px,4.9vh,48px)}.station-panel{height:clamp(218px,30vh,286px);min-height:0;padding:clamp(12px,1.7vh,16px) clamp(14px,1.4vw,18px)}.broadcast-row{min-height:clamp(40px,5.2vh,48px);padding:clamp(3px,.5vh,4px) 8px}.mini-cover{width:clamp(34px,4.55vh,42px);height:clamp(34px,4.55vh,42px)}}@media(min-width:721px)and (max-height:780px){.listener-shell{width:min(1900px,calc(100vw - 24px));padding-top:6px}.station-frame{min-height:610px}.live-now,.track-state{font-size:13px}.station-panel{height:216px;padding:10px 12px}.panel-heading{margin-bottom:6px}.panel-heading h2{font-size:15px}.broadcast-list{gap:5px}.broadcast-row{min-height:38px;gap:8px;padding:2px 6px}.broadcast-row strong{font-size:13px}.broadcast-row span,.broadcast-row time{font-size:12px}.broadcast-row em{padding:3px 7px;font-size:10px}.mini-cover{width:30px;height:30px;font-size:12px}.chat-form{margin-top:8px}}@media(max-width:720px){body{overflow-x:hidden}.listener-shell{width:calc(100vw - 40px);padding:18px 0 28px;margin:0 auto}.station-header{margin-bottom:14px;padding:0}.brand-mark{display:none}.status{min-height:38px;padding:0 12px;font-size:15px}.station-frame{min-height:0;padding:0;border:0;border-radius:0;background:transparent}.station-frame:before{inset:76px -100px auto auto;width:650px;height:438px;opacity:1;background:linear-gradient(90deg,#05031040,#05031000 46%),url(/brand/opz-seline-hero.png) 64% top / auto 438px no-repeat}.hero-grid{min-height:500px}.hero-copy{display:grid;width:282px;max-width:74vw;margin-left:0;padding:84px 0 0 16px}.hero-copy h1{font-size:clamp(56px,16vw,82px)}.hero-copy h1 span{font-size:clamp(30px,8.2vw,42px)}.desktop-copy{display:none}.mobile-copy{display:inline}.hero-copy p{width:275px;font-size:20px;line-height:1.35}.listen-button{display:block;width:282px;min-width:0;min-height:64px;margin-top:8px}.player-deck{position:relative;left:auto;top:auto;grid-template-columns:122px minmax(0,1fr);gap:14px;width:100%;height:auto;min-height:0;padding:16px;border-radius:14px}.cover-tile{width:122px;height:122px}.deck-controls{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center}.deck-controls .transport-button,.deck-controls>button{width:100%}.deck-controls>button:not(.transport-button){display:none}.station-frame .volume-control{display:none}.volume-control input{width:100%;min-width:0}.station-frame .listener-count{grid-column:1 / -1;justify-self:start;width:auto;text-align:left;font-size:16px}.station-panels{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:14px;margin-top:14px}.station-panel{min-height:220px}}@media(max-width:480px){html,body,#app,.listener-shell,.station-frame{max-width:100vw;overflow-x:hidden}.listener-shell{width:calc(100vw - 40px);padding:16px 0 28px;margin:0 auto}.brand-mark{display:none}.station-header .brand{font-size:27px}.status{min-height:38px;padding:0 12px;font-size:15px}.player-deck{grid-template-columns:118px minmax(0,1fr);gap:12px;padding:16px}.cover-tile{width:118px;height:118px}.track-area{min-width:0}.track-area h2{font-size:24px}.waveform{grid-template-columns:repeat(34,1fr)}.waveform i:nth-child(n+35){display:none}.station-frame .volume-control{display:none}.station-frame .listener-count{grid-column:1 / -1;font-size:16px}}@media(max-width:720px){.listener-shell{position:relative;width:100vw;padding:0 13px 28px;overflow:hidden}.listener-shell:before,.listener-shell:after{content:"";position:absolute;inset:0 0 auto;pointer-events:none}.listener-shell:before{height:244px;background:url(/brand/opz-seline-hero.png) center top / 100% auto no-repeat}.listener-shell:after{height:252px;background:linear-gradient(90deg,#050310b3,#05031059 48%,#05031005),linear-gradient(180deg,#0503100a,#05031033 64%,#050313)}.station-header{position:absolute;z-index:5;top:18px;left:13px;right:13px;min-height:48px;margin-bottom:0;padding:0}.brand-lockup{gap:8px}.brand-mark{display:grid;width:31px;height:31px;flex:0 0 31px}.brand-mark:before{width:31px;height:31px;border:0;clip-path:none;background:url(/brand/opz-fox-mark.svg) center / contain no-repeat}.brand-mark span,.brand-mark:after{display:none}.station-header .brand{font-size:clamp(20px,6.7vw,28px);line-height:1}.station-header .header-actions{position:absolute!important;top:6px!important;right:0!important;width:150px!important;gap:10px;margin-left:0!important;justify-content:flex-end}.header-actions .header-icon{display:none}.header-actions:before,.header-actions:after{content:"";position:absolute;color:#f7efff}.header-actions:before{top:4px;right:36px;width:25px;height:30px;background:linear-gradient(currentColor,currentColor) 2px 8px / 3px 17px no-repeat,linear-gradient(currentColor,currentColor) 11px 2px / 3px 28px no-repeat,linear-gradient(currentColor,currentColor) 20px 10px / 3px 15px no-repeat}.header-actions:after{top:8px;right:0;width:27px;height:21px;background:linear-gradient(currentColor,currentColor) 0 0 / 27px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 9px / 27px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 18px / 27px 3px no-repeat}.station-header .status{position:absolute!important;top:0!important;left:0!important;min-height:36px;padding:0 13px;border-radius:18px;font-size:0}.status:after{content:"LIVE";font-size:14px}.status[data-mode=empty]:after,.status[data-mode=loading]:after{content:"OFF"}.status[data-mode=studio_offline]:after,.status[data-mode=fallback]:after{content:"OFF"}.header-icon{display:flex;width:28px;height:36px;flex:0 0 28px}.bars-icon{gap:3px}.bars-icon:before{height:18px}.bars-icon span{height:28px}.bars-icon:after{height:15px}.menu-icon:before,.menu-icon:after,.menu-icon span{left:2px;right:2px;height:3px}.menu-icon:before{top:8px}.menu-icon span{top:17px}.menu-icon:after{top:26px}.station-frame{position:relative;z-index:2;overflow:visible}.station-frame:before{display:none}.hero-grid{min-height:238px}.hero-copy{gap:4px;width:232px;max-width:64vw;padding:56px 0 0 15px}.live-now{font-size:12px}.hero-copy h1{gap:2px;font-size:clamp(32px,9.7vw,39px);line-height:.9}.hero-copy h1 span{font-size:clamp(18px,4.8vw,21px)}.hero-copy p{width:224px;max-width:62vw;font-size:12.5px;line-height:1.22}.listen-button{width:218px;max-width:60vw;min-height:42px;margin-top:5px;border-radius:10px;font-size:15px}.listen-button:disabled{border-color:#ff67ddb8;background:linear-gradient(90deg,#d83fdd,#506dff);color:#f8f3ff;opacity:.74}.player-deck{position:relative;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:13px;border-radius:14px}.cover-tile{width:104px;height:104px;font-size:38px}.track-area h2{padding-right:74px;font-size:clamp(18px,5.2vw,22px)}.track-state{font-size:12px}.track-area p{font-size:13px}.waveform{grid-template-columns:repeat(38,1fr)}.waveform i:nth-child(n+39){display:none}.deck-controls{grid-column:1 / -1;grid-template-columns:104px minmax(0,1fr);gap:12px}.deck-controls .transport-button{grid-column:1;min-width:0;height:40px;border-radius:7px}.player-deck>.mobile-listener-count{position:absolute!important;z-index:8;top:23px!important;right:auto!important;left:calc(100vw - 96px)!important;display:block!important;grid-column:auto;width:64px;color:#efe7ff;font-size:14px;font-weight:800;line-height:1.15;text-align:right!important;white-space:normal}.player-deck .mobile-listener-count span{display:block;margin-bottom:3px;color:#b7a9cf;font-size:8px;font-weight:700;text-transform:uppercase}.deck-controls .listener-count{display:none!important}.station-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.chat-panel{grid-column:1 / -1}.station-panel{height:auto;min-height:0;padding:14px;border-radius:14px}.panel-heading h2{font-size:14px}.broadcast-row,.recent-panel .broadcast-row,.lineup-panel .broadcast-row{grid-template-columns:42px minmax(0,1fr);min-height:58px}.broadcast-row time{grid-column:1;grid-row:1 / span 2;align-self:center;font-size:13px}.recent-panel .broadcast-row time{grid-column:2;grid-row:auto}.broadcast-row em{display:none}}@media(max-width:430px){.station-header .brand{font-size:20px}.header-actions{width:142px;gap:7px}.status{padding:0 11px}.menu-icon{display:flex}}@media(max-width:380px){.brand-mark{width:28px;height:28px;flex-basis:28px}.brand-mark:before{width:28px;height:28px}.station-header .brand{font-size:19px}.status{padding:0 10px}.header-actions{gap:6px}}@media(max-width:720px){.admin-shell{width:100%;max-width:100vw;padding:12px 12px calc(28px + env(safe-area-inset-bottom));overflow-x:hidden}.login-panel{width:100%;margin:18vh auto 0;padding:16px}.login-panel .brand{margin-bottom:14px;font-size:20px}.admin-topbar{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;margin:-12px -12px 0;padding:12px;background:#0e0e12fa;backdrop-filter:blur(8px)}.admin-topbar>div{min-width:0}.admin-topbar .brand{font-size:18px}.admin-topbar .host{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-topbar button{flex:0 0 auto;min-height:38px;padding:0 12px}.admin-tabs{position:sticky;z-index:29;top:63px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 -12px;padding:10px 12px;overflow:visible;border-bottom:1px solid #2a2a2d;background:#0e0e12fa}.admin-tabs button{min-width:0;min-height:40px;padding:0 8px;border:1px solid #2a2a2d;border-radius:8px;font-size:13px;white-space:nowrap;background:#15151a}.admin-tabs button.active{border-color:#10e6c0b8;background:#101e1c;color:#f5fffc}.admin-grid,.stats-layout{grid-template-columns:1fr;gap:12px;margin-top:12px}.panel,.login-panel{min-width:0;margin-top:12px;overflow:hidden}.wide-panel,.events-panel,.stats-wide{grid-column:auto}.section-bar{flex-direction:row;align-items:center;gap:10px;padding:12px}.section-bar h2{min-width:0;font-size:15px}.section-bar>div{max-width:58%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.form-panel{gap:12px;padding-bottom:12px}.form-panel>label,.form-panel>.check-row,.form-panel>.avatar-preview,.form-panel>.voice-settings-table,.form-panel>button,.form-panel>.button-row{margin-right:12px;margin-left:12px}label span{font-size:13px}input,select,textarea{min-height:44px;font-size:16px}input[type=file]{padding:8px}textarea{min-height:104px}.button-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.button-row button,.form-panel>button{width:auto;min-height:44px}.avatar-preview img{max-height:220px;object-fit:contain}.hero-preview img{max-height:180px}.admin-table{width:100%}.voice-settings-table{width:calc(100% - 24px)}.key-value-table,.key-value-table tbody,.key-value-table tr,.events-table,.events-table tbody,.events-table tr{display:block}.key-value-table tr,.events-table tr{display:grid;grid-template-columns:minmax(108px,38%) minmax(0,1fr);border-bottom:1px solid #2a2a2d}.key-value-table tbody tr:last-child,.events-table tbody tr:last-child{border-bottom:0}.key-value-table th,.key-value-table td,.events-table th,.events-table td{display:block;width:auto;padding:10px 12px;border-bottom:0;overflow-wrap:anywhere}.library-table,.library-table thead,.library-table tbody,.library-table tr,.schedule-table,.schedule-table thead,.schedule-table tbody,.schedule-table tr,.queue-table,.queue-table thead,.queue-table tbody,.queue-table tr,.analytics-table,.analytics-table thead,.analytics-table tbody,.analytics-table tr{display:block}.library-table thead,.schedule-table thead,.queue-table thead,.analytics-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.library-table tbody,.schedule-table tbody,.queue-table tbody,.analytics-table tbody{display:grid;gap:10px;padding:12px}.library-table tr,.schedule-table tr,.queue-table tr,.analytics-table tr{border:1px solid #2a2a2d;border-radius:8px;background:#141418}.library-table td,.schedule-table td,.queue-table td,.analytics-table td{display:grid;grid-template-columns:minmax(82px,32%) minmax(0,1fr);gap:10px;align-items:center;width:auto;padding:9px 10px;border-bottom:1px solid #25252a;overflow-wrap:anywhere;white-space:normal}.paths-table td:first-child,.sessions-table td{grid-template-columns:1fr;gap:4px;align-items:start}.library-table td:last-child,.schedule-table td:last-child,.queue-table td:last-child,.analytics-table td:last-child{border-bottom:0}.library-table td:before,.schedule-table td:before,.queue-table td:before,.analytics-table td:before{content:attr(data-label);min-width:0;color:#9d99a8;font-size:12px;line-height:1.25}td button,td select{min-height:38px}.notice{margin-top:12px}}@media(max-width:430px){.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tabs button{font-size:12px}.section-bar>div{max-width:50%}}@media(max-width:540px){.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-tabs button{font-size:12px}}