:root{--theme-accent:#16d5df;--cyan:var(--theme-accent);--cyan-soft:rgba(22,213,223,.12);--theme-rgb:22,213,223;--bg:#020506;--bg2:#05090b;--panel:#070c0e;--panel2:#091115;--line:#17262b;--line2:#233a40;--text:#f2f5f5;--muted:#89979b;--muted2:#65757a;--live:#ff4d5f;--danger:#ff6b77;--radius:8px;--radius-lg:14px;--shadow:0 20px 70px rgba(0,0,0,.28);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(var(--theme-rgb),.045),transparent 28%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;padding-bottom:76px}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.shell{width:min(1500px,calc(100% - 52px));margin-inline:auto}.main{padding:18px 0 40px;min-height:calc(100vh - 68px)}
/* Header */
.top{height:68px;position:sticky;top:0;z-index:80;background:rgba(2,5,6,.93);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topin{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;min-width:158px}.brand>strong{font-size:40px;letter-spacing:-.075em;line-height:.8}.brand>span{display:grid;margin-left:7px;line-height:1.05}.brand b{color:var(--cyan);font-size:13px}.brand small{font-size:8px;letter-spacing:.08em;color:#8e9a9d;margin-top:3px}.top nav{display:flex;align-items:center;gap:30px;height:100%;margin-left:58px}.top nav>a,.nav-discover>button{height:100%;display:flex;align-items:center;position:relative;border:0;background:none;color:#9aa6aa;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer;padding:0}.top nav>a:hover,.nav-discover>button:hover,.top nav>a.on,.nav-discover>button.on{color:#fff}.top nav>a.on:after,.nav-discover>button.on:after{content:"";position:absolute;left:0;right:0;bottom:11px;height:2px;background:var(--cyan)}.nav-discover{height:100%;position:relative;display:flex;align-items:center}.nav-discover>button span{margin-left:6px;color:var(--muted2)}.discover-menu{position:absolute;top:59px;left:-22px;width:280px;padding:8px;background:#081013;border:1px solid var(--line2);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s var(--ease)}.nav-discover:hover .discover-menu,.nav-discover:focus-within .discover-menu{opacity:1;visibility:visible;transform:none}.discover-menu a{display:block;padding:11px 12px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.05em}.discover-menu a:hover{background:rgba(var(--theme-rgb),.07);color:var(--cyan)}.discover-menu small{display:block;margin-top:2px;font-size:10px;font-weight:500;letter-spacing:0;color:#718186}.tools{margin-left:auto;display:flex;align-items:center;gap:18px}.tools a,.tools button{border:0;background:none;color:#a4afb2;font-size:10px;font-weight:800;letter-spacing:.06em;padding:7px 0;cursor:pointer}.tools a:hover,.tools button:hover,.tools .on{color:var(--cyan)}.tool-search{font-size:20px!important;font-weight:400!important}.my320-link{padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--cyan) 28%,#26383c)!important;border-radius:999px!important}.mobile-nav-toggle{display:none;margin-left:auto;width:38px;height:38px;border:1px solid var(--line2);border-radius:8px;background:#071014}.mobile-nav-toggle span{display:block;width:17px;height:1px;background:#fff;margin:5px auto}
/* Shared */
.panel{background:linear-gradient(145deg,var(--panel),#040809);border:1px solid var(--line);border-radius:var(--radius)}.section,.broadcast-section{margin-top:34px}.eyebrow,.kicker{display:block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.section-head,.stitle,.ptitle{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-head{margin-bottom:13px}.section-head h2,.stitle h2,.ptitle h3{margin:0;letter-spacing:.055em}.section-head h2{font-size:22px}.section-head a,.stitle a,.ptitle span{font-size:10px;font-weight:800;letter-spacing:.07em;color:var(--cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #244149;border-radius:6px;padding:9px 14px;background:#071014;color:#dfe6e7;font-size:11px;font-weight:900;letter-spacing:.045em;cursor:pointer;transition:.18s var(--ease)}.btn:hover{border-color:color-mix(in srgb,var(--cyan) 52%,#60767b);color:#fff;transform:translateY(-1px)}.btn.primary{border-color:color-mix(in srgb,var(--cyan) 78%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--cyan) 86%,white),color-mix(in srgb,var(--cyan) 76%,black));color:#001316;box-shadow:0 7px 24px rgba(var(--theme-rgb),.12)}.btn.primary:hover{box-shadow:0 9px 30px rgba(var(--theme-rgb),.2)}.cover{background:radial-gradient(circle at 58% 35%,rgba(var(--theme-rgb),.25),transparent 29%),linear-gradient(140deg,#122328,#05090b);background-size:cover;background-position:center}
/* Live stage */
.live-stage{min-height:410px;display:grid;grid-template-columns:minmax(250px,.74fr) minmax(360px,1.12fr) minmax(330px,.86fr);border:1px solid #183038;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#061014,#030708 52%,#05090b);box-shadow:var(--shadow)}.live-stage-art{position:relative;min-height:410px;background-size:cover;background-position:center;background-color:#071014;overflow:hidden}.live-stage-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,rgba(var(--theme-rgb),.3),transparent 34%),linear-gradient(145deg,#0f262d,#030708);z-index:0}.live-stage-art[style]:before{opacity:.17}.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(3,7,8,.92));z-index:1}.art-station{position:absolute;left:24px;bottom:22px;z-index:2;font-size:42px;font-weight:950;line-height:.76;letter-spacing:-.07em;color:rgba(255,255,255,.22)}.live-stage-copy{padding:38px 34px 25px;display:flex;flex-direction:column;min-width:0}.live-state{display:flex;align-items:center;gap:8px}.live-state>i,.timeline-item.is-live>b i{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(255,77,95,.08);animation:livePulse 2.3s ease-in-out infinite}.live-state>span{color:#fff;font-size:10px;font-weight:950;letter-spacing:.14em}.live-state>small{margin-left:8px;color:#607176;font-size:9px;letter-spacing:.09em}.live-stage-copy h1{font-size:clamp(34px,4vw,64px);line-height:.91;letter-spacing:-.035em;margin:28px 0 8px;max-width:740px}.live-stage-copy h2{margin:0;color:var(--cyan);font-size:20px;font-weight:750}.live-stage-copy p{margin:8px 0 0;color:#9ba7aa;font-size:12px}.live-stage-actions{display:flex;align-items:center;gap:16px;margin-top:27px}.live-cta{min-width:155px}.play-symbol{font-size:10px}.quality-note{font-size:10px;font-weight:900;letter-spacing:.07em;color:#b6c0c2}.quality-note small{color:#68787c;font-weight:600}.stage-progress{height:2px;background:#183238;margin-top:auto;position:relative;overflow:hidden}.stage-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),color-mix(in srgb,var(--cyan) 62%,white));box-shadow:0 0 12px rgba(var(--theme-rgb),.5);transition:width 1s linear}.stage-meta{display:flex;justify-content:space-between;color:#66767a;font-size:9px;margin-top:7px;font-variant-numeric:tabular-nums}.stage-meta span:nth-child(2){color:#aab5b8;font-weight:800;letter-spacing:.08em}.live-next{padding:24px;border-left:1px solid #172b31;background:rgba(7,13,15,.72)}.live-next>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #17272c}.live-next>header span{font-size:11px;font-weight:950;letter-spacing:.14em}.live-next>header a{font-size:9px;color:var(--cyan);font-weight:800}.next-stack{display:grid}.broadcast-next{display:grid;grid-template-columns:26px 56px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #122126;transition:.18s var(--ease)}.broadcast-next:hover{padding-left:5px}.next-index{font-size:9px;color:#56676b;font-weight:900}.next-art{width:56px;height:56px;border-radius:7px;background:linear-gradient(145deg,#12282e,#05090b);background-size:cover;background-position:center}.broadcast-next time{display:block;color:var(--cyan);font-size:9px;font-weight:900}.broadcast-next strong{display:block;margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-next small{display:block;color:#7c8a8e;font-size:10px}.broadcast-next em{display:block;margin-top:4px;color:#5d6c70;font-size:9px;font-style:normal}.broadcast-next .arrow{transition:.18s var(--ease);color:#77898e}.broadcast-next:hover .arrow{transform:translateX(4px);color:var(--cyan)}.next-empty{padding:28px 0;color:#748286;font-size:11px}
/* Today timeline */
.today-section{overflow:hidden}.timeline{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:12px}.timeline-track{height:2px;background:#14262b;position:relative}.timeline-track i{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px rgba(255,77,95,.1);display:none}.timeline-scroll{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1d3940 transparent}.timeline-item{flex:1 0 190px;min-height:102px;display:grid;grid-template-columns:48px 1fr;gap:10px;align-content:start;padding:15px 17px;border-right:1px solid #122126;position:relative;transition:.18s var(--ease)}.timeline-item:hover{background:rgba(var(--theme-rgb),.035)}.timeline-item time{color:#7a898d;font-size:11px;font-variant-numeric:tabular-nums}.timeline-item strong{font-size:12px}.timeline-item span{display:block;color:#78878b;font-size:10px;margin-top:2px}.timeline-item>b{grid-column:2;color:var(--live);font-size:9px;letter-spacing:.08em;display:flex;align-items:center;gap:6px;margin-top:8px}.timeline-empty{padding:25px;color:#738186}
/* Recent tracks */
.track-table{border-top:1px solid var(--line)}.track-head,.track-row{display:grid;grid-template-columns:72px minmax(160px,.7fr) minmax(240px,1.3fr) 80px;align-items:center;gap:18px}.track-head{height:34px;color:#58696e;font-size:9px;font-weight:800;letter-spacing:.09em;border-bottom:1px solid #102025}.track-row{min-height:48px;border-bottom:1px solid #102025;transition:.16s var(--ease)}.track-row:hover{background:linear-gradient(90deg,rgba(var(--theme-rgb),.035),transparent)}.track-row time{color:#718186;font-size:10px}.track-row strong{font-size:11px}.track-row>span{color:#a4afb1;font-size:11px}.track-actions{opacity:0;display:flex;justify-content:flex-end;gap:7px;transition:.16s}.track-row:hover .track-actions{opacity:1}.track-actions button,.track-actions a{display:grid;place-items:center;width:27px;height:27px;border:1px solid #1d343a;border-radius:6px;background:#071014;color:#9cabaf;cursor:pointer}.track-actions button:hover,.track-actions a:hover{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 48%,#49646a)}.track-empty{padding:20px;color:#6f7f83;font-size:11px}
/* Featured */
.featured-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:10px;min-height:430px}.featured-lead{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#071014}.featured-art{position:absolute;inset:0;background:radial-gradient(circle at 65% 40%,rgba(var(--theme-rgb),.25),transparent 30%),linear-gradient(135deg,#11272d,#030708);background-size:cover;background-position:center;transition:transform .45s var(--ease)}.featured-lead:hover .featured-art{transform:scale(1.02)}.featured-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background:linear-gradient(0deg,rgba(1,4,5,.95) 0,rgba(1,4,5,.4) 58%,transparent 100%)}.featured-overlay>span,.featured-stack span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.11em}.featured-overlay h3{font-size:35px;line-height:1;margin:8px 0 5px}.featured-overlay p{margin:0;color:#9eaaad;font-size:11px}.featured-overlay>div{display:flex;gap:12px;align-items:baseline;margin-top:18px}.featured-overlay small{color:#718186;font-size:9px}.featured-overlay b{font-size:10px}.featured-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}.featured-stack>a{display:grid;grid-template-columns:112px 1fr 20px;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:9px;background:#060b0d;transition:.18s var(--ease)}.featured-stack>a:hover{border-color:#28505a;transform:translateX(2px)}.featured-thumb{width:112px;height:100%;min-height:105px;border-radius:6px;background:linear-gradient(145deg,#12272c,#030708);background-size:cover;background-position:center}.featured-stack h3{font-size:15px;margin:4px 0 1px}.featured-stack p{font-size:10px;color:#7c8a8e;margin:0}.featured-stack small{display:block;margin-top:10px;color:#66777b;font-size:9px}.featured-stack>a>b{color:#66797e;transition:.18s}.featured-stack>a:hover>b{color:var(--cyan);transform:translateX(3px)}
/* My320 */
.my320-preview{margin-top:34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;padding:26px 30px;border-top:1px solid #183036;border-bottom:1px solid #183036;background:linear-gradient(90deg,rgba(var(--theme-rgb),.035),transparent 56%)}.my320-preview h2{font-size:26px;margin:6px 0 5px}.my320-preview p{max-width:520px;color:#8f9da1;margin:0 0 17px}.my320-preview>div:first-child>a{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.07em}.my320-list{display:grid}.my320-list>a{display:grid;grid-template-columns:26px 1fr 18px;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #14262b}.my320-list>a>span{font-size:18px;color:#65767a}.my320-list strong{font-size:11px}.my320-list small{display:block;color:#738388;font-size:9px}.my320-list b{transition:.18s;color:#697a7e}.my320-list a:hover b{transform:translateX(3px);color:var(--cyan)}.my320-empty{padding:18px 0;color:#718186;font-size:11px}
/* Sound */
.sound-lines{border-top:1px solid var(--line)}.sound-line{min-height:104px;display:grid;grid-template-columns:48px minmax(200px,.75fr) minmax(260px,1fr) 30px;align-items:center;gap:20px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:.22s var(--ease)}.sound-line:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(var(--theme-rgb),.09),transparent 28%);opacity:0;transition:.25s}.sound-line:hover:before{opacity:1}.sound-line>span{font-size:9px;color:#596a6f;z-index:1}.sound-line>strong{font-size:clamp(24px,3vw,42px);letter-spacing:-.025em;z-index:1}.sound-line>p{margin:0;color:#7f8f93;font-size:11px;z-index:1}.sound-line>b{font-size:18px;color:#697b7f;z-index:1;transition:.2s}.sound-line:hover>b{transform:translateX(4px);color:var(--cyan)}
/* Existing content pages */
.gridmain,.contentgrid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(320px,.82fr);gap:14px}.pagehead{padding:24px}.pagehead h1{font-size:32px;letter-spacing:-.02em;margin:0 0 15px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.filter{display:inline-flex;align-items:center;min-height:34px;border:1px solid #1c343a;border-radius:999px;padding:7px 11px;color:#9aa7aa;font-size:10px;font-weight:700}.filter.on{border-color:#2e7881;color:var(--cyan);background:rgba(var(--theme-rgb),.06)}.side{padding:16px}.ptitle{padding-bottom:10px;border-bottom:1px solid #14262b}.ptitle h3{font-size:12px}.nextrow{display:grid;grid-template-columns:54px 1fr 15px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #122126}.cover.sm{width:42px;height:42px;border-radius:7px}.cover.md{width:54px;height:54px;border-radius:7px}.nextrow time{font-size:9px;color:var(--cyan)}.nextrow strong{display:block;font-size:11px}.nextrow small{display:block;font-size:10px;color:#77878b}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#060b0d;transition:.2s var(--ease)}.card:hover{border-color:#28505a;transform:translateY(-2px)}.card .cover{height:190px;transition:transform .3s var(--ease)}.card:hover .cover{transform:scale(1.015)}.cardbody{padding:12px}.card h3{font-size:14px;margin:0}.card p{font-size:11px;color:#829095}.cardfoot{border-top:1px solid #122126;margin-top:9px;padding-top:8px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#6f8084}.genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.genre{min-height:120px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;text-align:center;padding:18px;background:radial-gradient(circle at 50% 50%,rgba(var(--theme-rgb),.09),transparent 45%),#060b0d}.genre strong{font-size:17px}.genre span{display:block;font-size:10px;color:#7c8c90;margin-top:5px}.list{display:grid;gap:7px}.listrow{display:grid;grid-template-columns:86px 118px 1fr 115px 20px;gap:11px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:7px}.listrow.live{border-color:var(--cyan)}.listrow .cover{width:118px;height:90px}.listrow time{font-size:14px}.listrow strong{font-size:12px}.listrow small{display:block;font-size:10px;color:#7f8e92}.directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#060b0d;transition:.2s}.profile:hover{border-color:#28505a;transform:translateY(-2px)}.profile .cover{height:300px}.profilebody{padding:12px}.profile h3{font-size:16px;margin:0}.profile p{font-size:11px;color:#829095}.detail{display:grid;grid-template-columns:350px minmax(0,1fr);min-height:350px;overflow:hidden}.detail>.cover{height:100%}.detailcopy{padding:32px}.detailcopy h1{font-size:36px;line-height:1.02;margin:8px 0}.detailcopy h3{margin:0}.detailcopy p{font-size:13px;color:#9ba7aa;line-height:1.7}.socials{display:flex;gap:7px;flex-wrap:wrap}.socials a{border:1px solid #1d353a;border-radius:6px;padding:7px 10px;font-size:10px}.empty{padding:38px;text-align:center;color:#829095}.fm-pagecopy{padding:28px;max-width:980px;margin:0 auto}.fm-pagecopy h1{font-size:32px}.fm-richtext{font-size:14px;line-height:1.75;color:#a9b5b8}.fm-form,.acform{display:grid;gap:12px;max-width:720px}.fm-form label,.acform label{display:grid;gap:6px;font-size:11px;color:#aab5b8}.fm-form input,.fm-form textarea,.acform input,.acform textarea,.acform select{width:100%;background:#050a0c;border:1px solid #20373d;border-radius:6px;color:#fff;padding:10px 11px;font-size:13px}.fm-success{border:1px solid #2a6558;background:#071612;padding:12px;border-radius:6px;color:#bcebdc}
/* Broadcast dock */
.player.player-compact{position:fixed;left:12px;right:12px;bottom:10px;height:58px;z-index:110;display:grid;grid-template-columns:minmax(210px,260px) minmax(180px,1fr) 88px auto 34px 52px;gap:12px;align-items:center;padding:7px 12px;border:1px solid rgba(51,81,88,.68);border-radius:12px;background:rgba(3,8,10,.96);box-shadow:0 15px 44px rgba(0,0,0,.42);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.pinfo{display:grid;grid-template-columns:42px minmax(0,1fr);gap:9px;align-items:center}.player-cover{width:42px!important;height:42px!important;border-radius:7px!important;overflow:hidden}.player-cover img,.popup-artwork img{width:100%;height:100%;display:block;object-fit:cover}.pmeta{min-width:0}.pinfo strong,.pinfo span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinfo strong{font-size:11px}.pinfo span{font-size:9px;color:#7f8f93}.player-track{min-width:0;display:grid;align-items:center;position:relative}.player-wave{height:20px;opacity:.35;background:repeating-linear-gradient(90deg,var(--cyan) 0 1px,transparent 1px 5px);mask:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}.player.is-playing .player-wave{opacity:.7;animation:waveShift 1.6s linear infinite}.player-progress-line{height:2px;background:#173238;border-radius:999px;overflow:hidden;margin-top:-4px}.player-progress-line i{display:block;height:100%;width:0;background:var(--cyan);transition:width 1s linear}.pctrl{display:flex;align-items:center;justify-content:flex-end;gap:6px}.pctrl button{cursor:pointer}.play{width:39px;height:39px;border-radius:50%;background:linear-gradient(#35e7ee,#0a9eb1)!important;border:1px solid #6bf5ff!important;color:#001416;font-size:13px}.mute{width:32px;height:32px;border:1px solid #1d363c;border-radius:50%;background:#071014;color:#dae3e5}.player-quality{display:flex;align-items:center;gap:3px;white-space:nowrap}.player-quality button,.popup-quality-inline button{border:1px solid rgba(255,255,255,.13);background:transparent;color:#77898e;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900;letter-spacing:.05em;cursor:pointer}.player-quality button.active,.player-quality button:hover,.popup-quality-inline button.active{border-color:var(--cyan);color:var(--cyan);background:rgba(var(--theme-rgb),.07)}.player-quality span{font-size:8px;color:#687a7f;min-width:32px}.player-pop{width:30px;height:30px;border:1px solid #1b363d;border-radius:7px;background:#071014;color:#d9e4e6;cursor:pointer}.player-live-state{height:27px;min-width:48px;padding:0 7px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,77,95,.35);border-radius:999px;color:var(--live);font-size:8px;font-weight:950;letter-spacing:.08em}.player-live-state[data-state="playing"]{background:rgba(255,77,95,.08)}.player-live-state[data-state="loading"]{color:#d8c873;border-color:#746b32}.player-live-state[data-state="error"]{color:#ff8f96;border-color:#713b40}
/* Player popup */
.soft-navigating main.main{opacity:.5;transition:opacity .14s}.player-popup[hidden]{display:none}.player-popup{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:22px}.player-popup-backdrop{position:absolute;inset:0;border:0;background:rgba(0,3,5,.76);backdrop-filter:blur(12px)}.player-popup-card{position:relative;width:min(760px,calc(100vw - 32px));border:1px solid #1d343a;border-radius:18px;background:linear-gradient(145deg,#081114,#020607 72%);box-shadow:0 26px 80px rgba(0,0,0,.58);overflow:hidden}.player-popup-card>header{height:58px;padding:0 18px;border-bottom:1px solid #17292e;display:flex;align-items:center;justify-content:space-between}.player-popup-card>header>div{display:flex;align-items:center;gap:10px}.player-popup-card>header b{font-size:20px}.player-popup-card>header b span{color:var(--cyan)}.player-popup-card>header small,.player-popup-card>header a{font-size:9px;color:#78898e;letter-spacing:.08em}.player-popup-card>header button{border:0;background:none;color:#fff;font-size:24px;cursor:pointer}.player-popup-body{display:grid;grid-template-columns:280px 1fr;gap:28px;padding:24px}.popup-artwork{aspect-ratio:1;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 55% 35%,rgba(var(--theme-rgb),.28),transparent 30%),linear-gradient(145deg,#11282e,#030809);color:#dffbfc;font-size:42px;font-weight:900;line-height:.78}.popup-copy{align-self:center;min-width:0}.popup-copy>small,.popup-now>small{font-size:9px;color:var(--live);font-weight:900;letter-spacing:.12em}.popup-copy h2{font-size:29px;line-height:1.05;margin:9px 0 4px}.popup-copy h3{font-size:16px;color:var(--cyan);margin:0}.popup-copy p{font-size:11px;color:#87989d}.popup-progress{margin:19px 0}.popup-progress-track{height:3px;background:#173238;border-radius:999px;overflow:hidden}.popup-progress-track i{display:block;width:0;height:100%;background:var(--cyan);transition:width 1s linear}.popup-progress>div:last-child{display:flex;justify-content:space-between;margin-top:7px;color:#75888d;font-size:9px}.popup-main-controls{display:flex;align-items:center;gap:14px}.popup-main-controls>[data-player-popup-toggle]{width:48px;height:48px;border-radius:50%;border:1px solid #6bf5ff;background:linear-gradient(#35e7ee,#0a9eb1);color:#001416;font-weight:900}.popup-quality-inline{display:flex;gap:5px}body.player-popup-open{overflow:hidden}.popup-player-page{min-height:100vh;padding:0;background:radial-gradient(circle at 50% 18%,#0c272d,#020607 43%,#010304 100%);display:grid;place-items:center}.popup-player-standalone{width:min(430px,calc(100vw - 28px));padding:22px;border:1px solid #1d353b;border-radius:20px;background:rgba(4,10,12,.96);box-shadow:0 28px 90px rgba(0,0,0,.55);text-align:center}.popup-brand{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:18px}.popup-brand strong{font-size:31px;letter-spacing:-.07em}.popup-brand span{color:var(--cyan);font-weight:900}.popup-brand small{font-size:8px;color:#71858a}.popup-player-standalone .popup-artwork{width:min(300px,76vw);margin:auto}.popup-now{margin-top:20px}.popup-now h1{font-size:26px;line-height:1.08;margin:7px 0 3px}.popup-now h2{font-size:15px;color:var(--cyan);margin:0}.popup-now p{font-size:10px;color:#819399}.popup-controls{display:flex;justify-content:center;gap:10px;margin-top:16px}.popup-controls button{width:44px;height:44px;border:1px solid #294047;border-radius:50%;background:#071014;color:#fff}.popup-controls [data-popup-toggle]{background:linear-gradient(#35e7ee,#0a9eb1);border-color:#6bf5ff;color:#001416}.popup-quality{display:flex;justify-content:center;gap:5px;margin-top:15px}.popup-quality button{border:1px solid #294047;background:transparent;color:#829499;border-radius:999px;padding:6px 10px;font-size:8px;font-weight:800}.popup-quality button.active{border-color:var(--cyan);color:var(--cyan)}.popup-status{margin-top:15px;font-size:9px;color:var(--live);font-weight:900;letter-spacing:.1em}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(.82)}}@keyframes waveShift{to{background-position:25px 0}}
/* Responsive */
@media(max-width:1220px){.top nav{gap:20px;margin-left:35px}.live-stage{grid-template-columns:250px minmax(330px,1fr) 320px}.cards,.directory{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.mobile-nav-toggle{display:block}.top nav{position:fixed;top:68px;left:0;right:0;height:auto;margin:0;padding:14px 26px 20px;display:none;grid-template-columns:repeat(3,1fr);gap:5px;background:#050a0c;border-bottom:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.38)}body.mobile-nav-open .top nav{display:grid}.top nav>a,.nav-discover>button{height:42px;padding:0 10px;border-radius:6px}.top nav>a.on:after,.nav-discover>button.on:after{display:none}.nav-discover{height:auto}.discover-menu{position:static;display:none;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:4px}.nav-discover:focus-within .discover-menu{display:block}.tools{margin-left:12px}.tool-search{display:none}.live-stage{grid-template-columns:270px 1fr}.live-next{grid-column:1/-1;border-left:0;border-top:1px solid #172b31}.next-stack{grid-template-columns:repeat(3,1fr);gap:12px}.broadcast-next{grid-template-columns:26px 46px minmax(0,1fr);border-bottom:0}.broadcast-next .arrow{display:none}.next-art{width:46px;height:46px}.featured-grid{grid-template-columns:1fr}.featured-lead{min-height:420px}.featured-stack{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.featured-stack>a{grid-template-columns:1fr}.featured-thumb{width:100%;height:120px}.contentgrid,.gridmain{grid-template-columns:1fr}.player.player-compact{grid-template-columns:minmax(190px,1fr) 84px auto 34px 50px}.player-track{display:none}}
@media(max-width:760px){body{padding-bottom:67px}.shell{width:calc(100% - 20px)}.main{padding-top:10px}.brand{min-width:132px}.brand>strong{font-size:36px}.brand small{display:none}.tools{gap:8px}.my320-link{display:none}.login-link{font-size:9px!important}.top nav{grid-template-columns:1fr 1fr;padding:12px 10px}.live-stage{display:flex;flex-direction:column;min-height:0}.live-stage-art{height:235px;min-height:235px}.art-shade{background:linear-gradient(0deg,rgba(3,7,8,.96),transparent 55%)}.live-stage-copy{padding:22px 20px 20px}.live-state>small{display:none}.live-stage-copy h1{font-size:38px;margin-top:20px}.live-stage-copy h2{font-size:17px}.live-stage-copy p{font-size:11px}.stage-progress{margin-top:26px}.live-next{padding:18px 20px}.next-stack{grid-template-columns:1fr}.broadcast-next{grid-template-columns:24px 52px 1fr 16px;border-bottom:1px solid #122126}.broadcast-next .arrow{display:block}.section,.broadcast-section,.my320-preview{margin-top:27px}.section-head h2{font-size:18px}.section-head a{font-size:9px}.timeline-item{flex-basis:175px}.track-head{display:none}.track-row{grid-template-columns:45px minmax(90px,.7fr) minmax(120px,1fr) 30px;gap:8px}.track-actions{opacity:1}.track-actions button{display:none}.featured-lead{min-height:350px}.featured-overlay{padding:22px}.featured-overlay h3{font-size:28px}.featured-stack{grid-template-columns:1fr}.featured-stack>a{grid-template-columns:90px 1fr 20px}.featured-thumb{width:90px;height:90px;min-height:90px}.my320-preview{grid-template-columns:1fr;padding:22px 4px;background:none}.sound-line{grid-template-columns:30px 1fr 25px;min-height:90px;gap:10px}.sound-line>p{grid-column:2;font-size:10px;margin-top:-22px;padding-top:25px}.sound-line>strong{font-size:26px}.cards,.directory,.genres{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail>.cover{height:270px}.profile .cover{height:220px}.listrow{grid-template-columns:60px 70px 1fr}.listrow .cover{width:70px;height:60px}.listrow>*:nth-child(n+4){display:none}.player.player-compact{left:8px;right:8px;bottom:7px;height:54px;grid-template-columns:minmax(0,1fr) 76px 30px 46px;padding:6px 8px;gap:6px}.player-cover{width:36px!important;height:36px!important}.pinfo{grid-template-columns:36px 1fr}.pinfo strong{font-size:10px}.pinfo span{font-size:8px}.player-quality{display:none}.play{width:35px;height:35px}.mute{width:29px;height:29px}.player-live-state{height:25px;min-width:44px;font-size:8px}.player-popup-body{grid-template-columns:1fr}.player-popup-body .popup-artwork{width:min(250px,70vw);margin:auto}.popup-copy{text-align:center}.popup-main-controls{justify-content:center}.player-popup-card>header a{display:none}}
@media(max-width:480px){.cards,.directory,.genres{grid-template-columns:1fr}.live-stage-art{height:210px;min-height:210px}.live-stage-copy h1{font-size:33px}.quality-note{display:none}.track-row{grid-template-columns:40px 1fr 28px}.track-row strong{display:none}.track-row>span{grid-column:2}.featured-stack>a{grid-template-columns:76px 1fr 16px}.featured-thumb{width:76px;height:76px;min-height:76px}.player-pop{display:block}.player-live-state{display:flex}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}

/* 4.11.1 Screenshot Fidelity — homepage reference 2026-08-19 */
:root{--shot-red:#ff3636;--shot-line:#20262a;--shot-fg:#f5f5f3;--shot-dim:#9b9fa1}
body{padding-bottom:94px;background:#05090b;color:var(--shot-fg)}
.shell{width:min(1320px,calc(100% - 48px))}.main{padding-top:30px;padding-bottom:18px}
.top{height:55px;background:rgba(4,8,10,.98);border-bottom:1px solid #1b2124;backdrop-filter:none}.topin{height:55px}.brand{min-width:118px}.brand>strong{font-size:36px;line-height:.78;color:#f7f7f4}.brand>span{margin-left:4px;align-self:flex-start;margin-top:9px}.brand b{font-size:10px;color:#f7f7f4;letter-spacing:.03em}.top nav{margin-left:24px;gap:30px}.top nav>a,.nav-discover>button{font-size:10px;color:#efefec;letter-spacing:.02em;font-weight:700}.top nav>a.on:after,.nav-discover>button.on:after{display:none}.top nav>a:first-child:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--shot-red);margin-right:6px}.tools{gap:16px}.tool-search{font-size:21px!important;color:#fff!important}.my320-link{border:1px solid #3b4144!important;border-radius:3px!important;padding:8px 15px!important;color:#fff!important}.login-link{width:30px;height:30px;border:1px solid #5b6062!important;border-radius:50%!important;font-size:0!important;display:grid!important;place-items:center}.login-link:before{content:"●";font-size:11px;color:#fff}.login-link:after{content:"";width:9px;height:4px;border:1px solid #fff;border-top:0;border-radius:0 0 8px 8px;position:absolute;margin-top:10px}
.home-shot{border-bottom:1px solid var(--shot-line)}.home-shot h2{margin:0;font-size:14px;letter-spacing:.02em;font-weight:700}
.shot-live{display:grid;grid-template-columns:230px 1fr 315px;min-height:308px;padding:2px 0 20px;border-bottom:1px solid var(--shot-line)}.shot-art{width:230px;height:255px;background:#111;background-size:cover;background-position:center;position:relative;overflow:hidden}.shot-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(255,55,55,.24),transparent 42%),linear-gradient(145deg,#151b1e,#050809)}.shot-art[style]:before{opacity:.12}.shot-art-fallback{position:absolute;left:17px;bottom:15px;font-size:46px;font-weight:900;letter-spacing:-.07em;opacity:.2}.shot-art-fallback small{font-size:11px;vertical-align:top;letter-spacing:0}.shot-live-copy{padding:6px 34px 0 25px;min-width:0}.shot-live-label{color:var(--shot-red);font-weight:800;font-size:12px;display:flex;gap:8px;align-items:center}.shot-live-label i{width:8px;height:8px;background:var(--shot-red);border-radius:50%;animation:livePulse 2s ease-in-out infinite}.shot-live-copy h1{font-size:38px;line-height:.98;margin:23px 0 8px;letter-spacing:-.025em;text-transform:uppercase;max-width:400px}.shot-live-copy h2{font-size:25px;font-weight:400;color:#a0a0a0;text-transform:uppercase}.shot-live-copy p{font-size:12px;margin:17px 0 0;color:#b5b7b8;text-transform:uppercase}.shot-live-actions{display:flex;gap:10px;margin-top:31px}.shot-listen,.shot-hq{height:43px;border:1px solid #4b5053;border-radius:3px;display:flex;align-items:center;justify-content:center}.shot-listen{min-width:167px;gap:10px;font-size:12px;font-weight:700;background:linear-gradient(180deg,#101619,#080c0e)}.shot-hq{min-width:91px;font-size:12px;gap:12px}.shot-hq b{color:var(--shot-red)}.shot-progress{height:2px;background:#4b5053;margin-top:29px;position:relative}.shot-progress span{position:absolute;left:0;top:0;height:2px;background:var(--shot-red)}.shot-progress i{position:absolute;top:-4px;width:9px;height:9px;border-radius:50%;background:var(--shot-red);transform:translateX(-50%)}.shot-progress-time{display:flex;justify-content:space-between;font-size:9px;color:#a7abad;margin-top:8px}.shot-next{border-left:1px solid var(--shot-line);padding:3px 0 0 32px}.shot-next h3{margin:0 0 10px;font-size:11px}.shot-next>a:not(.shot-program){display:grid;grid-template-columns:58px 1fr;gap:15px;margin:10px 0;align-items:center}.shot-next-art{width:58px;height:58px;background:#101719 center/cover no-repeat}.shot-next-copy time{display:block;color:#aaa;font-size:10px}.shot-next-copy strong{display:block;font-size:13px;margin:2px 0}.shot-next-copy small{display:block;font-size:9px;color:#aaa}.shot-program,.shot-outline{display:inline-flex;border:1px solid #444b4e;border-radius:3px;padding:8px 16px;font-size:10px;letter-spacing:.02em;margin-top:7px}
.shot-today{padding:20px 0 18px;border-bottom:1px solid var(--shot-line);overflow:hidden}.shot-today h2{margin-bottom:14px}.shot-time-scale{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 58px;color:#a8aaab;font-size:10px;text-align:center}.shot-timeline-line{margin:8px 58px 0;height:1px;background:#4c4f51;position:relative}.shot-timeline-line:before{content:"";position:absolute;left:0;top:0;width:var(--timeline-progress,0%);height:1px;background:var(--shot-red);transition:width 1s linear}.shot-timeline-line i{position:absolute;top:-5px;width:10px;height:10px;background:var(--shot-red);border-radius:50%;display:none}.shot-timeline-scroll{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin-top:3px}.shot-arrow{width:35px;height:35px;border:1px solid #444b4e;border-radius:50%;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer}.shot-timeline-items{display:flex;min-width:0}.shot-timeline-item{flex:1 0 160px;min-height:78px;padding:18px 13px 5px;border-left:1px solid #1b2023;position:relative}.shot-timeline-item strong{display:block;font-size:11px}.shot-timeline-item small,.shot-timeline-item time{display:block;color:#a5a6a7;font-size:9px;margin-top:2px}.shot-timeline-item.is-live{border-left-color:var(--shot-red)}.shot-timeline-item.is-live strong,.shot-timeline-item.is-live b{color:var(--shot-red)}.shot-timeline-item b{display:block;margin-top:8px;font-size:9px;letter-spacing:.04em}
.shot-editorial{display:grid;grid-template-columns:280px 1fr;gap:38px;padding:17px 0 13px;border-bottom:1px solid var(--shot-line)}.shot-history{padding-right:34px;border-right:1px solid var(--shot-line)}.shot-history h2,.shot-featured h2{margin-bottom:10px}.shot-track{display:grid;grid-template-columns:44px 33px 1fr 18px;gap:10px;align-items:center;min-height:48px}.shot-track-art{width:44px;height:44px;background:#101719 center/cover no-repeat}.shot-track time{font-size:9px;color:#aaa}.shot-track strong{display:block;font-size:10px}.shot-track small{display:block;color:#b1b2b3;font-size:9px}.shot-track button{background:none;border:0;color:#b8b8b8;font-size:20px;cursor:pointer}.shot-outline{margin-top:11px}.shot-featured-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:9px}.shot-featured-lead,.shot-featured-side a{border:1px solid #24292c;background:#0b1012 center/cover no-repeat;position:relative;overflow:hidden}.shot-featured-lead:after,.shot-featured-side a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,9,.96) 0%,rgba(4,7,9,.55) 45%,rgba(4,7,9,.08) 100%)}.shot-featured-lead{min-height:260px;display:flex;align-items:center;padding:27px}.shot-featured-lead>div{position:relative;z-index:1;max-width:190px}.shot-featured-lead h3{font-size:30px;line-height:1.02;margin:0 0 8px;text-transform:uppercase}.shot-featured-lead strong{font-size:20px;font-weight:400;color:#a9a9a9;text-transform:uppercase}.shot-featured-lead p{font-size:10px;color:#b8b8b8}.shot-featured-lead span{display:inline-flex;margin-top:18px;padding:9px 14px;border:1px solid #454b4e;border-radius:3px;font-size:9px}.shot-featured-side{display:grid;gap:8px}.shot-featured-side a{min-height:80px;display:flex;align-items:center;padding:15px}.shot-featured-side a>div{position:relative;z-index:1}.shot-featured-side h3{font-size:15px;margin:0 0 2px;text-transform:uppercase}.shot-featured-side span{font-size:9px;color:#c0c0c0}
.shot-my320{display:grid;grid-template-columns:275px 1fr 160px;align-items:center;gap:24px;padding:18px 0 14px;border-bottom:1px solid var(--shot-line)}.shot-myintro{padding-right:25px;border-right:1px solid var(--shot-line)}.shot-myintro h2{font-size:17px;margin-bottom:7px}.shot-myintro p{font-size:9px;color:#c0c2c3;line-height:1.45}.shot-myintro>a{display:inline-flex;border:1px solid #474d50;padding:7px 12px;font-size:9px;margin-top:2px}.shot-for-you h3{font-size:10px;margin:0 0 9px}.shot-for-you>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.shot-for-you a{display:grid;grid-template-columns:54px 1fr;gap:10px}.shot-mini-art{width:54px;height:54px;background:#111 center/cover no-repeat}.shot-for-you strong{display:block;font-size:10px}.shot-for-you small{display:block;color:#aaa;font-size:9px;margin:3px 0}.shot-for-you i{font-style:normal;font-size:16px}.shot-subs{font-size:9px;text-align:right}
.shot-sound,.shot-news{padding:18px 0;border-bottom:1px solid var(--shot-line)}.shot-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shot-section-head h2{font-size:17px}.shot-section-head a{font-size:9px;color:#c0c2c3}.shot-sound-grid,.shot-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shot-sound-grid>a{height:140px;border:1px solid #24292c;background:linear-gradient(145deg,#101719,#070b0d) center/cover no-repeat;position:relative;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden}.shot-sound-grid>a:before,.shot-news-grid>a:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,8,.9),rgba(3,6,8,.08))}.shot-sound-grid span,.shot-sound-grid b{position:relative;z-index:1}.shot-sound-grid strong{display:block;font-size:23px;text-transform:uppercase}.shot-sound-grid small{display:block;font-size:10px;color:#ddd}.shot-sound-grid b{font-size:20px}.shot-news-grid>a{height:108px;border:1px solid #24292c;background:#0c1114 center/cover no-repeat;position:relative;overflow:hidden;padding:13px}.shot-news-grid>a:before{background:linear-gradient(90deg,rgba(3,6,8,.95),rgba(3,6,8,.25))}.shot-news-grid span{position:relative;z-index:1;display:block;max-width:74%}.shot-news-grid small{font-size:8px;color:#aaa}.shot-news-grid strong{display:block;font-size:12px;margin:4px 0}.shot-news-grid em{display:block;font-style:normal;font-size:9px;color:#bbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shot-news-grid b{display:block;font-size:9px;font-weight:400;margin-top:8px}
.player.player-shot{position:fixed;left:0;right:0;bottom:0;height:94px;z-index:100;background:rgba(7,11,13,.985);border-top:1px solid #34393c;display:grid;grid-template-columns:120px 46px 235px minmax(300px,1fr) 42px 145px 70px 38px;gap:12px;align-items:center;padding:0 max(28px,calc((100vw - 1320px)/2));box-shadow:0 -12px 35px rgba(0,0,0,.3)}.player-shot-brand{display:flex;align-items:center;gap:4px}.player-shot-brand strong{font-size:30px;letter-spacing:-.06em}.player-shot-brand span{font-size:9px;align-self:flex-start;margin-top:7px}.player-shot-brand i{width:7px;height:7px;background:var(--shot-red);border-radius:50%;margin-left:8px}.player-shot-brand b{font-size:10px}.player-shot-toggle{width:42px;height:42px;border-radius:50%;border:1px solid #555b5e;background:#0b1012;color:#fff;font-size:15px;display:grid;place-items:center;cursor:pointer;transition:.18s var(--ease)}.player-shot-toggle:hover{border-color:var(--shot-red);color:var(--shot-red);box-shadow:0 0 0 4px rgba(255,54,54,.07)}.player.is-playing .player-shot-toggle{border-color:var(--shot-red);background:rgba(255,54,54,.08)}.player-shot-info{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center}.player-shot-info .cover{width:64px;height:64px;border:1px solid #23282b;background:#111}.player-shot-info .cover img{width:100%;height:100%;object-fit:cover}.player-shot-info .pmeta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-shot-info .pmeta span{display:block;color:#aaa;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-shot-wave{position:relative;height:46px;min-width:0;overflow:hidden}.player-wave-bars{position:absolute;left:0;right:0;top:2px;height:32px;display:flex;gap:2px;align-items:center}.player-wave-bars i{display:block;flex:1 1 2px;min-width:1px;max-width:3px;height:var(--h);background:#4b5052;transform-origin:center;transition:height .2s ease}.player-wave-played{position:absolute;left:0;top:0;height:36px;width:0;overflow:hidden;transition:width 1s linear}.player-wave-played .player-wave-bars{width:max(540px,100%)}.player-wave-played .player-wave-bars i{background:var(--shot-red)}.player.is-playing .player-wave-bars i{animation:footerWavePulse .75s ease-in-out infinite alternate;animation-delay:var(--d)}.player-shot-times{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font-size:8px;color:#aaa}.player-shot-like{border:0;background:none;color:#fff;font-size:27px}.player-shot .pctrl{display:flex;align-items:center;gap:12px}.player-shot .mute{border:0;background:none;color:#fff;font-size:18px}.player-volume-line{width:74px;height:1px;background:#65696b;position:relative}.player-volume-line i{position:absolute;width:9px;height:9px;background:#fff;border-radius:50%;left:7%;top:-4px}.player-shot .compact-quality{display:flex;align-items:center;border:1px solid #4a4f52;height:34px;padding:0 10px;border-radius:3px}.player-shot .compact-quality button{border:0;background:none;color:var(--shot-red);font-weight:800;font-size:10px}.player-shot .compact-quality span{font-size:10px;color:#ddd}.player-shot .player-pop{border:0;background:none;color:#fff;font-size:18px}.player-shot .player-live-state{display:none}@keyframes footerWavePulse{from{transform:scaleY(.62);opacity:.72}to{transform:scaleY(1);opacity:1}}
@media(max-width:900px){.top nav{gap:18px;margin-left:18px}.shot-live{grid-template-columns:210px 1fr}.shot-next{grid-column:1/-1;border-left:0;border-top:1px solid var(--shot-line);padding:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shot-next h3,.shot-program{grid-column:1/-1}.shot-editorial{grid-template-columns:1fr}.shot-history{border-right:0;padding-right:0}.player.player-shot{grid-template-columns:96px 42px 190px 1fr 95px 64px 36px;padding:0 18px}.player-shot-like{display:none}}
@media(max-width:720px){body{padding-bottom:72px}.shell{width:calc(100% - 28px)}.top{height:58px}.topin{height:58px}.brand>strong{font-size:34px}.top nav{position:fixed;inset:58px 0 auto 0;background:#060a0c;padding:20px;display:none;height:auto;flex-direction:column;align-items:flex-start}.mobile-nav-open .top nav{display:flex}.mobile-nav-toggle{display:block}.tools{gap:9px}.tool-search,.my320-link{display:none}.shot-live{display:block}.shot-art{width:100%;height:58vw;max-height:330px}.shot-live-copy{padding:22px 0}.shot-live-copy h1{font-size:36px}.shot-live-copy h2{font-size:22px}.shot-next{display:block}.shot-timeline-scroll{grid-template-columns:32px 1fr 32px}.shot-timeline-items{overflow-x:auto}.shot-time-scale,.shot-timeline-line{margin-left:35px;margin-right:35px;padding:0}.shot-editorial{gap:20px}.shot-featured-grid{grid-template-columns:1fr}.shot-featured-side{grid-template-columns:1fr}.shot-my320{grid-template-columns:1fr}.shot-myintro{border-right:0;padding-right:0}.shot-for-you>div{overflow-x:auto;grid-template-columns:repeat(3,minmax(180px,1fr))}.shot-subs{text-align:left}.shot-sound-grid,.shot-news-grid{grid-template-columns:1fr 1fr}.player.player-shot{height:72px;grid-template-columns:42px 1fr 38px 34px;padding:0 14px}.player-shot-brand,.player-shot-wave,.player-shot-like,.player-shot .compact-quality,.player-volume-line{display:none}.player-shot-toggle{width:38px;height:38px;font-size:14px}.player-shot-info{grid-template-columns:48px 1fr}.player-shot-info .cover{width:48px;height:48px}.player-shot .pctrl{justify-content:center}.player-shot .mute{font-size:16px}.player-shot .player-pop{font-size:17px}}
@media(max-width:460px){.shot-sound-grid,.shot-news-grid{grid-template-columns:1fr}.shot-sound-grid>a{height:118px}.shot-featured-lead{min-height:220px}.shot-featured-lead h3{font-size:26px}}

/* 4.11.3 Ambient Background & Glass Surface */
:root{
  --ambient-x:50%;
  --ambient-y:24%;
  --ambient-shift-x:0px;
  --ambient-shift-y:0px;
  --glass-bg:rgba(4,9,11,.72);
  --glass-bg-strong:rgba(4,9,11,.86);
  --glass-line:rgba(184,236,241,.095);
  --glass-shadow:0 34px 110px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.025);
}
html{background:#010405}
body{position:relative;isolation:isolate;background:#010405;min-height:100vh}
.ambient-scene{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:
  radial-gradient(circle at var(--ambient-x) var(--ambient-y),rgba(var(--theme-rgb),.15),transparent 26%),
  radial-gradient(circle at 16% 70%,rgba(30,65,115,.16),transparent 34%),
  radial-gradient(circle at 88% 78%,rgba(255,77,95,.085),transparent 29%),
  linear-gradient(135deg,#010405 0%,#041014 46%,#020608 72%,#050306 100%)}
.ambient-art{position:absolute;inset:-12%;opacity:.12;background-position:center;background-size:cover;filter:blur(74px) saturate(1.32) contrast(1.08);transform:scale(1.15) translate3d(var(--ambient-shift-x),var(--ambient-shift-y),0);transition:background-image .8s ease,opacity .8s ease;animation:ambientArtBreath 18s ease-in-out infinite alternate;will-change:transform,filter}
.ambient-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,5,.12),rgba(1,4,5,.7) 78%,#010405)}
.ambient-orb{position:absolute;display:block;border-radius:50%;filter:blur(10px);opacity:.32;mix-blend-mode:screen;will-change:transform}
.ambient-orb-a{width:42vw;height:42vw;left:-10vw;top:4vh;background:radial-gradient(circle,rgba(var(--theme-rgb),.19),rgba(var(--theme-rgb),.035) 48%,transparent 70%);animation:ambientFloatA 30s ease-in-out infinite alternate}
.ambient-orb-b{width:34vw;height:34vw;right:-7vw;top:30vh;background:radial-gradient(circle,rgba(64,90,180,.16),rgba(32,65,115,.025) 52%,transparent 72%);animation:ambientFloatB 36s ease-in-out infinite alternate}
.ambient-orb-c{width:26vw;height:26vw;left:40vw;bottom:-9vw;background:radial-gradient(circle,rgba(255,77,95,.10),rgba(255,77,95,.015) 55%,transparent 73%);animation:ambientFloatC 28s ease-in-out infinite alternate}
.ambient-noise{position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.72'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light}
@keyframes ambientFloatA{0%{transform:translate3d(-4%,0,0) scale(.96)}50%{transform:translate3d(18%,8%,0) scale(1.08)}100%{transform:translate3d(7%,20%,0) scale(1)}}
@keyframes ambientFloatB{0%{transform:translate3d(0,-12%,0) scale(1.03)}50%{transform:translate3d(-18%,5%,0) scale(.94)}100%{transform:translate3d(-7%,18%,0) scale(1.08)}}
@keyframes ambientFloatC{0%{transform:translate3d(-12%,8%,0) scale(.92)}100%{transform:translate3d(22%,-20%,0) scale(1.12)}}
@keyframes ambientArtBreath{0%{filter:blur(76px) saturate(1.2) brightness(.82)}100%{filter:blur(94px) saturate(1.5) brightness(1.02)}}

/* Floating glass application surface */
.main.shell{position:relative;margin-top:22px;margin-bottom:28px;padding:26px 28px 42px;border:1px solid var(--glass-line);border-radius:22px;background:linear-gradient(155deg,rgba(7,13,15,.78),rgba(2,6,8,.68));box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(1.18);-webkit-backdrop-filter:blur(28px) saturate(1.18);overflow:hidden}
.main.shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.022),transparent 24%,transparent 74%,rgba(var(--theme-rgb),.018));border-radius:inherit}
.top{background:rgba(2,6,8,.68);border-bottom-color:rgba(190,232,236,.085);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);box-shadow:0 10px 40px rgba(0,0,0,.12)}
.player.player-shot{background:rgba(3,8,10,.76);border-top-color:rgba(190,232,236,.11);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);box-shadow:0 -20px 65px rgba(0,0,0,.36)}
.discover-menu,.player-popup-card{background:rgba(5,12,15,.86)!important;backdrop-filter:blur(26px) saturate(1.2);-webkit-backdrop-filter:blur(26px) saturate(1.2)}

/* Let selected frontend blocks read as layers inside the glass canvas instead of opaque cards. */
.live-stage{background:linear-gradient(120deg,rgba(6,16,20,.78),rgba(3,7,8,.58) 52%,rgba(5,9,11,.7));border-color:rgba(155,220,226,.10);box-shadow:0 20px 64px rgba(0,0,0,.20)}
.live-next{background:rgba(7,13,15,.38)}
.panel{background:linear-gradient(145deg,rgba(7,12,14,.62),rgba(4,8,9,.52));border-color:rgba(155,220,226,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.shot-featured-lead,.shot-featured-card,.shot-sound-grid>a,.shot-news-card{background-color:rgba(5,10,12,.48)}

@media(max-width:980px){
  .main.shell{width:min(100% - 26px,1500px);margin-top:13px;padding:18px 16px 32px;border-radius:18px;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}
  .ambient-art{opacity:.09;filter:blur(64px) saturate(1.15)}
}
@media(max-width:620px){
  .main.shell{width:calc(100% - 14px);margin-top:7px;padding:13px 10px 26px;border-radius:14px}
  .ambient-orb{opacity:.23}.ambient-noise{opacity:.03}
}
@media(prefers-reduced-motion:reduce){
  .ambient-art,.ambient-orb{animation:none!important;transform:none!important}.ambient-art{transition:none}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .main.shell{background:rgba(4,9,11,.96)}.top{background:rgba(2,6,8,.96)}.player.player-shot{background:rgba(3,8,10,.96)}
}

/* 4.11.5 In-content Footer Legal & Hannover Signature */
.site-legal{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin:34px 0 -14px;padding:18px 2px 4px;border-top:1px solid rgba(190,232,236,.08);color:rgba(218,226,228,.58);font-size:10px;line-height:1.35;letter-spacing:.015em}
.site-legal-copy{grid-column:2;margin:0;text-align:center;white-space:nowrap;font-size:10px;font-weight:600;color:rgba(231,237,239,.62)}
.site-legal-meta{grid-column:3;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0;white-space:nowrap;font-size:9px;color:rgba(197,209,212,.50)}
.site-legal-meta nav{display:flex;align-items:center;gap:12px}
.site-legal-meta a{position:relative;color:rgba(221,230,232,.68);transition:color .18s ease}
.site-legal-meta a:hover,.site-legal-meta a:focus-visible{color:#fff}
.site-legal-meta a+a:before{content:"";position:absolute;left:-7px;top:50%;width:2px;height:2px;border-radius:50%;background:rgba(217,230,232,.32);transform:translateY(-50%)}
.site-made{color:rgba(175,190,194,.50)}
.site-heart{display:inline-block;margin:0 2px;color:rgba(255,255,255,.82);font-size:.95em;line-height:1;transform:translateY(-.02em)}
@media(max-width:980px){.site-legal{grid-template-columns:1fr auto;gap:10px 18px;margin-top:28px;margin-bottom:-10px;padding-inline:2px}.site-legal-spacer{display:none}.site-legal-copy{grid-column:1;text-align:left}.site-legal-meta{grid-column:2}}
@media(max-width:720px){.site-legal{display:flex;flex-direction:column;align-items:center;gap:7px;margin:25px 0 -8px;padding-top:15px;text-align:center;font-size:9px}.site-legal-copy{font-size:9px}.site-legal-meta{display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:8.5px;white-space:normal}.site-legal-meta nav{gap:11px}.site-legal-meta a+a:before{left:-6px}}


/* 4.11.6 Content-end Legal Anchor */
.main.shell{display:flex;flex-direction:column;min-height:calc(100svh - 155px)}
.site-legal{margin-top:auto!important;margin-bottom:0!important;padding:22px 2px 15px!important;border-top:0!important;border-bottom:1px solid rgba(190,232,236,.09)!important;flex:0 0 auto}
.site-legal-copy{letter-spacing:.01em}
@media(max-width:980px){.main.shell{min-height:calc(100svh - 140px)}.site-legal{margin-top:auto!important;margin-bottom:0!important;padding-top:20px!important;padding-bottom:14px!important}}
@media(max-width:720px){.site-legal{margin-top:auto!important;margin-bottom:0!important;padding-top:18px!important;padding-bottom:13px!important}}


/* 4.12.0 · Live data integrity, continuous clock and seamless transition */
.empty-state{grid-column:1/-1;margin:18px 0;padding:20px;border:1px dashed rgba(255,255,255,.10);border-radius:8px;color:#849196;font-size:12px;text-align:center}
.side-copy{font-size:11px;color:#929ca0;line-height:1.6}.article-copy{font-size:13px;color:#b5bec1;line-height:1.8}.my320-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.shot-timeline-line{--timeline-progress:0%}.shot-timeline-line i{transition:left 1s linear}.shot-progress>span,.shot-progress>i{transition:width 1s linear,left 1s linear}
.soft-transition{position:fixed;inset:68px 0 94px;z-index:96;display:grid;place-items:center;background:rgba(1,5,7,.28);opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:opacity .16s ease,backdrop-filter .22s ease,visibility 0s linear .24s}
.soft-transition-inner{display:grid;justify-items:center;gap:12px;transform:translateY(5px) scale(.98);opacity:0;transition:.18s ease}.soft-transition-inner>span{font-size:9px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.72)}
.soft-eq{height:38px;display:flex;align-items:center;gap:4px}.soft-eq i{display:block;width:3px;height:10px;border-radius:999px;background:#fff;opacity:.82;animation:softEq .62s ease-in-out infinite alternate}.soft-eq i:nth-child(2){animation-delay:-.44s}.soft-eq i:nth-child(3){animation-delay:-.28s}.soft-eq i:nth-child(4){animation-delay:-.58s}.soft-eq i:nth-child(5){animation-delay:-.15s}.soft-eq i:nth-child(6){animation-delay:-.36s}.soft-eq i:nth-child(7){animation-delay:-.52s}.soft-eq i:nth-child(8){animation-delay:-.22s}.soft-eq i:nth-child(9){animation-delay:-.49s}.soft-eq i:nth-child(10){animation-delay:-.08s}
.soft-navigating .soft-transition{opacity:1;visibility:visible;backdrop-filter:blur(13px) saturate(.92);-webkit-backdrop-filter:blur(13px) saturate(.92);transition-delay:0s}.soft-navigating .soft-transition-inner{opacity:1;transform:none}.soft-navigating main.main{filter:blur(5px);transform:scale(.997);opacity:.72;transition:filter .18s ease,transform .18s ease,opacity .18s ease}
@keyframes softEq{0%{height:8px;opacity:.45}100%{height:36px;opacity:1}}
@media(max-width:720px){.soft-transition{inset:58px 0 72px}.soft-eq{height:32px}.soft-navigating main.main{filter:blur(4px)}.my320-stats{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.soft-eq i{animation:none;height:18px}.soft-transition,.soft-transition-inner,.soft-navigating main.main{transition:none!important}}


/* 4.12.1 Dynamic program state */
.program-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.program-title-row h1{margin-bottom:15px}.program-clock{display:grid;text-align:right;margin-bottom:15px}.program-clock span{font-size:9px;letter-spacing:.13em;color:var(--muted2);font-weight:850}.program-clock strong{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.program-day-tabs .filter{appearance:none;background:transparent;cursor:pointer;display:grid;gap:1px;text-align:left}.program-day-tabs .filter b{font-size:9px;color:var(--muted2)}.program-day-tabs .filter.on b{color:color-mix(in srgb,var(--cyan) 70%,white)}.program-next-panel .ptitle>span{color:var(--cyan)}.program-next-empty{font-size:11px;color:var(--muted);margin:18px 0 2px}.program-list .listrow{transition:border-color .2s var(--ease),background .2s var(--ease),opacity .2s var(--ease)}.program-list .listrow.is-live{border-color:rgba(255,77,95,.62);background:linear-gradient(90deg,rgba(255,77,95,.045),transparent 42%)}.program-slot-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid #1c343a;border-radius:999px;padding:6px 9px;color:#93a1a5;font-size:9px;font-weight:850;letter-spacing:.06em}.program-slot-action.on-air{border-color:rgba(255,77,95,.5);color:var(--live);background:rgba(255,77,95,.075);animation:programOnAirPulse 2.4s ease-in-out infinite}.program-slot-progress{height:2px;margin-top:9px;background:#17262b;overflow:hidden;border-radius:99px}.program-slot-progress i{display:block;width:0;height:100%;background:var(--live);box-shadow:0 0 12px rgba(255,77,95,.35);transition:width 1s linear}.program-list .listrow:not(.is-live) .program-slot-progress{opacity:.28}@keyframes programOnAirPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,95,0)}50%{box-shadow:0 0 0 4px rgba(255,77,95,.055)}}
@media(max-width:760px){.program-title-row{align-items:flex-start}.program-clock strong{font-size:15px}.program-day-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.program-day-tabs .filter{flex:0 0 auto}.program-list .listrow{grid-template-columns:54px 70px 1fr!important}.program-slot-progress{margin-top:7px}}

/* 4.12.3 Dynamic Logo & Secure Contact Intake */
.brand.brand-dynamic{min-width:150px;gap:9px;position:relative}.brand-photo{width:38px;height:38px;display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(var(--theme-rgb),.35);background:linear-gradient(145deg,rgba(var(--theme-rgb),.28),rgba(2,7,9,.94) 64%);box-shadow:0 0 26px rgba(var(--theme-rgb),.12),inset 0 0 18px rgba(var(--theme-rgb),.08)}.brand-photo:before,.brand-photo:after{content:"";position:absolute;inset:-45%;background:radial-gradient(circle,rgba(var(--theme-rgb),.48),transparent 48%);animation:brandAmbient 12s ease-in-out infinite alternate}.brand-photo:after{inset:-65%;opacity:.45;animation-duration:17s;animation-direction:alternate-reverse}.brand-photo i{position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.08) 46%,transparent 62%);transform:translateX(-100%);animation:brandSweep 10s ease-in-out infinite}.brand-photo strong{position:relative;z-index:2;font-size:15px;letter-spacing:-.07em;line-height:1;color:#fff}.brand-photo b{position:absolute;z-index:2;right:3px;top:4px;font-size:5px;color:#fff;letter-spacing:.04em}.brand-word{display:flex;align-items:flex-start;gap:3px}.brand-word strong{font-size:31px;letter-spacing:-.075em;line-height:.9}.brand-word b{font-size:8px;margin-top:2px;color:#fff}@keyframes brandAmbient{0%{transform:translate(-8%,-5%) scale(.9)}100%{transform:translate(15%,12%) scale(1.12)}}@keyframes brandSweep{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(130%)}}
.contact-page{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.28fr);gap:56px;padding:64px 0 72px;align-items:start}.contact-intro{position:sticky;top:95px;padding:20px 0}.contact-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--cyan)}.contact-intro h1{font-size:48px;line-height:1.01;letter-spacing:-.035em;margin:13px 0 18px}.contact-intro>p{max-width:480px;color:#a8b2b5;font-size:14px;line-height:1.7}.contact-direct{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:5px}.contact-direct>span{font-size:9px;color:#75868b;font-weight:900;letter-spacing:.12em}.contact-direct>a{font-size:20px;font-weight:750;color:#fff}.contact-direct>a:hover{color:var(--cyan)}.contact-direct small{color:#6f7e82;font-size:10px}.contact-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(10,17,20,.74),rgba(4,9,11,.6));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 24px 70px rgba(0,0,0,.23);padding:32px}.contact-form{display:grid;gap:22px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:grid;gap:8px}.contact-field>label{font-size:11px;font-weight:800;color:#e8eded}.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid #26363b;background:rgba(3,9,11,.72);color:#fff;padding:13px 14px;font:inherit;font-size:13px;border-radius:4px;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.contact-field select{height:46px}.contact-field textarea{resize:vertical;min-height:180px;line-height:1.55}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:rgba(var(--theme-rgb),.72);box-shadow:0 0 0 3px rgba(var(--theme-rgb),.08);background:rgba(3,9,11,.9)}.contact-field>small,.contact-hint small{color:#728287;font-size:9px;line-height:1.45}.contact-field.has-error input,.contact-field.has-error textarea{border-color:#e95656}.contact-field.has-error>small,.contact-field.has-error .contact-hint small{color:#ff8585}.contact-reason{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.contact-hint{display:flex;justify-content:space-between;gap:16px}.contact-hint span{font-size:9px;color:#728287;white-space:nowrap}.contact-security{display:flex;justify-content:space-between;gap:15px;padding:13px 14px;border:1px solid rgba(var(--theme-rgb),.12);background:rgba(var(--theme-rgb),.035);color:#7d8e93;font-size:9px}.contact-submit{height:48px;display:flex;align-items:center;justify-content:center;gap:14px;width:100%;font-size:10px;letter-spacing:.08em}.contact-submit i{font-style:normal;font-size:15px;transition:transform .18s}.contact-submit:hover i{transform:translateX(4px)}.contact-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.contact-success{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.contact-success>i{width:54px;height:54px;border:1px solid rgba(var(--theme-rgb),.55);display:grid;place-items:center;border-radius:50%;color:var(--cyan);font-size:22px;font-style:normal;box-shadow:0 0 30px rgba(var(--theme-rgb),.12)}.contact-success>span{margin-top:22px;font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--cyan)}.contact-success h2{font-size:28px;margin:10px 0 6px}.contact-success p{color:#91a0a4}.contact-success small{margin:8px 0 24px;color:#6f7f83}.contact-success .fm-btn{min-width:190px}
@media(max-width:900px){.contact-page{grid-template-columns:1fr;gap:22px;padding-top:32px}.contact-intro{position:static}.contact-intro h1{font-size:38px}.contact-card{padding:24px}.contact-grid{grid-template-columns:1fr}.brand-word{display:none}.brand.brand-dynamic{min-width:48px}.brand-photo{width:39px;height:39px}}
@media(max-width:560px){.contact-card{padding:18px}.contact-security{flex-direction:column}.contact-intro h1{font-size:34px}.contact-page{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.brand-photo:before,.brand-photo:after,.brand-photo i{animation:none!important}}

/* 4.12.5 Theme Propagation Hotfix */
:root{--accent:var(--cyan);--accent-rgb:var(--theme-rgb)}
.eyebrow,.kicker,.live-stage-copy h2,.live-next>header a,.broadcast-next time,.section-head a,.stitle a,.ptitle span,.contact-kicker,.contact-success>span,.contact-success>i,.my320-preview>div:first-child>a{color:var(--accent)!important}
.top nav>a.on:after,.nav-discover>button.on:after,.stage-progress i{background:var(--accent)!important}
.top .tools a:hover,.top .tools button:hover,.top .tools .on,.discover-menu a:hover,.broadcast-next:hover .arrow,.track-actions button:hover,.track-actions a:hover,.my320-list a:hover b,.contact-direct>a:hover{color:var(--accent)!important}
.brand-photo{border-color:rgba(var(--accent-rgb),.35)!important;background:linear-gradient(145deg,rgba(var(--accent-rgb),.28),rgba(2,7,9,.94) 64%)!important;box-shadow:0 0 26px rgba(var(--accent-rgb),.12),inset 0 0 18px rgba(var(--accent-rgb),.08)!important}
.brand-photo:before,.brand-photo:after{background:radial-gradient(circle,rgba(var(--accent-rgb),.48),transparent 48%)!important}
.btn.primary{border-color:color-mix(in srgb,var(--accent) 78%,white)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 86%,white),color-mix(in srgb,var(--accent) 76%,black))!important;box-shadow:0 7px 24px rgba(var(--accent-rgb),.12)!important}
.btn.primary:hover{box-shadow:0 9px 30px rgba(var(--accent-rgb),.2)!important}
.cover{background:radial-gradient(circle at 58% 35%,rgba(var(--accent-rgb),.25),transparent 29%),linear-gradient(140deg,#122328,#05090b)}
.live-stage-art:before{background:radial-gradient(circle at 40% 35%,rgba(var(--accent-rgb),.30),transparent 34%),linear-gradient(145deg,#0f262d,#030708)}

/* 4.12.6 canonical weekday accent: --theme-accent is the single source of truth. */

/* 4.14.4 — global My 320 FM avatar/account menu */
.tools{position:relative}
.tools .login-link.global-user-avatar{position:relative!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;overflow:visible!important;background:#071014!important;display:grid!important;place-items:center!important;font-size:0!important;box-shadow:0 0 0 3px rgba(var(--theme-rgb),.045)!important}
.tools .login-link.global-user-avatar:before,.tools .login-link.global-user-avatar:after{display:none!important;content:none!important}
.global-user-avatar img,.global-user-avatar .global-user-avatar-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover}
.global-user-avatar-fallback{display:grid;place-items:center;background:rgba(var(--theme-rgb),.12);color:var(--cyan);font-size:12px!important;font-weight:900!important}
.global-user-avatar .global-user-presence{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #071014;border-radius:50%;background:var(--cyan)}
.global-user-popover{position:absolute;z-index:160;right:0;top:44px;width:min(310px,calc(100vw - 24px));padding:10px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:linear-gradient(155deg,rgba(11,20,23,.99),rgba(4,9,11,.995));box-shadow:0 26px 70px rgba(0,0,0,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.global-user-popover[hidden]{display:none!important}.global-user-popover:before{content:"";position:absolute;right:12px;top:-6px;width:11px;height:11px;border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11);background:#091316;transform:rotate(45deg)}
.global-user-popover header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:8px 8px 11px;border-bottom:1px solid rgba(255,255,255,.07)}
.global-user-popover header img,.global-user-popover header .global-user-avatar-fallback{width:44px;height:44px;border-radius:50%;object-fit:cover}.global-user-popover header strong,.global-user-popover header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-user-popover header strong{color:#fff;font-size:12px}.global-user-popover header small{margin-top:3px;color:#819397;font-size:9px}
.global-user-popover nav{display:grid;padding:6px 0}.global-user-popover nav a{display:flex;align-items:center;justify-content:space-between;min-height:37px;padding:0 9px;border-radius:8px;color:#dce5e7!important;font-size:10px!important;font-weight:750!important;letter-spacing:0!important}.global-user-popover nav a:hover{background:rgba(var(--theme-rgb),.065);color:#fff!important}.global-user-popover nav b{min-width:24px;padding:3px 6px;border-radius:999px;background:rgba(var(--theme-rgb),.1);color:var(--cyan);font-size:8px;text-align:center}.global-user-popover nav span{color:var(--cyan)}
.global-user-push{display:flex;justify-content:space-between;align-items:center;margin:2px 7px 8px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.02);font-size:9px}.global-user-push span{color:#899b9f}.global-user-push strong{color:#75868a;font-size:8px}.global-user-push strong.on{color:var(--cyan)}
.global-user-popover>form{padding:0 7px 6px}.global-user-popover>form button{width:100%;min-height:35px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#060c0e;color:#aab7ba;font-size:9px;font-weight:900;letter-spacing:.07em;cursor:pointer}.global-user-popover>form button:hover{border-color:rgba(255,255,255,.18);color:#fff}
@media(max-width:720px){.tools .login-link.global-user-avatar{display:grid!important;width:32px!important;height:32px!important;min-width:32px!important}.global-user-popover{position:fixed;right:10px;top:64px;width:min(310px,calc(100vw - 20px))}.global-user-popover:before{display:none}}