:root{
  --ink:#090a0c;--ink-2:#111117;--ink-3:#1a1820;--paper:#fff8dc;--muted:#c7c3b6;
  --yellow:#ffd400;--gold:#ffac00;--lime:#d9ff32;--orange:#ff6a1a;--heat:#ff315e;--violet:#8f55ff;--cyan:#38d9ff;
  --glass:rgba(22,20,22,.68);--glass-2:rgba(255,255,255,.075);--line:rgba(255,255,255,.16);
  --shadow:0 28px 90px rgba(0,0,0,.42);--radius:28px;--dock:92px;--page:1440px;
  --ambient-a:#ffb000;--ambient-b:#ff315e;--ambient-c:#6635ff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;min-width:320px;background:var(--ink);color:#fff;overflow-x:hidden;padding-bottom:calc(var(--dock) + env(safe-area-inset-bottom));line-height:1.5}body.menu-open{overflow:hidden}
button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{display:block;fill:currentColor}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.skip-link{position:fixed;left:18px;top:12px;z-index:9999;background:#fff;color:#000;padding:12px 18px;border-radius:999px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 50% 20%,#252226 0,#0b0b0f 44%,#07080a 100%)}.ambient>i{position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(100px);opacity:.18;transform:translate3d(0,0,0);transition:background 1.2s ease,transform 1.2s ease}.ambient>i:nth-child(1){left:-18vw;top:-12vw;background:var(--ambient-a)}.ambient>i:nth-child(2){right:-18vw;top:14vh;background:var(--ambient-b)}.ambient>i:nth-child(3){left:30vw;bottom:-30vw;background:var(--ambient-c)}.ambient-grid{position:absolute;inset:0;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.topbar{position:fixed;z-index:100;top:14px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1380px);height:72px;padding:7px 9px 7px 14px;display:flex;align-items:center;gap:26px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(135deg,rgba(28,26,26,.86),rgba(11,11,14,.7));box-shadow:0 16px 50px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(155%)}.brand{width:136px;align-self:stretch;display:flex;align-items:center}.brand img{width:132px;height:auto;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4))}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a{position:relative;padding:12px 15px;border-radius:14px;color:#ddd8cc;font-weight:800;font-size:.84rem;letter-spacing:.02em}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,255,255,.08);color:#fff}.desktop-nav a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:2px;background:var(--yellow);border-radius:4px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button,.menu-button{width:46px;height:46px;border:0;border-radius:15px;background:rgba(255,255,255,.07);display:grid;place-items:center;cursor:pointer}.icon-button svg{width:19px}.listen-pill{border:0;border-radius:16px;min-height:48px;padding:0 18px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--yellow),var(--gold));color:#090909;font-weight:950;box-shadow:0 9px 34px rgba(255,190,0,.28);cursor:pointer}.live-dot{width:9px;height:9px;border-radius:50%;background:#ef244a;box-shadow:0 0 0 5px rgba(239,36,74,.16)}body.is-live-playing .live-dot{animation:pulse 1.2s infinite}.menu-button{display:none;gap:5px}.menu-button span{display:block;width:20px;height:2px;background:#fff;border-radius:4px}
.mobile-menu{position:fixed;z-index:300;inset:0 0 0 auto;width:min(92vw,430px);padding:22px;background:linear-gradient(160deg,#1c1a1d,#0b0b0e 66%);transform:translateX(105%);transition:transform .36s cubic-bezier(.2,.8,.2,1);box-shadow:-40px 0 100px #000}.mobile-menu.open{transform:none}.menu-backdrop{position:fixed;z-index:250;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}.menu-backdrop.open{opacity:1;pointer-events:auto}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between}.mobile-menu-head img{width:150px}.mobile-menu-head button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.06);font-size:2rem}.mobile-menu nav{display:grid;margin-top:44px}.mobile-menu nav a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:18px 4px;border-bottom:1px solid rgba(255,255,255,.12)}.mobile-menu nav b{color:var(--yellow);font-size:.74rem}.mobile-menu nav span{font-size:1.35rem;font-weight:950}.mobile-menu nav small{display:block;color:var(--muted);font-size:.78rem;font-weight:600;margin-top:3px}
main{min-height:100vh}.page-shell{width:min(calc(100% - 40px),var(--page));margin:0 auto;padding:118px 0 90px}.eyebrow{margin:0 0 12px;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.display{font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;line-height:.88;letter-spacing:-.025em;margin:0}.gradient-text{background:linear-gradient(100deg,#fff 5%,#fff2ab 42%,#ffbb16 70%,#ff6a28);-webkit-background-clip:text;background-clip:text;color:transparent}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-head h2{font-size:clamp(2.8rem,6vw,6.5rem)}.section-head p{max-width:520px;color:var(--muted);font-size:1rem}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--paper);font-weight:900;border-bottom:2px solid var(--yellow);padding-bottom:3px}.chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:.76rem;font-weight:850}.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.07)!important;color:transparent!important}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-100%);animation:shimmer 1.5s infinite}
/* LIVE HOME */
.live-stage{min-height:760px;position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:34px;align-items:center;padding:30px 0 50px}.live-stage:before{content:"MYXX";position:absolute;right:-2vw;top:84px;font-family:Impact,sans-serif;font-size:clamp(9rem,23vw,25rem);line-height:.8;color:rgba(255,255,255,.026);letter-spacing:-.07em;pointer-events:none}.live-copy{position:relative;z-index:2;padding:56px 0}.live-kicker{display:flex;align-items:center;gap:12px;font-weight:900;color:#fff3bc;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}.live-kicker:before{content:"";width:34px;height:2px;background:var(--yellow)}.live-copy h1{font-size:clamp(5rem,10.2vw,10.8rem);max-width:780px}.live-copy h1 .script{display:block;font-family:"Segoe Script","Bradley Hand",cursive;text-transform:none;font-size:.28em;line-height:1.2;color:var(--yellow);letter-spacing:-.04em;transform:rotate(-3deg);transform-origin:left center;margin:12px 0 12px 5px}.live-description{max-width:600px;font-size:clamp(1rem,1.5vw,1.2rem);color:#ddd7c9;margin:26px 0 26px}.live-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-action,.secondary-action{min-height:58px;padding:0 24px;border-radius:18px;border:0;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.primary-action{background:linear-gradient(135deg,var(--yellow),#ff9d00);color:#080808;box-shadow:0 18px 48px rgba(255,184,0,.22)}.secondary-action{background:rgba(255,255,255,.08);border:1px solid var(--line);backdrop-filter:blur(12px)}.primary-action svg,.secondary-action svg{width:20px}.signal-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.signal-strip span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#cfc9bd;font-size:.72rem;font-weight:800}.now-orbit{position:relative;min-height:650px;display:grid;place-items:center}.orbit-ring{position:absolute;width:min(48vw,620px);aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.018),0 0 0 78px rgba(255,255,255,.012)}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;border-radius:50%}.orbit-ring:before{inset:12%;border:1px dashed rgba(255,212,0,.24);animation:spin 28s linear infinite}.orbit-ring:after{width:13px;height:13px;background:var(--yellow);top:6%;left:50%;box-shadow:0 0 30px var(--yellow)}.artwork-stage{position:relative;width:min(40vw,510px);aspect-ratio:1;transform:rotate(3deg);filter:drop-shadow(0 38px 50px rgba(0,0,0,.42))}.artwork-stage:before{content:"";position:absolute;inset:-14%;background:radial-gradient(circle,var(--ambient-a),transparent 66%);filter:blur(44px);opacity:.3}.artwork-frame{position:absolute;inset:0;padding:10px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.42)}.artwork-frame img{width:100%;height:100%;object-fit:cover;border-radius:26px;background:#111}.onair-ribbon{position:absolute;left:-34px;top:52px;z-index:3;background:#ef2851;padding:10px 18px;color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;transform:rotate(-8deg);box-shadow:0 12px 28px rgba(239,40,81,.3)}.track-float{position:absolute;z-index:4;left:-66px;right:40px;bottom:-44px;padding:20px 22px;border-radius:24px;background:linear-gradient(135deg,rgba(25,22,23,.85),rgba(12,12,14,.72));backdrop-filter:blur(22px) saturate(150%);border:1px solid rgba(255,255,255,.17);box-shadow:var(--shadow);transform:rotate(-3deg)}.track-float small{display:flex;justify-content:space-between;color:var(--yellow);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.track-float h2{margin:8px 0 0;font-size:clamp(1.35rem,2.2vw,2.2rem);line-height:1.02}.track-float p{margin:5px 0 0;color:var(--muted);font-weight:800}.track-progress{height:3px;background:rgba(255,255,255,.12);margin-top:16px;border-radius:5px;overflow:hidden}.track-progress i{display:block;width:62%;height:100%;background:linear-gradient(90deg,var(--yellow),var(--heat));animation:trackflow 12s linear infinite}.show-bubble{position:absolute;right:-20px;top:14%;z-index:5;width:178px;padding:16px;border-radius:22px;background:rgba(255,248,220,.93);color:#111;box-shadow:0 18px 42px rgba(0,0,0,.28);transform:rotate(5deg)}.show-bubble small{font-weight:950;color:#775e00;text-transform:uppercase;font-size:.65rem}.show-bubble strong{display:block;font-size:1.04rem;line-height:1.1;margin:5px 0}.show-bubble span{font-size:.72rem;font-weight:750;color:#5d584e}
.home-section{padding:72px 0}.heat-marquee{overflow:hidden;margin:0 calc((100vw - 100%)/-2);border-block:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#ffcf00,#ff6f17,#ff315e);color:#090909;transform:rotate(-1deg)}.heat-marquee div{width:max-content;display:flex;gap:34px;padding:13px 0;font-family:Impact,sans-serif;font-size:1.35rem;text-transform:uppercase;letter-spacing:.03em;animation:marquee 24s linear infinite}.heat-marquee b:after{content:"✦";margin-left:34px}
.music-history{position:relative}.album-river{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 4px 28px;scrollbar-width:thin}.album-tile{scroll-snap-align:start;min-width:0;position:relative}.album-cover{aspect-ratio:1;border-radius:24px;overflow:hidden;background:#17171b;box-shadow:0 20px 36px rgba(0,0,0,.3);transition:transform .3s}.album-tile:hover .album-cover{transform:translateY(-8px) rotate(-1deg)}.album-cover img{width:100%;height:100%;object-fit:cover}.album-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.25),transparent 50%)}.album-tile strong{display:block;margin-top:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-tile span{display:block;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-tile time{display:block;color:var(--yellow);font-size:.68rem;font-weight:850;margin-top:4px}
.show-now{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;border-radius:42px;overflow:hidden;background:linear-gradient(135deg,#201d23,#0e0f12);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.show-photo{position:relative;min-height:520px;clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.show-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}.show-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#18161b),linear-gradient(to top,rgba(0,0,0,.4),transparent 50%)}.show-info{padding:70px 64px;display:flex;flex-direction:column;justify-content:center}.show-info h2{font-size:clamp(3.7rem,7vw,7rem)}.show-info h3{font-size:clamp(1.5rem,2.5vw,2.3rem);margin:18px 0 6px}.show-info p{color:var(--muted);max-width:590px}.next-chip{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;margin-top:30px;padding:12px;border-radius:22px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);max-width:430px}.next-chip img{width:72px;height:72px;object-fit:cover;border-radius:16px}.next-chip small{color:var(--yellow);font-weight:900;text-transform:uppercase}.next-chip strong{display:block}.next-chip span{font-size:.78rem;color:var(--muted)}
.pulse-teaser{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.pulse-lead{min-height:470px;padding:38px;position:relative;overflow:hidden;border-radius:38px;background:radial-gradient(circle at 85% 18%,rgba(56,217,255,.23),transparent 38%),linear-gradient(145deg,#171a20,#0e0f12);border:1px solid rgba(255,255,255,.12)}.pulse-lead:after{content:"PULSE";position:absolute;right:-24px;bottom:-40px;font:10rem/.8 Impact,sans-serif;color:rgba(255,255,255,.035);transform:rotate(-8deg)}.pulse-lead h2{font-size:clamp(4.6rem,8vw,8rem)}.pulse-lead-story{position:absolute;left:38px;right:38px;bottom:34px;z-index:2}.pulse-lead-story h3{font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.05;margin:8px 0 14px;max-width:760px}.weather-panel{padding:28px;border-radius:38px;background:linear-gradient(145deg,rgba(255,212,0,.92),rgba(255,106,26,.9));color:#0a0a0b;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 26px 70px rgba(255,121,0,.13)}.weather-main{display:flex;align-items:flex-start;justify-content:space-between}.weather-temp{font:8rem/.8 Impact,sans-serif;letter-spacing:-.05em}.weather-temp sup{font-size:.35em;vertical-align:top}.weather-icon{width:92px}.weather-panel h3{font-size:1.4rem;margin:14px 0 4px}.weather-panel p{margin:0;font-weight:750;color:#40360e}.forecast-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.forecast-mini div{padding:11px 8px;border-radius:15px;background:rgba(255,255,255,.35);text-align:center}.forecast-mini strong,.forecast-mini span{display:block;font-size:.75rem}.forecast-mini small{font-size:.65rem}.weather-alert{margin-top:12px;padding:11px 13px;border-radius:14px;background:#17140b;color:#fff;font-weight:800;font-size:.75rem}
.request-teaser{position:relative;padding:56px;border-radius:42px;background:linear-gradient(110deg,#fff4b9,#ffd400 52%,#ff8a00);color:#0b0b0d;overflow:hidden}.request-teaser:after{content:"REQUEST";position:absolute;right:-50px;top:-10px;font:11rem/.8 Impact,sans-serif;color:rgba(0,0,0,.075);transform:rotate(5deg)}.request-teaser>*{position:relative;z-index:2}.request-teaser h2{font-size:clamp(4rem,7vw,7rem);max-width:760px}.request-teaser p{max-width:620px;font-weight:700}.request-teaser .primary-action{background:#090909;color:#fff;box-shadow:none}
.remyxx-teaser{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.remyxx-art-stack{position:relative;min-height:500px}.remyxx-disc{position:absolute;width:410px;aspect-ratio:1;border-radius:50%;right:5%;top:8%;background:repeating-radial-gradient(circle,#141418 0 5px,#232329 6px 7px);box-shadow:0 38px 70px rgba(0,0,0,.45);animation:spin 18s linear infinite}.remyxx-disc:after{content:"MYXX";position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#0a0a0b;font:2.2rem Impact,sans-serif;letter-spacing:.04em}.remyxx-cover{position:absolute;width:min(66%,400px);aspect-ratio:1;left:4%;bottom:0;transform:rotate(-7deg);padding:10px;border-radius:30px;background:linear-gradient(145deg,#fff,#777);box-shadow:var(--shadow)}.remyxx-cover img{width:100%;height:100%;object-fit:cover;border-radius:22px}.remyxx-copy h2{font-size:clamp(4.5rem,9vw,9rem)}.remyxx-copy p{color:var(--muted);max-width:560px}.remyxx-copy .episode-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
/* SUBPAGES */
.route-hero{position:relative;padding:80px 0 38px;min-height:430px;display:flex;align-items:flex-end}.route-hero:after{content:attr(data-word);position:absolute;right:0;bottom:0;font:clamp(7rem,18vw,17rem)/.75 Impact,sans-serif;color:rgba(255,255,255,.035);letter-spacing:-.04em;pointer-events:none}.route-hero h1{font-size:clamp(5rem,12vw,12rem);max-width:1100px}.route-hero p{max-width:670px;font-size:1.12rem;color:var(--muted);position:relative;z-index:2}.route-hero .eyebrow{position:relative;z-index:2}
.request-world{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;align-items:start}.request-console{position:relative;overflow:hidden;border-radius:38px;background:linear-gradient(145deg,rgba(255,248,219,.97),rgba(255,211,0,.92));color:#101012;padding:38px;min-height:540px}.request-console:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.45),transparent 36%);pointer-events:none}.request-console>*{position:relative}.request-status{display:flex;align-items:center;justify-content:space-between;gap:14px}.request-status h2{font-size:1.4rem;margin:0}.request-status .chip{background:#111;color:#fff;border:0}.search-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin:28px 0 20px}.search-box input{width:100%;height:64px;border:2px solid rgba(0,0,0,.16);border-radius:18px;background:rgba(255,255,255,.65);color:#101012;padding:0 20px;font-weight:850;font-size:1.05rem}.search-box button{width:64px;border:0;border-radius:18px;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer}.search-box svg{width:22px}.request-results{display:grid;gap:8px}.request-result{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;width:100%;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.46);border-radius:17px;padding:8px;text-align:left;color:#111;cursor:pointer}.request-result:hover{background:#fff}.request-result img{width:58px;height:58px;object-fit:cover;border-radius:12px}.request-result strong,.request-result span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-result span{font-size:.78rem;color:#5f5845}.request-result em{font-style:normal;font-weight:900;font-size:.72rem;padding:8px 10px;border-radius:999px;background:#111;color:#fff}.request-empty{padding:36px 18px;text-align:center;border:1px dashed rgba(0,0,0,.25);border-radius:20px}.request-empty strong{font-size:1.1rem}.request-empty p{margin:6px 0;color:#544c36}.request-form{display:grid;gap:15px}.selected-song{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;padding:12px;background:#111;color:#fff;border-radius:22px}.selected-song img{width:82px;height:82px;object-fit:cover;border-radius:15px}.selected-song strong,.selected-song span{display:block}.selected-song span{color:#c8c3b5;font-size:.82rem}.selected-song button{border:0;background:rgba(255,255,255,.1);border-radius:12px;padding:8px 11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea{border:1px solid rgba(0,0,0,.18);border-radius:15px;background:rgba(255,255,255,.74);color:#111;padding:13px 15px;min-height:50px}.field textarea{min-height:94px;resize:vertical}.request-form .primary-action{background:#111;color:#fff}.form-note{font-size:.74rem;color:#5c543f}.request-side{display:grid;gap:18px}.request-side-panel{padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:rgba(24,23,27,.65);backdrop-filter:blur(20px)}.request-side-panel h3{font-size:1.35rem;margin:0 0 12px}.request-side-panel p{color:var(--muted)}.recent-request-list{display:grid;gap:10px}.recent-request{padding:13px 0;border-top:1px solid rgba(255,255,255,.1)}.recent-request strong,.recent-request span{display:block}.recent-request span{font-size:.75rem;color:var(--muted)}
.pulse-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px}.pulse-tabs{position:sticky;top:110px;align-self:start;display:grid;gap:4px}.pulse-tabs button{border:0;background:transparent;color:#c8c3b7;text-align:left;padding:13px 16px;border-radius:14px;font-weight:900;cursor:pointer}.pulse-tabs button:hover,.pulse-tabs button.active{background:var(--yellow);color:#111}.pulse-content{min-width:0}.pulse-overview{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:28px}.pulse-weather-large{min-height:310px;padding:28px;border-radius:32px;background:linear-gradient(140deg,#ffd400,#ff7b17);color:#111;position:relative;overflow:hidden}.pulse-weather-large:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.3);right:-50px;top:-70px;filter:blur(4px)}.pulse-weather-large .weather-temp{font-size:7rem}.traffic-quick{padding:28px;border-radius:32px;background:linear-gradient(145deg,#20232a,#111217);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between}.traffic-lines{height:96px;display:grid;align-content:center;gap:12px}.traffic-lines i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--lime) 0 38%,var(--yellow) 38% 68%,var(--heat) 68%)}.traffic-lines i:nth-child(2){transform:scaleX(.82);transform-origin:left}.traffic-lines i:nth-child(3){transform:scaleX(.64);transform-origin:left}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.story-card{min-height:250px;padding:24px;border-radius:28px;background:linear-gradient(145deg,rgba(33,31,37,.82),rgba(14,15,18,.86));border:1px solid rgba(255,255,255,.11);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.story-card:hover{transform:translateY(-5px);border-color:rgba(255,212,0,.45)}.story-card.featured{grid-column:span 2;min-height:330px;background:radial-gradient(circle at 85% 20%,rgba(143,85,255,.32),transparent 35%),linear-gradient(145deg,#27202d,#111216)}.story-card .story-label{color:var(--yellow);font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.story-card h3{font-size:clamp(1.25rem,2.3vw,2.25rem);line-height:1.05;margin:20px 0}.story-card p{color:var(--muted);font-size:.88rem}.story-card a{font-weight:900;align-self:flex-start;border-bottom:2px solid var(--yellow)}
.schedule-stage{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px}.on-air-host{min-height:660px;position:sticky;top:112px;align-self:start;overflow:hidden;border-radius:38px;background:#141419;border:1px solid rgba(255,255,255,.12)}.on-air-host img{width:100%;height:660px;object-fit:cover;object-position:top center}.on-air-host:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0c0d10 0,rgba(12,13,16,.06) 65%)}.on-air-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.on-air-copy h2{font-size:clamp(3.2rem,6vw,6rem)}.on-air-copy h3{margin:10px 0 0;font-size:1.4rem}.on-air-copy p{color:#d0cabf}.schedule-list{display:grid;gap:12px}.schedule-day-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:10px}.schedule-day-tabs button{min-width:58px;border:1px solid var(--line);border-radius:999px;padding:10px 13px;background:rgba(255,255,255,.05);font-weight:900;cursor:pointer}.schedule-day-tabs button.active{background:var(--yellow);color:#111;border-color:transparent}.schedule-row{position:relative;display:grid;grid-template-columns:110px 72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.schedule-row.active{background:linear-gradient(110deg,rgba(255,212,0,.22),rgba(255,255,255,.06));border-color:rgba(255,212,0,.5)}.schedule-row img{width:72px;height:72px;object-fit:cover;object-position:top;border-radius:18px}.schedule-time{font-weight:950;color:var(--yellow)}.schedule-row h3{margin:0;font-size:1.08rem}.schedule-row p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.schedule-row em{font-style:normal;font-size:.68rem;font-weight:950;text-transform:uppercase;color:#111;background:var(--yellow);padding:7px 9px;border-radius:999px}.specials-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.special-show{position:relative;min-height:250px;overflow:hidden;border-radius:28px}.special-show img{width:100%;height:100%;object-fit:cover}.special-show:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent 70%)}.special-show div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.special-show h3{margin:0}.special-show p{margin:4px 0;color:#ddd}
.host-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.host-profile{position:relative;min-height:460px;border-radius:32px;overflow:hidden;background:#15151a;grid-column:span 4}.host-profile:nth-child(1),.host-profile:nth-child(6){grid-column:span 7}.host-profile:nth-child(2),.host-profile:nth-child(7){grid-column:span 5}.host-profile img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}.host-profile:hover img{transform:scale(1.035)}.host-profile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,8,.96),rgba(5,6,8,.06) 70%)}.host-profile div{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.host-profile small{color:var(--yellow);font-weight:950;text-transform:uppercase}.host-profile h2{margin:4px 0 0;font-size:clamp(2.1rem,4vw,4.5rem)}.host-profile p{margin:8px 0 0;color:#d7d0c4;max-width:550px;font-size:.86rem}
.remyxx-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);gap:28px}.featured-episode{position:sticky;top:110px;align-self:start;padding:20px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px)}.featured-episode-art{position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;background:#17171c}.featured-episode-art img{width:100%;height:100%;object-fit:cover}.featured-episode-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.48),transparent 55%)}.episode-big-play{position:absolute;right:18px;bottom:18px;z-index:2;width:70px;height:70px;border:0;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;box-shadow:0 16px 38px rgba(0,0,0,.35);cursor:pointer}.episode-big-play svg{width:29px}.featured-episode h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1;margin:24px 2px 10px}.featured-episode p{color:var(--muted);margin:0 2px 8px}.episode-list{display:grid;gap:13px}.episode-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.episode-row.playing{border-color:var(--yellow);background:rgba(255,212,0,.08)}.episode-row img{width:112px;height:112px;object-fit:cover;border-radius:19px}.episode-row small{color:var(--yellow);font-weight:900}.episode-row h3{margin:5px 0;font-size:1.13rem}.episode-row p{margin:0;color:var(--muted);font-size:.78rem}.episode-row button{width:50px;height:50px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;cursor:pointer}.episode-row button svg{width:19px}
.playlist-hero-track{display:grid;grid-template-columns:minmax(280px,450px) 1fr;gap:44px;align-items:center;margin-bottom:58px}.playlist-hero-art{aspect-ratio:1;border-radius:40px;overflow:hidden;transform:rotate(-3deg);box-shadow:var(--shadow);padding:9px;background:linear-gradient(145deg,#fff,#68686e)}.playlist-hero-art img{width:100%;height:100%;object-fit:cover;border-radius:31px}.playlist-hero-track h2{font-size:clamp(3.8rem,8vw,8rem)}.playlist-hero-track h3{font-size:1.8rem;margin:15px 0 4px}.playlist-hero-track p{color:var(--muted)}.playlist-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.playlist-grid .album-tile{min-width:0}
.empty-state{padding:52px 28px;border:1px dashed rgba(255,255,255,.22);border-radius:28px;text-align:center;background:rgba(255,255,255,.035)}.empty-state img{width:130px;margin:0 auto 20px;opacity:.75}.empty-state h3{font-size:1.6rem;margin:0}.empty-state p{color:var(--muted);max-width:510px;margin:8px auto}
/* PLAYER */
.player-dock{position:fixed;z-index:180;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 26px),920px);min-height:76px;padding:8px 12px 8px 9px;border-radius:24px;background:linear-gradient(135deg,rgba(28,26,29,.92),rgba(8,9,11,.86));border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(26px) saturate(150%);display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center}.dock-art-wrap{position:relative;width:58px;height:58px}.dock-art-wrap img{width:58px;height:58px;border-radius:16px;object-fit:cover;background:#111}.dock-wave{position:absolute;inset:auto 5px 5px auto;width:25px;height:18px;border-radius:8px;background:#111;display:flex;align-items:center;justify-content:center;gap:2px}.dock-wave i{width:2px;height:5px;background:var(--yellow);border-radius:3px}body.is-live-playing .dock-wave i{animation:bars .7s infinite alternate}.dock-wave i:nth-child(2){animation-delay:.12s}.dock-wave i:nth-child(3){animation-delay:.22s}.dock-wave i:nth-child(4){animation-delay:.31s}.dock-track{min-width:0}.dock-track small{display:block;color:var(--yellow);text-transform:uppercase;font-weight:950;font-size:.62rem;letter-spacing:.12em}.dock-track strong,.dock-track span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-track strong{font-size:.95rem}.dock-track span{font-size:.73rem;color:var(--muted)}.dock-controls{display:flex;align-items:center;gap:8px}.dock-play{width:56px;height:56px;border:0;border-radius:50%;background:var(--yellow);color:#111;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(255,212,0,.18)}.dock-play svg{width:23px}.dock-volume-button{width:42px;height:42px;border:0;border-radius:13px;background:rgba(255,255,255,.07);display:grid;place-items:center;cursor:pointer}.dock-volume-button svg{width:19px}.volume-control input{width:92px;accent-color:var(--yellow)}#dockBackToLive{border:0;background:rgba(255,255,255,.08);border-radius:12px;padding:9px 11px;font-weight:850;font-size:.73rem}
.site-footer{width:min(calc(100% - 40px),var(--page));margin:0 auto;padding:80px 0 120px}.footer-signal{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.footer-signal span{font:clamp(3rem,9vw,9rem)/.8 Impact,sans-serif;color:var(--yellow)}.footer-signal em{font-family:"Segoe Script",cursive;color:#fff;font-size:1.2rem;transform:rotate(-3deg)}.footer-grid{display:grid;grid-template-columns:1.5fr .65fr .65fr;gap:40px;padding:38px 0}.footer-grid h2{font-size:2rem;margin:0}.footer-grid p{color:var(--muted);max-width:560px}.footer-grid nav{display:grid;align-content:start;gap:10px}.footer-grid nav a,.footer-grid nav button{padding:0;border:0;background:none;text-align:left;color:#d6d0c3;cursor:pointer}.footer-grid nav a:hover,.footer-grid nav button:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:#979287;font-size:.72rem}
.legal-dialog{width:min(720px,calc(100% - 28px));max-height:82vh;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:linear-gradient(145deg,#242127,#0f1013);color:#fff;padding:0;box-shadow:var(--shadow)}.legal-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:18px;top:18px;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#111;color:#fff;font-size:1.6rem}.legal-content{padding:48px}.legal-content h2{font-size:2.7rem;margin:0 0 26px}.legal-content section{padding:16px 0;border-top:1px solid rgba(255,255,255,.1)}.legal-content h3{margin:0 0 4px}.legal-content p{margin:0;color:var(--muted)}.legal-content a{color:var(--yellow)}.toast{position:fixed;z-index:500;left:50%;bottom:110px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff;color:#111;padding:12px 18px;border-radius:999px;font-weight:850;box-shadow:0 14px 40px rgba(0,0,0,.35);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(239,36,74,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes bars{to{height:14px}}@keyframes trackflow{from{transform:translateX(-100%)}to{transform:translateX(170%)}}
@media(max-width:1120px){.desktop-nav{display:none}.menu-button{display:grid}.live-stage{grid-template-columns:1fr 440px}.live-copy h1{font-size:clamp(5.3rem,11vw,8.5rem)}.show-bubble{right:-5px}.playlist-grid{grid-template-columns:repeat(4,1fr)}.host-profile{grid-column:span 6!important}.pulse-layout{grid-template-columns:200px 1fr}.schedule-stage{grid-template-columns:.8fr 1.2fr}.on-air-host,.on-air-host img{min-height:580px;height:580px}}
@media(max-width:900px){:root{--dock:84px}.page-shell{width:min(calc(100% - 28px),var(--page));padding-top:105px}.topbar{top:8px;width:calc(100% - 16px);height:66px;border-radius:20px}.brand{width:118px}.brand img{width:116px}.icon-button{display:none}.listen-pill{min-height:44px;padding:0 14px}.live-stage{grid-template-columns:1fr;min-height:auto;padding-top:36px}.live-copy{padding-bottom:0}.live-copy h1{font-size:clamp(5rem,18vw,9rem)}.live-description{max-width:680px}.now-orbit{min-height:600px}.artwork-stage{width:min(75vw,500px)}.orbit-ring{width:min(86vw,610px)}.show-now{grid-template-columns:1fr}.show-photo{clip-path:none;height:520px}.show-photo:after{background:linear-gradient(to top,#18161b,transparent 62%)}.show-info{padding:42px 34px}.pulse-teaser,.remyxx-teaser,.pulse-overview,.request-world,.schedule-stage,.remyxx-layout{grid-template-columns:1fr}.pulse-layout{grid-template-columns:1fr}.pulse-tabs{position:static;display:flex;overflow-x:auto;padding-bottom:12px}.pulse-tabs button{white-space:nowrap}.pulse-lead{min-height:420px}.weather-panel{min-height:360px}.remyxx-art-stack{min-height:470px}.request-side{grid-template-columns:1fr 1fr}.on-air-host{position:relative;top:auto;min-height:620px}.on-air-host img{height:620px}.featured-episode{position:relative;top:auto}.playlist-hero-track{grid-template-columns:320px 1fr}.playlist-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.footer-signal{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:640px){body{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.topbar{padding-left:10px}.brand img{width:105px}.listen-pill{font-size:.72rem}.page-shell{width:calc(100% - 22px);padding-top:92px}.live-stage{padding-top:26px}.live-copy h1{font-size:clamp(4.6rem,22vw,7.2rem)}.live-copy h1 .script{font-size:.29em;margin-top:10px}.live-description{font-size:.94rem;margin:20px 0}.live-actions{display:grid;grid-template-columns:1fr 1fr}.primary-action,.secondary-action{min-height:54px;padding:0 14px;font-size:.82rem}.now-orbit{min-height:500px}.artwork-stage{width:78vw}.track-float{left:-14px;right:-14px;bottom:-66px;padding:16px}.show-bubble{width:145px;right:-7px;top:3%;padding:12px}.orbit-ring{width:92vw}.home-section{padding:54px 0}.section-head{display:block}.section-head h2{font-size:3.8rem}.section-head p{font-size:.9rem}.album-river{grid-auto-columns:47vw}.show-photo{height:430px;min-height:430px}.show-info{padding:34px 22px}.show-info h2{font-size:4rem}.pulse-teaser{gap:13px}.pulse-lead{min-height:380px;padding:25px}.pulse-lead-story{left:25px;right:25px;bottom:24px}.weather-panel{padding:23px}.weather-temp{font-size:6.3rem}.forecast-mini{grid-template-columns:repeat(2,1fr)}.request-teaser{padding:34px 23px}.request-teaser h2{font-size:4rem}.remyxx-teaser{gap:0}.remyxx-art-stack{min-height:390px}.remyxx-disc{width:300px}.remyxx-cover{width:70%}.route-hero{min-height:330px;padding-top:55px}.route-hero h1{font-size:clamp(4.4rem,21vw,7rem)}.request-console{padding:22px;border-radius:28px}.request-world{gap:14px}.search-box input{height:58px}.request-result{grid-template-columns:52px minmax(0,1fr)}.request-result img{width:52px;height:52px}.request-result em{display:none}.selected-song{grid-template-columns:66px 1fr}.selected-song img{width:66px;height:66px}.selected-song button{grid-column:2}.form-grid{grid-template-columns:1fr}.request-side{grid-template-columns:1fr}.pulse-tabs{margin-inline:-11px;padding-inline:11px}.pulse-overview{gap:12px}.pulse-weather-large{min-height:280px}.pulse-weather-large .weather-temp{font-size:6rem}.story-grid{grid-template-columns:1fr}.story-card.featured{grid-column:auto}.story-card{min-height:220px}.on-air-host,.on-air-host img{height:510px;min-height:510px}.schedule-row{grid-template-columns:78px 58px minmax(0,1fr);gap:10px;padding:10px}.schedule-row img{width:58px;height:58px}.schedule-row em{display:none}.schedule-row p{display:none}.specials-row{grid-template-columns:1fr}.host-gallery{display:grid;grid-template-columns:1fr}.host-profile{grid-column:auto!important;min-height:500px}.remyxx-layout{gap:15px}.featured-episode{padding:13px}.episode-row{grid-template-columns:82px minmax(0,1fr) auto;gap:11px;padding:9px}.episode-row img{width:82px;height:82px}.episode-row h3{font-size:.95rem}.episode-row p{display:none}.episode-row button{width:44px;height:44px}.playlist-hero-track{grid-template-columns:1fr;gap:24px}.playlist-hero-art{width:78vw;margin:auto}.playlist-grid{grid-template-columns:repeat(2,1fr);gap:14px}.player-dock{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom));min-height:72px;border-radius:20px;grid-template-columns:52px minmax(0,1fr) 52px;padding:7px}.dock-art-wrap,.dock-art-wrap img{width:52px;height:52px}.dock-controls{gap:0}.dock-play{width:50px;height:50px}.dock-volume-button,.volume-control,#dockBackToLive{display:none}.dock-track strong{font-size:.83rem}.dock-track span{font-size:.66rem}.site-footer{width:calc(100% - 24px);padding-top:60px}.footer-signal span{font-size:4.3rem}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-grid>div{grid-column:auto}.footer-bottom{flex-direction:column}.legal-content{padding:34px 22px}.legal-content h2{font-size:2.15rem}}
@media(max-width:360px){.listen-pill{padding:0 10px}.brand{width:98px}.brand img{width:96px}.top-actions{gap:5px}.live-copy h1{font-size:4.25rem}.live-actions{grid-template-columns:1fr}.show-bubble{display:none}.playlist-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.orbit-ring:before,.remyxx-disc{animation:none!important}}
html,body{max-width:100%;overflow-x:clip}
.mobile-menu{display:none;transform:none}
.mobile-menu.open{display:block;animation:menuIn .32s cubic-bezier(.2,.8,.2,1)}
@keyframes menuIn{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
.pulse-lead{display:flex;flex-direction:column}
.pulse-lead-story{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto}
.route-hero h1{font-size:clamp(5rem,10vw,10rem);overflow-wrap:anywhere}

/* v14.1 precision sweep: route spacing, image resilience, cleaner player */
html{scroll-padding-top:116px}
.topbar{top:max(14px,env(safe-area-inset-top))}
html:not([data-route="home"]) .page-shell{padding-top:126px}
.route-hero{min-height:360px;padding:28px 0 42px;align-items:center}
.route-hero h1{font-size:clamp(4.8rem,8.5vw,9rem);line-height:.86;max-width:1180px;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.route-hero p{text-wrap:pretty}
.album-cover{position:relative}
.album-cover img,.artwork-frame img,.playlist-hero-art img,.dock-art-wrap img{transition:opacity .24s ease}
img.is-logo-fallback{object-fit:contain!important;background:linear-gradient(145deg,#17161a,#090a0c)!important;padding:12%!important}
.artwork-frame img.is-logo-fallback,.playlist-hero-art img.is-logo-fallback{padding:17%!important}
.player-dock{width:min(calc(100% - 26px),790px)}
.volume-control{display:none!important}
.dock-volume-button.muted{color:var(--yellow);background:rgba(255,212,0,.12)}
.album-tile strong{line-height:1.25}
.playlist-grid .album-tile{min-width:0}

@media(max-width:900px){
  .topbar{top:max(8px,env(safe-area-inset-top))}
  html:not([data-route="home"]) .page-shell{padding-top:104px}
  .route-hero{min-height:300px;padding:28px 0 34px}
  .route-hero h1{font-size:clamp(4.2rem,13vw,7.2rem)}
}
@media(max-width:640px){
  html{scroll-padding-top:90px}
  html:not([data-route="home"]) .page-shell{padding-top:90px}
  .route-hero{min-height:auto;padding:30px 0 36px}
  .route-hero h1{font-size:clamp(3.65rem,17vw,5.65rem);line-height:.88;letter-spacing:-.035em}
  .route-hero p{font-size:.96rem;margin-bottom:0}
  .playlist-hero-track{margin-top:4px;margin-bottom:46px}
  .playlist-hero-art{width:min(78vw,340px)}
  .playlist-grid .album-tile strong{font-size:.9rem;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.25em}
  .playlist-grid .album-tile span{font-size:.75rem}
  .player-dock{grid-template-columns:52px minmax(0,1fr) 52px}
  .dock-volume-button{display:none}
  .mobile-menu{padding-top:max(22px,env(safe-area-inset-top))}
}
@media(max-width:360px){
  .route-hero h1{font-size:3.45rem}
  .playlist-grid{gap:11px}
}

/* v14.1 mobile typography containment */
.route-hero>div{min-width:0;max-width:100%}
.route-hero h1,.route-hero p{max-width:100%}
@media(max-width:640px){
  html[data-route="shows"] .route-hero h1,
  html[data-route="djs"] .route-hero h1{font-size:clamp(2.85rem,12.8vw,4.7rem);line-height:.9;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:normal}
  html[data-route="shows"] .route-hero p,
  html[data-route="djs"] .route-hero p{width:100%;overflow-wrap:break-word}
}
@media(max-width:360px){
  html[data-route="shows"] .route-hero h1,
  html[data-route="djs"] .route-hero h1{font-size:2.72rem}
}
@media(max-width:640px){
  html[data-route="djs"] .route-hero h1{font-size:clamp(2.7rem,11.8vw,4.2rem)}
}

/* ============================================================
   v14.5 production deep sweep
   Final non-destructive polish layer for the Signal City design.
   ============================================================ */
:root{
  --header-safe:calc(100px + env(safe-area-inset-top));
  --focus-ring:3px solid var(--lime);
}
html{scrollbar-gutter:stable;accent-color:var(--yellow)}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{user-select:none;-webkit-user-select:none}
button:disabled{cursor:not-allowed;opacity:.55}
img{color:transparent}
[hidden]{display:none!important}

/* Connection state stays informative without shifting the navigation. */
.connection-status{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.34);font-size:.7rem;font-weight:850;color:#fff4c4}
.connection-status[data-kind="offline"],.connection-status[data-kind="error"]{border-color:rgba(255,80,105,.42);background:rgba(100,12,30,.42)}
.connection-status[data-kind="connecting"],.connection-status[data-kind="warning"]{border-color:rgba(255,212,0,.34);background:rgba(80,61,0,.34)}

/* Route content and freshness affordances. */
.data-freshness{margin-top:14px;color:rgba(255,255,255,.58);font-size:.72rem;font-weight:700}
.data-freshness time{color:rgba(255,255,255,.78)}
.load-more-wrap{display:flex;justify-content:center;padding:30px 0 8px}
.load-more-wrap button{min-height:52px;min-width:190px;padding:0 22px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.075);font-weight:900;cursor:pointer}
.load-more-wrap button:hover{background:rgba(255,255,255,.12)}
.story-card a[rel~="noopener"]:after{content:" ↗";color:var(--yellow);font-weight:950}
.story-card time,.episode-row time,.album-tile time{font-variant-numeric:tabular-nums}

/* More deliberate interaction states. */
.desktop-nav a,.mobile-menu a,.text-link,.story-card a,.album-tile,.schedule-row,.episode-row{transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}
@media(hover:hover) and (pointer:fine){
  .album-tile:hover,.episode-row:hover,.schedule-row:hover{transform:translateY(-3px);border-color:rgba(255,212,0,.32)}
  .story-card:hover{border-color:rgba(255,212,0,.34)}
  .icon-button:hover,.menu-button:hover,.dock-volume-button:hover,#dockBackToLive:hover{background:rgba(255,255,255,.13)}
}

/* Stable artwork geometry prevents page movement while external images resolve. */
.album-cover,.playlist-hero-art,.artwork-frame,.dock-art-wrap,.featured-episode-art{overflow:hidden;background:linear-gradient(145deg,#17161a,#090a0c)}
.album-cover img,.playlist-hero-art img,.artwork-frame img,.dock-art-wrap img,.featured-episode-art img{width:100%;height:100%;object-fit:cover}
.album-cover img[loading="lazy"]{content-visibility:auto}
.album-tile{min-width:0}
.album-tile strong,.episode-row h3,.schedule-row h3,.story-card h3{overflow-wrap:anywhere;text-wrap:pretty}
.album-tile span,.episode-row p,.schedule-row p{overflow:hidden;text-overflow:ellipsis}

/* Tabs behave as real, visible control groups at all widths. */
.pulse-tabs,.schedule-day-tabs{scrollbar-width:none}
.pulse-tabs::-webkit-scrollbar,.schedule-day-tabs::-webkit-scrollbar{display:none}
.pulse-tabs button,.schedule-day-tabs button{min-height:44px;cursor:pointer}
.pulse-tabs button[aria-selected="true"],.schedule-day-tabs button[aria-selected="true"]{box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.pulse-tabs button:focus-visible,.schedule-day-tabs button:focus-visible{outline:var(--focus-ring);outline-offset:2px}

/* Prevent compact cards and long names from damaging the grid. */
.story-grid,.playlist-grid,.host-gallery,.specials-row,.episode-list{min-width:0}
.story-card,.request-result,.episode-row,.schedule-row,.host-profile{min-width:0}
.story-card h3,.story-card p,.request-result strong,.request-result span{max-width:100%}
.story-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.story-card.featured p{-webkit-line-clamp:4}

/* Audio dock: episode controls remain usable on mobile, without a volume bar. */
.player-dock{isolation:isolate}
#dockBackToLive{min-width:48px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.075);font-size:.7rem;font-weight:950;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
body.is-episode-active #dockMode{color:var(--yellow)}
body.is-episode-active .dock-art-wrap{box-shadow:0 0 0 2px rgba(255,212,0,.32)}
body.is-episode-playing .dock-wave i{animation-play-state:running}
body:not(.is-live-playing):not(.is-episode-playing) .dock-wave i{animation-play-state:paused;height:4px}

/* Mobile menu behaves as a modal sheet and remains usable with short screens. */
.mobile-menu{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
.mobile-menu-head{position:sticky;top:0;z-index:2;padding-bottom:12px;background:linear-gradient(to bottom,#1c1a1d 70%,transparent)}
.mobile-menu nav a:focus-visible{outline:var(--focus-ring);outline-offset:-2px;background:rgba(255,255,255,.08)}

/* Better fallback where glass effects are unavailable or expensive. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .topbar,.secondary-action,.player-dock,.request-console{background:#151419}
  .menu-backdrop{background:rgba(0,0,0,.82)}
}

/* Tablet/laptop balancing. */
@media(min-width:901px) and (max-width:1280px){
  :root{--page:1180px}
  .topbar{width:min(calc(100% - 24px),1180px)}
  .live-stage{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);gap:24px;min-height:680px}
  .live-copy h1{font-size:clamp(5.2rem,9.6vw,8.2rem)}
  .now-orbit{min-height:590px}
  .artwork-stage{width:min(38vw,450px)}
}

@media(max-width:900px){
  .connection-status{display:none}
  .section-head{align-items:start}
  .pulse-tabs{gap:8px}
  .player-dock{max-width:720px}
}

@media(max-width:640px){
  :root{--dock:86px}
  .page-shell{padding-bottom:64px}
  .topbar{gap:8px}
  .top-actions{min-width:0}
  .listen-pill{white-space:nowrap}
  .menu-button{flex:0 0 auto}
  .section-head{margin-bottom:20px}
  .section-head h2{font-size:clamp(3.1rem,15vw,4.4rem);line-height:.9;text-wrap:balance}
  .home-section{padding:46px 0}
  .story-card p{font-size:.86rem}
  .pulse-tabs,.schedule-day-tabs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:8px}
  .pulse-tabs button,.schedule-day-tabs button{flex:0 0 auto;scroll-snap-align:start}
  .player-dock{grid-template-columns:48px minmax(0,1fr) auto;width:calc(100% - 10px);min-height:72px;padding:6px 7px 6px 6px;gap:7px}
  .dock-art-wrap,.dock-art-wrap img{width:48px;height:48px}
  .dock-controls{gap:5px}
  #dockBackToLive{display:grid!important;place-items:center;min-width:43px;width:43px;height:43px;padding:0;font-size:.61rem}
  #dockBackToLive[hidden]{display:none!important}
  .dock-play{width:48px;height:48px}
  .dock-track{min-width:0}
  .dock-track small,.dock-track strong,.dock-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .dock-track strong{font-size:.8rem}
  .dock-track span{font-size:.64rem}
  .playlist-grid{align-items:start}
  .album-cover{aspect-ratio:1}
  .load-more-wrap{padding-top:22px}
  .load-more-wrap button{width:100%}
  .mobile-menu{width:min(94vw,420px)}
}

@media(max-width:390px){
  .brand{width:94px}.brand img{width:94px}
  .listen-pill{padding-inline:9px;font-size:.68rem}
  .player-dock{grid-template-columns:46px minmax(0,1fr) auto}
  .dock-art-wrap,.dock-art-wrap img{width:46px;height:46px}
  #dockBackToLive{width:40px;min-width:40px}
  .dock-play{width:46px;height:46px}
}

@media(max-height:620px) and (orientation:landscape){
  .topbar{height:58px;top:6px}
  .brand img{width:102px}
  .page-shell{padding-top:78px}
  .mobile-menu nav{margin-top:18px}
  .mobile-menu nav a{padding-block:12px}
  .player-dock{min-height:64px}
}

@media(prefers-contrast:more){
  :root{--line:rgba(255,255,255,.34);--muted:#e5e1d8}
  .topbar,.player-dock,.request-console,.story-card,.album-tile{border-width:2px}
}

@media(forced-colors:active){
  .gradient-text{color:CanvasText;background:none}
  .live-dot,.onair-ribbon{forced-color-adjust:none}
  .ambient{display:none}
}

/* ============================================================
   v14.5 WOW + reliability layer
   Keeps Signal City intact while strengthening artwork, REMYXX,
   host storytelling and premium motion.
   ============================================================ */
.artwork-frame img,.dock-art-wrap img,.playlist-hero-art img,.album-cover img{
  transition:opacity .22s ease,filter .28s ease,transform .38s ease;
  backface-visibility:hidden;
}
.artwork-frame img.artwork-pending,.dock-art-wrap img.artwork-pending,.playlist-hero-art img.artwork-pending{
  filter:saturate(.88) brightness(.92);
}
.artwork-frame img.artwork-swap,.dock-art-wrap img.artwork-swap,.playlist-hero-art img.artwork-swap,.album-cover img.artwork-swap{
  opacity:.78;transform:scale(1.012);
}
.artwork-frame:has(img.artwork-pending):after,.playlist-hero-art:has(img.artwork-pending):after,.dock-art-wrap:has(img.artwork-pending):after{
  content:"";position:absolute;inset:auto 10px 10px auto;width:9px;height:9px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 5px rgba(255,212,0,.13),0 0 24px rgba(255,212,0,.5);animation:pulse 1.25s infinite;pointer-events:none
}
.dock-art-wrap,.playlist-hero-art{position:relative}

/* MYXX brand manifesto gives the homepage a memorable editorial beat. */
.myxx-manifesto{position:relative;padding:76px 0}
.myxx-manifesto:before{content:"FLUENT IN FUEGO";position:absolute;right:-2%;top:3%;font:clamp(4rem,10vw,10rem)/.8 Impact,sans-serif;color:rgba(255,255,255,.025);letter-spacing:-.04em;white-space:nowrap;pointer-events:none}
.manifesto-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:42px;align-items:end;margin-bottom:32px}
.manifesto-intro h2{font-size:clamp(4rem,8vw,8.2rem);max-width:900px}
.manifesto-intro>p:last-child{color:var(--muted);font-size:1.08rem;max-width:560px;margin:0 0 8px}
.manifesto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.manifesto-grid article{position:relative;min-height:250px;padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));overflow:hidden}
.manifesto-grid article:after{content:"";position:absolute;inset:auto -20% -55% 20%;height:180px;border-radius:50%;background:radial-gradient(circle,var(--ambient-a),transparent 68%);opacity:.16;filter:blur(18px)}
.manifesto-grid b{display:block;color:var(--yellow);font-size:.76rem;letter-spacing:.18em;margin-bottom:42px}
.manifesto-grid h3{position:relative;z-index:1;margin:0 0 10px;font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.02}
.manifesto-grid p{position:relative;z-index:1;margin:0;color:var(--muted)}
.remyxx-teaser-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}

/* Host page: biographies feel like a premium station roster rather than captions. */
.host-route-hero{padding-bottom:58px}
.host-profile-rich{min-height:610px}
.host-profile-rich .host-profile-image{position:absolute;inset:0}
.host-profile-rich .host-profile-image>span{position:absolute;z-index:3;right:20px;top:18px;font:2rem/1 Impact,sans-serif;color:rgba(255,255,255,.42);letter-spacing:.04em}
.host-profile-rich .host-profile-copy{position:absolute;z-index:4;left:24px;right:24px;bottom:24px}
.host-profile-rich .host-profile-copy>p{max-width:650px}
.host-profile-rich .host-vibe{color:#fff;font-size:1rem;font-weight:850!important}
.host-lanes{display:flex!important;position:static!important;gap:7px;flex-wrap:wrap;margin-top:14px}
.host-lanes span{padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.17);background:rgba(0,0,0,.26);font-size:.67rem;font-weight:850;color:#fff}
.host-profile blockquote{margin:14px 0 0;padding-left:13px;border-left:2px solid var(--yellow);color:#fff2bd;font-size:.78rem;font-weight:750}
.host-profile-rich:after{background:linear-gradient(to top,rgba(5,6,8,.99) 5%,rgba(5,6,8,.76) 42%,rgba(5,6,8,.02) 76%)}

/* REMYXX: premium, native, playable, and visually unmistakable. */
.remyxx-route-hero{padding-bottom:44px}
.remyxx-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.remyxx-benefits span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);font-size:.72rem;font-weight:850}
.remyxx-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 22px;margin-top:-8px}
.remyxx-filters::-webkit-scrollbar{display:none}
.remyxx-filters button{flex:0 0 auto;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);font-weight:850;color:#d9d4ca;cursor:pointer}
.remyxx-filters button.active{background:var(--yellow);color:#080808;border-color:var(--yellow)}
.remyxx-layout-wow{grid-template-columns:minmax(440px,.92fr) minmax(0,1.08fr);gap:30px}
.remyxx-layout-wow .featured-episode{padding:16px;background:linear-gradient(155deg,rgba(255,212,0,.13),rgba(255,255,255,.05) 45%,rgba(104,50,255,.08));box-shadow:0 32px 100px rgba(0,0,0,.33)}
.featured-episode-copy{padding:6px 10px 10px}
.featured-episode-copy>p:not(.eyebrow):not(.featured-show){max-width:600px;line-height:1.7}
.featured-show{font-size:1rem!important;color:#fff!important;font-weight:900}
.featured-show span{color:var(--muted);font-weight:650}
.featured-episode .primary-action{margin-top:16px}
.episode-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:8px 4px 14px}
.episode-list-head h2{font-size:clamp(1.7rem,3vw,3rem);margin:0}
.episode-list-head>span{color:var(--muted);font-size:.76rem;font-weight:800}
.episode-row-art{position:relative;width:112px;height:112px;border-radius:19px;overflow:hidden}
.episode-row-art img{width:100%;height:100%;border-radius:0}
.episode-progress{--episode-progress:0%;position:absolute;z-index:4;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.17);overflow:hidden}
.episode-progress i{display:block;width:var(--episode-progress);height:100%;background:linear-gradient(90deg,var(--yellow),var(--heat));transition:width .2s linear}
.featured-episode-art .episode-progress{left:16px;right:16px;bottom:12px;border-radius:99px;height:6px;background:rgba(0,0,0,.44)}
.episode-row button:not(:disabled):hover,.episode-big-play:hover{transform:scale(1.05);background:#ffe35a}
.episode-row button:disabled{opacity:.35}
.episode-row.playing{box-shadow:0 0 0 1px rgba(255,212,0,.15),0 16px 48px rgba(255,212,0,.06)}
.featured-episode.playing .featured-episode-art{box-shadow:0 0 0 2px rgba(255,212,0,.35),0 28px 70px rgba(0,0,0,.35)}

/* Public Pulse copy remains clean and cards are easier to scan. */
.story-card{position:relative}
.story-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--yellow),transparent);opacity:.55}
.story-card.featured:before{width:4px;opacity:1}
.story-label{letter-spacing:.12em}

@media(max-width:1000px){
  .manifesto-intro{grid-template-columns:1fr}.manifesto-grid{grid-template-columns:1fr 1fr}.manifesto-grid article:last-child{grid-column:1/-1}
  .remyxx-layout-wow{grid-template-columns:1fr}.remyxx-layout-wow .featured-episode{position:relative;top:auto;display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1fr);gap:20px}.featured-episode-copy{align-self:center}
}
@media(max-width:720px){
  .myxx-manifesto{padding:52px 0}.manifesto-grid{grid-template-columns:1fr}.manifesto-grid article:last-child{grid-column:auto}.manifesto-grid article{min-height:210px}.manifesto-grid b{margin-bottom:28px}
  .host-profile-rich{min-height:650px}.host-profile-rich .host-profile-copy{left:20px;right:20px;bottom:20px}.host-profile-rich .host-profile-copy>p:not(.host-vibe){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
  .remyxx-layout-wow .featured-episode{display:block}.featured-episode-copy{padding-top:18px}.remyxx-benefits{gap:6px}.remyxx-benefits span{font-size:.66rem}
  .episode-row{grid-template-columns:84px minmax(0,1fr) 46px;gap:11px;padding:10px}.episode-row-art{width:84px;height:84px}.episode-row h3{font-size:.92rem}.episode-row p{font-size:.68rem}.episode-row button{width:44px;height:44px}
  .episode-list-head{align-items:start}.episode-list-head>span{display:none}
  .remyxx-teaser-actions .primary-action,.remyxx-teaser-actions .secondary-action{width:100%}
}
@media(max-width:390px){
  .host-profile-rich{min-height:610px}.host-profile blockquote{display:none}.host-profile-rich .host-profile-copy>p:not(.host-vibe){-webkit-line-clamp:4}
  .episode-row{grid-template-columns:72px minmax(0,1fr) 42px}.episode-row-art{width:72px;height:72px}.episode-row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-row button{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .artwork-frame img,.dock-art-wrap img,.playlist-hero-art img,.album-cover img{transition:none}.remyxx-disc{animation:none}
}


/* ============================================================
   v14.5 REMYXX + World + Pulse truthfulness repair
   ============================================================ */
.story-card{overflow:hidden;position:relative;justify-content:flex-start;gap:18px}
.story-card .story-copy{position:relative;z-index:1;flex:1}
.story-card .story-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.story-card .story-action{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,212,0,.35);border-radius:999px;background:rgba(255,212,0,.08);border-bottom:1px solid rgba(255,212,0,.35);font-size:.78rem;white-space:nowrap}
.story-card .story-action:after{content:none!important}
.story-card .story-action svg{width:16px!important;height:16px!important;flex:0 0 16px;max-width:16px;max-height:16px}
.story-media{margin:-24px -24px 2px;aspect-ratio:16/8;overflow:hidden;background:#17171c}
.story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.story-card:hover .story-media img{transform:scale(1.025)}
.story-card.featured .story-media{aspect-ratio:16/7}
.traffic-quick{gap:22px}
.traffic-headline{color:var(--muted);font-size:1rem;line-height:1.5}
.traffic-facts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.traffic-facts span,.traffic-facts time{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);font-size:.7rem;font-weight:850;color:#eee9df}
.traffic-facts time{color:var(--muted)}
.traffic-lines{display:none!important}
.remyxx-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}
.remyxx-search{min-width:min(520px,100%);height:54px;display:flex;align-items:center;gap:10px;padding:0 17px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.055)}
.remyxx-search svg{width:19px;height:19px;flex:0 0 19px;color:var(--yellow)}
.remyxx-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-weight:750}
.remyxx-search input::placeholder{color:#979189}
.archive-count{color:var(--muted);font-size:.78rem;font-weight:850;white-space:nowrap}
.remyxx-layout-wow{align-items:start}
.remyxx-layout-wow .featured-episode-art{aspect-ratio:16/10;min-height:0}
.remyxx-layout-wow .featured-episode-art img{object-position:center}
.remyxx-layout-wow .featured-episode h2{font-size:clamp(2rem,3.15vw,3.25rem);overflow-wrap:anywhere}
.episode-list{max-height:none}
.episode-row{min-height:132px}
.remyxx-load-more{display:grid;place-items:center;gap:8px;padding:20px 0 8px}
#remyxxLoadSentinel{display:block;width:1px;height:1px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.remyxx-tools{align-items:stretch;flex-direction:column}.archive-count{padding-left:4px}.remyxx-search{min-width:0;width:100%}.story-media{aspect-ratio:16/8}.story-card.featured .story-media{aspect-ratio:16/8}}
@media(max-width:640px){.story-card{gap:14px}.story-media{margin:-20px -20px 0}.story-card .story-meta{align-items:flex-start;flex-direction:column}.story-card .story-action{width:100%;justify-content:center}.remyxx-tools{margin-top:-8px}.remyxx-layout-wow .featured-episode-art{aspect-ratio:16/10}.episode-row{min-height:104px}.episode-list-head{align-items:flex-start}.episode-list-head h2{font-size:2rem}}

/* ============================================================
   v16 STRICT APP PARITY ... one visual system on every screen
   ============================================================ */
:root{
  --app-radius:30px;
  --app-radius-sm:20px;
  --app-glass:linear-gradient(145deg,rgba(26,24,29,.88),rgba(10,10,13,.82));
  --app-line:rgba(255,255,255,.12);
  --app-ease:cubic-bezier(.22,.8,.22,1);
  --mobile-tabs:0px;
}
html{background:#08090b}
body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(255,184,0,.08),transparent 38%),#08090b}
main{view-transition-name:myxx-content}
#routeView{opacity:0;transform:translateY(8px);transition:opacity .38s var(--app-ease),transform .38s var(--app-ease)}
#routeView.route-enter{opacity:1;transform:none}
.page-shell{max-width:1380px}
.topbar,.player-dock,.mobile-tabbar,.remyxx-embed-panel{box-shadow:0 22px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.1)}
.topbar{transition:transform .32s var(--app-ease),background .32s ease,border-color .32s ease}
.primary-action,.secondary-action,.listen-pill,.icon-button,.menu-button,.dock-play,.episode-row button,.episode-big-play,.pulse-tabs button,.remyxx-filters button,.mobile-tabbar a{transition:transform .2s var(--app-ease),filter .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.primary-action:active,.secondary-action:active,.listen-pill:active,.dock-play:active,.episode-row button:active,.episode-big-play:active,.mobile-tabbar a:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.primary-action:hover,.listen-pill:hover{filter:brightness(1.08);transform:translateY(-2px)}.secondary-action:hover,.icon-button:hover,.menu-button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.album-tile:hover,.story-card:hover,.episode-row:hover,.host-profile:hover{transform:translateY(-4px)}}

/* Mobile app bar: primary routes always one thumb away. */
.mobile-tabbar{display:none;position:fixed;z-index:190;left:50%;bottom:max(7px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 14px),560px);height:66px;padding:5px;border:1px solid rgba(255,255,255,.14);border-radius:23px;background:rgba(13,13,16,.88);backdrop-filter:blur(28px) saturate(165%)}
.mobile-tabbar a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:17px;color:#aba69e;font-size:.64rem;font-weight:850;letter-spacing:.01em}
.mobile-tabbar a span{display:grid;place-items:center;width:25px;height:23px;color:#d8d2c7;font-size:1.05rem;line-height:1}
.mobile-tabbar a.active{color:#111;background:linear-gradient(135deg,var(--yellow),#ff9b18);box-shadow:0 8px 24px rgba(255,184,0,.22)}
.mobile-tabbar a.active span{color:#111}

/* Embedded REMYXX fallback keeps the listener inside the MYXX app. */
.remyxx-embed-sheet{position:fixed;z-index:520;inset:0;display:grid;align-items:end;pointer-events:none;visibility:hidden}
.remyxx-embed-sheet.open{pointer-events:auto;visibility:visible}
.remyxx-embed-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);opacity:0;transition:opacity .32s ease}
.remyxx-embed-sheet.open .remyxx-embed-backdrop{opacity:1}
.remyxx-embed-panel{position:relative;width:min(calc(100% - 28px),880px);margin:0 auto max(18px,env(safe-area-inset-bottom));padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:linear-gradient(150deg,#1d1b21,#090a0d);transform:translateY(110%);transition:transform .42s var(--app-ease)}
.remyxx-embed-sheet.open .remyxx-embed-panel{transform:none}
.remyxx-embed-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 2px 13px}
.remyxx-embed-head>div:first-child{min-width:0;display:grid;gap:2px}.remyxx-embed-head small{color:var(--yellow);font-weight:950;letter-spacing:.14em}.remyxx-embed-head strong,.remyxx-embed-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remyxx-embed-head strong{font-size:1.05rem}.remyxx-embed-head span{color:var(--muted);font-size:.78rem}.remyxx-embed-head>div:last-child{display:flex;gap:8px}
.embed-live-button,.embed-close-button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;height:42px;padding:0 13px;font-weight:850}.embed-close-button{width:42px;padding:0;font-size:1.55rem}.embed-live-button{color:#111;background:var(--yellow)}
.remyxx-embed-frame{min-height:190px;border-radius:20px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.1)}
.remyxx-embed-frame iframe{display:block;width:100%;height:220px;border:0;background:#111}
.remyxx-embed-note{margin:10px 4px 0;color:var(--muted);font-size:.72rem;text-align:center}
body.embed-player-open{overflow:hidden}

/* REMYXX archive feels like a first-class streaming shelf. */
.archive-summary{display:grid;justify-items:end;gap:3px;text-align:right}.archive-summary strong{font-size:.88rem}.archive-summary span{max-width:430px;color:var(--muted);font-size:.72rem;line-height:1.4}
.episode-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.secondary-action.compact{min-height:48px;padding-inline:18px}
.episode-row-copy{min-width:0}.episode-row-copy h3,.episode-row-copy p{overflow:hidden;text-overflow:ellipsis}.episode-row-copy h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.remyxx-filters{scrollbar-width:none}.remyxx-filters::-webkit-scrollbar{display:none}
.remyxx-layout-wow .featured-episode,.episode-row{background:var(--app-glass);border-color:var(--app-line)}
.featured-episode-art:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.5));pointer-events:none}

/* Shared component parity: same cards and hierarchy, only reflowed. */
.story-card,.request-console,.on-air-host,.schedule-list,.featured-episode,.episode-list,.playlist-hero-track,.show-now,.pulse-weather-large,.traffic-quick{border-radius:var(--app-radius)}
.story-grid,.playlist-grid,.host-gallery{align-items:stretch}
.story-card,.album-tile,.episode-row,.schedule-row,.host-profile{will-change:transform}
.pulse-tabs button,.remyxx-filters button{min-height:44px}
.site-footer{padding-bottom:calc(120px + var(--mobile-tabs))}

@media(max-width:900px){
  :root{--mobile-tabs:78px}
  body{padding-bottom:calc(160px + env(safe-area-inset-bottom))}
  .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr)}
  .topbar{height:64px;width:calc(100% - 14px);border-radius:22px;padding:6px 8px 6px 11px;background:rgba(13,13,16,.88)}
  .topbar .brand{width:112px}.topbar .brand img{width:108px}
  .topbar .listen-pill{display:none}.topbar .menu-button{display:grid}
  .page-shell,html:not([data-route="home"]) .page-shell{width:calc(100% - 24px);padding-top:88px;padding-bottom:52px}
  .route-hero{min-height:auto;padding:36px 0 28px}.route-hero:after{opacity:.48}.route-hero>div{max-width:100%}.route-hero h1{font-size:clamp(3.6rem,14.5vw,7rem);line-height:.88}.route-hero p:not(.eyebrow){max-width:680px}
  .live-stage{grid-template-columns:1fr;gap:22px;padding:28px 0 42px}.live-copy{padding:18px 0 0}.live-copy h1{font-size:clamp(4.8rem,17vw,8.8rem)}.live-copy h1 .script{font-size:.28em}.now-orbit{min-height:560px}.artwork-stage{width:min(72vw,500px)}
  .pulse-layout{display:block}.pulse-tabs{position:sticky;z-index:8;top:78px;margin:0 -12px 18px;padding:7px 12px 9px;background:linear-gradient(#08090b 75%,transparent);display:flex;overflow-x:auto;scroll-snap-type:x proximity}.pulse-tabs button{scroll-snap-align:start;flex:0 0 auto;padding-inline:18px;border:1px solid rgba(255,255,255,.1);background:#141419}.pulse-tabs button.active{border-color:transparent}
  .pulse-overview{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .remyxx-tools{align-items:stretch}.archive-summary{justify-items:start;text-align:left}.remyxx-layout-wow{grid-template-columns:1fr}.remyxx-layout-wow .featured-episode{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1fr);position:relative;top:auto}.episode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.episode-list-head,.remyxx-load-more{grid-column:1/-1}.episode-row{grid-template-columns:82px minmax(0,1fr) 44px;min-height:110px}
  .player-dock{z-index:210;bottom:calc(80px + env(safe-area-inset-bottom));width:min(calc(100% - 14px),720px)}
  .site-footer{padding-bottom:190px}
}

@media(max-width:640px){
  .page-shell,html:not([data-route="home"]) .page-shell{width:calc(100% - 20px);padding-top:82px}
  .topbar{top:max(6px,env(safe-area-inset-top));height:60px}.topbar .brand{width:102px}.topbar .brand img{width:98px}.top-actions{gap:5px}.menu-button{width:44px;height:44px}
  .route-hero{padding:30px 2px 22px}.route-hero h1{font-size:clamp(3.25rem,15.8vw,5.2rem)}
  .live-stage{padding-top:20px}.live-copy h1{font-size:clamp(4.25rem,20vw,6.4rem)}.live-description{font-size:.96rem}.live-actions{grid-template-columns:1fr 1fr}.live-actions>*{width:100%}.now-orbit{min-height:480px}.artwork-stage{width:min(78vw,390px)}.track-float{left:-6px;right:-6px;bottom:-54px}.show-bubble{right:-4px}
  .pulse-overview{grid-template-columns:1fr;gap:12px}.pulse-weather-large,.traffic-quick{min-height:0;padding:22px;border-radius:24px}.pulse-weather-large .weather-temp{font-size:5.6rem}.story-grid{grid-template-columns:1fr}.story-card{border-radius:24px}.story-card.featured{min-height:auto}.story-card .story-action{width:auto;align-self:flex-start}.story-media{aspect-ratio:16/9}
  .remyxx-route-hero .remyxx-benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.remyxx-benefits span{flex:0 0 auto;scroll-snap-align:start}.remyxx-tools{gap:10px}.archive-summary span{font-size:.7rem}.remyxx-filters{display:flex;overflow-x:auto;gap:7px;margin-inline:-10px;padding:0 10px 8px}.remyxx-filters button{flex:0 0 auto;white-space:nowrap}.remyxx-layout-wow .featured-episode{display:block;border-radius:24px}.featured-episode-copy{padding:18px 4px 4px}.featured-episode-copy h2{font-size:clamp(2rem,10vw,3rem)}.episode-actions{display:grid;grid-template-columns:1fr}.episode-actions>*{width:100%}.episode-list{grid-template-columns:1fr}.episode-row{grid-template-columns:76px minmax(0,1fr) 42px;min-height:96px;border-radius:20px;padding:9px}.episode-row-art{width:76px;height:76px}.episode-row-copy p{display:block;font-size:.65rem;white-space:nowrap}.episode-row button{width:40px;height:40px}
  .player-dock{bottom:calc(78px + env(safe-area-inset-bottom));grid-template-columns:48px minmax(0,1fr) auto;min-height:68px;border-radius:20px}.dock-art-wrap,.dock-art-wrap img{width:48px;height:48px}.dock-play{width:48px;height:48px}.dock-controls{gap:4px}body.is-episode-active #dockBackToLive{display:inline-flex;padding:8px;font-size:.64rem}.dock-volume-button{display:none}
  .mobile-tabbar{height:64px;border-radius:21px}.mobile-tabbar a{border-radius:16px}
  .remyxx-embed-panel{width:calc(100% - 12px);margin-bottom:calc(6px + env(safe-area-inset-bottom));padding:11px;border-radius:24px}.remyxx-embed-head{padding:2px 2px 10px}.embed-live-button{font-size:.72rem}.remyxx-embed-frame iframe{height:210px}.remyxx-embed-note{display:none}
  .site-footer{width:calc(100% - 20px);padding-bottom:185px}
}

@media(max-width:370px){
  .live-actions{grid-template-columns:1fr}.mobile-tabbar a{font-size:.58rem}.mobile-tabbar a span{font-size:.95rem}.episode-row{grid-template-columns:68px minmax(0,1fr) 40px}.episode-row-art{width:68px;height:68px}.dock-track span{display:none}
}
@media(max-height:650px) and (orientation:landscape){.mobile-tabbar{height:56px}.player-dock{bottom:calc(66px + env(safe-area-inset-bottom))}.page-shell,html:not([data-route="home"]) .page-shell{padding-top:74px}.remyxx-embed-frame iframe{height:170px}}
@media(prefers-reduced-motion:reduce){#routeView,.remyxx-embed-panel,.remyxx-embed-backdrop{transition:none!important}}


/* ============================================================
   v16 APP PARITY ... MYXX strict-QA app reliability layer
   ============================================================ */
:root{--app-max:1480px;--app-radius:30px;--app-ease:cubic-bezier(.22,1,.36,1);--dock-clearance:118px}
html{scroll-behavior:smooth;background:#08090b}body{min-height:100dvh;background:radial-gradient(circle at 22% 12%,rgba(255,190,0,.045),transparent 32%),radial-gradient(circle at 82% 16%,rgba(113,63,255,.055),transparent 34%),#08090b}
#routeView{min-height:70dvh;view-transition-name:myxx-route}.topbar{view-transition-name:myxx-header}.player-dock{view-transition-name:myxx-player}.mobile-tabbar{view-transition-name:myxx-tabs}
::view-transition-old(myxx-route){animation:myxx-route-out .18s ease both}::view-transition-new(myxx-route){animation:myxx-route-in .42s var(--app-ease) both}@keyframes myxx-route-out{to{opacity:0;transform:translateY(-5px) scale(.998)}}@keyframes myxx-route-in{from{opacity:0;transform:translateY(10px) scale(.995)}}
.page-shell{max-width:var(--app-max)}.story-card,.album-tile,.episode-row,.schedule-row,.host-profile{will-change:auto;contain:layout paint}.story-card:hover,.album-tile:hover,.episode-row:hover,.schedule-row:hover,.host-profile:hover{transform:translateY(-3px)}
.mobile-tabbar a span svg{width:22px;height:22px;fill:currentColor}.mobile-tabbar a span{font-size:0}.mobile-tabbar a{position:relative;isolation:isolate}.mobile-tabbar a:after{content:"";position:absolute;inset:5px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,0));opacity:0;transition:opacity .25s}.mobile-tabbar a.active:after{opacity:.35}.mobile-tabbar a>*{position:relative;z-index:1}
.artwork-pending{filter:saturate(.82) brightness(.92)}img.artwork-swap{opacity:.35;transform:scale(.985)}img[data-expected-art-key]{transition:opacity .24s ease,transform .34s var(--app-ease),filter .34s ease}
.live-stage,.remyxx-layout,.pulse-layout,.request-layout,.shows-layout{transition:grid-template-columns .35s var(--app-ease),gap .35s var(--app-ease)}
.remyxx-tools{position:relative;z-index:3}.archive-summary strong{color:#fff}.archive-summary span{max-width:520px}.remyxx-layout-wow{align-items:start}.featured-episode{overflow:hidden}.featured-episode-art img{object-fit:cover}.episode-list{align-content:start}.episode-row{transition:border-color .25s,background .25s,transform .28s var(--app-ease),box-shadow .28s}.episode-row.playing{border-color:rgba(255,212,0,.75);box-shadow:0 22px 70px rgba(255,190,0,.09)}
.remyxx-embed-panel{box-shadow:0 32px 120px rgba(0,0,0,.7)}.remyxx-embed-frame{min-height:230px}.remyxx-embed-frame iframe{height:250px}
.player-dock{box-shadow:0 20px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)}.dock-art-wrap{overflow:hidden}.dock-art-wrap img{transform-origin:center}
.topbar{box-shadow:0 18px 70px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.065)}.desktop-nav a,.top-actions button,.mobile-tabbar a{transition:color .2s,background .25s,transform .2s,box-shadow .25s}.desktop-nav a:active,.top-actions button:active,.mobile-tabbar a:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.story-card:hover,.album-tile:hover,.episode-row:hover,.schedule-row:hover,.host-profile:hover{box-shadow:0 26px 80px rgba(0,0,0,.28)}}
@media(max-width:900px){
  :root{--app-radius:25px;--dock-clearance:152px}.page-shell,html:not([data-route="home"]) .page-shell{width:min(calc(100% - 20px),760px)}
  .topbar{left:10px;right:10px;transform:none;width:auto}.topbar .brand{flex:0 0 auto}.top-actions{margin-left:auto}
  .route-hero{display:grid;grid-template-columns:1fr;align-items:end}.route-hero>div{width:100%}.route-hero h1{max-width:13ch}
  .live-stage{display:grid;grid-template-columns:1fr;align-items:center}.live-copy{order:1}.now-orbit{order:2;width:100%;max-width:680px;margin-inline:auto}.live-copy,.now-orbit{justify-self:stretch}
  .story-grid,.host-gallery,.playlist-grid{gap:12px}.story-card,.host-profile,.album-tile{border-radius:var(--app-radius)}
  .remyxx-layout-wow .featured-episode{grid-template-columns:minmax(220px,.8fr) minmax(0,1.15fr)}.episode-list{grid-template-columns:1fr 1fr}
  .site-footer{margin-bottom:0}.footer-grid{gap:28px}
}
@media(max-width:640px){
  body{padding-bottom:calc(154px + env(safe-area-inset-bottom))}.ambient{opacity:.8}.page-shell,html:not([data-route="home"]) .page-shell{width:calc(100% - 16px);padding-top:78px}
  .topbar{left:7px;right:7px;width:auto;border-radius:20px}.topbar .brand{width:104px}.topbar .brand img{width:100px}.icon-button{display:none}
  .route-hero{padding-inline:4px}.route-hero h1{max-width:11ch;letter-spacing:-.055em}.route-hero p:not(.eyebrow){font-size:.96rem;line-height:1.58}
  .live-stage{gap:8px;padding-bottom:32px}.live-copy{padding-top:8px}.live-copy h1{font-size:clamp(3.85rem,18.5vw,6.2rem);max-width:8ch}.now-orbit{min-height:455px}.artwork-stage{width:min(82vw,390px)}.track-float{left:4px;right:4px;bottom:-38px;border-radius:21px}.show-bubble{right:2px;top:12px}
  .pulse-tabs{top:70px}.story-grid,.playlist-grid,.host-gallery,.episode-list{grid-template-columns:1fr}.story-card{min-height:0}.story-card.featured{grid-column:auto}.story-card h2,.story-card h3{overflow-wrap:anywhere}
  .remyxx-layout-wow .featured-episode{display:block}.featured-episode-art{aspect-ratio:16/10}.featured-episode-copy{padding:20px}.episode-list{display:grid}.episode-row{min-height:104px}.archive-summary{padding-inline:3px}.archive-summary strong{font-size:.82rem}.archive-summary span{font-size:.68rem}
  .player-dock{left:7px;right:7px;transform:none;width:auto;bottom:calc(73px + env(safe-area-inset-bottom));min-height:66px}.mobile-tabbar{left:7px;right:7px;transform:none;width:auto;bottom:max(6px,env(safe-area-inset-bottom));height:62px}
  .mobile-tabbar a b{font-size:.6rem}.mobile-tabbar a span svg{width:20px;height:20px}.dock-track strong{font-size:.78rem}.dock-track small{font-size:.57rem}.dock-track span{font-size:.66rem}
  .remyxx-embed-panel{max-height:calc(100dvh - 14px);overflow:auto}.remyxx-embed-frame{min-height:215px}.remyxx-embed-frame iframe{height:235px}
  .site-footer{width:calc(100% - 16px);border-radius:26px 26px 0 0}.footer-grid{grid-template-columns:1fr}.footer-grid nav{display:flex;flex-wrap:wrap;gap:12px 18px}
}
@media(max-width:370px){.topbar .brand{width:88px}.topbar .brand img{width:86px}.now-orbit{min-height:420px}.mobile-tabbar a b{font-size:.54rem}.dock-track span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.story-card,.album-tile,.episode-row,.schedule-row,.host-profile,img[data-expected-art-key]{transition:none!important}}


/* ============================================================
   v16.0.1 strict-QA corrections: fixed chrome geometry
   ============================================================ */
#routeView{view-transition-name:myxx-route}
.topbar,.player-dock,.mobile-tabbar{view-transition-name:none!important}
.topbar{left:16px!important;right:16px!important;transform:none!important;width:auto!important;max-width:1380px!important;margin-inline:auto!important}
@media(max-width:900px){.topbar{left:10px!important;right:10px!important;max-width:none!important;margin-inline:0!important}}
@media(max-width:640px){.topbar{left:7px!important;right:7px!important}}

/* v16.0.2 preloaded artwork handoff: no visible flash */
img.artwork-swap{opacity:1!important;transform:scale(1.008)!important;filter:saturate(1.02)!important}


/* v19 smart history, request availability, manifesto and artwork sizing */
.manifesto-intro{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:end}.manifesto-title{min-width:0}.manifesto-title .eyebrow{margin-bottom:10px}.manifesto-title h2{margin:0}.manifesto-intro>p{align-self:end}
.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.album-tile{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:10px;background:rgba(255,255,255,.025)}.album-tile-copy{padding:0 5px 7px}.album-tile time{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:11px;border-top:1px solid rgba(255,255,255,.09);padding-top:9px}.album-tile time b{font-size:.92rem;color:var(--yellow)}.album-tile time small{font-size:.64rem;color:var(--muted);text-align:right}.history-filters{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(150px,.7fr) minmax(140px,.55fr) auto auto;gap:10px;align-items:end;margin:0 0 12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.035)}.history-filters label{display:grid;gap:6px}.history-filters label span{font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.history-filters input,.history-filters select{height:50px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#15151a;color:#fff;padding:0 14px;font:inherit}.history-filters .primary-action,.history-filters .secondary-action{height:50px;min-height:50px}.history-presets{display:flex;gap:8px;margin:0 0 20px}.history-presets button{border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);padding:9px 14px;font-weight:850;cursor:pointer}.history-presets button.active{background:var(--yellow);color:#111;border-color:var(--yellow)}
.request-result small{display:block;margin-top:4px;font-size:.68rem;color:#5f5845;white-space:normal;line-height:1.25}.request-result.is-unavailable{opacity:.58;filter:saturate(.35);cursor:not-allowed;background:rgba(255,255,255,.28)}.request-result.is-unavailable:hover{background:rgba(255,255,255,.28)}.request-result.is-unavailable em{background:#756f60;color:#fff}.request-result:disabled{pointer-events:none}
.artwork-stage img,.dock-art-wrap img,.playlist-hero-art img,.album-cover img{background:#121217}
@media(max-width:900px){.manifesto-intro{grid-template-columns:1fr}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filters{grid-template-columns:1fr 1fr}.history-filters label:first-child{grid-column:1/-1}}
@media(max-width:640px){.playlist-grid{grid-template-columns:1fr}.album-tile{grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px}.album-cover{border-radius:18px}.album-tile strong{margin-top:3px}.album-tile time{align-items:start;flex-direction:column;gap:2px}.album-tile time small{text-align:left}.history-filters{grid-template-columns:1fr}.history-filters label:first-child{grid-column:auto}.history-filters .primary-action,.history-filters .secondary-action{width:100%}.history-presets{overflow-x:auto;padding-bottom:4px}.request-result{grid-template-columns:52px minmax(0,1fr) auto}.request-result em{display:block;font-size:.62rem;padding:7px}.manifesto-intro{gap:16px}}
@media(max-width:360px){.playlist-grid{grid-template-columns:1fr}}

/* v19 APP PARITY ... smart artwork, exact history, request availability, REMYXX metadata */
/* v17.0.1 manifesto balance: explanatory copy starts alongside the headline */
.manifesto-intro{align-items:start}.manifesto-intro>p{align-self:start;margin-top:46px}
@media(max-width:900px){.manifesto-intro>p{margin-top:0}}

/* ============================================================
   v19 MOBILE PREMIUM QA
   Final authoritative mobile layout. Desktop Signal City remains intact.
   ============================================================ */
@media (max-width:720px){
  :root{
    --mobile-header-h:58px;
    --mobile-player-h:64px;
    --mobile-nav-h:58px;
    --mobile-chrome-gap:8px;
    --mobile-bottom-clear:calc(var(--mobile-player-h) + var(--mobile-nav-h) + 28px + env(safe-area-inset-bottom));
    --app-radius:22px;
  }
  html,body{inline-size:100%;max-inline-size:100%;overflow-x:clip!important}
  html{scroll-padding-top:76px}
  body{padding-bottom:var(--mobile-bottom-clear)!important;background:#08090b}
  #routeView{overflow:clip;max-width:100%}
  .page-shell,html:not([data-route="home"]) .page-shell{
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:74px 14px 44px!important;
  }
  .page-shell>*{min-width:0;max-width:100%}

  /* Compact, solid app header. Content always starts below it. */
  .topbar{
    top:max(6px,env(safe-area-inset-top))!important;left:8px!important;right:8px!important;
    height:var(--mobile-header-h)!important;width:auto!important;max-width:none!important;
    padding:5px 7px 5px 10px!important;border-radius:19px!important;
    background:rgba(10,10,13,.96)!important;border-color:rgba(255,255,255,.14)!important;
    backdrop-filter:blur(22px) saturate(150%);box-shadow:0 12px 42px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07)!important;
  }
  .topbar .brand{width:104px!important;min-width:104px!important;height:48px!important}
  .topbar .brand img{width:100px!important;max-height:48px;object-fit:contain}
  .top-actions{gap:4px!important}.menu-button{width:44px!important;height:44px!important;border-radius:14px!important}
  .menu-button span{width:19px!important}.desktop-nav,.listen-pill,.icon-button{display:none!important}

  /* Route headlines stay dramatic without behaving like browser zoom. */
  .route-hero{min-height:0!important;padding:28px 2px 26px!important;overflow:hidden}
  .route-hero:after{font-size:44vw!important;right:-9vw!important;opacity:.55}
  .route-hero h1{font-size:clamp(3.25rem,14.2vw,4.75rem)!important;line-height:.88!important;letter-spacing:-.045em!important;max-width:100%!important;text-wrap:balance;overflow-wrap:normal!important}
  .route-hero p:not(.eyebrow){font-size:.96rem!important;line-height:1.55!important;max-width:36rem;margin-top:15px}
  .eyebrow{font-size:.66rem!important;letter-spacing:.17em!important}
  .display{overflow-wrap:normal;word-break:normal}
  .section-head{display:grid!important;gap:11px!important;margin-bottom:18px!important}
  .section-head h2{font-size:clamp(2.85rem,13.2vw,4rem)!important;line-height:.9!important;max-width:100%;text-wrap:balance}
  .section-head p{font-size:.86rem!important;margin:0}
  .home-section{padding:38px 0!important}

  /* One restrained chrome stack at the bottom, with guaranteed content clearance. */
  .player-dock{
    left:8px!important;right:8px!important;bottom:calc(var(--mobile-nav-h) + 14px + env(safe-area-inset-bottom))!important;
    width:auto!important;height:var(--mobile-player-h)!important;min-height:var(--mobile-player-h)!important;
    padding:6px!important;gap:8px!important;border-radius:20px!important;
    grid-template-columns:48px minmax(0,1fr) 50px!important;background:rgba(12,12,15,.97)!important;
    border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(24px) saturate(145%);
  }
  .dock-art-wrap,.dock-art-wrap img{width:48px!important;height:48px!important;border-radius:14px!important}
  .dock-wave{display:none!important}.dock-controls{display:block!important}.dock-play{width:50px!important;height:50px!important;border-radius:17px!important}
  .dock-volume-button,#dockBackToLive{display:none!important}.dock-track{gap:0!important;line-height:1.15!important}
  .dock-track small{font-size:.55rem!important;letter-spacing:.14em}.dock-track strong{font-size:.78rem!important;line-height:1.15!important}.dock-track span{font-size:.64rem!important;margin-top:3px!important}
  .mobile-tabbar{
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:8px!important;right:8px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;
    transform:none!important;width:auto!important;height:var(--mobile-nav-h)!important;padding:4px!important;
    border-radius:20px!important;background:rgba(11,11,14,.97)!important;border-color:rgba(255,255,255,.15)!important;
  }
  .mobile-tabbar a{gap:1px!important;border-radius:15px!important;font-size:.58rem!important}
  .mobile-tabbar a span{width:22px!important;height:21px!important}.mobile-tabbar a span svg{width:18px!important;height:18px!important}.mobile-tabbar a b{font-size:.56rem!important}

  /* Live home: premium editorial scale, no giant overlapping ornaments. */
  .live-stage{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;padding:17px 0 26px!important}
  .live-copy{padding:14px 2px 4px!important}.live-kicker{font-size:.62rem!important;letter-spacing:.12em!important}.live-kicker:before{width:22px}
  .live-copy h1{font-size:clamp(4rem,17vw,5.5rem)!important;line-height:.86!important;max-width:9ch!important;margin-top:24px!important}
  .live-copy h1 .script{font-size:.25em!important;margin:8px 0 10px 4px!important;transform:rotate(-2deg)!important}
  .live-description{font-size:.95rem!important;line-height:1.58!important;margin:18px 0!important;max-width:34rem}
  .live-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.primary-action,.secondary-action{min-height:50px!important;padding:0 13px!important;border-radius:16px!important;font-size:.79rem!important}
  .signal-strip{margin-top:16px!important;gap:6px!important}.signal-strip span{font-size:.63rem!important;padding:7px 9px!important}
  .now-orbit{min-height:390px!important;width:100%!important;margin-top:5px!important}.orbit-ring{width:min(92vw,370px)!important}.artwork-stage{width:min(77vw,330px)!important}
  .artwork-frame{border-radius:26px!important}.artwork-frame img{border-radius:20px!important}.onair-ribbon{left:-10px!important;top:28px!important;font-size:.62rem!important;padding:7px 10px!important}
  .show-bubble{display:none!important}.track-float{left:-4px!important;right:-4px!important;bottom:-35px!important;padding:13px 15px!important;border-radius:19px!important}.track-float h2{font-size:1.25rem!important}.track-float p{font-size:.76rem!important}
  .heat-marquee{height:47px!important;margin-inline:-14px!important}.heat-marquee div{font-size:1.15rem!important}

  /* Recently played is a readable broadcast log, not tiny two-column cards. */
  .album-river,.playlist-grid{
    display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;
    gap:9px!important;overflow:visible!important;padding:3px 0 8px!important;
  }
  .album-tile,.playlist-grid .album-tile{
    display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;
    min-height:88px!important;padding:8px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
    border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;scroll-snap-align:none!important;
  }
  .album-cover{width:72px!important;height:72px!important;aspect-ratio:1!important;border-radius:15px!important;box-shadow:none!important}.album-cover:after{display:none!important}
  .album-tile-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important;padding:0 4px 0 0!important;min-width:0!important}
  .album-tile strong{grid-column:1;grid-row:1;margin:0!important;font-size:.92rem!important;line-height:1.18!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-height:0!important;display:block!important}
  .album-tile span{grid-column:1;grid-row:2;font-size:.72rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#bcb7ae!important}
  .album-tile time{grid-column:2;grid-row:1/3;display:grid!important;justify-items:end!important;align-content:center!important;gap:2px!important;margin:0!important;padding:0 0 0 8px!important;border:0!important;min-width:76px!important}
  .album-tile time b{font-size:.87rem!important;color:var(--yellow)!important;white-space:nowrap}.album-tile time small{font-size:.56rem!important;line-height:1.2!important;text-align:right!important;max-width:82px!important}
  .playlist-hero-track{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:15px!important;padding:12px!important;margin:0 0 30px!important;border-radius:22px!important;align-items:center!important}
  .playlist-hero-art{width:92px!important;height:92px!important;margin:0!important;border-radius:17px!important}.playlist-hero-track h2{font-size:clamp(1.7rem,8vw,2.35rem)!important;line-height:.95!important}.playlist-hero-track h3{font-size:.95rem!important;margin:7px 0 2px!important}.playlist-hero-track p{font-size:.72rem!important}.playlist-hero-track .live-actions{display:none!important}
  .history-filters{grid-template-columns:1fr!important;padding:13px!important;border-radius:20px!important;gap:9px!important}.history-filters input,.history-filters select{height:46px!important}.history-presets{gap:6px!important;margin-bottom:14px!important}.history-presets button{font-size:.7rem!important;padding:8px 12px!important}

  /* Request experience: dark premium console with yellow as an accent, never a giant yellow slab. */
  .request-world{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.request-console{
    min-height:0!important;padding:20px!important;border-radius:24px!important;color:#fff!important;
    background:radial-gradient(circle at 90% 0,rgba(255,212,0,.18),transparent 35%),linear-gradient(150deg,#1c1a20,#0d0e12 72%)!important;
    border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
  }
  .request-console:before{background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 36%)!important}.request-console .eyebrow{color:var(--yellow)!important}.request-console .chip{background:var(--yellow)!important;color:#111!important}
  .request-status{align-items:flex-start!important}.request-status h2{font-size:1.35rem!important}.request-console>p{color:#c7c2b9!important;font-size:.9rem!important}
  .search-box{grid-template-columns:minmax(0,1fr) 50px!important;margin:19px 0 14px!important;gap:8px!important}.search-box input{height:52px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;border-radius:15px!important;padding:0 14px!important;font-size:.93rem!important}.search-box input::placeholder{color:#8f8a83!important}.search-box button{width:50px!important;border-radius:15px!important;background:var(--yellow)!important;color:#111!important}
  .request-empty{padding:27px 15px!important;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.025)!important}.request-empty p{color:#9f9a91!important}
  .request-results{gap:7px!important}.request-result{grid-template-columns:48px minmax(0,1fr) auto!important;background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.1)!important;border-radius:15px!important;padding:7px!important}.request-result img{width:48px!important;height:48px!important;border-radius:11px!important}.request-result span,.request-result small{color:#aaa49a!important}.request-result em{background:var(--yellow)!important;color:#111!important;font-size:.59rem!important;padding:6px 7px!important}.request-result.is-unavailable{background:rgba(255,255,255,.025)!important;opacity:.48!important}
  .request-side{grid-template-columns:1fr!important;gap:10px!important}.request-side-panel{padding:19px!important;border-radius:21px!important}.request-side-panel h3{font-size:1.15rem!important}.request-side-panel p{font-size:.85rem!important;line-height:1.55!important}
  .selected-song{grid-template-columns:60px minmax(0,1fr) auto!important;padding:9px!important;border-radius:17px!important}.selected-song img{width:60px!important;height:60px!important}.selected-song button{grid-column:auto!important}

  /* Pulse: no zoomed headline, no clipped categories, no full-screen low-res photos. */
  html[data-route="pulse"] .route-hero h1{font-size:clamp(3.15rem,14vw,4.3rem)!important;max-width:10ch!important}
  .pulse-layout{display:block!important}.pulse-tabs{
    position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;margin:0 0 15px!important;padding:0!important;background:none!important;overflow:visible!important;
  }
  .pulse-tabs button{min-width:0!important;min-height:40px!important;padding:7px 5px!important;border-radius:13px!important;text-align:center!important;font-size:.68rem!important;white-space:normal!important;line-height:1.1!important;background:#15151a!important;border:1px solid rgba(255,255,255,.1)!important}
  .pulse-tabs button.active{background:var(--yellow)!important;color:#111!important;border-color:var(--yellow)!important}
  .pulse-overview{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important}.pulse-weather-large,.traffic-quick{padding:18px!important;border-radius:22px!important;min-height:0!important}.pulse-weather-large .weather-temp{font-size:4.8rem!important}.pulse-weather-large .weather-main{align-items:center!important}.forecast-mini{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.forecast-mini>div{padding:8px 4px!important}.forecast-mini strong,.forecast-mini span{font-size:.63rem!important}.forecast-mini small{font-size:.52rem!important}
  .traffic-quick{gap:14px!important}.traffic-quick h2{font-size:1.3rem!important}.traffic-headline{font-size:.86rem!important}.traffic-facts span,.traffic-facts time{font-size:.61rem!important;padding:6px 8px!important}
  .story-grid{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.story-card,.story-card.featured{
    display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;grid-template-areas:"media copy" "meta meta"!important;
    min-height:0!important;padding:10px!important;gap:11px!important;border-radius:20px!important;contain:none!important;background:linear-gradient(145deg,rgba(28,27,32,.94),rgba(13,14,17,.96))!important;
  }
  .story-card:not(.has-media),.story-card.low-res-media{grid-template-columns:1fr!important;grid-template-areas:"copy" "meta"!important}.story-card.low-res-media .story-media{display:none!important}
  .story-media{grid-area:media!important;width:94px!important;height:94px!important;aspect-ratio:1!important;margin:0!important;border-radius:15px!important;align-self:start!important}.story-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .story-copy{grid-area:copy!important;min-width:0!important}.story-label{font-size:.58rem!important}.story-card h3{font-size:1rem!important;line-height:1.16!important;margin:7px 0 4px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card p{font-size:.72rem!important;line-height:1.38!important;-webkit-line-clamp:2!important;margin:0!important}
  .story-meta{grid-area:meta!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-direction:row!important;gap:8px!important;margin-top:2px!important}.story-meta .chip{font-size:.59rem!important;min-height:28px!important;padding:0 9px!important}.story-card .story-action{width:auto!important;min-height:30px!important;padding:5px 9px!important;font-size:.65rem!important;margin-left:auto!important}

  /* Shows: the host card is a composed card, not a full-screen cropped portrait. */
  html[data-route="shows"] .route-hero h1{font-size:clamp(3.05rem,13vw,4.35rem)!important;max-width:11ch!important}
  .schedule-stage{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}.on-air-host{position:relative!important;top:auto!important;min-height:0!important;height:auto!important;border-radius:24px!important;display:grid!important;grid-template-rows:310px auto!important;overflow:hidden!important}.on-air-host>img{position:relative!important;width:100%!important;height:310px!important;min-height:0!important;object-fit:cover!important;object-position:50% 18%!important}.on-air-host:after{height:310px!important;bottom:auto!important;background:linear-gradient(to top,rgba(10,10,13,.72),transparent 58%)!important}.on-air-copy{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:18px!important;background:linear-gradient(145deg,#17171c,#0c0d10)!important}.on-air-copy h2{font-size:clamp(2.5rem,12vw,3.7rem)!important;line-height:.9!important}.on-air-copy h3{font-size:1.2rem!important;margin:9px 0 5px!important}.on-air-copy p{font-size:.82rem!important;line-height:1.48!important;margin:0 0 12px!important}.on-air-copy .chip{font-size:.65rem!important}
  .schedule-day-tabs{position:static!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding:0!important;margin:5px 0 10px!important}.schedule-day-tabs button{min-width:0!important;padding:8px 3px!important;font-size:.72rem!important;border-radius:13px!important}
  .schedule-list{gap:8px!important;border-radius:22px!important}.schedule-row{grid-template-columns:68px 48px minmax(0,1fr)!important;gap:9px!important;padding:9px!important;border-radius:16px!important}.schedule-row img{width:48px!important;height:48px!important;border-radius:12px!important}.schedule-time{font-size:.78rem!important}.schedule-row h3{font-size:.88rem!important;line-height:1.2!important}.schedule-row p{display:block!important;font-size:.64rem!important}.schedule-row em{display:none!important}.specials-row{grid-template-columns:1fr!important;gap:8px!important}

  /* REMYXX: compact featured replay and clean list; nothing overlaps. */
  html[data-route="remyxx"] .route-hero h1{font-size:clamp(3.2rem,14vw,4.45rem)!important;max-width:11ch!important}.remyxx-benefits{display:none!important}.remyxx-tools{display:grid!important;gap:9px!important;margin-bottom:11px!important}.remyxx-search{height:48px!important;border-radius:15px!important}.archive-summary{justify-items:start!important;text-align:left!important;padding:0 3px!important}.archive-summary span{font-size:.65rem!important}
  .remyxx-filters{gap:6px!important;padding-bottom:11px!important}.remyxx-filters button{min-height:38px!important;padding:0 12px!important;font-size:.68rem!important}
  .remyxx-layout-wow{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.remyxx-layout-wow .featured-episode{display:block!important;padding:9px!important;border-radius:22px!important;position:relative!important}.featured-episode-art,.remyxx-layout-wow .featured-episode-art{width:100%!important;height:auto!important;max-height:230px!important;aspect-ratio:16/9!important;border-radius:17px!important}.featured-episode-art img{object-fit:cover!important}.episode-big-play{width:54px!important;height:54px!important;right:14px!important;bottom:14px!important}.featured-episode-copy{padding:15px 5px 7px!important}.featured-episode-copy h2,.remyxx-layout-wow .featured-episode h2{font-size:1.72rem!important;line-height:1.08!important;margin:6px 0 7px!important;overflow-wrap:anywhere!important}.featured-show{font-size:.82rem!important}.featured-episode-copy>p:not(.eyebrow):not(.featured-show){font-size:.79rem!important;line-height:1.48!important}.episode-meta{margin:11px 0!important}.episode-actions .primary-action{width:100%!important}
  .episode-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.episode-list-head{padding:7px 2px 5px!important}.episode-list-head h2{font-size:1.55rem!important}.episode-row{display:grid!important;grid-template-columns:64px minmax(0,1fr) 42px!important;gap:10px!important;min-height:82px!important;padding:8px!important;border-radius:17px!important}.episode-row-art{width:64px!important;height:64px!important;border-radius:13px!important}.episode-row-copy small{font-size:.56rem!important}.episode-row-copy h3{font-size:.83rem!important;line-height:1.18!important;-webkit-line-clamp:2!important}.episode-row-copy p{display:block!important;font-size:.59rem!important;white-space:nowrap!important}.episode-row button{width:40px!important;height:40px!important}
  .remyxx-teaser{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.remyxx-art-stack{min-height:255px!important}.remyxx-disc{width:220px!important;right:4%!important}.remyxx-cover{width:58%!important;max-width:210px!important;left:4%!important}.remyxx-copy h2{font-size:clamp(3.25rem,15vw,4.5rem)!important}.remyxx-copy p{font-size:.87rem!important}.remyxx-teaser-actions{display:grid!important;grid-template-columns:1fr!important}

  /* Host/profile cards, manifesto and footer lose all accidental dead space. */
  .show-now{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important}.show-photo{height:330px!important;min-height:330px!important;clip-path:none!important}.show-info{padding:21px!important}.show-info h2{font-size:clamp(2.75rem,13vw,4rem)!important}.show-info h3{font-size:1.15rem!important;margin:10px 0 3px!important}.show-info p{font-size:.82rem!important;line-height:1.48!important}.next-chip{grid-template-columns:52px minmax(0,1fr)!important;margin-top:17px!important;padding:8px!important;border-radius:16px!important}.next-chip img{width:52px!important;height:52px!important;border-radius:12px!important}
  .myxx-manifesto{padding:40px 0!important}.myxx-manifesto:before{display:none!important}.manifesto-intro{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;margin-bottom:17px!important}.manifesto-intro h2{font-size:clamp(3rem,14vw,4.15rem)!important}.manifesto-intro>p{margin:0!important;font-size:.88rem!important;line-height:1.55!important}.manifesto-grid{grid-template-columns:1fr!important;gap:8px!important}.manifesto-grid article{min-height:0!important;padding:18px!important;border-radius:20px!important}.manifesto-grid b{margin-bottom:17px!important}.manifesto-grid h3{font-size:1.35rem!important}.manifesto-grid p{font-size:.79rem!important}
  .host-gallery{grid-template-columns:1fr!important;gap:10px!important}.host-profile,.host-profile-rich{min-height:480px!important;border-radius:22px!important}.host-profile-rich .host-profile-copy{left:17px!important;right:17px!important;bottom:17px!important}.host-profile-rich .host-profile-copy h2{font-size:2.8rem!important}.host-profile-rich .host-profile-copy>p:not(.host-vibe){font-size:.75rem!important;-webkit-line-clamp:4!important}.host-lanes{gap:5px!important}.host-lanes span{font-size:.58rem!important}
  .site-footer{width:100%!important;margin:28px 0 0!important;padding:26px 16px var(--mobile-bottom-clear)!important;border-radius:24px 24px 0 0!important;min-height:0!important;background:linear-gradient(150deg,#111116,#08090b)!important}.footer-signal{display:none!important}.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}.footer-grid>div{grid-column:auto!important}.footer-grid h2{font-size:2.25rem!important;line-height:1!important;margin:0 0 10px!important}.footer-grid p{font-size:.82rem!important;line-height:1.52!important}.footer-grid nav{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.footer-grid nav a,.footer-grid nav button{padding:8px 10px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;font-size:.68rem!important;background:rgba(255,255,255,.035)!important}.footer-bottom{display:grid!important;gap:8px!important;padding-top:15px!important;font-size:.65rem!important}

  /* Remove hover/contain artifacts that caused clipped right edges on mobile browsers. */
  .story-card,.album-tile,.episode-row,.schedule-row,.host-profile{contain:none!important;will-change:auto!important;transform:none!important}
  .pulse-content,.story-grid,.schedule-stage,.schedule-list,.remyxx-layout,.episode-list,.request-world,.request-console,.show-now,.playlist-grid,.album-river{min-width:0!important;max-width:100%!important}
}

@media (max-width:370px){
  .page-shell,html:not([data-route="home"]) .page-shell{padding-left:11px!important;padding-right:11px!important}
  .topbar{left:6px!important;right:6px!important}.topbar .brand{width:91px!important;min-width:91px!important}.topbar .brand img{width:89px!important}
  .live-copy h1{font-size:3.75rem!important}.route-hero h1{font-size:3.1rem!important}.mobile-tabbar a b{font-size:.51rem!important}
  .album-tile,.playlist-grid .album-tile{grid-template-columns:64px minmax(0,1fr)!important}.album-cover{width:64px!important;height:64px!important}.album-tile time{min-width:67px!important}.album-tile time b{font-size:.78rem!important}
  .pulse-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}.story-card,.story-card.featured{grid-template-columns:78px minmax(0,1fr)!important}.story-media{width:78px!important;height:78px!important}
  .schedule-row{grid-template-columns:61px 43px minmax(0,1fr)!important}.schedule-row img{width:43px!important;height:43px!important}
}

@media (max-width:720px){
  html:not([data-route="home"]) .site-footer{display:none!important}
  html[data-route="djs"] .route-hero h1{font-size:clamp(2.75rem,12vw,3.85rem)!important;max-width:11ch!important;line-height:.9!important}
  html[data-route="shows"] .on-air-host{grid-template-rows:270px auto!important}
  html[data-route="shows"] .on-air-host>img{height:270px!important}
  html[data-route="shows"] .on-air-host:after{height:270px!important}
}

/* ============================================================
   v19.0.1 FINAL MOBILE ART-DIRECTION PASS
   Removes the last inherited desktop-style artifacts seen on
   real iPhone/Safari captures without changing desktop design.
   ============================================================ */
@media (max-width:720px){
  /* Treat the slogan as a clean brand lockup, not ornamental script. */
  .live-copy h1 .script{
    display:inline-flex!important;
    width:max-content!important;
    margin:12px 0 0 2px!important;
    padding:7px 11px 6px!important;
    border:1px solid rgba(255,211,0,.36)!important;
    border-radius:999px!important;
    background:rgba(255,210,0,.075)!important;
    color:#ffd400!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:.73rem!important;
    font-style:normal!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.16em!important;
    text-transform:uppercase!important;
    transform:none!important;
  }
  .live-copy h1{display:flex!important;flex-direction:column!important;align-items:flex-start!important}

  /* Two-column tab matrix is calmer and more legible on phones. */
  .pulse-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pulse-tabs button:last-child:nth-child(odd){grid-column:1/-1!important}

  /* Fixed app chrome must never dim or visually merge into page content. */
  .player-dock,.mobile-tabbar{
    backdrop-filter:blur(22px) saturate(1.25)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
  }
  .player-dock{background:rgba(10,10,12,.97)!important}
  .mobile-tabbar{background:rgba(8,8,10,.985)!important}

  /* Make end-of-page spacing intentional rather than a giant blank void. */
  #routeView>.page-shell:last-child{padding-bottom:26px!important}
  html[data-route="home"] .site-footer{padding-bottom:calc(172px + env(safe-area-inset-bottom))!important}

  /* Prevent route headings and card text from reaching the physical edge. */
  .route-hero,.live-copy,.pulse-intro,.request-hero-copy,.remyxx-route-hero-copy{padding-inline:2px!important}
  .story-card h2,.story-card h3,.episode-row-copy h3,.album-meta strong,.schedule-row strong{hyphens:none!important;word-break:normal!important;overflow-wrap:anywhere!important}
}

/* Long display words must fit the physical phone width without clipping. */
@media (max-width:720px){
  html[data-route="shows"] .route-hero h1,
  html[data-route="djs"] .route-hero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(2.58rem,11.6vw,3rem)!important;
    line-height:.9!important;
    letter-spacing:-.065em!important;
    overflow:visible!important;
  }
}
@media (max-width:370px){
  html[data-route="shows"] .route-hero h1,
  html[data-route="djs"] .route-hero h1{font-size:2.42rem!important}
}


/* ============================================================
   v19 premium editorial + host biography + cross-device QA layer
   ============================================================ */
:root{--premium-line:rgba(255,255,255,.12);--premium-panel:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.025));--premium-shadow:0 28px 90px rgba(0,0,0,.34)}
.page-shell{isolation:isolate}.route-hero{overflow:hidden}.route-hero>div{min-width:0}.route-hero p{max-width:760px}
.story-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.story-card{grid-column:span 6;min-height:460px;border-radius:30px;background:var(--premium-panel);border:1px solid var(--premium-line);box-shadow:var(--premium-shadow);padding:0;gap:0}.story-card.featured{grid-column:span 12;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);min-height:520px}.story-card.featured .story-media,.story-card.featured .story-visual-fallback{grid-row:1/4;grid-column:2;margin:0;aspect-ratio:auto;height:100%}.story-media{margin:0;aspect-ratio:16/9;border-radius:29px 29px 0 0;background:#16171b}.story-media img{filter:saturate(.94) contrast(1.02)}.story-copy{padding:28px 28px 18px}.story-copy h3{font-size:clamp(1.55rem,2.2vw,2.6rem);line-height:1.02;letter-spacing:-.025em}.story-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;color:#c8c3bb}.story-meta{padding:0 28px 28px}.story-visual-fallback{position:relative;min-height:220px;margin:0;border-radius:29px 29px 0 0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 75% 20%,rgba(255,212,0,.20),transparent 28%),linear-gradient(140deg,#24242b,#0d0e12)}.story-visual-fallback:before{content:"";position:absolute;width:240px;height:240px;border:42px solid rgba(255,255,255,.035);border-radius:50%;right:-60px;bottom:-80px}.story-visual-fallback span{position:absolute;left:24px;top:22px;font:700 .72rem/1 system-ui;letter-spacing:.24em;color:rgba(255,255,255,.52)}.story-visual-fallback strong{font:clamp(2.3rem,6vw,5.6rem)/.88 Impact,sans-serif;text-transform:uppercase;letter-spacing:-.04em;background:linear-gradient(110deg,#fff,var(--yellow),var(--heat));-webkit-background-clip:text;color:transparent}.story-visual-fallback i{position:absolute;right:24px;bottom:22px;width:34px;height:34px;color:var(--yellow)}.story-visual-fallback i svg{width:100%;height:100%}.story-card.low-res-media .story-media{display:none}.story-card.low-res-media:before{z-index:2}.story-card.low-res-media .story-copy:before{content:"MYXX  •  VERIFIED UPDATE";display:block;margin:-6px 0 20px;font-size:.67rem;font-weight:900;letter-spacing:.16em;color:var(--yellow)}
.pulse-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border:1px solid var(--premium-line);border-radius:24px;background:rgba(12,13,17,.84);backdrop-filter:blur(20px);position:sticky;top:98px;z-index:8}.pulse-tabs button{flex:1 1 120px;min-height:46px;border-radius:16px}.pulse-tabs button.active{box-shadow:0 12px 34px rgba(255,212,0,.16)}
.host-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.host-profile-rich{min-height:720px;border-radius:34px;border:1px solid var(--premium-line);box-shadow:var(--premium-shadow)}.host-profile-rich .host-profile-copy{padding-top:130px;background:linear-gradient(to top,rgba(4,5,7,.98) 5%,rgba(4,5,7,.86) 58%,transparent);left:0;right:0;bottom:0;padding:150px 32px 32px}.host-profile-rich .host-profile-copy h2{font-size:clamp(2.6rem,5vw,5.3rem);line-height:.86}.host-profile-rich .host-profile-copy>p:not(.host-vibe){font-size:.92rem;line-height:1.66;max-width:740px}.host-profile-rich .host-vibe{color:#fff1b8}.host-profile-rich .host-profile-image img{object-position:center 20%}.host-profile:nth-child(odd){transform:translateY(34px)}
.site-footer{padding-bottom:170px}.footer-grid{align-items:start}.footer-grid>div:first-child{max-width:480px}
@media(max-width:1000px){.story-card,.story-card.featured{grid-column:span 12}.story-card.featured{display:block;min-height:0}.story-card.featured .story-media,.story-card.featured .story-visual-fallback{height:auto;min-height:260px}.host-gallery{grid-template-columns:1fr}.host-profile:nth-child(odd){transform:none}.host-profile-rich{min-height:680px}}
@media(max-width:720px){
 body{overflow-x:hidden}.page-shell{width:min(100% - 24px,640px);padding-top:104px}.route-hero{min-height:auto;padding:48px 0 32px}.route-hero h1{font-size:clamp(3.5rem,16vw,5.5rem);line-height:.84;overflow-wrap:anywhere}.route-hero p{font-size:1rem;line-height:1.55}
 .pulse-layout{display:block}.pulse-tabs{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:8px;border-radius:20px}.pulse-tabs button{width:100%;min-width:0;min-height:48px;padding:0 10px;font-size:.82rem}.pulse-content{min-width:0}.pulse-overview{grid-template-columns:1fr}.pulse-weather-large,.traffic-quick{min-height:0;padding:24px;border-radius:26px}.pulse-weather-large .weather-temp{font-size:clamp(5rem,25vw,7.2rem)}.forecast-mini{grid-template-columns:repeat(2,minmax(0,1fr))}
 .story-grid{display:grid;grid-template-columns:1fr;gap:14px}.story-card,.story-card.featured{display:flex;grid-column:auto;min-height:0;border-radius:26px}.story-media,.story-card.featured .story-media,.story-visual-fallback,.story-card.featured .story-visual-fallback{width:100%;height:auto;min-height:190px;aspect-ratio:16/9;border-radius:25px 25px 0 0}.story-copy{padding:22px 22px 14px}.story-copy h3{font-size:1.55rem;line-height:1.05}.story-copy p{font-size:.91rem;-webkit-line-clamp:3}.story-meta{padding:0 22px 22px}.story-action{min-height:42px!important}
 .host-gallery{gap:18px}.host-profile-rich{min-height:0;display:grid;grid-template-rows:minmax(420px,66vh) auto;overflow:hidden}.host-profile-rich .host-profile-image{position:relative;inset:auto;min-height:420px}.host-profile-rich .host-profile-image img{object-position:center 18%}.host-profile-rich .host-profile-copy{position:relative;inset:auto;padding:28px;background:linear-gradient(145deg,#121319,#08090c)}.host-profile-rich .host-profile-copy h2{font-size:3.7rem}.host-profile-rich .host-profile-copy>p:not(.host-vibe){display:block;-webkit-line-clamp:initial;overflow:visible;font-size:.92rem}.host-profile blockquote{display:block;margin-top:18px}.host-profile-rich:after{display:none}
 .request-world{grid-template-columns:1fr}.request-console{min-height:0;padding:22px;background:linear-gradient(145deg,#18191f,#0a0b0f);border:1px solid var(--premium-line)}.request-status .eyebrow{color:var(--yellow)!important}.request-status h2,.request-console p{color:#fff}.search-box{grid-template-columns:minmax(0,1fr) 58px}.search-box input{min-width:0;background:#fff;color:#0a0a0a}.request-side{grid-template-columns:1fr}.request-side-panel{min-height:0}
 .playlist-grid{grid-template-columns:1fr!important}.album-tile{display:grid;grid-template-columns:92px minmax(0,1fr) 92px;min-height:116px;padding:12px;gap:14px}.album-cover{width:92px;height:92px}.album-tile-copy{min-width:0}.album-tile strong,.album-tile span{white-space:normal;overflow-wrap:anywhere}.album-play-time{text-align:right;align-self:center}.album-play-time b{font-size:1.15rem}
 .remyxx-layout,.remyxx-layout-wow{grid-template-columns:1fr}.featured-episode{position:relative!important;top:auto!important}.featured-episode-art{min-height:0}.episode-row{grid-template-columns:74px minmax(0,1fr) 44px}.episode-row h3{white-space:normal;overflow-wrap:anywhere}.episode-row p{display:block;white-space:normal}.remyxx-filters{margin-inline:0;padding-inline:0}
 .manifesto-intro{gap:18px}.manifesto-intro h2{font-size:clamp(3rem,14vw,4.8rem)}.manifesto-grid article{min-height:0}.section-head h2{font-size:clamp(3rem,14vw,4.8rem)}
}
@media(max-width:390px){.page-shell{width:calc(100% - 18px)}.host-profile-rich{grid-template-rows:minmax(360px,60vh) auto}.host-profile-rich .host-profile-copy{padding:24px}.host-profile-rich .host-profile-copy h2{font-size:3.1rem}.story-copy h3{font-size:1.35rem}.album-tile{grid-template-columns:76px minmax(0,1fr) 74px}.album-cover{width:76px;height:76px}.pulse-tabs button{font-size:.75rem}}


/* ======================================================================
   v20 FINAL NAVIGATION + RESPONSIVE HOST DISCOVERY QA
   ====================================================================== */

.desktop-nav a[data-route-link="djs"]{white-space:nowrap}
.show-info-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.show-info-actions .primary-action,.show-info-actions .secondary-action{min-height:52px;padding-inline:20px}
.hosts-directory-cta{margin-top:34px;padding:clamp(28px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:32px;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:radial-gradient(circle at 88% 8%,rgba(255,49,94,.22),transparent 34%),radial-gradient(circle at 8% 92%,rgba(143,85,255,.22),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden}
.hosts-directory-cta>div{max-width:850px}.hosts-directory-cta h2{font-size:clamp(3rem,7vw,7rem);max-width:12ch}.hosts-directory-cta p:not(.eyebrow){max-width:760px;color:#d7d2c7;font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.65}.hosts-directory-cta>.primary-action{flex:0 0 auto}
.host-profile-rich .host-profile-copy>p:not(.host-vibe){display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important;text-overflow:clip!important}
.host-profile-rich .host-profile-copy{min-width:0}.host-profile-rich h2,.host-profile-rich p,.host-profile-rich blockquote{overflow-wrap:anywhere}
.mobile-menu nav a[data-route-link="djs"] span{color:#fff}.mobile-menu nav a[data-route-link="djs"] small{color:var(--muted)}

@media(min-width:1121px) and (max-width:1240px){.topbar{gap:14px}.desktop-nav a{padding-inline:10px;font-size:.79rem}.brand{width:126px}.brand img{width:122px}.listen-pill{padding-inline:14px}}
@media(max-width:900px){.show-info-actions{display:grid;grid-template-columns:1fr 1fr}.hosts-directory-cta{align-items:flex-start;flex-direction:column}.hosts-directory-cta>.primary-action{width:100%}}
@media(max-width:640px){.show-info-actions{grid-template-columns:1fr}.show-info-actions .primary-action,.show-info-actions .secondary-action{width:100%}.hosts-directory-cta{margin-top:22px;padding:26px 20px;border-radius:25px}.hosts-directory-cta h2{font-size:clamp(2.8rem,15vw,4.5rem);max-width:100%}.mobile-menu nav{margin-top:26px}.mobile-menu nav a{padding:15px 4px}.mobile-menu nav span{font-size:1.18rem}}
@media(max-width:390px){.hosts-directory-cta{padding:22px 16px}.host-profile-rich .host-profile-copy{padding:22px!important}.host-profile-rich .host-profile-copy h2{font-size:clamp(2.65rem,15vw,3.1rem)!important}}


/* ========================================================================== 
   MYXX FM v21: Urbano Editorial Hosts + Pulse Rebuild
   ========================================================================== */
:root{--v21-glass:rgba(19,19,24,.78);--v21-line:rgba(255,255,255,.11);--v21-soft:#bdb7ad;--v21-shadow:0 34px 110px rgba(0,0,0,.38)}
html[data-route="djs"] body,html[data-route="pulse"] body{background:radial-gradient(circle at 82% 6%,rgba(115,55,255,.13),transparent 28%),radial-gradient(circle at 4% 34%,rgba(255,61,164,.09),transparent 25%),#08090c}

/* Hosts: pictures and copy are separate on desktop. No dark text overlay. */
.hosts-page-v21{width:min(100% - 32px,1240px)}
.hosts-page-v21 .host-route-hero{min-height:520px;padding-bottom:54px}
.hosts-page-v21 .host-route-hero h1{max-width:12ch;font-size:clamp(4rem,8.5vw,8.5rem);line-height:.82}
.hosts-page-v21 .host-route-hero p:not(.eyebrow){max-width:760px;font-size:1.12rem;color:#cec8bf}
.host-intro-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:-20px 0 74px;padding:14px;border:1px solid var(--v21-line);border-radius:30px;background:rgba(12,13,17,.72);backdrop-filter:blur(24px);box-shadow:var(--v21-shadow)}
.host-intro-strip>div{min-height:122px;padding:22px 24px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:center}
.host-intro-strip strong{font:clamp(2.5rem,5vw,4.8rem)/.85 Impact,sans-serif;color:var(--yellow);letter-spacing:-.03em}
.host-intro-strip span{margin-top:9px;color:#d8d2ca;font-weight:760}
.host-roster{display:grid;gap:32px}
.host-section-head{padding:20px 4px 8px;max-width:920px}
.host-section-head h2{margin:6px 0 0;font-size:clamp(3rem,6vw,6.2rem);line-height:.88;letter-spacing:-.045em}
.host-section-head>p:not(.eyebrow){max-width:700px;color:#bbb5ad;font-size:1rem;line-height:1.6}
.host-section-special{margin-top:56px}
.host-editorial-card{display:grid;grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);min-height:590px;overflow:hidden;border:1px solid var(--v21-line);border-radius:40px;background:linear-gradient(145deg,rgba(27,27,34,.95),rgba(10,11,15,.96));box-shadow:var(--v21-shadow)}
.host-editorial-card.host-editorial-reverse{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)}
.host-editorial-card.host-editorial-reverse .host-editorial-media{order:2}
.host-editorial-card.host-editorial-reverse .host-editorial-copy{order:1}
.host-editorial-media{position:relative;min-height:590px;overflow:hidden;background:#17181d}
.host-editorial-media:after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(to top,rgba(7,8,11,.65),transparent);pointer-events:none}
.host-editorial-media img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.03) contrast(1.02);transform:none!important}
.host-editorial-media>span{position:absolute;z-index:2;top:24px;right:24px;font:clamp(2.2rem,4vw,4rem)/1 Impact,sans-serif;color:rgba(255,255,255,.72);text-shadow:0 4px 24px rgba(0,0,0,.35)}
.host-editorial-media>small{position:absolute;z-index:2;left:22px;bottom:20px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(8,9,12,.68);backdrop-filter:blur(14px);font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.host-editorial-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,78px)}
.host-editorial-copy h2{margin:8px 0 14px;font-size:clamp(4rem,7vw,7.5rem);line-height:.82;letter-spacing:-.055em}
.host-editorial-copy .host-vibe{margin:0 0 18px;color:#fff3b9;font-size:clamp(1.05rem,1.6vw,1.34rem);font-weight:880;line-height:1.3}
.host-editorial-copy .host-bio{margin:0;max-width:700px;color:#c9c3bb;font-size:1rem;line-height:1.72}
.host-editorial-copy .host-lanes{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.host-editorial-copy .host-lanes span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.045);font-size:.72rem;font-weight:850}
.host-editorial-copy blockquote{margin:26px 0 0;padding:16px 0 16px 18px;border-left:3px solid var(--yellow);color:#fff;font-size:.91rem;line-height:1.5;font-weight:780}

/* Pulse: one curated editorial surface instead of a crowded dashboard. */
.pulse-page{width:min(100% - 32px,1240px)}
.pulse-route-hero{min-height:500px;padding-bottom:46px}
.pulse-route-hero h1{max-width:13ch;font-size:clamp(4rem,8vw,8rem);line-height:.82}
.pulse-route-hero p:not(.eyebrow){max-width:780px;color:#cbc5bc;font-size:1.08rem}
.pulse-command{display:grid;grid-template-columns:1.05fr 1.35fr .8fr;gap:14px;margin:-12px 0 22px}
.pulse-command-card,.pulse-command-note{min-height:190px;border:1px solid var(--v21-line);border-radius:28px;background:linear-gradient(145deg,rgba(31,32,39,.91),rgba(12,13,17,.95));box-shadow:0 22px 70px rgba(0,0,0,.27);overflow:hidden}
.pulse-command-card{padding:24px}
.pulse-command-weather{display:grid;grid-template-columns:auto 74px;gap:10px 18px;background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.34),transparent 27%),linear-gradient(135deg,#ffd918,#ff9f13);color:#15110a}
.pulse-command-weather>div:last-child{grid-column:1/-1}
.pulse-command-weather strong{font:5.2rem/.82 Impact,sans-serif;letter-spacing:-.04em}.pulse-command-weather strong sup{font:1.4rem system-ui;vertical-align:top}.pulse-command-weather h2{margin:0;font-size:1.25rem}.pulse-command-weather p{margin:6px 0 0;font-weight:720}.pulse-command-weather small{display:block;margin-top:7px;font-weight:850}
.pulse-command-icon{align-self:center;color:#5a4c37}.pulse-command-icon svg{width:72px;height:72px}
.pulse-command-traffic{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}.pulse-command-traffic h2{margin:5px 0 8px;font-size:1.35rem}.pulse-command-traffic p{margin:0;color:#c7c1b9;line-height:1.5;font-size:.9rem}.pulse-command-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.pulse-command-actions time{font-size:.7rem;color:#aaa49c}.pulse-command-actions a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:.77rem;font-weight:900}.pulse-command-actions a svg{width:16px;height:16px;fill:currentColor}
.traffic-light{display:grid;gap:6px;padding:9px;border-radius:18px;background:#08090b;border:1px solid rgba(255,255,255,.1)}.traffic-light i{width:18px;height:18px;border-radius:50%;background:#282a30}.traffic-light i:first-child{background:#ff4d5f;box-shadow:0 0 18px rgba(255,77,95,.5)}.traffic-light i:nth-child(2){background:#ffc928}.traffic-light i:last-child{background:#57d681}
.pulse-command-note{padding:24px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 15%,rgba(110,64,255,.28),transparent 35%),linear-gradient(145deg,#1d1829,#101116)}.pulse-command-note span{font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--yellow);font-weight:950}.pulse-command-note strong{margin-top:10px;font-size:1.2rem;line-height:1.14}.pulse-command-note small{margin-top:10px;color:#aaa4a0;line-height:1.4}
.pulse-tabs-v21{position:sticky;top:96px;z-index:9;display:flex;gap:8px;margin:0 0 22px;padding:8px;border:1px solid var(--v21-line);border-radius:22px;background:rgba(10,11,15,.82);backdrop-filter:blur(28px);box-shadow:0 16px 50px rgba(0,0,0,.24)}
.pulse-tabs-v21 button{flex:1 1 0;min-height:46px;border:0;border-radius:15px;background:transparent;color:#bbb5ae;font-size:.8rem;font-weight:900}.pulse-tabs-v21 button.active{background:var(--yellow);color:#15110a;box-shadow:0 12px 34px rgba(255,212,0,.17)}
.pulse-editorial{min-width:0}.pulse-lead-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;margin-bottom:18px}.pulse-lead-card,.pulse-side-card,.story-card-v21{border:1px solid var(--v21-line);background:linear-gradient(145deg,rgba(27,28,34,.96),rgba(11,12,16,.96));box-shadow:var(--v21-shadow);overflow:hidden}
.pulse-lead-card{position:relative;min-height:600px;border-radius:36px}.pulse-lead-card .story-media-wrap{position:absolute;inset:0}.pulse-lead-card .story-media,.pulse-lead-card .story-visual-fallback{width:100%;height:100%;min-height:600px;border-radius:0}.pulse-lead-card .story-media img{width:100%;height:100%;object-fit:cover}.pulse-lead-card .story-media-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,9,.97) 4%,rgba(5,6,9,.68) 44%,rgba(5,6,9,.06) 80%)}
.pulse-lead-copy{position:absolute;z-index:3;left:clamp(24px,4vw,48px);right:clamp(24px,4vw,48px);bottom:clamp(24px,4vw,44px);max-width:800px}.pulse-lead-copy h2{margin:12px 0 12px;font-size:clamp(2.6rem,5vw,5.3rem);line-height:.94;letter-spacing:-.045em}.pulse-lead-copy p{margin:0;max-width:680px;color:#d1cbc3;font-size:1rem;line-height:1.58}.pulse-lead-copy .story-meta{padding:0;margin-top:22px;justify-content:flex-start}
.pulse-side-stack{display:grid;gap:18px}.pulse-side-card{display:grid;grid-template-rows:210px 1fr;border-radius:30px;min-height:291px}.pulse-side-card .story-media-wrap{position:relative;min-height:210px}.pulse-side-card .story-media,.pulse-side-card .story-visual-fallback{width:100%;height:210px;border-radius:0}.pulse-side-card .story-media img{width:100%;height:100%;object-fit:cover}.pulse-side-card>div:last-child{padding:20px}.pulse-side-card h3{margin:8px 0 14px;font-size:1.28rem;line-height:1.08}.pulse-side-card .story-meta{padding:0;display:flex;align-items:center;justify-content:space-between}.pulse-side-card .story-meta time{font-size:.68rem;color:#aaa49d}.pulse-side-card .story-meta a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yellow);color:#111}.pulse-side-card .story-meta svg{width:17px;height:17px;fill:currentColor}
.story-grid-v21{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card-v21{display:grid;grid-template-rows:250px auto auto;min-height:510px;border-radius:30px}.story-card-v21 .story-media-wrap{position:relative;height:250px}.story-card-v21 .story-media,.story-card-v21 .story-visual-fallback{width:100%;height:250px;min-height:250px;border-radius:0}.story-card-v21 .story-media img{width:100%;height:100%;object-fit:cover}.story-card-v21 .story-copy{padding:24px 24px 13px}.story-card-v21 .story-copy h3{margin:9px 0 10px;font-size:clamp(1.6rem,2.3vw,2.35rem);line-height:1.02}.story-card-v21 .story-copy p{margin:0;color:#bdb7af;line-height:1.52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card-v21 .story-meta{padding:0 24px 24px;margin-top:auto}.story-media-wrap>.story-visual-fallback{display:grid}.story-card-v21.has-media .story-media-wrap>.story-visual-fallback,.pulse-lead-card.has-media .story-media-wrap>.story-visual-fallback,.pulse-side-card.has-media .story-media-wrap>.story-visual-fallback{display:none}.story-card-v21.low-res-media .story-media,.pulse-lead-card.low-res-media .story-media,.pulse-side-card.low-res-media .story-media{display:none!important}.story-card-v21.low-res-media .story-media-wrap>.story-visual-fallback,.pulse-lead-card.low-res-media .story-media-wrap>.story-visual-fallback,.pulse-side-card.low-res-media .story-media-wrap>.story-visual-fallback{display:grid!important}.story-visual-fallback{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(255,212,0,.24),transparent 27%),radial-gradient(circle at 20% 82%,rgba(255,61,164,.18),transparent 32%),linear-gradient(145deg,#25212f,#0d0f14);place-items:center}.story-visual-fallback:before{content:"";position:absolute;width:300px;height:300px;border:52px solid rgba(255,255,255,.035);border-radius:50%;right:-80px;bottom:-110px}.story-visual-fallback span{position:absolute;left:22px;top:20px;color:rgba(255,255,255,.52);font-size:.65rem;font-weight:900;letter-spacing:.2em}.story-visual-fallback strong{position:relative;z-index:2;max-width:80%;font:clamp(2.2rem,5vw,5rem)/.88 Impact,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:-.04em;background:linear-gradient(110deg,#fff,var(--yellow),#ff5da9);-webkit-background-clip:text;color:transparent}.story-visual-fallback i{position:absolute;right:22px;bottom:20px;width:34px;height:34px;color:var(--yellow)}.story-visual-fallback i svg{width:100%;height:100%;fill:currentColor}
.pulse-empty{grid-column:1/-1}

@media(max-width:1040px){.host-editorial-card,.host-editorial-card.host-editorial-reverse{grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr)}.host-editorial-copy{padding:42px}.pulse-command{grid-template-columns:1fr 1fr}.pulse-command-note{grid-column:1/-1;min-height:130px}.pulse-lead-grid{grid-template-columns:1fr}.pulse-side-stack{grid-template-columns:1fr 1fr}.pulse-side-card{min-height:330px}}
@media(max-width:760px){.hosts-page-v21,.pulse-page{width:calc(100% - 20px)}.hosts-page-v21 .host-route-hero,.pulse-route-hero{min-height:auto;padding-top:54px;padding-bottom:38px}.hosts-page-v21 .host-route-hero h1,.pulse-route-hero h1{font-size:clamp(3.4rem,15vw,5.5rem);line-height:.86}.host-intro-strip{grid-template-columns:1fr;margin:0 0 44px}.host-intro-strip>div{min-height:90px}.host-editorial-card,.host-editorial-card.host-editorial-reverse{display:flex;flex-direction:column;min-height:0;border-radius:30px}.host-editorial-card.host-editorial-reverse .host-editorial-media,.host-editorial-card.host-editorial-reverse .host-editorial-copy{order:initial}.host-editorial-media{min-height:0;height:auto;aspect-ratio:4/5}.host-editorial-media img{height:100%;object-position:center top}.host-editorial-copy{padding:30px 24px 34px}.host-editorial-copy h2{font-size:clamp(3.6rem,18vw,5.3rem)}.host-editorial-copy .host-bio{font-size:.94rem;line-height:1.65}.host-section-special{margin-top:30px}.pulse-command{grid-template-columns:1fr}.pulse-command-note{grid-column:auto}.pulse-tabs-v21{position:relative;top:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:auto;gap:6px}.pulse-tabs-v21 button{min-width:78px;font-size:.72rem}.pulse-lead-card{min-height:530px}.pulse-lead-card .story-media,.pulse-lead-card .story-visual-fallback{min-height:530px}.pulse-lead-copy h2{font-size:clamp(2.4rem,10vw,4rem)}.pulse-lead-copy p{font-size:.9rem;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.pulse-side-stack{grid-template-columns:1fr}.pulse-side-card{grid-template-columns:120px minmax(0,1fr);grid-template-rows:1fr;min-height:150px}.pulse-side-card .story-media-wrap,.pulse-side-card .story-media,.pulse-side-card .story-visual-fallback{width:120px;height:100%;min-height:150px}.pulse-side-card>div:last-child{padding:18px}.story-grid-v21{grid-template-columns:1fr}.story-card-v21{grid-template-rows:210px auto auto;min-height:0}.story-card-v21 .story-media-wrap,.story-card-v21 .story-media,.story-card-v21 .story-visual-fallback{height:210px;min-height:210px}}
@media(max-width:430px){.pulse-command-card,.pulse-command-note{border-radius:24px}.pulse-command-weather{grid-template-columns:auto 60px}.pulse-command-weather strong{font-size:4.5rem}.pulse-command-icon svg{width:58px;height:58px}.pulse-command-traffic{grid-template-columns:36px minmax(0,1fr);padding:20px}.traffic-light{padding:7px}.traffic-light i{width:14px;height:14px}.pulse-tabs-v21{margin-inline:-1px}.pulse-lead-card{min-height:500px;border-radius:28px}.pulse-lead-card .story-media,.pulse-lead-card .story-visual-fallback{min-height:500px}.pulse-lead-copy{left:22px;right:22px;bottom:24px}.pulse-side-card{grid-template-columns:102px minmax(0,1fr)}.pulse-side-card .story-media-wrap,.pulse-side-card .story-media,.pulse-side-card .story-visual-fallback{width:102px}.pulse-side-card h3{font-size:1.08rem}.story-card-v21{border-radius:26px}}


/* v21 final editorial corrections: immediate portraits, stable media fallbacks and clean two-column story flow. */
.hosts-page-v21 .host-route-hero{box-sizing:border-box;min-height:470px}
.pulse-route-hero{box-sizing:border-box;min-height:410px}
.pulse-route-hero h1{max-width:12ch;font-size:clamp(4rem,7.2vw,7rem)}
.story-card-v21{grid-column:auto!important}
.pulse-lead-copy .story-action{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 14px;border:1px solid rgba(255,212,0,.42);border-radius:999px;background:rgba(255,212,0,.10);color:#fff;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap}
.pulse-lead-copy .story-action svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px;fill:currentColor}
.story-media-wrap{overflow:hidden;background:linear-gradient(145deg,#24242b,#0d0e12)}
.story-media-wrap>.story-visual-fallback{display:grid!important;position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important}
.story-media-wrap>.story-media{position:relative;z-index:1;background:transparent!important}
.pulse-lead-card .story-media-wrap:after{z-index:2;pointer-events:none}
.story-card-v21.low-res-media .story-media,.pulse-lead-card.low-res-media .story-media,.pulse-side-card.low-res-media .story-media{display:none!important}
@media(max-width:760px){.hosts-page-v21 .host-route-hero,.pulse-route-hero{min-height:auto}.story-card-v21{grid-column:auto!important}}

/* v21 mobile Pulse owns its layout over the inherited compact-news rules. */
@media(max-width:760px){
  .pulse-tabs-v21{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;overflow:visible!important}
  .pulse-tabs-v21 button{min-width:0!important;min-height:42px!important;padding:5px 2px!important;font-size:.63rem!important;white-space:nowrap!important}
  .pulse-lead-card .story-media-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .pulse-lead-card .story-media,.pulse-lead-card .story-visual-fallback{width:100%!important;height:100%!important;min-height:500px!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
  .pulse-lead-card .story-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .pulse-side-card .story-media-wrap{width:120px!important;height:100%!important;min-height:150px!important;margin:0!important}
  .pulse-side-card .story-media,.pulse-side-card .story-visual-fallback{width:120px!important;height:100%!important;min-height:150px!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
  .pulse-side-card .story-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .story-grid-v21{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .story-card-v21,.story-card-v21.featured,.story-card-v21:not(.has-media),.story-card-v21.low-res-media{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:210px auto auto!important;grid-template-areas:"media" "copy" "meta"!important;min-height:0!important;padding:0!important;gap:0!important;border-radius:26px!important}
  .story-card-v21 .story-media-wrap{grid-area:media!important;position:relative!important;width:100%!important;height:210px!important;min-height:210px!important;margin:0!important;border-radius:0!important}
  .story-card-v21 .story-media,.story-card-v21 .story-visual-fallback{width:100%!important;height:210px!important;min-height:210px!important;margin:0!important;aspect-ratio:auto!important;border-radius:0!important}
  .story-card-v21 .story-media img{width:100%!important;height:100%!important;object-fit:cover!important}
  .story-card-v21 .story-copy{grid-area:copy!important;padding:22px 22px 13px!important}
  .story-card-v21 .story-copy h3{font-size:1.55rem!important;line-height:1.05!important;margin:8px 0 9px!important;-webkit-line-clamp:unset!important;overflow:visible!important}
  .story-card-v21 .story-copy p{font-size:.86rem!important;line-height:1.5!important;-webkit-line-clamp:3!important}
  .story-card-v21 .story-meta{grid-area:meta!important;padding:0 22px 22px!important;margin:0!important}
}
@media(max-width:430px){
  .pulse-side-card .story-media-wrap,.pulse-side-card .story-media,.pulse-side-card .story-visual-fallback{width:102px!important}
}

/* Keep all five curated Pulse lanes on one row at phone widths. */
@media(max-width:760px){
  .pulse-tabs-v21 button:last-child:nth-child(odd){grid-column:auto!important}
}

/* Give the final mobile story comfortable breathing room above the fixed player. */
@media(max-width:720px){
  :root{--mobile-bottom-clear:calc(var(--mobile-player-h) + var(--mobile-nav-h) + 52px + env(safe-area-inset-bottom))}
}

/* ========================================================================
   MYXX FM v23: Liquid Glass application shell
   Glass is reserved for controls and navigation. Content keeps strong,
   legible surfaces so the station feels premium without becoming blurry.
   ======================================================================== */
:root{
  --v23-glass:rgba(21,20,24,.58);
  --v23-glass-strong:rgba(17,16,20,.76);
  --v23-glass-soft:rgba(255,255,255,.065);
  --v23-stroke:rgba(255,255,255,.15);
  --v23-stroke-soft:rgba(255,255,255,.085);
  --v23-highlight:rgba(255,255,255,.26);
  --v23-shadow:0 24px 80px rgba(0,0,0,.42),0 4px 18px rgba(0,0,0,.22);
  --v23-shadow-soft:0 16px 46px rgba(0,0,0,.28);
  --v23-radius-xl:42px;
  --v23-radius-lg:30px;
  --v23-radius-md:20px;
  --v23-ease:cubic-bezier(.2,.8,.2,1);
  --v23-safe-bottom:max(10px,env(safe-area-inset-bottom));
}
html{background:#07070a;scroll-padding-top:104px}
body{
  background:
    radial-gradient(circle at 10% -8%,rgba(255,190,0,.13),transparent 27rem),
    radial-gradient(circle at 88% 8%,rgba(241,47,137,.105),transparent 31rem),
    radial-gradient(circle at 50% 52%,rgba(70,49,125,.07),transparent 42rem),
    linear-gradient(180deg,#09090c 0%,#08080b 48%,#060609 100%);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,Arial,sans-serif;
  letter-spacing:-.008em;
}
body:before{
  content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;
  background:linear-gradient(110deg,rgba(255,255,255,.018),transparent 24%,transparent 74%,rgba(255,255,255,.012));
}
.ambient{opacity:.7;filter:saturate(.9)}
.ambient-grid{opacity:.19!important;mask-image:linear-gradient(to bottom,black,transparent 78%)}
main{isolation:isolate}
.home-section,.story-card-v21,.host-editorial-card,.episode-row,.schedule-row{content-visibility:auto;contain-intrinsic-size:auto 520px}

/* Typography: premium system typography rather than the old poster-font look. */
.display,
.footer-signal span,
.story-visual-fallback strong,
.pulse-command-weather strong,
.host-editorial-copy h2{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Arial Black","Segoe UI",sans-serif!important;
  font-weight:950!important;
  font-stretch:condensed;
  letter-spacing:-.065em!important;
}
.display{text-wrap:balance}
.live-copy h1{letter-spacing:-.078em!important;line-height:.84!important}
.live-copy h1 .script{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",sans-serif!important;
  font-weight:850!important;font-style:italic;text-transform:none!important;
  letter-spacing:-.055em!important;transform:none!important;color:#ffd83d!important;
}
.eyebrow{letter-spacing:.19em;font-size:.68rem;color:#ffd83d}
p,.story-copy p,.host-bio{letter-spacing:-.006em}

/* Shared tactile controls. */
:where(.primary-action,.secondary-action,.listen-pill,.icon-button,.menu-button,.dock-play,.dock-volume-button,.episode-row button,.episode-big-play,.pulse-tabs-v21 button,.remyxx-filters button,.history-presets button){
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s var(--v23-ease),filter .18s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;
}
:where(.primary-action,.secondary-action,.listen-pill,.icon-button,.menu-button,.dock-play,.dock-volume-button,.episode-row button,.episode-big-play):active{transform:scale(.965)}
.primary-action{
  border:1px solid rgba(255,235,144,.54)!important;
  background:linear-gradient(145deg,#ffe15b 0%,#ffc400 48%,#ff9e17 100%)!important;
  box-shadow:0 12px 34px rgba(255,175,0,.22),inset 0 1px 0 rgba(255,255,255,.68)!important;
}
.primary-action:hover{filter:brightness(1.055);box-shadow:0 17px 44px rgba(255,175,0,.3),inset 0 1px 0 rgba(255,255,255,.72)!important}
.secondary-action{
  color:#f7f5f0!important;background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.135)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.secondary-action:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.24)!important}

/* Floating liquid-glass header. */
.topbar{
  top:max(11px,env(safe-area-inset-top));height:70px;
  width:min(calc(100% - 28px),1320px);padding:7px 9px 7px 13px;gap:18px;
  border:1px solid var(--v23-stroke);border-radius:25px;
  background:linear-gradient(135deg,rgba(38,36,41,.69),rgba(13,13,17,.54));
  box-shadow:0 20px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(0,0,0,.2);
  backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);
  transition:top .3s var(--v23-ease),width .3s var(--v23-ease),background .3s ease,box-shadow .3s ease;
  overflow:visible;
}
.topbar:before{
  content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 22%,transparent 67%,rgba(255,203,54,.055));
  mask:linear-gradient(#000,transparent 58%);
}
body.is-scrolled .topbar{top:max(7px,env(safe-area-inset-top));background:linear-gradient(135deg,rgba(33,31,36,.79),rgba(10,10,13,.7));box-shadow:0 16px 58px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.12)}
.brand{position:relative;z-index:1;width:128px;min-width:128px}
.brand img{width:124px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));transition:transform .25s var(--v23-ease)}
.brand:hover img{transform:translateY(-1px) scale(1.012)}
.desktop-nav{
  position:relative;z-index:1;display:flex;gap:2px;padding:4px;
  border:1px solid rgba(255,255,255,.075);border-radius:17px;background:rgba(0,0,0,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.desktop-nav a{padding:10px 14px;border-radius:13px;color:rgba(246,243,237,.72);font-size:.79rem;font-weight:800;letter-spacing:.005em}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.065)}
.desktop-nav a.active{color:#fff;background:rgba(255,255,255,.115);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 22px rgba(0,0,0,.18)}
.desktop-nav a.active:after{left:18px;right:18px;bottom:4px;height:2px;background:linear-gradient(90deg,#fff0a8,#ffc400)}
.top-actions{position:relative;z-index:1;gap:7px}
.icon-button{
  width:44px;height:44px;border:1px solid rgba(255,255,255,.085);border-radius:15px;
  color:#f8f6f2;background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.075)
}
.icon-button:hover{background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.16)}
.listen-pill{min-height:46px;padding:0 17px;border:1px solid rgba(255,238,153,.62);border-radius:15px;background:linear-gradient(145deg,#ffe45d,#ffc400 60%,#ffac13);box-shadow:0 10px 30px rgba(255,183,0,.21),inset 0 1px rgba(255,255,255,.66)}
.menu-button{
  display:none;position:relative;width:auto;height:44px;padding:0 12px;grid-template-columns:24px auto;gap:8px;
  border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.06);color:#fff;
  box-shadow:inset 0 1px rgba(255,255,255,.08)
}
.menu-button:hover{background:rgba(255,255,255,.11)}
.menu-glyph{position:relative;display:block;width:22px;height:18px}
.menu-glyph i{position:absolute;left:1px;width:20px;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:top .25s var(--v23-ease),transform .25s var(--v23-ease),opacity .18s ease,width .22s ease}
.menu-glyph i:nth-child(1){top:2px}.menu-glyph i:nth-child(2){top:8px;width:14px}.menu-glyph i:nth-child(3){top:14px}
.menu-button[aria-expanded="true"] .menu-glyph i:nth-child(1){top:8px;transform:rotate(45deg)}
.menu-button[aria-expanded="true"] .menu-glyph i:nth-child(2){opacity:0;transform:scaleX(.3)}
.menu-button[aria-expanded="true"] .menu-glyph i:nth-child(3){top:8px;transform:rotate(-45deg)}
.menu-label{font-size:.72rem;font-weight:850;letter-spacing:.01em}

/* A true app sheet, not a plain hamburger drawer. */
.mobile-menu{
  inset:12px 12px 12px auto;width:min(92vw,470px);padding:18px;
  border:1px solid rgba(255,255,255,.17);border-radius:34px;
  background:linear-gradient(155deg,rgba(35,31,39,.82),rgba(9,9,12,.88));
  box-shadow:-30px 20px 110px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.13);
  backdrop-filter:blur(34px) saturate(175%);-webkit-backdrop-filter:blur(34px) saturate(175%);
  transform:translateX(calc(100% + 30px));transition:transform .4s var(--v23-ease),opacity .28s ease;opacity:.2;overflow:auto;
}
.mobile-menu.open{transform:none;opacity:1}
.menu-backdrop{background:rgba(2,2,5,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mobile-menu-head{gap:16px;padding:3px 2px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-menu-brand{display:flex;align-items:center;gap:12px;min-width:0}
.mobile-menu-brand img{width:112px!important;height:auto}
.mobile-menu-brand span{display:grid;gap:2px;min-width:0}
.mobile-menu-brand strong{font-size:.88rem;white-space:nowrap}
.mobile-menu-brand small{color:rgba(255,255,255,.48);font-size:.68rem;white-space:nowrap}
.mobile-menu-head .menu-close{
  flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(255,255,255,.11);border-radius:14px;
  background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center
}
.mobile-menu-head .menu-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}
.mobile-menu nav a{
  display:flex;flex-direction:column;justify-content:space-between;min-height:126px;padding:15px;
  border:1px solid rgba(255,255,255,.085);border-radius:22px;background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px rgba(255,255,255,.06);transition:transform .2s var(--v23-ease),background .22s,border-color .22s
}
.mobile-menu nav a:hover{transform:translateY(-2px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16)}
.mobile-menu nav a.active{background:linear-gradient(145deg,rgba(255,218,66,.2),rgba(255,168,21,.08));border-color:rgba(255,213,56,.35)}
.menu-tile-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.075);color:#ffe061}
.menu-tile-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-menu nav a>span:last-child{display:block;font-size:1rem;font-weight:850;line-height:1.1}
.mobile-menu nav a small{display:block;margin-top:6px;color:rgba(255,255,255,.5);font-size:.7rem;font-weight:600;line-height:1.35}
.mobile-menu-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:13px}
.mobile-menu-live{min-height:50px;border:1px solid rgba(255,237,150,.58);border-radius:17px;background:linear-gradient(145deg,#ffe25a,#ffc400);color:#0b0b0c;font-weight:950;display:flex;align-items:center;justify-content:center;gap:9px}
.mobile-menu-actions .mobile-menu-share{width:50px;height:50px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center}
.mobile-menu-actions svg{width:19px;height:19px;fill:currentColor}

/* Mobile app dock: four clear destinations and a More sheet. */
.mobile-tabbar{
  display:none;grid-template-columns:repeat(4,minmax(0,1fr));height:68px;padding:5px;
  border:1px solid rgba(255,255,255,.16);border-radius:24px;
  background:linear-gradient(145deg,rgba(36,33,39,.75),rgba(10,10,13,.82));
  box-shadow:0 18px 60px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.13);
  backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%)
}
.mobile-tabbar :where(a,button){
  position:relative;isolation:isolate;min-width:0;border:0;border-radius:18px;background:transparent;color:rgba(246,242,235,.58);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:.59rem;font-weight:800;cursor:pointer
}
.mobile-tabbar :where(a,button) span{display:grid;place-items:center;width:24px;height:23px}
.mobile-tabbar :where(a,button) svg{width:20px;height:20px;fill:currentColor}
.mobile-tabbar :where(a,button).active{color:#16120a;background:linear-gradient(145deg,#ffe36a,#ffc400 62%,#fca314);box-shadow:0 8px 22px rgba(255,184,0,.2),inset 0 1px rgba(255,255,255,.62)}
.mobile-tabbar :where(a,button):active{transform:scale(.95)}

/* Player dock: cleaner, tighter, and visually connected to the app dock. */
.player-dock{
  width:min(calc(100% - 24px),790px);min-height:72px;padding:7px 10px 7px 7px;border-radius:25px;
  border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(37,34,40,.76),rgba(9,9,12,.82));
  box-shadow:0 20px 72px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.13);
  backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)
}
.dock-art-wrap,.dock-art-wrap img{border-radius:17px}.dock-art-wrap img{box-shadow:0 8px 22px rgba(0,0,0,.27)}
.dock-wave{background:rgba(7,7,9,.83);border:1px solid rgba(255,255,255,.1)}
.dock-track small{color:#ffdd4c;letter-spacing:.15em}
.dock-track strong{font-weight:850;letter-spacing:-.018em}
.dock-play{background:linear-gradient(145deg,#ffe45e,#ffc400);box-shadow:0 10px 30px rgba(255,188,0,.22),inset 0 1px rgba(255,255,255,.6)}
.dock-volume-button,#dockBackToLive{border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.055)}

/* Content surfaces: disciplined depth and stronger spacing. */
.page-shell{width:min(calc(100% - 44px),1280px);padding-top:122px}
.home-section{padding:84px 0}
.route-hero{min-height:390px;padding-top:70px}
.route-hero:after{opacity:.55}
.route-hero h1{letter-spacing:-.075em!important;line-height:.88}
.section-head{margin-bottom:34px}
.section-head>div:last-child{max-width:520px}
:where(.show-now,.pulse-lead,.weather-panel,.request-teaser,.remyxx-teaser,.request-console,.selected-song,.request-side>*,.pulse-command-card,.pulse-command-note,.pulse-lead-card,.pulse-side-card,.story-card-v21,.host-editorial-card,.featured-episode,.episode-list,.playlist-hero-track,.history-filters,.on-air-host,.schedule-board,.special-card,.legal-dialog){
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:var(--v23-shadow-soft),inset 0 1px rgba(255,255,255,.055)!important;
}
:where(.story-card-v21,.pulse-side-card,.episode-row,.schedule-row,.album-tile){transition:transform .25s var(--v23-ease),border-color .25s ease,box-shadow .25s ease,background .25s ease}
:where(.story-card-v21,.pulse-side-card,.episode-row,.schedule-row,.album-tile):hover{transform:translateY(-3px);border-color:rgba(255,212,54,.28)!important;box-shadow:0 20px 54px rgba(0,0,0,.32)!important}
.show-now{border-radius:var(--v23-radius-xl);background:linear-gradient(145deg,#1a181e,#0c0d10)}
.show-info{padding:72px 66px}
.show-info-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.next-chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.095);box-shadow:inset 0 1px rgba(255,255,255,.055)}
.pulse-lead,.weather-panel,.request-teaser,.remyxx-teaser{border-radius:38px}
.request-teaser{background:linear-gradient(145deg,#ffdc4d,#ffb816 62%,#ff8b19);box-shadow:0 26px 70px rgba(255,132,0,.13)!important}
.story-card-v21,.pulse-side-card,.pulse-lead-card{overflow:hidden;background:linear-gradient(145deg,rgba(31,29,35,.92),rgba(12,13,16,.96))}
.host-editorial-card{border-radius:40px;background:linear-gradient(145deg,#18171c,#0b0c0f)}
.host-editorial-copy{background:linear-gradient(145deg,rgba(24,22,28,.96),rgba(10,11,14,.98))}
.episode-row{border-radius:20px;background:rgba(255,255,255,.042);border:1px solid rgba(255,255,255,.075)}
.history-filters{border-radius:28px;background:linear-gradient(145deg,rgba(31,29,35,.8),rgba(12,13,16,.88))}

/* Images and loading polish. */
img{transition:opacity .24s ease,filter .24s ease}
img[loading="lazy"]{content-visibility:auto}
.skeleton{border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.035))!important}
.skeleton:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);animation-duration:1.75s}
.connection-status{border:1px solid rgba(255,255,255,.12);background:rgba(10,10,13,.8);backdrop-filter:blur(14px)}
.toast{border:1px solid rgba(255,255,255,.14)!important;background:rgba(18,17,21,.86)!important;backdrop-filter:blur(22px) saturate(160%);box-shadow:var(--v23-shadow)!important}

/* Footer: lighter and less visually heavy. */
.site-footer{padding-top:104px}
.footer-signal{border-bottom-color:rgba(255,255,255,.09)}
.footer-signal span{font-size:clamp(3rem,7.8vw,7.6rem);letter-spacing:-.08em!important}
.footer-signal em{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",sans-serif;font-style:italic;font-weight:750;color:#f5d65a;transform:none}
.footer-grid nav a,.footer-grid nav button{min-height:30px;color:rgba(242,238,230,.66)}
.footer-bottom{border-top-color:rgba(255,255,255,.07)}

/* Standalone PWA refinement. */
@media(display-mode:standalone){
  .topbar{top:max(9px,env(safe-area-inset-top))}
  body{overscroll-behavior-y:none}
  .site-footer{padding-bottom:calc(184px + env(safe-area-inset-bottom))!important}
}

@media(max-width:1080px){
  .desktop-nav a{padding-inline:11px}
  .topbar{gap:12px}
  .brand{width:112px;min-width:112px}.brand img{width:110px}
}
@media(max-width:930px){
  .desktop-nav{display:none}.menu-button{display:grid}
  .page-shell{padding-top:108px}
}
@media(max-width:720px){
  html{scroll-padding-top:86px}
  body{padding-bottom:calc(156px + env(safe-area-inset-bottom))!important}
  .topbar{top:max(7px,env(safe-area-inset-top));width:calc(100% - 14px);height:62px;padding:6px 7px 6px 9px;border-radius:21px;gap:7px}
  .topbar:before{border-radius:19px}
  .brand{width:94px;min-width:94px}.brand img{width:92px}
  .top-actions{gap:5px}.icon-button{display:none}.listen-pill{min-height:42px;padding:0 13px;border-radius:14px;font-size:.71rem}.live-dot{width:7px;height:7px}
  .menu-button{height:42px;padding:0 10px;grid-template-columns:22px;gap:0;border-radius:14px}.menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .mobile-menu{inset:auto 7px calc(7px + env(safe-area-inset-bottom));width:auto;max-height:min(82dvh,720px);padding:14px;border-radius:29px;transform:translateY(calc(100% + 28px));opacity:.2}
  .mobile-menu.open{transform:none;opacity:1}
  .mobile-menu-head{padding-bottom:13px}.mobile-menu-brand img{width:99px!important}.mobile-menu-brand strong{font-size:.8rem}.mobile-menu-brand small{font-size:.62rem}
  .mobile-menu nav{gap:7px;margin-top:12px}.mobile-menu nav a{min-height:105px;padding:13px;border-radius:19px}.menu-tile-icon{width:34px;height:34px;border-radius:12px}.mobile-menu nav a>span:last-child{font-size:.88rem}.mobile-menu nav a small{font-size:.64rem}
  .mobile-tabbar{display:grid!important;left:7px;right:7px;transform:none;width:auto;bottom:var(--v23-safe-bottom);height:64px;border-radius:22px}
  .player-dock{left:7px;right:7px;transform:none;width:auto;bottom:calc(76px + env(safe-area-inset-bottom));min-height:66px;padding:6px;border-radius:22px;grid-template-columns:50px minmax(0,1fr) auto}
  .dock-art-wrap,.dock-art-wrap img{width:50px;height:50px}.dock-play{width:50px;height:50px}.dock-volume-button{display:none}.dock-track strong{font-size:.8rem}.dock-track span{font-size:.64rem}
  .page-shell{width:calc(100% - 20px);padding-top:92px;padding-bottom:84px}
  .home-section{padding:58px 0}.route-hero{padding-top:46px;min-height:300px}.route-hero h1{font-size:clamp(3.4rem,15vw,5.2rem)!important}
  .live-stage{padding-top:18px}.live-copy{padding-top:34px}.live-copy h1{font-size:clamp(4rem,19vw,6.2rem)!important}.live-description{max-width:35rem}
  .show-now{border-radius:30px}.show-info{padding:34px 23px}.show-info-actions{display:grid;grid-template-columns:1fr}.show-info-actions>*{width:100%}
  .pulse-lead,.weather-panel,.request-teaser,.remyxx-teaser{border-radius:29px}
  .host-editorial-card{border-radius:29px}.host-editorial-copy{padding:30px 23px 34px!important}
  .story-card-v21,.pulse-lead-card,.pulse-side-card{border-radius:27px}
  .site-footer{padding-bottom:calc(184px + env(safe-area-inset-bottom))!important}
}
@media(max-width:430px){
  .listen-pill .js-live-label{max-width:68px;overflow:hidden;white-space:nowrap}
  .mobile-menu nav a{min-height:98px;padding:12px}.mobile-menu nav a small{display:none}
  .mobile-menu-actions{margin-top:9px}
  .mobile-tabbar{height:61px;border-radius:21px}.mobile-tabbar :where(a,button){font-size:.55rem}.mobile-tabbar :where(a,button) svg{width:19px;height:19px}
  .player-dock{bottom:calc(71px + env(safe-area-inset-bottom));grid-template-columns:46px minmax(0,1fr) 46px;min-height:62px;border-radius:20px}.dock-art-wrap,.dock-art-wrap img{width:46px;height:46px}.dock-play{width:46px;height:46px}.dock-track span{display:none}
  .section-head h2{font-size:clamp(2.7rem,14vw,4rem)!important}
}
@media(max-width:350px){
  .listen-pill{padding-inline:10px}.brand{width:82px;min-width:82px}.brand img{width:80px}
  .mobile-menu{padding:12px}.mobile-menu nav a{min-height:90px}.mobile-menu-brand span{display:none}
}
@media(max-height:650px) and (orientation:landscape){
  .mobile-menu{max-height:calc(100dvh - 14px)}
  .mobile-menu nav{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-menu nav a{min-height:82px}.mobile-menu nav a small{display:none}
  .mobile-tabbar{height:56px}.player-dock{bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
@media(prefers-contrast:more){
  .topbar,.mobile-menu,.mobile-tabbar,.player-dock{border-color:rgba(255,255,255,.42);background:#121216}
  .desktop-nav a,.mobile-tabbar :where(a,button){color:#fff}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .topbar,.mobile-menu,.mobile-tabbar,.player-dock{background:rgba(17,17,21,.97)}
}



/* ========================================================================
   MYXX FM v25: premium liquid-glass visual system on the proven v23 core.
   No playback, routing, request, Pulse, REMYXX or artwork logic is replaced.
   ======================================================================== */
:root{
  --v25-ink:#07070a;
  --v25-panel:rgba(18,17,22,.72);
  --v25-panel-strong:rgba(13,13,17,.9);
  --v25-glass:rgba(35,33,40,.58);
  --v25-line:rgba(255,255,255,.13);
  --v25-line-hot:rgba(255,216,73,.36);
  --v25-glow:0 26px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.12);
  --v25-glow-soft:0 18px 54px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);
  --v25-yellow:#ffd51f;
  --v25-gold:#ffae13;
  --v25-pink:#ff3f86;
  --v25-violet:#7f5cff;
  --v25-ease:cubic-bezier(.22,.84,.22,1);
  --v25-spring:cubic-bezier(.16,1,.3,1);
}
html{background:#060608;scrollbar-color:rgba(255,214,31,.48) rgba(255,255,255,.035)}
body.v25-premium{
  background:
    radial-gradient(ellipse 70% 45% at 12% -7%,rgba(255,191,0,.13),transparent 64%),
    radial-gradient(ellipse 62% 42% at 94% 4%,rgba(255,54,132,.115),transparent 67%),
    radial-gradient(ellipse 58% 40% at 48% 60%,rgba(100,65,202,.07),transparent 70%),
    linear-gradient(180deg,#09090c 0%,#07070a 50%,#050507 100%);
  color:#f8f5ef;
}
body.v25-premium:before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.026),transparent 20%,transparent 75%,rgba(255,255,255,.014)),
    repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.008) 80px);
}
body.v25-premium .ambient{opacity:.78;filter:saturate(1.1)}
body.v25-premium .ambient i{will-change:transform;animation:v25-ambient-drift 18s ease-in-out infinite alternate}
body.v25-premium .ambient i:nth-child(2){animation-duration:23s;animation-direction:alternate-reverse}
body.v25-premium .ambient i:nth-child(3){animation-duration:27s}
@keyframes v25-ambient-drift{to{transform:translate3d(2.5vw,1.8vh,0) scale(1.06)}}

/* Route motion stays visual-only and never delays rendering. */
body.v25-premium #routeView.route-enter>.page-shell{animation:v25-route-in .52s var(--v25-spring) both}
@keyframes v25-route-in{from{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Premium system typography with controlled, readable spacing. */
body.v25-premium :where(.display,.footer-signal span,.story-visual-fallback strong,.host-editorial-copy h2){
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.v25-premium .eyebrow{color:#ffe04c;letter-spacing:.205em;font-weight:900}
body.v25-premium :where(p,.host-bio,.story-copy p){color:rgba(244,240,232,.76)}
body.v25-premium .gradient-text{
  background:linear-gradient(112deg,#fff 2%,#fff8cf 36%,#ffd84b 72%,#ffad17 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Header: precise, expensive glass without changing its behavior. */
body.v25-premium .topbar{
  height:72px;
  border-color:rgba(255,255,255,.145);
  background:
    linear-gradient(135deg,rgba(48,45,53,.62),rgba(13,13,17,.63)),
    radial-gradient(circle at 18% 0,rgba(255,255,255,.09),transparent 40%);
  box-shadow:0 22px 85px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.28);
  backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);
}
body.v25-premium .topbar:before{
  background:linear-gradient(105deg,rgba(255,255,255,.18),transparent 19%,transparent 72%,rgba(255,210,57,.075));
}
body.v25-premium.is-scrolled .topbar{
  background:linear-gradient(135deg,rgba(34,32,39,.82),rgba(9,9,12,.8));
  box-shadow:0 18px 72px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.13);
}
body.v25-premium .brand img{filter:drop-shadow(0 9px 22px rgba(0,0,0,.46)) drop-shadow(0 0 16px rgba(255,206,28,.08))}
body.v25-premium .desktop-nav{
  padding:4px;border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 30px rgba(0,0,0,.13);
}
body.v25-premium .desktop-nav a{color:rgba(250,247,240,.68);font-weight:780}
body.v25-premium .desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.07)}
body.v25-premium .desktop-nav a.active{
  color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 28px rgba(0,0,0,.22);
}
body.v25-premium .desktop-nav a.active:after{background:linear-gradient(90deg,transparent,#ffe35f 24%,#ffc400 76%,transparent)}
body.v25-premium .icon-button,
body.v25-premium .menu-button{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 26px rgba(0,0,0,.16);
}
body.v25-premium .listen-pill{
  background:linear-gradient(140deg,#ffe56b 0%,#ffd21c 46%,#ffad0e 100%);
  border-color:rgba(255,245,189,.78);
  box-shadow:0 13px 38px rgba(255,181,0,.28),inset 0 1px 0 rgba(255,255,255,.78),inset 0 -1px 0 rgba(142,83,0,.18);
  position:relative;overflow:hidden;
}
body.v25-premium .listen-pill:after,
body.v25-premium .primary-action:after{
  content:"";position:absolute;inset:-2px auto -2px -42%;width:32%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-18deg);
  transition:left .6s var(--v25-ease);
}
body.v25-premium .listen-pill:hover:after,
body.v25-premium .primary-action:hover:after{left:112%}

/* The menu control becomes a refined app-grid morph, using the proven button. */
body.v25-premium .menu-button{width:46px;min-width:46px;padding:0;grid-template-columns:1fr;border-radius:16px;overflow:hidden}
body.v25-premium .menu-label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}
body.v25-premium .menu-glyph{width:20px;height:20px;margin:auto;background:
  radial-gradient(circle at 26% 26%,#fff 0 2.4px,transparent 2.7px),
  radial-gradient(circle at 74% 26%,#fff 0 2.4px,transparent 2.7px),
  radial-gradient(circle at 26% 74%,#fff 0 2.4px,transparent 2.7px),
  radial-gradient(circle at 74% 74%,#ffd42b 0 2.4px,transparent 2.7px);
  transition:transform .34s var(--v25-spring),opacity .2s ease;
}
body.v25-premium .menu-glyph i{display:none}
body.v25-premium .menu-glyph:before,
body.v25-premium .menu-glyph:after{content:"";position:absolute;left:1px;top:9px;width:18px;height:2px;border-radius:5px;background:#fff;opacity:0;transform:rotate(0) scale(.5);transition:transform .34s var(--v25-spring),opacity .2s ease}
body.v25-premium .menu-button[aria-expanded="true"] .menu-glyph{background:none;transform:rotate(90deg)}
body.v25-premium .menu-button[aria-expanded="true"] .menu-glyph:before{opacity:1;transform:rotate(45deg) scale(1)}
body.v25-premium .menu-button[aria-expanded="true"] .menu-glyph:after{opacity:1;transform:rotate(-45deg) scale(1)}
body.v25-premium .menu-button:before{content:"";position:absolute;inset:-45%;background:radial-gradient(circle,rgba(255,214,36,.2),transparent 60%);opacity:0;transition:opacity .25s}
body.v25-premium .menu-button:hover:before,
body.v25-premium .menu-button[aria-expanded="true"]:before{opacity:1}

/* Mobile Control Center. No markup or event behavior is replaced. */
body.v25-premium .menu-backdrop{background:rgba(2,2,5,.68);backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}
body.v25-premium .mobile-menu{
  border-color:rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 20% 0,rgba(255,205,38,.09),transparent 34%),
    radial-gradient(circle at 100% 15%,rgba(255,64,137,.085),transparent 38%),
    linear-gradient(158deg,rgba(40,36,46,.88),rgba(10,10,13,.94));
  box-shadow:-24px 24px 120px rgba(0,0,0,.67),inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter:blur(38px) saturate(188%);-webkit-backdrop-filter:blur(38px) saturate(188%);
  overscroll-behavior:contain;
}
body.v25-premium .mobile-menu:before{
  content:"";position:sticky;display:block;z-index:3;top:-9px;width:48px;height:5px;margin:-6px auto 8px;border-radius:999px;background:rgba(255,255,255,.34);box-shadow:0 1px 0 rgba(0,0,0,.2)
}
body.v25-premium .mobile-menu-head{border-bottom-color:rgba(255,255,255,.095)}
body.v25-premium .mobile-menu-brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.36))}
body.v25-premium .mobile-menu-head .menu-close{
  border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)
}
body.v25-premium .mobile-menu nav a{
  position:relative;isolation:isolate;overflow:hidden;
  border-color:rgba(255,255,255,.095);
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 12px 34px rgba(0,0,0,.14);
}
body.v25-premium .mobile-menu nav a:before{
  content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 0,rgba(255,255,255,.14),transparent 50%);opacity:.5
}
body.v25-premium .mobile-menu nav a:hover{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04));border-color:rgba(255,255,255,.2)}
body.v25-premium .mobile-menu nav a.active{
  background:linear-gradient(145deg,rgba(255,222,72,.25),rgba(255,155,14,.08));
  border-color:rgba(255,218,63,.47);box-shadow:inset 0 1px 0 rgba(255,250,211,.2),0 15px 40px rgba(255,167,0,.1)
}
body.v25-premium .menu-tile-icon{
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:#ffe05b
}
body.v25-premium .mobile-menu-live{position:relative;overflow:hidden;background:linear-gradient(140deg,#ffe66c,#ffd018 52%,#ffad0c);box-shadow:0 13px 38px rgba(255,176,0,.2),inset 0 1px 0 rgba(255,255,255,.72)}
body.v25-premium .mobile-menu-share{box-shadow:inset 0 1px 0 rgba(255,255,255,.11)}

/* Floating media shell and mobile app dock. */
body.v25-premium .player-dock,
body.v25-premium .mobile-tabbar{
  border-color:rgba(255,255,255,.155);
  background:linear-gradient(145deg,rgba(35,32,39,.82),rgba(8,8,11,.9));
  box-shadow:0 22px 78px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);
}
body.v25-premium .player-dock{overflow:hidden}
body.v25-premium .player-dock:before{
  content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)
}
body.v25-premium.is-live-playing .player-dock:after,
body.v25-premium.is-episode-active .player-dock:after{
  content:"";position:absolute;left:0;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,#ffd81d,#ff8b16,#ff3f86);box-shadow:0 0 16px rgba(255,205,30,.45);animation:v25-player-progress 9s linear infinite
}
@keyframes v25-player-progress{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
body.v25-premium .dock-art-wrap,
body.v25-premium .dock-track,
body.v25-premium .dock-controls{position:relative;z-index:1}
body.v25-premium .dock-art-wrap img{box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)}
body.v25-premium .dock-play{background:linear-gradient(145deg,#ffe66d,#ffd117 55%,#ffac0d);box-shadow:0 12px 34px rgba(255,185,0,.28),inset 0 1px 0 rgba(255,255,255,.72)}
body.v25-premium .mobile-tabbar{padding:5px}
body.v25-premium .mobile-tabbar :where(a,button){border-radius:17px;color:rgba(245,241,234,.58)}
body.v25-premium .mobile-tabbar :where(a,button).active{
  background:linear-gradient(145deg,#ffe76e,#ffd21d 55%,#ffad0d);color:#161006;
  box-shadow:0 9px 25px rgba(255,181,0,.24),inset 0 1px 0 rgba(255,255,255,.72)
}

/* Buttons, forms and controls. */
body.v25-premium :where(.primary-action,.secondary-action,.listen-pill,.icon-button,.menu-button,.dock-play,.dock-volume-button,.episode-row button,.episode-big-play,.pulse-tabs-v21 button,.remyxx-filters button,.history-presets button,.schedule-day-tabs button){
  transition:transform .18s var(--v25-ease),filter .2s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;
}
body.v25-premium :where(.primary-action,.secondary-action,.listen-pill,.icon-button,.menu-button,.dock-play,.episode-row button,.episode-big-play):active{transform:scale(.965)}
body.v25-premium .primary-action{position:relative;overflow:hidden;background:linear-gradient(140deg,#ffe76c 0%,#ffd21a 48%,#ffab0e 100%)!important;border-color:rgba(255,248,202,.66)!important;box-shadow:0 14px 42px rgba(255,177,0,.25),inset 0 1px 0 rgba(255,255,255,.74)!important}
body.v25-premium .secondary-action{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.12)!important}
body.v25-premium :where(input,select,textarea){
  border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 10px 30px rgba(0,0,0,.1);transition:border-color .22s,box-shadow .22s,background .22s
}
body.v25-premium :where(input,select,textarea):focus{border-color:rgba(255,215,55,.62)!important;box-shadow:0 0 0 4px rgba(255,205,31,.1),inset 0 1px 0 rgba(255,255,255,.09)!important;background:rgba(255,255,255,.085)!important}

/* Content hierarchy: strong materials, less visual noise, cleaner spacing. */
body.v25-premium .page-shell{width:min(calc(100% - 44px),1320px)}
body.v25-premium .home-section{padding:92px 0}
body.v25-premium .section-head{gap:40px}
body.v25-premium :where(.show-now,.pulse-lead,.weather-panel,.request-teaser,.remyxx-teaser,.request-console,.selected-song,.request-side>*,.pulse-command-card,.pulse-command-note,.pulse-lead-card,.pulse-side-card,.story-card-v21,.host-editorial-card,.featured-episode,.episode-list,.playlist-hero-track,.history-filters,.on-air-host,.schedule-board,.special-card,.legal-dialog){
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:var(--v25-glow-soft)!important;
}
body.v25-premium :where(.show-now,.pulse-lead,.weather-panel,.remyxx-teaser,.request-console,.playlist-hero-track,.featured-episode,.host-editorial-card,.pulse-command){position:relative;overflow:hidden}
body.v25-premium :where(.show-now,.pulse-lead,.weather-panel,.remyxx-teaser,.request-console,.playlist-hero-track,.featured-episode,.host-editorial-card,.pulse-command):before{
  content:"";position:absolute;pointer-events:none;z-index:3;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.105),transparent 16%,transparent 78%,rgba(255,206,35,.035));mask:linear-gradient(#000,transparent 48%);opacity:.72
}
body.v25-premium .show-now{background:linear-gradient(145deg,#1b1920,#0a0b0e);box-shadow:0 34px 100px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07)!important}
body.v25-premium .show-photo img{filter:saturate(1.03) contrast(1.02)}
body.v25-premium .show-info{background:radial-gradient(circle at 100% 0,rgba(255,201,33,.055),transparent 42%)}
body.v25-premium .next-chip{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.075)}
body.v25-premium .request-teaser{background:linear-gradient(140deg,#ffe56b,#ffc71c 56%,#ff9f16);box-shadow:0 32px 90px rgba(255,132,0,.17)!important}
body.v25-premium .request-teaser p{color:rgba(24,18,5,.75)}
body.v25-premium .request-teaser .primary-action{background:#111!important;color:#fff!important;border-color:rgba(0,0,0,.2)!important;box-shadow:0 14px 36px rgba(52,28,0,.22)!important}
body.v25-premium :where(.story-card-v21,.pulse-side-card,.pulse-lead-card,.episode-row,.schedule-row,.album-tile){transition:transform .28s var(--v25-spring),border-color .25s ease,box-shadow .25s ease,background .25s ease,filter .25s ease}
@media(hover:hover) and (pointer:fine){
  body.v25-premium :where(.story-card-v21,.pulse-side-card,.pulse-lead-card,.episode-row,.schedule-row,.album-tile):hover{transform:translateY(-5px);border-color:rgba(255,215,55,.29)!important;box-shadow:0 25px 70px rgba(0,0,0,.38)!important}
  body.v25-premium .host-editorial-card:hover .host-editorial-photo img{transform:scale(1.015)}
}
body.v25-premium .host-editorial-photo img{transition:transform .65s var(--v25-spring),filter .3s ease}
body.v25-premium .host-editorial-card{background:linear-gradient(145deg,#1b1920,#090a0d);box-shadow:0 32px 100px rgba(0,0,0,.4)!important}
body.v25-premium .host-editorial-copy{background:radial-gradient(circle at 100% 0,rgba(255,204,32,.065),transparent 40%),linear-gradient(145deg,rgba(26,24,30,.98),rgba(9,10,13,.99))}
body.v25-premium .story-card-v21,
body.v25-premium .pulse-side-card,
body.v25-premium .pulse-lead-card{background:linear-gradient(145deg,rgba(34,31,39,.96),rgba(10,11,14,.98))}
body.v25-premium .episode-row,
body.v25-premium .schedule-row{background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.022));border-color:rgba(255,255,255,.09)}
body.v25-premium .history-filters{background:linear-gradient(145deg,rgba(35,32,40,.82),rgba(10,11,14,.9));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body.v25-premium .pulse-tabs-v21,
body.v25-premium .schedule-day-tabs,
body.v25-premium .remyxx-filters,
body.v25-premium .history-presets{scrollbar-width:none}
body.v25-premium .pulse-tabs-v21::-webkit-scrollbar,
body.v25-premium .schedule-day-tabs::-webkit-scrollbar,
body.v25-premium .remyxx-filters::-webkit-scrollbar{display:none}
body.v25-premium .pulse-tabs-v21 button,
body.v25-premium .schedule-day-tabs button,
body.v25-premium .remyxx-filters button,
body.v25-premium .history-presets button{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035)}
body.v25-premium :where(.pulse-tabs-v21 button,.schedule-day-tabs button,.remyxx-filters button,.history-presets button).active,
body.v25-premium .pulse-tabs-v21 button[aria-selected="true"]{background:linear-gradient(145deg,#ffe66a,#ffc914)!important;color:#151007!important;border-color:rgba(255,241,170,.7)!important;box-shadow:0 10px 30px rgba(255,181,0,.18)}

/* Hero refinements. */
body.v25-premium .live-stage{min-height:min(820px,calc(100dvh - 72px));gap:54px}
body.v25-premium .live-stage:before{color:rgba(255,255,255,.018);filter:blur(.2px)}
body.v25-premium .live-copy{padding-top:72px}
body.v25-premium .live-copy h1{text-shadow:0 18px 55px rgba(0,0,0,.24)}
body.v25-premium .live-copy h1 .script{color:#ffd832!important;text-shadow:0 9px 30px rgba(255,184,0,.13)}
body.v25-premium .signal-strip span{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
body.v25-premium .orbit-ring{border-color:rgba(255,255,255,.075);box-shadow:0 0 0 34px rgba(255,255,255,.013),0 0 0 80px rgba(255,255,255,.008)}
body.v25-premium .artwork-frame{padding:9px;background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 30px 75px rgba(0,0,0,.34)}
body.v25-premium .track-float{background:linear-gradient(145deg,rgba(38,34,40,.86),rgba(9,9,12,.88));border-color:rgba(255,255,255,.17);box-shadow:0 26px 80px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.11)}
body.v25-premium .show-bubble{background:linear-gradient(145deg,rgba(255,253,240,.98),rgba(255,238,172,.93));box-shadow:0 22px 58px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.9)}

/* Loading, toast and footer refinement. */
body.v25-premium .skeleton{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.06)}
body.v25-premium .skeleton:after{background:linear-gradient(100deg,transparent,rgba(255,229,132,.08),transparent);animation-duration:1.9s}
body.v25-premium .toast{background:rgba(23,21,27,.9)!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(28px) saturate(175%);-webkit-backdrop-filter:blur(28px) saturate(175%)}
body.v25-premium .site-footer{position:relative}
body.v25-premium .site-footer:before{content:"";position:absolute;left:50%;top:70px;width:min(75vw,850px);height:160px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,195,0,.06),transparent 68%);pointer-events:none}
body.v25-premium .footer-signal span{background:linear-gradient(105deg,#fff,#ffe35e 58%,#ffae15);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Mobile-first app experience. */
@media(max-width:930px){
  body.v25-premium .topbar{gap:10px}
  body.v25-premium .menu-button{display:grid}
}
@media(max-width:720px){
  body.v25-premium{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important;background:
    radial-gradient(ellipse 100% 38% at 4% -4%,rgba(255,190,0,.14),transparent 70%),
    radial-gradient(ellipse 90% 38% at 102% 12%,rgba(255,56,136,.105),transparent 73%),
    linear-gradient(180deg,#09090c,#07070a 56%,#050507)}
  body.v25-premium .topbar{height:64px;border-radius:22px;padding:7px 8px 7px 10px;background:linear-gradient(145deg,rgba(43,40,47,.72),rgba(10,10,13,.72));box-shadow:0 18px 64px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.16)}
  body.v25-premium .topbar:before{border-radius:20px}
  body.v25-premium .brand{width:98px;min-width:98px}body.v25-premium .brand img{width:96px}
  body.v25-premium .listen-pill{min-height:44px;border-radius:15px;padding:0 14px}
  body.v25-premium .menu-button{height:44px;width:44px;min-width:44px;border-radius:15px}
  body.v25-premium .mobile-menu{inset:auto 7px calc(7px + env(safe-area-inset-bottom));max-height:min(86dvh,760px);padding:15px;border-radius:32px;transform:translateY(calc(100% + 30px)) scale(.985);transform-origin:bottom center;opacity:.15}
  body.v25-premium .mobile-menu.open{transform:none;opacity:1}
  body.v25-premium .mobile-menu nav{gap:8px}
  body.v25-premium .mobile-menu nav a{min-height:108px;border-radius:21px;padding:14px}
  body.v25-premium .menu-tile-icon{width:36px;height:36px;border-radius:13px}
  body.v25-premium .mobile-tabbar{left:7px;right:7px;width:auto;height:64px;border-radius:23px;bottom:max(6px,env(safe-area-inset-bottom));padding:5px}
  body.v25-premium .player-dock{left:7px;right:7px;width:auto;min-height:68px;bottom:calc(77px + env(safe-area-inset-bottom));border-radius:23px;padding:7px;grid-template-columns:50px minmax(0,1fr) auto}
  body.v25-premium .page-shell{width:calc(100% - 20px);padding-top:94px;padding-bottom:90px}
  body.v25-premium .home-section{padding:64px 0}
  body.v25-premium .live-stage{min-height:auto;gap:14px;padding-top:20px}
  body.v25-premium .live-copy{padding:34px 6px 0}
  body.v25-premium .live-kicker{font-size:.68rem;line-height:1.45}
  body.v25-premium .live-copy h1{font-size:clamp(4.4rem,20.5vw,6.7rem)!important;line-height:.82!important;margin-top:22px}
  body.v25-premium .live-copy h1 .script{display:inline-flex;margin:10px 0 0;font-size:.19em!important;padding:7px 12px;border:1px solid rgba(255,210,32,.42);border-radius:999px;background:rgba(255,199,0,.06);letter-spacing:-.02em!important}
  body.v25-premium .live-description{font-size:1rem;line-height:1.53;margin:24px 0}
  body.v25-premium .live-actions{gap:9px}
  body.v25-premium .live-actions>*{border-radius:17px}
  body.v25-premium .signal-strip{gap:7px;margin-top:17px}
  body.v25-premium .signal-strip span{padding:7px 9px;font-size:.64rem}
  body.v25-premium .now-orbit{min-height:520px;margin-top:10px}
  body.v25-premium .artwork-stage{width:min(82vw,480px)}
  body.v25-premium .track-float{left:-12px;right:-12px;bottom:-60px;border-radius:22px;padding:16px 17px}
  body.v25-premium .show-bubble{right:-4px;top:1%;width:142px;border-radius:19px}
  body.v25-premium .show-now,
  body.v25-premium .host-editorial-card{border-radius:31px}
  body.v25-premium .show-info{padding:36px 24px}
  body.v25-premium .route-hero{min-height:315px;padding-top:50px}
  body.v25-premium .route-hero h1{font-size:clamp(3.8rem,16.5vw,5.4rem)!important}
  body.v25-premium :where(.pulse-lead,.weather-panel,.request-teaser,.remyxx-teaser,.request-console,.playlist-hero-track,.featured-episode,.episode-list,.history-filters,.schedule-board){border-radius:29px}
  body.v25-premium .site-footer{padding-bottom:calc(194px + env(safe-area-inset-bottom))!important}
}
@media(max-width:430px){
  body.v25-premium .topbar .listen-pill{padding-inline:12px}
  body.v25-premium .mobile-menu{padding:13px;border-radius:29px}
  body.v25-premium .mobile-menu nav a{min-height:100px;padding:12px;border-radius:19px}
  body.v25-premium .mobile-menu nav a small{display:none}
  body.v25-premium .player-dock{min-height:64px;bottom:calc(73px + env(safe-area-inset-bottom));grid-template-columns:47px minmax(0,1fr) 47px;border-radius:21px}
  body.v25-premium .dock-art-wrap,body.v25-premium .dock-art-wrap img{width:47px;height:47px}
  body.v25-premium .dock-play{width:47px;height:47px}
  body.v25-premium .mobile-tabbar{height:61px;border-radius:21px}
  body.v25-premium .live-copy{padding-inline:4px}
  body.v25-premium .live-copy h1{font-size:clamp(4rem,21.5vw,5.7rem)!important}
  body.v25-premium .live-actions{grid-template-columns:1fr 1fr}
  body.v25-premium .live-actions>*{min-width:0;padding-inline:10px;font-size:.78rem}
  body.v25-premium .now-orbit{min-height:475px}
  body.v25-premium .show-bubble{width:130px;font-size:.9em}
}
@media(max-width:350px){
  body.v25-premium .brand{width:84px;min-width:84px}body.v25-premium .brand img{width:82px}
  body.v25-premium .listen-pill{padding-inline:10px;font-size:.67rem}
  body.v25-premium .mobile-menu nav a{min-height:92px}
  body.v25-premium .live-copy h1{font-size:4rem!important}
}
@media(max-height:650px) and (orientation:landscape){
  body.v25-premium .mobile-menu{max-height:calc(100dvh - 14px)}
  body.v25-premium .mobile-menu:before{display:none}
  body.v25-premium .mobile-menu nav a{min-height:80px}
  body.v25-premium .player-dock{bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(display-mode:standalone) and (max-width:720px){
  body.v25-premium .topbar{top:max(8px,env(safe-area-inset-top))}
  body.v25-premium .mobile-tabbar{bottom:max(7px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){
  body.v25-premium .ambient i,
  body.v25-premium #routeView.route-enter>.page-shell,
  body.v25-premium.is-live-playing .player-dock:after,
  body.v25-premium.is-episode-active .player-dock:after{animation:none!important}
}
@media(prefers-contrast:more){
  body.v25-premium .topbar,body.v25-premium .mobile-menu,body.v25-premium .player-dock,body.v25-premium .mobile-tabbar{background:#121217;border-color:rgba(255,255,255,.46)}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  body.v25-premium .topbar,body.v25-premium .mobile-menu,body.v25-premium .player-dock,body.v25-premium .mobile-tabbar{background:rgba(16,16,21,.98)}
}

/* v25 final portrait-menu balance: the seventh destination spans the row. */
@media(max-width:720px) and (orientation:portrait){
  body.v25-premium .mobile-menu nav a:last-child:nth-child(odd){
    grid-column:1/-1;min-height:78px;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px
  }
  body.v25-premium .mobile-menu nav a:last-child:nth-child(odd)>span:last-child{flex:1}
  body.v25-premium .mobile-menu nav a:last-child:nth-child(odd) small{display:block}
}
@media(max-width:430px) and (orientation:portrait){
  body.v25-premium .mobile-menu nav a:last-child:nth-child(odd) small{display:none}
}


/* ============================================================
   MYXX FM v26: desktop-parity responsive edition
   Desktop v25 composition is locked. Phone and tablet layouts
   use the same materials, typography and components, reflowed.
   ============================================================ */
@media(max-width:930px){
  body.v26-desktop-parity .desktop-nav{display:none!important}
  body.v26-desktop-parity .menu-button{display:grid!important}
  body.v26-desktop-parity .listen-pill{display:flex!important}
  body.v26-desktop-parity .icon-button{display:none!important}
  body.v26-desktop-parity .topbar{gap:10px!important}
}

@media(max-width:720px){
  :root{
    --v26-mobile-header:64px;
    --v26-mobile-player:72px;
    --v26-mobile-edge:10px;
  }
  html{scroll-padding-top:86px}
  body.v26-desktop-parity{
    padding-bottom:calc(var(--v26-mobile-player) + 42px + env(safe-area-inset-bottom))!important;
    background:
      radial-gradient(ellipse 92% 32% at 0 -4%,rgba(255,194,0,.13),transparent 72%),
      radial-gradient(ellipse 86% 35% at 104% 8%,rgba(255,54,135,.1),transparent 74%),
      linear-gradient(180deg,#09090c 0%,#07070a 58%,#050507 100%)!important;
  }
  body.v26-desktop-parity .ambient{opacity:.78}
  body.v26-desktop-parity .mobile-tabbar{display:none!important}
  body.v26-desktop-parity .page-shell,
  html:not([data-route="home"]) body.v26-desktop-parity .page-shell{
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:calc(var(--v26-mobile-header) + 29px + env(safe-area-inset-top)) 15px 64px!important;
  }

  /* The desktop glass header, compressed rather than replaced. */
  body.v26-desktop-parity .topbar{
    top:max(8px,env(safe-area-inset-top))!important;
    left:var(--v26-mobile-edge)!important;right:var(--v26-mobile-edge)!important;
    width:auto!important;max-width:none!important;height:var(--v26-mobile-header)!important;
    margin:0!important;padding:7px 8px 7px 11px!important;gap:6px!important;
    border-radius:23px!important;
    background:linear-gradient(135deg,rgba(38,35,41,.84),rgba(10,10,13,.82))!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:0 18px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16)!important;
    backdrop-filter:blur(28px) saturate(175%)!important;
    -webkit-backdrop-filter:blur(28px) saturate(175%)!important;
  }
  body.v26-desktop-parity .topbar:before{border-radius:21px!important}
  body.v26-desktop-parity .topbar .brand{width:98px!important;min-width:98px!important;height:50px!important}
  body.v26-desktop-parity .topbar .brand img{width:96px!important;max-height:49px!important}
  body.v26-desktop-parity .top-actions{gap:5px!important;margin-left:auto!important}
  body.v26-desktop-parity .listen-pill{
    min-height:44px!important;height:44px!important;padding:0 12px!important;gap:7px!important;
    border-radius:15px!important;font-size:.72rem!important;white-space:nowrap!important;
  }
  body.v26-desktop-parity .listen-pill .live-dot{width:7px;height:7px;box-shadow:0 0 0 4px rgba(239,36,74,.15)}
  body.v26-desktop-parity .menu-button{
    width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;
    border-radius:15px!important;gap:0!important;
    background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035))!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.13)!important;
  }
  body.v26-desktop-parity .menu-button .menu-label{display:none!important}
  body.v26-desktop-parity .menu-button .menu-glyph{position:relative!important;display:block!important;width:20px!important;height:16px!important}
  body.v26-desktop-parity .menu-button .menu-glyph i{
    position:absolute!important;left:0!important;width:20px!important;height:2px!important;margin:0!important;
    border-radius:4px!important;background:#fff!important;transition:top .25s ease,transform .25s ease,opacity .2s ease!important;
  }
  body.v26-desktop-parity .menu-button .menu-glyph i:nth-child(1){top:1px!important}
  body.v26-desktop-parity .menu-button .menu-glyph i:nth-child(2){top:7px!important}
  body.v26-desktop-parity .menu-button .menu-glyph i:nth-child(3){top:13px!important}
  body.v26-desktop-parity .menu-button[aria-expanded="true"] .menu-glyph i:nth-child(1){top:7px!important;transform:rotate(45deg)!important}
  body.v26-desktop-parity .menu-button[aria-expanded="true"] .menu-glyph i:nth-child(2){opacity:0!important;transform:scaleX(.25)!important}
  body.v26-desktop-parity .menu-button[aria-expanded="true"] .menu-glyph i:nth-child(3){top:7px!important;transform:rotate(-45deg)!important}

  /* One desktop-style glass navigation drawer, not a second app dashboard. */
  body.v26-desktop-parity .mobile-menu{
    display:block!important;top:8px!important;right:8px!important;bottom:auto!important;left:auto!important;
    width:min(calc(100% - 16px),420px)!important;max-height:calc(100dvh - 16px)!important;height:auto!important;
    padding:18px!important;border-radius:30px!important;
    transform:translateX(calc(100% + 22px))!important;transform-origin:right center!important;opacity:0!important;
    background:
      radial-gradient(circle at 8% 0,rgba(255,209,36,.12),transparent 38%),
      radial-gradient(circle at 100% 18%,rgba(255,61,145,.09),transparent 42%),
      linear-gradient(150deg,rgba(35,32,39,.97),rgba(8,9,12,.985) 68%)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    box-shadow:-30px 0 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.13)!important;
    backdrop-filter:blur(32px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(32px) saturate(180%)!important;
    transition:transform .34s cubic-bezier(.22,.86,.25,1),opacity .25s ease!important;
  }
  body.v26-desktop-parity .mobile-menu.open{transform:none!important;opacity:1!important}
  body.v26-desktop-parity .mobile-menu-head{position:relative!important;top:auto!important;padding:2px 1px 16px!important;background:none!important}
  body.v26-desktop-parity .mobile-menu-brand img{width:112px!important}
  body.v26-desktop-parity .mobile-menu nav{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important;
  }
  body.v26-desktop-parity .mobile-menu nav a,
  body.v26-desktop-parity .mobile-menu nav a:last-child:nth-child(odd){
    grid-column:auto!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;
    min-height:65px!important;padding:10px 12px!important;gap:12px!important;align-items:center!important;
    border-radius:18px!important;transform:none!important;
  }
  body.v26-desktop-parity .mobile-menu nav a:after{
    content:"›";font-size:1.35rem;font-weight:500;color:rgba(255,255,255,.32);line-height:1
  }
  body.v26-desktop-parity .mobile-menu nav a>span:last-child{font-size:.98rem!important}
  body.v26-desktop-parity .mobile-menu nav a small,
  body.v26-desktop-parity .mobile-menu nav a:last-child:nth-child(odd) small{display:block!important;margin-top:3px!important;font-size:.67rem!important}
  body.v26-desktop-parity .menu-tile-icon{width:38px!important;height:38px!important;border-radius:13px!important}
  body.v26-desktop-parity .mobile-menu-actions{margin-top:10px!important}

  /* The hero uses the exact desktop pieces, re-ordered for a narrow canvas. */
  body.v26-desktop-parity .live-stage{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    min-height:0!important;gap:18px!important;padding:4px 0 36px!important;
  }
  body.v26-desktop-parity .live-stage:before{
    display:block!important;right:-20vw!important;top:310px!important;font-size:66vw!important;
    color:rgba(255,255,255,.022)!important
  }
  body.v26-desktop-parity .now-orbit{
    order:1!important;min-height:410px!important;width:100%!important;margin:0!important;padding:8px 0 34px!important;
  }
  body.v26-desktop-parity .orbit-ring{width:min(94vw,410px)!important}
  body.v26-desktop-parity .artwork-stage{
    width:min(82vw,350px)!important;max-width:350px!important;transform:rotate(2.4deg)!important;
  }
  body.v26-desktop-parity .artwork-frame{padding:8px!important;border-radius:30px!important}
  body.v26-desktop-parity .artwork-frame img{border-radius:23px!important}
  body.v26-desktop-parity .onair-ribbon{left:-17px!important;top:35px!important;padding:8px 13px!important;font-size:.62rem!important}
  body.v26-desktop-parity .show-bubble{
    display:block!important;right:-5px!important;top:4%!important;width:137px!important;padding:12px!important;
    border-radius:18px!important;transform:rotate(4deg)!important
  }
  body.v26-desktop-parity .show-bubble strong{font-size:.88rem!important}
  body.v26-desktop-parity .show-bubble span{font-size:.64rem!important}
  body.v26-desktop-parity .track-float{
    left:-8px!important;right:-8px!important;bottom:-42px!important;padding:15px 16px!important;
    border-radius:21px!important;transform:rotate(-2deg)!important;
  }
  body.v26-desktop-parity .track-float h2{font-size:1.35rem!important}
  body.v26-desktop-parity .live-copy{
    order:2!important;padding:24px 3px 0!important;z-index:4!important;
  }
  body.v26-desktop-parity .live-kicker{font-size:.68rem!important;line-height:1.42!important;letter-spacing:.13em!important}
  body.v26-desktop-parity .live-copy h1{
    font-size:clamp(4.25rem,20vw,6.4rem)!important;line-height:.83!important;letter-spacing:-.075em!important;
    max-width:8.7ch!important;margin-top:22px!important;
  }
  body.v26-desktop-parity .live-copy h1 .script{
    display:block!important;width:max-content!important;margin:9px 0 10px 5px!important;padding:0!important;
    border:0!important;border-radius:0!important;background:none!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",sans-serif!important;
    font-size:.27em!important;font-style:italic!important;font-weight:850!important;line-height:1.2!important;letter-spacing:-.055em!important;
    text-transform:none!important;transform:none!important;
  }
  body.v26-desktop-parity .live-description{max-width:35rem!important;margin:22px 0!important;font-size:1rem!important;line-height:1.58!important}
  body.v26-desktop-parity .live-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.v26-desktop-parity .live-actions>*{width:100%!important;min-height:52px!important;padding:0 12px!important;border-radius:17px!important;font-size:.79rem!important}
  body.v26-desktop-parity .signal-strip{margin-top:18px!important;gap:7px!important}
  body.v26-desktop-parity .signal-strip span{font-size:.64rem!important;padding:7px 9px!important}
  body.v26-desktop-parity .heat-marquee{margin-inline:-15px!important}

  /* The desktop player, condensed. No second permanent navigation bar. */
  body.v26-desktop-parity .player-dock{
    left:var(--v26-mobile-edge)!important;right:var(--v26-mobile-edge)!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;
    min-height:var(--v26-mobile-player)!important;height:var(--v26-mobile-player)!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;padding:8px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,rgba(35,32,39,.91),rgba(8,9,11,.94))!important;
  }
  body.v26-desktop-parity .dock-art-wrap,
  body.v26-desktop-parity .dock-art-wrap img{width:52px!important;height:52px!important;border-radius:16px!important}
  body.v26-desktop-parity .dock-play{width:52px!important;height:52px!important;border-radius:50%!important}
  body.v26-desktop-parity .dock-volume-button{display:none!important}
  body.v26-desktop-parity .dock-track small{font-size:.57rem!important}
  body.v26-desktop-parity .dock-track strong{font-size:.84rem!important}
  body.v26-desktop-parity .dock-track span{display:block!important;font-size:.67rem!important}
  body.v26-desktop-parity #dockBackToLive{font-size:.64rem!important;padding:8px!important}

  body.v26-desktop-parity .home-section{padding:68px 0!important}
  body.v26-desktop-parity .section-head{gap:14px!important}
  body.v26-desktop-parity .section-head h2{font-size:clamp(3.05rem,14vw,4.5rem)!important}
  body.v26-desktop-parity .site-footer{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
}

@media(max-width:430px){
  body.v26-desktop-parity .topbar{left:7px!important;right:7px!important;padding-left:9px!important}
  body.v26-desktop-parity .topbar .brand{width:92px!important;min-width:92px!important}
  body.v26-desktop-parity .topbar .brand img{width:90px!important}
  body.v26-desktop-parity .listen-pill{padding:0 10px!important;font-size:.68rem!important}
  body.v26-desktop-parity .page-shell,
  html:not([data-route="home"]) body.v26-desktop-parity .page-shell{padding-left:12px!important;padding-right:12px!important}
  body.v26-desktop-parity .now-orbit{min-height:390px!important}
  body.v26-desktop-parity .artwork-stage{width:min(84vw,338px)!important}
  body.v26-desktop-parity .show-bubble{width:128px!important;right:-2px!important}
  body.v26-desktop-parity .live-copy h1{font-size:clamp(4rem,21vw,5.65rem)!important}
  body.v26-desktop-parity .live-actions>*{font-size:.76rem!important;padding-inline:9px!important}
  body.v26-desktop-parity .mobile-menu{top:7px!important;right:7px!important;bottom:auto!important;left:7px!important;width:auto!important;max-height:calc(100dvh - 14px)!important;padding:15px!important;border-radius:27px!important}
  body.v26-desktop-parity .mobile-menu nav a{min-height:61px!important;padding:9px 10px!important}
  body.v26-desktop-parity .player-dock{left:7px!important;right:7px!important}
}

@media(max-width:350px){
  body.v26-desktop-parity .topbar .brand{width:80px!important;min-width:80px!important}
  body.v26-desktop-parity .topbar .brand img{width:79px!important}
  body.v26-desktop-parity .listen-pill{padding-inline:8px!important;font-size:.63rem!important;gap:6px!important}
  body.v26-desktop-parity .menu-button{width:42px!important;min-width:42px!important;height:42px!important}
  body.v26-desktop-parity .now-orbit{min-height:360px!important}
  body.v26-desktop-parity .artwork-stage{width:min(82vw,290px)!important}
  body.v26-desktop-parity .show-bubble{width:116px!important;padding:10px!important}
  body.v26-desktop-parity .live-copy h1{font-size:3.85rem!important}
  body.v26-desktop-parity .live-actions{grid-template-columns:1fr!important}
}

@media(max-height:650px) and (orientation:landscape){
  body.v26-desktop-parity .mobile-menu{inset:6px 6px 6px auto!important;max-height:calc(100dvh - 12px)!important;width:min(72vw,430px)!important}
  body.v26-desktop-parity .mobile-menu nav{grid-template-columns:1fr 1fr!important}
  body.v26-desktop-parity .mobile-menu nav a{min-height:58px!important}
  body.v26-desktop-parity .now-orbit{min-height:350px!important}
}

@media(display-mode:standalone) and (max-width:720px){
  body.v26-desktop-parity .topbar{top:max(9px,env(safe-area-inset-top))!important}
  body.v26-desktop-parity .player-dock{bottom:max(9px,env(safe-area-inset-bottom))!important}
}

@media(prefers-contrast:more) and (max-width:720px){
  body.v26-desktop-parity .topbar,
  body.v26-desktop-parity .mobile-menu,
  body.v26-desktop-parity .player-dock{background:#111116!important;border-color:rgba(255,255,255,.5)!important}
}


/* ============================================================
   MYXX FM v26.1: official slogan signature lockup
   Uses lettering extracted from the supplied MYXX logo artwork.
   ============================================================ */
.brand-slogan-heading{
  position:relative;display:block;width:min(100%,780px);margin:24px 0 8px;
  line-height:1;isolation:isolate;overflow:visible
}
.brand-slogan-heading:before{
  content:"";position:absolute;inset:12% 8% 4%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,196,0,.2),rgba(255,81,42,.07) 45%,transparent 72%);
  filter:blur(34px);opacity:.85;transform:rotate(-3deg)
}
.brand-slogan-mark{
  display:block;width:min(100%,760px);height:auto;object-fit:contain;object-position:left center;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.96)) drop-shadow(0 16px 28px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(255,201,0,.13));
  transform:rotate(-1.1deg);transform-origin:42% 50%;will-change:transform
}
.route-enter .brand-slogan-mark{animation:myxxSloganArrive .72s cubic-bezier(.18,.88,.28,1) both}
@keyframes myxxSloganArrive{
  from{opacity:0;transform:translate3d(-12px,16px,0) rotate(-3deg) scale(.965);filter:blur(5px) drop-shadow(0 0 0 transparent)}
  to{opacity:1;transform:translate3d(0,0,0) rotate(-1.1deg) scale(1);filter:drop-shadow(0 4px 0 rgba(0,0,0,.96)) drop-shadow(0 16px 28px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(255,201,0,.13))}
}
.footer-signal .brand-slogan-footer{
  display:block;width:min(39vw,410px);height:auto;object-fit:contain;object-position:right center;
  filter:drop-shadow(0 3px 0 #000) drop-shadow(0 12px 24px rgba(0,0,0,.45));
  transform:rotate(-1deg);transform-origin:right center
}
@media(max-width:1120px){
  .brand-slogan-heading{width:min(100%,690px)}
}
@media(max-width:900px){
  .brand-slogan-heading{width:min(100%,670px);margin-top:20px}
  .footer-signal .brand-slogan-footer{width:min(58vw,390px);object-position:left center;transform-origin:left center}
}
@media(max-width:720px){
  body.v26-desktop-parity .brand-slogan-heading{
    width:min(100%,520px)!important;max-width:none!important;margin:18px 0 4px!important;
  }
  body.v26-desktop-parity .brand-slogan-mark{
    width:min(94%,480px)!important;transform:rotate(-1deg)!important;
    filter:drop-shadow(0 3px 0 #000) drop-shadow(0 13px 24px rgba(0,0,0,.48)) drop-shadow(0 0 14px rgba(255,201,0,.11))!important
  }
  body.v26-desktop-parity .footer-signal .brand-slogan-footer{width:min(86vw,390px)!important}
}
@media(max-width:430px){
  body.v26-desktop-parity .brand-slogan-heading{width:100%!important;margin-top:16px!important}
  body.v26-desktop-parity .brand-slogan-mark{width:94%!important}
}
@media(max-width:350px){
  body.v26-desktop-parity .brand-slogan-heading{margin-top:14px!important}
}
@media(prefers-reduced-motion:reduce){.route-enter .brand-slogan-mark{animation:none!important}}


/* ============================================================
   MYXX FM v26.3: crisp text slogan + REMYXX teaser repair
   ============================================================ */
@font-face{font-family:"MYXX Script";src:url("/assets/fonts/myxx-script.otf") format("opentype");font-display:swap}

.brand-slogan-heading{position:relative!important;display:block!important;width:min(100%,720px)!important;margin:26px 0 10px!important;line-height:1!important;isolation:isolate;overflow:visible!important}
.brand-slogan-heading:before{content:"";position:absolute;inset:12% 8% 6%;z-index:-2;border-radius:50%;background:radial-gradient(circle at 38% 44%,rgba(255,206,32,.22),rgba(255,127,28,.08) 42%,transparent 70%);filter:blur(36px);opacity:.92}
.brand-slogan-script,.brand-slogan-footer{display:inline-grid;grid-auto-rows:max-content;gap:.02em;font-family:"MYXX Script","Lobster Two","Brush Script MT",cursive;font-weight:700;font-style:normal;line-height:.82;letter-spacing:0;transform:rotate(-4.25deg);transform-origin:left center;color:#f7c915;-webkit-text-stroke:8px #090909;paint-order:stroke fill;text-shadow:0 5px 0 rgba(0,0,0,.94),0 16px 24px rgba(0,0,0,.38),0 0 18px rgba(255,196,0,.12)}
.brand-slogan-line{display:block;white-space:nowrap}
.brand-slogan-line-top{font-size:clamp(4.8rem,8.5vw,8.9rem)}
.brand-slogan-line-bottom{font-size:clamp(4.85rem,8.9vw,9.1rem);padding-left:.58em;margin-top:-.08em}
.footer-signal .brand-slogan-footer{width:auto!important;max-width:none!important;margin-left:auto;align-self:flex-end;gap:.01em;font-size:1rem;-webkit-text-stroke:3px #090909;text-shadow:0 3px 0 rgba(0,0,0,.95),0 10px 18px rgba(0,0,0,.36);transform:rotate(-3.5deg)}
.footer-signal .brand-slogan-footer .brand-slogan-line-top{font-size:clamp(1.35rem,2.15vw,2.3rem)}
.footer-signal .brand-slogan-footer .brand-slogan-line-bottom{font-size:clamp(1.38rem,2.22vw,2.36rem);padding-left:.52em}
@supports not (-webkit-text-stroke:1px #000){.brand-slogan-script,.brand-slogan-footer{text-shadow:-2px 0 #090909,0 2px #090909,2px 0 #090909,0 -2px #090909,0 5px 0 rgba(0,0,0,.94),0 16px 24px rgba(0,0,0,.38),0 0 18px rgba(255,196,0,.12)}}
@media(max-width:900px){.brand-slogan-heading{width:min(100%,640px)!important}.brand-slogan-line-top{font-size:clamp(4rem,12vw,7.2rem)}.brand-slogan-line-bottom{font-size:clamp(4.1rem,12.5vw,7.3rem)}}
@media(max-width:720px){body.v26-desktop-parity .brand-slogan-heading{width:min(100%,520px)!important;margin:18px 0 6px!important}.brand-slogan-script{transform:rotate(-3.75deg);-webkit-text-stroke:6px #090909}.brand-slogan-line-top{font-size:clamp(3.35rem,13vw,5.4rem)}.brand-slogan-line-bottom{font-size:clamp(3.45rem,13.4vw,5.55rem);padding-left:.38em}.footer-signal .brand-slogan-footer{-webkit-text-stroke:2.2px #090909;align-self:flex-start;margin-left:0;transform:rotate(-3deg)}}
@media(max-width:430px){body.v26-desktop-parity .brand-slogan-heading{margin-top:14px!important}.brand-slogan-script{text-shadow:0 4px 0 rgba(0,0,0,.94),0 12px 20px rgba(0,0,0,.35),0 0 14px rgba(255,196,0,.12)}.brand-slogan-line-top{font-size:clamp(2.9rem,14.5vw,4.4rem)}.brand-slogan-line-bottom{font-size:clamp(3rem,14.8vw,4.5rem);padding-left:.28em}}

/* Replace the raster lockup with live text. */
.brand-slogan-mark{display:none!important}

/* REMYXX teaser repair: cleaner framing, realistic vinyl, no cutoff. */
.remyxx-teaser{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)!important;gap:clamp(28px,4vw,54px)!important;align-items:center!important;overflow:visible!important;padding:6px 0 14px!important}
.remyxx-art-stack{position:relative;display:grid;place-items:center;min-height:430px!important;overflow:visible!important;isolation:isolate}
.remyxx-art-stack:before{content:"";position:absolute;inset:10% 8%;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(101,53,255,.18),rgba(255,194,20,.12) 36%,transparent 72%);filter:blur(44px)}
.remyxx-disc{position:absolute!important;width:min(33vw,365px)!important;aspect-ratio:1;right:6%!important;top:50%!important;transform:translateY(-50%)!important;border-radius:50%;background:radial-gradient(circle at center,transparent 0 11%,#0d0e12 11.5% 14.5%,transparent 15%),repeating-radial-gradient(circle,#20222a 0 2px,#0f1014 2px 9px);border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 90px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.04);animation:spin 26s linear infinite;z-index:1}
.remyxx-disc:before{content:"";position:absolute;inset:43%;border-radius:50%;background:#0b0c10;box-shadow:0 0 0 10px rgba(255,214,41,.92),0 0 0 18px #0b0c10}
.remyxx-disc:after{content:"MYXX FM";position:absolute;inset:36.5%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffe771,#ffd21a 60%,#efb800 100%);color:#0b0c10;font:700 1.05rem/1 var(--display,Inter,sans-serif);letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.remyxx-cover{position:absolute!important;z-index:2;width:min(58%,308px)!important;aspect-ratio:1;left:7%!important;bottom:28px!important;transform:rotate(-5.4deg)!important;padding:12px!important;border-radius:32px!important;background:linear-gradient(145deg,#fefefe,#8d8f97)!important;box-shadow:0 28px 86px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.78)!important}
.remyxx-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px!important;box-shadow:0 8px 28px rgba(0,0,0,.18)}
.remyxx-copy{padding-right:6px}
.remyxx-copy h2{font-size:clamp(4rem,8.3vw,8.2rem)!important;line-height:.9!important;letter-spacing:-.04em!important;margin-bottom:14px!important}
.remyxx-copy p{max-width:52ch!important;color:#c8c2ba!important;font-size:1rem!important;line-height:1.58!important}
.remyxx-copy .episode-meta{gap:10px!important;margin:20px 0 0!important}
.remyxx-teaser-actions{gap:12px!important;margin-top:24px!important}
@media(max-width:900px){.remyxx-teaser{grid-template-columns:1fr!important;gap:18px!important}.remyxx-art-stack{min-height:390px!important}.remyxx-disc{width:min(54vw,320px)!important;right:8%!important}.remyxx-cover{width:min(46vw,248px)!important;left:9%!important;bottom:18px!important}.remyxx-copy{padding-right:0}.remyxx-copy h2{font-size:clamp(3.7rem,12vw,6.6rem)!important}}
@media(max-width:640px){.remyxx-teaser{gap:10px!important}.remyxx-art-stack{min-height:330px!important}.remyxx-disc{width:min(62vw,280px)!important;right:7%!important}.remyxx-disc:after{font-size:.86rem}.remyxx-cover{width:min(48vw,210px)!important;left:7%!important;bottom:16px!important;padding:10px!important;border-radius:26px!important}.remyxx-cover img{border-radius:20px!important}.remyxx-copy h2{font-size:clamp(3.2rem,14.8vw,4.8rem)!important}.remyxx-copy p{font-size:.92rem!important}}


/* ============================================================
   MYXX FM v26.3 micro QA: REMYXX fallback, footer, mobile rhythm
   Cosmetic only. No player, data, routing or request logic changes.
   ============================================================ */

/* REMYXX fallback artwork reads as deliberate branded packaging. */
.remyxx-cover.is-remyxx-fallback,
.featured-episode-art.is-remyxx-fallback,
.episode-row-art.is-remyxx-fallback{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,207,28,.24),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(109,60,255,.2),transparent 42%),
    linear-gradient(145deg,#232128,#090a0e 74%)!important;
}
.remyxx-cover.is-remyxx-fallback:before,
.featured-episode-art.is-remyxx-fallback:before,
.episode-row-art.is-remyxx-fallback:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.12),transparent 18%,transparent 72%,rgba(255,207,28,.04)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 9px);
}
.remyxx-cover.is-remyxx-fallback:after{
  content:"REMYXX";position:absolute;z-index:3;left:50%;bottom:12%;transform:translateX(-50%);
  color:#ffe04a;font:900 clamp(.78rem,1.25vw,1.05rem)/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.22em;text-indent:.22em;text-shadow:0 8px 24px rgba(0,0,0,.7)
}
.remyxx-cover.is-remyxx-fallback img,
.featured-episode-art.is-remyxx-fallback img,
.episode-row-art.is-remyxx-fallback img{
  position:relative;z-index:2;object-fit:contain!important;width:100%;height:100%;
  padding:18%!important;background:transparent!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.48));
}
.featured-episode-art.is-remyxx-fallback img{padding:13%!important}
.episode-row-art.is-remyxx-fallback img{padding:17%!important}

/* The footer closes the site like a premium brand panel rather than loose columns. */
.site-footer{position:relative!important;margin-top:clamp(46px,7vw,110px)!important}
.site-footer:after{
  content:"";position:absolute;left:50%;top:0;width:min(92vw,1120px);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13) 20%,rgba(255,211,46,.32) 50%,rgba(255,255,255,.13) 80%,transparent)
}
.footer-signal{
  position:relative;isolation:isolate;align-items:center!important;padding:22px 26px!important;border:1px solid rgba(255,255,255,.1)!important;
  border-radius:28px!important;background:
    radial-gradient(circle at 12% 18%,rgba(255,205,35,.12),transparent 34%),
    radial-gradient(circle at 92% 88%,rgba(255,50,139,.09),transparent 40%),
    linear-gradient(145deg,rgba(37,34,41,.78),rgba(9,10,13,.88))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.33),inset 0 1px 0 rgba(255,255,255,.09)!important
}
.footer-signal>span:first-child{font-size:clamp(2.7rem,6.6vw,6.5rem)!important;line-height:.84!important;letter-spacing:-.075em!important}
.footer-grid{padding:42px 10px 38px!important;gap:clamp(26px,4vw,54px)!important}
.footer-grid nav{gap:12px!important}
.footer-grid nav a,.footer-grid nav button{
  width:max-content;max-width:100%;padding:5px 0!important;color:rgba(244,240,232,.7)!important;
  transition:color .2s ease,transform .2s ease!important
}
@media(hover:hover) and (pointer:fine){.footer-grid nav a:hover,.footer-grid nav button:hover{color:#ffe04a!important;transform:translateX(3px)}}
.footer-bottom{align-items:center!important;padding:22px 4px 0!important}

/* Final phone/tablet spacing rhythm. */
@media(max-width:720px){
  body.v26-desktop-parity{--v26-mobile-gutter:12px}
  body.v26-desktop-parity .page-shell{width:calc(100% - (var(--v26-mobile-gutter) * 2))!important;padding-top:88px!important;padding-bottom:116px!important}
  body.v26-desktop-parity .live-stage{gap:20px!important;padding-top:16px!important}
  body.v26-desktop-parity .now-orbit{min-height:480px!important;margin:4px 0 6px!important}
  body.v26-desktop-parity .live-copy{padding:28px 4px 0!important}
  body.v26-desktop-parity .live-description{margin:22px 0!important;line-height:1.58!important}
  body.v26-desktop-parity .home-section{padding:58px 0!important}
  body.v26-desktop-parity .home-section+.home-section{border-top:1px solid rgba(255,255,255,.035)}
  body.v26-desktop-parity .section-head{margin-bottom:24px!important}
  body.v26-desktop-parity .player-dock{left:8px!important;right:8px!important;width:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  body.v26-desktop-parity .site-footer{display:block!important;width:calc(100% - 16px)!important;margin:40px 8px 0!important;padding:18px 14px calc(132px + env(safe-area-inset-bottom))!important;border:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important}
  body.v26-desktop-parity .footer-signal{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px!important;border-radius:22px!important}
  body.v26-desktop-parity .footer-signal>span:first-child{font-size:clamp(2rem,11vw,3.2rem)!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer{display:inline-grid!important;margin:0!important;align-self:center!important;-webkit-text-stroke:1.7px #090909!important;transform:rotate(-2.5deg)!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer .brand-slogan-line-top{font-size:clamp(.9rem,4.3vw,1.25rem)!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer .brand-slogan-line-bottom{font-size:clamp(.92rem,4.4vw,1.28rem)!important;padding-left:.35em!important}
  body.v26-desktop-parity .footer-grid{padding:26px 2px 22px!important;gap:22px!important}
  body.v26-desktop-parity .footer-grid nav{gap:8px!important}
  body.v26-desktop-parity .footer-grid nav a,
  body.v26-desktop-parity .footer-grid nav button{padding:8px 11px!important}
  body.v26-desktop-parity .footer-bottom{padding:18px 2px 0!important}
}
@media(max-width:430px){
  body.v26-desktop-parity .now-orbit{min-height:455px!important}
  body.v26-desktop-parity .home-section{padding:52px 0!important}
  body.v26-desktop-parity .live-actions{gap:8px!important}
  body.v26-desktop-parity .live-actions>*{min-height:50px!important}
  body.v26-desktop-parity .remyxx-art-stack{min-height:305px!important}
  body.v26-desktop-parity .remyxx-disc{width:min(64vw,258px)!important}
  body.v26-desktop-parity .remyxx-cover{width:min(50vw,196px)!important}
}
@media(max-width:350px){
  body.v26-desktop-parity .page-shell{--v26-mobile-gutter:9px}
  body.v26-desktop-parity .listen-pill{padding-inline:11px!important}
  body.v26-desktop-parity .live-actions{grid-template-columns:1fr!important}
  body.v26-desktop-parity .footer-signal{align-items:flex-start!important;flex-direction:column!important}
}

/* Footer slogan must keep its yellow live-text fill inside the gradient footer system. */
.footer-signal .brand-slogan-footer,
.footer-signal .brand-slogan-footer .brand-slogan-line{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#f7c915!important;
}
.footer-signal>span:first-child{white-space:nowrap}
@media(max-width:720px){
  body.v26-desktop-parity .footer-signal{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}
  body.v26-desktop-parity .footer-signal>span:first-child{font-size:clamp(1.75rem,9vw,2.8rem)!important;white-space:nowrap!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer{justify-self:end!important}
}
@media(max-width:350px){
  body.v26-desktop-parity .footer-signal{grid-template-columns:1fr!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer{justify-self:start!important}
}
@media(max-width:720px){
  body.v26-desktop-parity .footer-signal{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important}
  body.v26-desktop-parity .footer-signal>span:first-child{font-size:clamp(2.1rem,10.5vw,3rem)!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer{justify-self:auto!important;align-self:flex-start!important;margin:0 0 0 3px!important;transform:rotate(-2deg)!important;transform-origin:left center!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer .brand-slogan-line-top{font-size:clamp(.9rem,4.5vw,1.18rem)!important}
  body.v26-desktop-parity .footer-signal .brand-slogan-footer .brand-slogan-line-bottom{font-size:clamp(.92rem,4.6vw,1.2rem)!important;padding-left:.32em!important}
}