/* ===== app.v28.1.3.css ===== */
:root{
  color-scheme:dark;
  --ink:#050507;
  --ink-2:#0a0a0f;
  --ink-3:#121219;
  --paper:#f8f6ee;
  --muted:#aaa7b0;
  --muted-2:#77747d;
  --line:rgba(255,255,255,.10);
  --line-soft:rgba(255,255,255,.065);
  --yellow:#f0b818;
  --yellow-2:#f0b818;
  --pink:#ff2e89;
  --magenta:#d829ff;
  --purple:#6f4cff;
  --amber:#ff8a00;
  --green:#4ee37a;
  --danger:#ff5d65;
  --glass:rgba(18,18,25,.72);
  --glass-strong:rgba(20,20,28,.90);
  --shadow:0 30px 90px rgba(0,0,0,.44);
  --shadow-soft:0 18px 48px rgba(0,0,0,.28);
  --page:1360px;
  --header-h:84px;
  --dock-h:82px;
  --radius-xl:36px;
  --radius-lg:28px;
  --radius-md:20px;
  --radius-sm:14px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --script:"URW Chancery L","Z003","Snell Roundhand","Apple Chancery","Segoe Script","Brush Script MT",cursive;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-width:320px;background:
  radial-gradient(1200px 650px at 78% -12%,rgba(216,41,255,.12),transparent 62%),
  radial-gradient(900px 560px at 8% 10%,rgba(255,184,0,.09),transparent 58%),
  linear-gradient(180deg,#08080c 0,#050507 42%,#060609 100%);
  color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.45;padding-bottom:calc(var(--dock-h) + 28px);overflow-x:hidden}
body.menu-open{overflow:hidden}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{color:inherit}
::selection{background:var(--yellow);color:#111}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
[hidden]{display:none!important}
.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}
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;background:var(--yellow);color:#111;padding:10px 16px;border-radius:999px;font-weight:800;transform:translateY(-150%);transition:.2s}
.skip-link:focus{transform:none}

/* Shell
   Consolidated from the HOTFIX30-37 + v27.2.8/v27.3.0 override chain (22 scattered
   .site-header fragments, many dead behind later !important rules). This block is
   the sole, verified source of truth for the shell nav; see HOTFIX47 audit notes. */
.site-header{position:fixed!important;top:12px;left:50%;z-index:10000!important;isolation:isolate!important;pointer-events:auto!important;transform:translateX(-50%) translateZ(0)!important;width:min(calc(100% - 24px),var(--page));height:var(--header-h);display:grid;grid-template-columns:156px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 16px 0 20px;overflow:hidden;border:1px solid rgba(255,255,255,.135);border-radius:28px;background:radial-gradient(360px 100px at 11% 0,rgba(240,184,24,.065),transparent 74%),radial-gradient(360px 110px at 92% 100%,rgba(111,69,255,.075),transparent 76%),linear-gradient(180deg,rgba(23,24,33,.88),rgba(9,10,15,.79));box-shadow:0 24px 72px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.028);backdrop-filter:blur(34px) saturate(1.35);-webkit-backdrop-filter:blur(34px) saturate(1.35);transition:transform .35s var(--ease),background .35s,box-shadow .35s}
.site-header>*{position:relative;z-index:1}
.site-header *{pointer-events:auto!important}
.site-header::before{content:"";display:block;position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.095),transparent 22%,transparent 72%,rgba(240,184,24,.035));opacity:.7}
.site-header::after{content:"";display:block;position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);opacity:.65;pointer-events:none}
.site-header.scrolled{background:linear-gradient(180deg,rgba(16,18,26,.78),rgba(10,10,15,.64));box-shadow:0 14px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
@media(max-width:1120px){.site-header{grid-template-columns:130px minmax(0,1fr) auto;gap:10px}}
@media(max-width:920px){.site-header{grid-template-columns:104px minmax(0,1fr) auto;padding:0 10px 0 13px}}
@media(max-width:760px){.site-header{top:5px;width:calc(100% - 10px);border-radius:19px}}
@media(max-width:700px){.site-header{top:9px;width:calc(100% - 18px);border-radius:23px;grid-template-columns:92px 1fr auto}}
@media(max-width:420px){.site-header{grid-template-columns:80px 1fr auto;padding-left:9px}}
.brand-link img{width:150px;height:auto;filter:drop-shadow(0 7px 18px rgba(0,0,0,.45))}
.main-nav a{position:relative;padding:10px 15px;border-radius:999px;color:#c7c4cc;font-size:.78rem;font-weight:720;letter-spacing:.015em;transition:.25s var(--ease)}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.055)}
.main-nav a.active{background:#fff;color:#111;box-shadow:0 7px 24px rgba(255,255,255,.1)}
.live-button,.menu-button,.icon-button{border:0;cursor:pointer}
.live-button:hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(255,194,0,.3),inset 0 1px 0 rgba(255,255,255,.65)}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ff365f;box-shadow:0 0 0 5px rgba(255,54,95,.12);animation:pulseDot 1.8s infinite}
.menu-button,.icon-button{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);transition:.2s var(--ease)}
.menu-button:hover,.icon-button:hover{background:rgba(255,255,255,.09)}
.menu-button svg,.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.mobile-menu{position:fixed;inset:0;z-index:110;visibility:hidden;opacity:0;transition:.3s var(--ease)}
.mobile-menu.open{visibility:visible;opacity:1}
.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(1,1,3,.72);backdrop-filter:blur(10px)}
.mobile-menu-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(430px,calc(100% - 24px));padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:32px;background:linear-gradient(160deg,rgba(25,23,31,.98),rgba(8,8,12,.98));box-shadow:var(--shadow);transform:translateX(110%);transition:.42s var(--ease);overflow:auto}
.mobile-menu.open .mobile-menu-panel{transform:none}
.menu-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;min-height:118px;padding-bottom:20px}
@media(max-width:760px){.menu-head{min-height:112px}}

.menu-head img{width:170px;height:auto}
.menu-close{width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:grid;place-items:center;cursor:pointer}
.menu-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
.mobile-nav{display:grid;gap:8px;padding:22px 0}
.mobile-nav a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:13px;border-radius:20px;border:1px solid transparent;transition:.25s}
.mobile-nav a:hover,.mobile-nav a.active{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}
.mobile-nav .nav-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(240,184,24,.18),rgba(216,41,255,.08));color:var(--yellow)}
.mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav strong{display:block;font-size:1.06rem}
.mobile-nav small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}
.mobile-nav .arrow{color:#666;font-size:1.2rem}
.menu-footer{margin-top:12px;padding:20px;border-radius:24px;background:linear-gradient(135deg,rgba(240,184,24,.13),rgba(216,41,255,.09));border:1px solid var(--line)}
.menu-footer p{margin:0 0 14px;color:#ddd6e2}

.app-main{min-height:100vh}
.page-enter{animation:pageIn .55s var(--ease) both}
.connection-banner{position:fixed;top:100px;left:50%;z-index:70;transform:translate(-50%,-20px);opacity:0;pointer-events:none;padding:9px 14px;border-radius:999px;background:rgba(22,22,28,.92);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.72rem;font-weight:760;transition:.3s}
.connection-banner.show{transform:translate(-50%,0);opacity:1}
.connection-banner.error{color:#ffe0e2;border-color:rgba(255,93,101,.35)}

/* Type / controls */
.eyebrow{margin:0;color:var(--yellow);font-size:.69rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.display{margin:0;font-weight:940;letter-spacing:-.072em;line-height:.86}
.script-lockup{display:grid;justify-items:start;line-height:.69;margin:14px 0 20px;max-width:100%;overflow:visible;transform:rotate(-1.5deg);transform-origin:left center}
@media(max-width:760px){.script-lockup{margin-top:12px}}

.script-lockup span{font-family:var(--script);font-style:italic;font-weight:700;color:var(--yellow);font-size:clamp(4.4rem,8.6vw,8.4rem);letter-spacing:-.045em;white-space:nowrap;text-shadow:0 4px 0 rgba(0,0,0,.96),0 14px 34px rgba(255,177,0,.19)}
.script-lockup span+span{margin-left:.3em;margin-top:.08em}
.lead-copy{color:#c8c4cd;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55;max-width:610px}
@media(max-width:760px){.lead-copy{font-size:.67rem!important;line-height:1.45!important;max-width:220px!important}}

.primary-action,.secondary-action,.text-action{appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:999px;padding:0 20px;font-size:.8rem;font-weight:850;letter-spacing:.01em;transition:transform .2s var(--ease),background .2s,box-shadow .2s,border-color .2s}
.primary-action{background:linear-gradient(180deg,#ffe45e,#ffc60e);color:#111;box-shadow:0 14px 34px rgba(255,195,0,.2),inset 0 1px 0 rgba(255,255,255,.65)}
.primary-action:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,195,0,.28),inset 0 1px 0 rgba(255,255,255,.65)}
.secondary-action{background:rgba(255,255,255,.055);color:#fff;border:1px solid rgba(255,255,255,.11)}
.secondary-action:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}
.text-action{min-height:auto;padding:8px 0;border-radius:0;background:none;color:var(--yellow)}
.primary-action svg,.secondary-action svg,.text-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.action-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
@media(max-width:760px){.action-row{display:flex!important;gap:7px!important;grid-template-columns:1fr 1fr;margin-top:12px!important}}
@media(max-width:380px){.action-row{grid-template-columns:1fr}}

.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:.66rem;font-weight:780;color:#d8d5dd}
.chip.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(78,227,122,.12)}
.section:first-of-type{border-top:0}
.section-head{align-items:flex-end;display:flex;gap:30px;justify-content:space-between;margin-bottom:30px}
@media(max-width:760px){.section-head{align-items:end!important;display:flex!important;gap:12px!important;margin-bottom:14px!important}}

.section-head h2{font-size:clamp(3.5rem,7vw,7.3rem)}
.section-head p{max-width:460px;margin:0;color:var(--muted)}
.hero-copy{max-width:620px;padding-left:clamp(0px,1.5vw,18px);padding-top:0!important;position:relative;z-index:2}
@media(max-width:760px){.hero-copy{min-width:0!important;padding-bottom:0;padding-left:3px!important;padding-right:0}}

.hero-wordmark{filter:drop-shadow(0 14px 30px rgba(0,0,0,.35));height:auto;margin-bottom:18px;max-height:none;object-fit:contain;object-position:left center;width:clamp(250px,26vw,380px)}
@media(max-width:760px){.hero-wordmark{margin-bottom:9px!important;max-width:68vw;width:126px!important}}
@media(max-width:380px){.hero-wordmark{max-width:66vw}}
.hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
@media(max-width:760px){.hero-meta{gap:3px!important;margin-top:10px!important}}

.hero-meta span{font-size:.68rem;font-weight:770;color:#b9b5bf;padding:8px 11px;border-radius:999px;border:1px solid var(--line-soft);background:rgba(255,255,255,.025)}
.art-sculpture:before{content:"";position:absolute;width:min(54vw,720px);height:min(54vw,720px);border-radius:50%;background:radial-gradient(circle,rgba(255,201,0,.20),rgba(255,46,137,.08) 38%,transparent 70%);filter:blur(18px);z-index:-2}
.art-rings{aspect-ratio:1;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.018),0 0 0 54px rgba(255,255,255,.014),0 0 0 92px rgba(255,255,255,.009);position:absolute;width:min(48vw,650px)}
@media(max-width:1120px){.art-rings{width:min(78vw,640px)}}
@media(max-width:760px){.art-rings{max-width:230px!important;width:48vw!important}}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){.art-rings{width:50vw}}  /* preserved verbatim from L562 */

.art-rings:before,.art-rings:after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px solid rgba(255,210,31,.24);transform:rotate(30deg)}
.art-rings:after{inset:27%;border-color:rgba(255,46,137,.2);transform:rotate(-28deg)}
.art-card:hover{transform:rotate(-1deg) translateY(-8px)}
.art-card img{width:100%;height:100%;border-radius:34px;object-fit:cover;background:#101015}
.on-air-tag{background:#ff2e62;border-radius:999px;box-shadow:0 12px 28px rgba(255,46,98,.28);color:#fff;font-size:.66rem;font-weight:930;left:28px;letter-spacing:.12em;padding:10px 15px;position:absolute;text-transform:uppercase;top:-18px;transform:rotate(-3deg);z-index:3}
@media(max-width:760px){.on-air-tag{font-size:.42rem!important;left:8px!important;padding:6px 8px!important;top:-8px!important}}
.track-glass small{display:flex;align-items:center;justify-content:space-between;color:var(--yellow);font-size:.61rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.track-glass h2{margin:9px 0 0;font-size:clamp(1.55rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1}
.track-glass p{margin:5px 0 0;color:#b7b3bd}
.track-progress{height:3px;margin-top:16px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.track-progress i{display:block;width:43%;height:100%;background:linear-gradient(90deg,var(--yellow),var(--pink));animation:progressDrift 9s ease-in-out infinite alternate}
.show-note small{display:block;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#8f7500}
.show-note strong{display:block;margin-top:6px;font-size:1rem;line-height:1.05}
.show-note span{display:block;margin-top:5px;font-size:.69rem;color:#6d6650}

/* Home editorial sections */
.movement-strip{width:100%;margin-left:0;overflow:hidden;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.018)}
.movement-strip div{display:flex;width:max-content;gap:24px;padding:15px 0;animation:marquee 34s linear infinite}
.movement-strip span{display:flex;align-items:center;gap:24px;color:#bbb7c0;font-size:.66rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.movement-strip span:after{content:"✦";color:var(--yellow)}
.host-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.98) contrast(1.03)}
.host-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(11,11,16,.92)),linear-gradient(0deg,rgba(11,11,16,.85),transparent 38%)}
.host-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,88px);position:relative}
@media(max-width:760px){.host-copy{padding:18px!important}}

.host-copy:before{content:"ON AIR";position:absolute;right:-10px;top:30px;font-size:clamp(5rem,10vw,11rem);font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.025);white-space:nowrap}
.host-copy h2{font-size:clamp(4.6rem,8vw,8.6rem)}
.host-copy h3{margin:12px 0 0;font-size:clamp(1.3rem,2vw,1.9rem);color:#f3dc6f}
.host-copy>p{max-width:590px;color:#bdb9c3;font-size:1.04rem}
.next-up{align-items:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:20px;display:grid;gap:13px;grid-template-columns:62px 1fr;margin-top:26px;padding:13px}
@media(max-width:760px){.next-up{border-radius:12px!important;gap:7px!important;grid-template-columns:36px 1fr!important;margin-top:10px!important;padding:7px!important}}

.next-up img{width:62px;height:62px;border-radius:16px;object-fit:cover}
.next-up small{display:block;color:var(--yellow);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.next-up strong{display:block;margin-top:3px}
.next-up span{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.track-rail{--track-gap:18px;-webkit-mask-image:none!important;contain:none;display:grid!important;gap:var(--track-gap)!important;grid-auto-columns:calc((100% - (18px * 5)) / 6)!important;grid-auto-flow:column!important;grid-template-columns:none!important;mask-image:none!important;max-width:100%;overflow:visible;overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important;padding:8px 0 18px 2px!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;scrollbar-gutter:stable both-edges;scrollbar-width:none!important}
@media(max-width:1100px){.track-rail{grid-auto-columns:calc((100% - (18px * 3)) / 4)!important}}
@media(max-width:760px){.track-rail{--track-gap:8px!important;grid-auto-columns:calc((100% - 18px) / 2)!important}}
@media(max-width:700px){.track-rail{gap:14px!important}}
@media(max-width:460px){.track-rail{grid-auto-columns:72vw!important}}

.track-rail::-webkit-scrollbar{display:none}
.track-card{min-width:0;scroll-snap-align:start;width:auto}
.track-art{aspect-ratio:1;background:#111117;border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 16px 38px rgba(0,0,0,.32);overflow:hidden;position:relative}
@media(max-width:760px){.track-art{border-radius:10px!important}}

.track-art img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.track-card:hover .track-art img{transform:scale(1.035)}
.track-index{position:absolute;left:11px;top:11px;min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:rgba(5,5,8,.74);backdrop-filter:blur(10px);font-size:.57rem;font-weight:900;color:var(--yellow)}
.track-card h3{margin:13px 0 0;font-size:.98rem;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-card p{margin:4px 0 0;color:var(--muted);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-card time{display:block;margin-top:7px;color:#74717a;font-size:.6rem}
.pulse-home{align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}
@media(max-width:1120px){.pulse-home{grid-template-columns:1fr}}
@media(max-width:760px){.pulse-home{gap:8px!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important}}
@media(max-width:700px){.pulse-home{gap:10px!important;grid-template-columns:1fr!important}}
.pulse-lead-home:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(240,184,24,.26),transparent 42%),radial-gradient(circle at 0 100%,rgba(216,41,255,.18),transparent 47%)}
.pulse-lead-inner h2{font-size:clamp(4.7rem,9vw,9rem);max-width:780px}
.pulse-story-home h3{margin:12px 0 0;font-size:clamp(1.5rem,3vw,2.45rem);line-height:1.02;letter-spacing:-.045em}
.pulse-story-home p{color:#bbb6c1}
.utility-stack{align-self:stretch;display:grid;gap:22px;grid-template-rows:auto auto}
@media(max-width:1120px){.utility-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:760px){.utility-stack{display:grid!important;gap:8px!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1.35fr!important}}
@media(max-width:700px){.utility-stack{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr)!important;grid-template-rows:auto!important}}
@media(max-width:460px){.utility-stack{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)!important}}

.weather-block,.world-block{position:relative;overflow:hidden;border-radius:var(--radius-xl);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}
.weather-block{padding:34px;background:linear-gradient(150deg,#ffd720,#ff9917 60%,#ff4e24);color:#17120a}
.weather-block:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(15,12,0,.16);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 24px rgba(15,12,0,.04),0 0 0 54px rgba(15,12,0,.03)}
.weather-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;position:relative;z-index:1}
.weather-temp{font-size:clamp(5rem,9vw,8.5rem);font-weight:950;letter-spacing:-.09em;line-height:.8}
@media(max-width:760px){.weather-temp{font-size:3.4rem!important}}
@media(max-width:460px){.weather-temp{font-size:3.1rem!important}}

.weather-temp sup{font-size:.28em;vertical-align:top}
.weather-icon{width:82px;height:82px}
.weather-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:5}
.weather-block h3{position:relative;z-index:1;margin:26px 0 0;font-size:1.45rem}
.weather-block p{position:relative;z-index:1;margin:5px 0 0;color:rgba(20,15,0,.72)}
.world-block h3{margin:14px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:.91;letter-spacing:-.055em}
.world-globe{border:1px solid rgba(240,184,24,.28);border-radius:50%;bottom:16px;box-shadow:inset 0 0 50px rgba(240,184,24,.05),0 0 0 28px rgba(255,255,255,.015),0 0 0 58px rgba(255,255,255,.008);height:190px;opacity:.78;pointer-events:none;position:absolute;right:18px;width:190px}
@media(max-width:760px){.world-globe{bottom:10px;height:150px;opacity:.55;right:10px;width:150px}}

.world-globe:before,.world-globe:after{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.world-globe:after{inset:37% 8%;border-radius:50%}
.world-list{display:grid;gap:0;margin-top:22px;position:relative;z-index:1}
@media(max-width:760px){.world-list{display:none!important}}

.world-row{align-items:center;background:transparent;border-top:1px solid rgba(255,255,255,.07);display:grid;font-size:.72rem;gap:10px;grid-template-columns:26px 1fr auto;padding:12px 0;position:relative;z-index:2}

.world-row span:first-child{color:var(--yellow);font-weight:900}
.world-row b{font-size:.62rem;color:#aaa5af;font-weight:700}
.request-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.36),transparent 24%)}
.request-promo-copy{position:relative;z-index:2}
.request-promo h2{font-size:clamp(4.5rem,9vw,9rem);max-width:820px}
.request-promo p{max-width:620px;color:rgba(18,13,9,.75);font-size:1.05rem}
.request-promo .primary-action{background:#111;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.22)}
.request-promo-art{display:grid;place-items:center;position:relative;z-index:2}
@media(max-width:1120px){.request-promo-art{margin-top:30px}}
@media(max-width:760px){.request-promo-art{margin:0!important}}

.request-logo-orbit{aspect-ratio:1;background:rgba(10,8,8,.94);border-radius:50%;box-shadow:0 30px 72px rgba(0,0,0,.34),0 0 0 18px rgba(0,0,0,.08),0 0 0 42px rgba(255,255,255,.1);display:grid;place-items:center;transform:rotate(5deg);width:min(32vw,390px)}
@media(max-width:1120px){.request-logo-orbit{width:min(58vw,390px)}}
@media(max-width:760px){.request-logo-orbit{max-width:145px!important;width:30vw!important}}

.request-logo-orbit img{width:78%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 25px rgba(0,0,0,.25))}
.remyxx-visual{display:grid;min-height:480px;place-items:center;position:relative}
@media(max-width:1120px){.remyxx-visual{order:2}}
@media(max-width:760px){.remyxx-visual{min-height:270px!important;order:initial!important}}
.remyxx-disc{animation:spin 28s linear infinite;aspect-ratio:1;background:repeating-radial-gradient(circle,#131319 0 4px,#09090d 5px 8px);border-radius:50%;box-shadow:0 25px 70px rgba(0,0,0,.48);position:absolute;width:min(37vw,470px)}
@media(max-width:1120px){.remyxx-disc{width:min(66vw,470px)}}
@media(max-width:760px){.remyxx-disc{max-width:185px!important;width:38vw!important}}

.remyxx-disc:after{content:"";position:absolute;inset:40%;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 10px #111}
.remyxx-cover img{width:100%;height:100%;object-fit:cover;border-radius:27px;background:#111}
.remyxx-copy h2{font-size:clamp(5rem,9vw,9rem)}
.remyxx-copy>p{max-width:600px;color:#b8b4bf;font-size:1.05rem}
.masthead:before{content:attr(data-ghost);position:absolute;right:-20px;bottom:-.18em;color:rgba(255,255,255,.018);font-size:clamp(8rem,22vw,23rem);font-weight:950;letter-spacing:-.1em;white-space:nowrap;pointer-events:none}
.masthead h1{font-size:clamp(5rem,12vw,12rem);max-width:1000px}
.masthead p{max-width:650px;color:#bcb8c2;font-size:clamp(1rem,1.6vw,1.22rem)}
.masthead-side{align-self:center;justify-self:end;max-width:280px}
@media(max-width:760px){.masthead-side{display:block!important;justify-self:start;margin-top:18px;max-width:110px!important}}

.masthead-side img{width:230px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}
.request-hero{align-items:center;display:grid;gap:50px;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);min-height:700px;padding:76px 0 150px}
@media(max-width:1120px){.request-hero{grid-template-columns:1fr;padding-bottom:110px}}
@media(max-width:760px){.request-hero{gap:8px!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;min-height:0;padding:26px 0 38px!important}}

.request-hero h1{font-size:clamp(5.2rem,10vw,10rem);max-width:870px}
.request-hero-copy p:not(.eyebrow){max-width:620px;color:#bbb7c1;font-size:1.08rem}
.request-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.request-steps span{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);font-size:.68rem;font-weight:760;color:#cbc7d0}
.request-steps b{color:var(--yellow)}
.request-art-stack{display:grid;min-height:600px;place-items:center;position:relative}
@media(max-width:1120px){.request-art-stack{min-height:650px}}
@media(max-width:760px){.request-art-stack{min-height:310px!important;padding-inline:14px}}
.request-art-disc{animation:spin 36s linear infinite;aspect-ratio:1;background:repeating-radial-gradient(circle,#17171d 0 4px,#08080c 5px 8px);border-radius:50%;box-shadow:0 30px 90px rgba(0,0,0,.5);position:absolute;width:min(42vw,560px)}
@media(max-width:1120px){.request-art-disc{width:min(72vw,550px)}}
@media(max-width:760px){.request-art-disc{max-width:210px!important;width:44vw!important}}

.request-art-disc:after{content:"";position:absolute;inset:42%;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 12px #111}
.request-art-card img{width:100%;height:100%;object-fit:cover;border-radius:30px}
.request-now-card small{color:var(--yellow);font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.request-now-card strong{display:block;margin-top:5px;font-size:1.12rem}
.request-now-card span{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}
.request-studio:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),var(--pink),transparent)}
.request-status{align-items:flex-start;border-bottom:1px solid var(--line-soft);display:flex;gap:24px;justify-content:space-between;padding:32px 36px}
@media(max-width:760px){.request-status{display:flex!important;padding:14px!important}}

.request-status h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:.95}
.request-status p{margin:8px 0 0;color:var(--muted)}
.status-pill{align-items:center;background:rgba(78,227,122,.09);border:1px solid rgba(78,227,122,.23);border-radius:999px;color:#9dffb6;display:flex;font-size:.65rem;font-weight:850;gap:8px;padding:9px 13px}
@media(max-width:760px){.status-pill{display:inline-flex;margin:0!important}}

.status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(78,227,122,.12)}
.status-pill.closed{background:rgba(255,93,101,.09);border-color:rgba(255,93,101,.22);color:#ffc1c5}
.status-pill.closed:before{background:var(--danger)}
.request-body{display:grid;gap:0;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr)}
@media(max-width:1120px){.request-body{grid-template-columns:1fr}}
@media(max-width:760px){.request-body{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}}
.request-side{padding:36px;background:rgba(255,255,255,.018)}
.progress-line{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin-bottom:30px}
.progress-step{display:flex;align-items:center;gap:9px;color:#76727c;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.progress-step b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);color:#aaa5af}
.progress-step.active{color:#fff}
.progress-step.active b{background:var(--yellow);color:#111;border-color:var(--yellow)}
.progress-line i{height:1px;background:rgba(255,255,255,.09)}
.search-intro{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}
.search-intro h3{margin:7px 0 0;font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.07em;line-height:.9}
.search-intro p{color:var(--muted);max-width:500px}
.search-spark{background:linear-gradient(145deg,#ffe350,#ffc50e);border-radius:18px;box-shadow:0 13px 30px rgba(255,195,0,.18);color:#111;display:grid;font-size:1.5rem;height:52px;place-items:center;width:52px}
@media(max-width:760px){.search-spark{height:32px!important;width:32px!important}}

.search-bar{display:grid;grid-template-columns:1fr auto;gap:9px;padding:8px;border-radius:24px;background:#f5f2e9;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 16px 34px rgba(0,0,0,.23)}
.search-bar input{width:100%;height:58px;border:0;background:transparent;color:#151319;padding:0 16px;font-weight:700;outline:none}
.search-bar input::placeholder{color:#817d85}
.search-bar button{width:58px;height:58px;border:0;border-radius:18px;background:var(--yellow);color:#111;display:grid;place-items:center;cursor:pointer}
.search-bar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.request-results{display:grid;gap:9px;margin-top:18px;max-height:520px;overflow:auto;padding-right:4px}
.request-result:hover:not(:disabled){background:rgba(255,255,255,.065);transform:translateY(-1px);border-color:rgba(240,184,24,.22)}
.request-result img{width:62px;height:62px;border-radius:15px;object-fit:cover;background:#111}
.request-result strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.request-result span span{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}
.request-result small{display:block;margin-top:4px;color:#74717b;font-size:.61rem}
.request-result em{font-style:normal;font-size:.61rem;font-weight:830;color:#17120a;padding:7px 10px;border-radius:999px;background:var(--yellow)}
.request-result:disabled{opacity:.5;cursor:not-allowed}
.request-result:disabled em{background:rgba(255,255,255,.09);color:#bbb}
.request-empty{padding:42px 22px;border:1px dashed rgba(255,255,255,.11);border-radius:24px;text-align:center;color:var(--muted);margin-top:18px}
.request-empty strong{display:block;color:#fff;font-size:1.18rem}
.request-empty p{margin:6px 0 0}
.recent-request-list{display:grid;gap:0;margin-top:14px}
.recent-request{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.065)}
.recent-request:last-child{border-bottom:0}
.recent-request strong{display:block;font-size:.84rem}
.recent-request span{display:block;color:var(--muted);font-size:.66rem;margin-top:3px}
.request-trust{margin-top:28px;padding:22px;border-radius:23px;background:linear-gradient(145deg,rgba(240,184,24,.12),rgba(255,46,137,.055));border:1px solid rgba(240,184,24,.13)}
.request-trust img{width:78px;height:auto;margin-bottom:12px}
.request-trust h3{margin:8px 0 0;font-size:1.35rem}
.request-trust p{color:#b9b4bf;font-size:.78rem;margin-bottom:0}
.selected-song{display:grid;grid-template-columns:180px 1fr auto;gap:22px;align-items:center;margin-bottom:28px;padding:18px;border-radius:26px;background:linear-gradient(120deg,rgba(240,184,24,.12),rgba(216,41,255,.065));border:1px solid rgba(255,255,255,.09)}
.selected-song img{width:180px;height:180px;border-radius:22px;object-fit:cover;box-shadow:0 18px 46px rgba(0,0,0,.35)}
.selected-song strong{display:block;font-size:clamp(1.8rem,4vw,3.5rem);letter-spacing:-.055em;line-height:.95}
.selected-song span{display:block;color:#c2bdc8;margin-top:7px}
.selected-song small{display:inline-flex;margin-top:12px;color:#111;background:var(--yellow);padding:6px 9px;border-radius:999px;font-weight:850;font-size:.58rem}
.change-song{align-self:start;border:0;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:999px;padding:9px 12px;cursor:pointer;font-size:.67rem;font-weight:800}
.request-form-head h3{margin:7px 0 0;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.065em;line-height:.92}
.request-form-head p{color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:.66rem;font-weight:840;color:#ded9e4}
.field label span{color:#77727d;font-weight:650}
.field input,.field textarea,.field select{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff;padding:15px 16px;outline:none;transition:.2s}
.field input{height:54px}
.field textarea{min-height:112px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(240,184,24,.48);box-shadow:0 0 0 4px rgba(240,184,24,.08)}
.field small{color:#77727d;font-size:.61rem}
.request-submit{width:100%;margin-top:18px}
.form-note{min-height:22px;margin:13px 0 0;color:#9c98a2;font-size:.7rem}
.request-success{padding:48px;border-radius:30px;background:radial-gradient(circle at top right,rgba(240,184,24,.22),transparent 38%),rgba(255,255,255,.035);border:1px solid rgba(240,184,24,.15)}
.request-success img{width:120px;height:auto}
.request-success h3{font-size:clamp(3rem,6vw,6rem);margin:22px 0 0}
.request-success p{color:#c0bbc5;max-width:580px}
.pulse-utility{display:grid;gap:16px;grid-template-columns:1fr 1fr minmax(240px,.75fr);padding:24px 0 38px}
@media(max-width:1120px){.pulse-utility{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pulse-utility{gap:7px!important;grid-template-columns:repeat(3,1fr)!important}}

.utility-card{border-radius:26px;padding:24px;background:linear-gradient(150deg,rgba(24,24,31,.92),rgba(10,10,15,.94));border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}
.utility-card.weather{background:linear-gradient(145deg,#ffd926,#ff9f16);color:#181106}
.utility-card h2{margin:8px 0 0;font-size:1.45rem;line-height:1.05}
.utility-card p{color:var(--muted);font-size:.75rem}
.utility-card.weather p{color:rgba(24,17,6,.7)}
.utility-card .weather-temp{font-size:4.7rem}
.pulse-tabs{backdrop-filter:blur(16px);background:rgba(5,5,7,.74);border-radius:999px;display:flex;gap:8px;margin:0 -8px 32px;overflow-x:auto;padding:8px;position:sticky;scrollbar-width:none;top:104px;z-index:20}
@media(max-width:760px){.pulse-tabs{background:transparent;flex-wrap:wrap;margin-bottom:22px;margin-inline:0;overflow:visible;padding-inline:0;position:static;top:87px}}

.pulse-tabs::-webkit-scrollbar{display:none}
.pulse-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:#b9b5bf;padding:10px 16px;cursor:pointer;font-size:.7rem;font-weight:820}
.pulse-tabs button.active{background:#fff;color:#111;border-color:#fff}
.pulse-lead-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr)}
@media(max-width:1120px){.pulse-lead-grid{grid-template-columns:1fr}}
@media(max-width:760px){.pulse-lead-grid{gap:8px!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important}}
.story-media{position:absolute;inset:0;background:#13131a}
.story-media img{width:100%;height:100%;object-fit:cover}
.story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,8,.96) 4%,rgba(5,5,8,.45) 50%,rgba(5,5,8,.08))}
.story-fallback{position:absolute;inset:0;padding:32px;background:radial-gradient(circle at 80% 20%,rgba(240,184,24,.23),transparent 36%),radial-gradient(circle at 20% 80%,rgba(216,41,255,.18),transparent 40%),linear-gradient(145deg,#201e27,#0a0a0f);display:flex;flex-direction:column;justify-content:space-between}
.story-fallback span{font-size:.62rem;font-weight:900;letter-spacing:.15em;color:var(--yellow)}
.story-fallback strong{font-size:clamp(3rem,7vw,7rem);line-height:.84;letter-spacing:-.07em;max-width:90%}
.pulse-lead-copy{background:linear-gradient(180deg,rgba(18,18,25,.96),rgba(9,9,13,.98));inset:auto;padding:clamp(28px,4vw,48px);position:relative;z-index:2}
@media(max-width:760px){.pulse-lead-copy{padding:23px}}

.story-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--yellow);color:#111;font-size:.59rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pulse-lead-copy h2{font-size:clamp(3rem,6vw,6.5rem);max-width:900px;margin:17px 0 0;letter-spacing:-.07em;line-height:.89}
.pulse-lead-copy p{max-width:700px;color:#c7c2cc}
.story-meta{display:flex;align-items:center;gap:12px;margin-top:18px}
.story-meta time{color:#a6a1ac;font-size:.67rem}
.story-link{display:inline-flex;align-items:center;gap:7px;color:var(--yellow);font-size:.68rem;font-weight:830}
.pulse-side-stack{display:grid;gap:18px}
@media(max-width:1120px){.pulse-side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pulse-side-stack{grid-template-columns:1fr!important}}
.pulse-side-card .story-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px}
.pulse-side-card h3{margin:11px 0 0;font-size:clamp(1.35rem,2.7vw,2.4rem);line-height:.96;letter-spacing:-.05em}
.story-grid{align-items:stretch;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
@media(max-width:1120px){.story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.story-grid{gap:8px!important;grid-template-columns:repeat(3,1fr)!important}}
.story-card-media{position:relative;aspect-ratio:16/10;background:#111}
.story-card-media img{width:100%;height:100%;object-fit:cover}
.story-card-media .story-fallback{padding:22px}
.story-card-media .story-fallback strong{font-size:clamp(2rem,4vw,4rem)}
.story-card-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:23px}
@media(max-width:760px){.story-card-copy{padding:10px!important}}

.story-card h3{margin:13px 0 0;font-size:1.45rem;line-height:1;letter-spacing:-.045em}
.story-card p{color:var(--muted);font-size:.78rem}
.story-card .story-meta{margin-top:auto;padding-top:16px}

/* Shows */
.on-air-stage{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);min-height:760px;border-radius:42px;overflow:hidden;background:#0b0b10;border:1px solid var(--line-soft);box-shadow:var(--shadow);margin:20px 0 44px}
.on-air-stage-media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.on-air-stage-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0b0b10),linear-gradient(0deg,rgba(11,11,16,.9),transparent 45%)}
.on-air-stage-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,86px)}
@media(max-width:760px){.on-air-stage-copy{padding:18px!important}}

.on-air-stage-copy h2{font-size:clamp(5rem,9vw,9rem)}
.on-air-stage-copy h3{font-size:1.7rem;color:#f4dc72;margin:12px 0}
.on-air-stage-copy>p{color:#b9b5bf;max-width:590px}
.schedule-shell{align-items:start;display:grid;gap:26px;grid-template-columns:250px 1fr;padding:60px 0 100px}
@media(max-width:1120px){.schedule-shell{grid-template-columns:1fr}}
@media(max-width:760px){.schedule-shell{grid-template-columns:120px minmax(0,1fr)!important;padding:24px 0 38px!important}}
.day-tabs{display:grid;gap:8px;position:sticky;top:110px}
@media(max-width:1120px){.day-tabs{display:flex;overflow-x:auto;position:static;scrollbar-width:none}}
@media(max-width:760px){.day-tabs{display:grid!important;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible!important;position:sticky!important}}

.day-tabs button{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#aaa6b0;cursor:pointer;font-size:.75rem;font-weight:780}
.day-tabs button.active{background:#fff;color:#111;border-color:#fff}
.schedule-list{display:grid;gap:10px}
.schedule-row{align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line-soft);border-radius:22px;display:grid;gap:14px;grid-template-columns:84px 66px minmax(0,1fr) auto;padding:12px;transition:.2s}
@media(max-width:760px){.schedule-row{gap:6px!important;grid-template-columns:48px 38px minmax(0,1fr) auto!important}}

.schedule-row:hover{background:rgba(255,255,255,.05)}
.schedule-row.active{background:linear-gradient(100deg,rgba(240,184,24,.13),rgba(216,41,255,.05));border-color:rgba(240,184,24,.18)}
.schedule-time{font-size:.68rem;font-weight:850;color:#d7d2dc}
.schedule-row img{width:66px;height:66px;border-radius:18px;object-fit:cover}
.schedule-row h3{margin:0;font-size:1rem}
.schedule-row p{margin:4px 0 0;color:var(--muted);font-size:.68rem}
.schedule-row em{font-style:normal;font-size:.6rem;color:#78747e}
.specials-band{display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:0 0 100px}
@media(max-width:1120px){.specials-band{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.specials-band{gap:8px!important;grid-template-columns:repeat(3,1fr)!important;padding-bottom:70px}}
.special-card{background:#111;border:1px solid var(--line-soft);border-radius:30px;box-shadow:var(--shadow-soft);min-height:360px;overflow:hidden;position:relative}
@media(max-width:760px){.special-card{min-height:210px!important;padding:12px!important}}

.special-card img{width:100%;height:100%;object-fit:cover}
.special-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,10,.94),transparent 65%)}
.special-card-copy{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px}
.special-card h3{margin:8px 0 0;font-size:2rem;letter-spacing:-.055em;line-height:.95}
.special-card p{color:#aaa5af;font-size:.72rem}

/* Hosts */
.host-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 70px}
.host-stat{padding:24px;border-radius:24px;border:1px solid var(--line-soft);background:rgba(255,255,255,.025)}
.host-stat strong{display:block;font-size:3.4rem;letter-spacing:-.07em;line-height:.9;color:var(--yellow)}
.host-stat span{display:block;margin-top:8px;color:var(--muted);font-size:.72rem}
.host-editorial{display:grid;gap:34px;padding-bottom:100px}
.host-profile{display:grid;grid-template-columns:minmax(370px,.9fr) minmax(0,1.1fr);min-height:690px;border-radius:38px;overflow:hidden;background:linear-gradient(140deg,#18161e,#0a0a0f);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft)}
.host-profile:nth-child(even){grid-template-columns:minmax(0,1.1fr) minmax(370px,.9fr)}
.host-profile:nth-child(even) .host-profile-media{order:2}
.host-profile-media img{width:100%;height:100%;object-fit:cover;object-position:center top}
.host-profile-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 56%,rgba(10,10,15,.9)),linear-gradient(0deg,rgba(10,10,15,.8),transparent 44%)}
.host-profile:nth-child(even) .host-profile-media:after{background:linear-gradient(-90deg,transparent 56%,rgba(10,10,15,.9)),linear-gradient(0deg,rgba(10,10,15,.8),transparent 44%)}
.host-number{position:absolute;left:22px;top:18px;z-index:2;font-size:4rem;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.72)}
.host-slot{position:absolute;left:22px;bottom:20px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(8,8,12,.76);backdrop-filter:blur(12px);font-size:.62rem;font-weight:800;color:#d6d2db}
.host-profile-copy{background:linear-gradient(180deg,rgba(17,17,25,.76),rgba(7,7,11,.84))!important;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(40px,6vw,82px);position:relative}
@media(max-width:760px){.host-profile-copy{padding:17px!important}}

.host-profile-copy h2{font-size:clamp(4.6rem,8vw,8.5rem)}
.host-vibe{color:color-mix(in srgb,var(--host-a) 82%,white)!important;font-size:1.25rem;margin:15px 0 0;max-width:620px}
@media(max-width:760px){.host-vibe{font-size:.72rem!important}}
.host-bio{color:#b6b1bc;max-width:700px}
@media(max-width:760px){.host-bio{font-size:.55rem!important}}

.host-lanes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.host-lanes span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);font-size:.62rem;color:#c8c3ce}
.host-quote{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--host-a)!important;border-radius:20px;border-top:1px solid var(--line-soft);color:#f0ecf4!important;font-size:1.02rem!important;font-weight:730;line-height:1.5!important;margin:28px 0 0;padding-bottom:16px;padding-left:18px!important;padding-right:18px;padding-top:16px;position:relative}
@media(max-width:760px){.host-quote{font-size:.57rem!important;padding:8px!important}}


/* REMYXX */
.remyxx-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:20px 0 18px}
.remyxx-search{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 17px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035)}
.remyxx-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;color:#8c8892}
.remyxx-search input{width:100%;border:0;background:transparent;color:#fff;outline:none}
.archive-summary{text-align:right}
@media(max-width:760px){.archive-summary{text-align:right!important}}

.archive-summary strong{display:block;font-size:.78rem}
.archive-summary span{display:block;color:var(--muted);font-size:.63rem;margin-top:3px}
.remyxx-filters{display:flex;gap:8px;overflow-x:auto;padding:8px 0 22px;scrollbar-width:none}
.remyxx-filters::-webkit-scrollbar{display:none}
.remyxx-filters button{white-space:nowrap;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#aaa6b0;cursor:pointer;font-size:.66rem;font-weight:790}
.remyxx-filters button.active{background:#fff;color:#111;border-color:#fff}
.remyxx-layout{display:grid;gap:22px;grid-template-columns:minmax(430px,.9fr) minmax(0,1.1fr);padding-bottom:100px}
@media(max-width:1120px){.remyxx-layout{grid-template-columns:1fr}}
@media(max-width:760px){.remyxx-layout{gap:8px!important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important}}
.featured-art{aspect-ratio:1;background:#111;padding:12px;position:relative}
@media(max-width:1120px){.featured-art{aspect-ratio:16/10}}
@media(max-width:760px){.featured-art{aspect-ratio:1!important}}

.featured-art img{width:100%;height:100%;object-fit:cover;border-radius:28px}
.big-play{position:absolute;right:28px;bottom:28px;width:76px;height:76px;border-radius:50%;border:0;background:var(--yellow);color:#111;display:grid;place-items:center;box-shadow:0 16px 34px rgba(0,0,0,.35);cursor:pointer}
.big-play svg{width:28px;height:28px;fill:currentColor;stroke:none}
.episode-copy{padding:28px}
@media(max-width:760px){.episode-copy{padding:12px!important}}

.episode-copy h2{margin:12px 0 0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.91;letter-spacing:-.065em}
.episode-copy p{color:var(--muted)}
.episode-list{display:grid;gap:10px}
.episode-row{align-items:center;background:rgba(255,255,255,.025);border:1px solid var(--line-soft);border-radius:22px;display:grid;gap:14px;grid-template-columns:96px minmax(0,1fr) 52px;min-width:0;padding:10px;transition:.2s}
@media(max-width:760px){.episode-row{gap:7px!important;grid-template-columns:48px minmax(0,1fr) 32px!important;padding:7px!important}}

.episode-row:hover{background:rgba(255,255,255,.05)}
.episode-row.playing{background:linear-gradient(100deg,rgba(240,184,24,.13),rgba(216,41,255,.05));border-color:rgba(240,184,24,.18)}
.episode-row img{width:96px;height:96px;border-radius:18px;object-fit:cover;background:#111}
.episode-row small{display:block;color:var(--yellow);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.episode-row h3{margin:6px 0 0;font-size:1rem;line-height:1.05}
.episode-row p{margin:6px 0 0;color:var(--muted);font-size:.65rem}
.episode-row button{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center;cursor:pointer}
.episode-row button svg{width:19px;height:19px;fill:currentColor}
.now-playing-art{aspect-ratio:1;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border-radius:34px;box-shadow:0 28px 70px rgba(0,0,0,.46);padding:10px}
@media(max-width:760px){.now-playing-art{margin:0!important;max-width:none!important;width:180px!important}}

.now-playing-art img{width:100%;height:100%;object-fit:cover;border-radius:27px;background:#111}
.now-playing-copy h2{font-size:clamp(4rem,8vw,8rem)}
.now-playing-copy h3{font-size:1.6rem;color:#f2dc75;margin:13px 0 0}
.now-playing-copy p{color:var(--muted)}
.history-controls{background:rgba(255,255,255,.025);border:1px solid var(--line-soft);border-radius:24px;display:grid;gap:10px;grid-template-columns:1fr 180px 170px auto auto;margin-bottom:14px;padding:14px}
@media(max-width:1120px){.history-controls{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:760px){.history-controls{grid-template-columns:1fr 1fr 1fr auto auto!important}}

.history-controls label{display:grid;gap:6px}
.history-controls span{font-size:.57rem;color:#8a8690;font-weight:820;text-transform:uppercase;letter-spacing:.08em}
.history-controls input,.history-controls select{height:48px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;padding:0 13px;outline:none}
.history-controls .primary-action,.history-controls .secondary-action{min-height:48px;align-self:end}
.history-presets{display:flex;gap:8px;margin-bottom:22px}
.history-presets button{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#aaa6b0;font-size:.63rem;font-weight:790;cursor:pointer}
.history-presets button.active{background:#fff;color:#111}
.history-grid{display:grid;gap:18px;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:34px;scroll-margin-top:120px}
@media(max-width:1120px){.history-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.history-grid{gap:8px!important;grid-template-columns:repeat(5,1fr)!important}}

.load-more{display:flex;justify-content:center;padding:30px 0 100px}
.footer-brand img{width:min(360px,42vw);height:auto}
.footer-slogan{color:var(--yellow);font-family:var(--script);font-size:clamp(2.5rem,5vw,5rem);font-style:italic;font-weight:700;line-height:.72;max-width:100%;padding-inline:4px;text-align:right;text-shadow:0 4px 0 #000;transform:rotate(-1deg)}
@media(max-width:760px){.footer-slogan{font-size:clamp(2.25rem,10.4vw,3.1rem);line-height:.76;margin-top:28px;text-align:left}}
@media(max-width:380px){.footer-slogan{font-size:2.25rem}}

.footer-slogan span{display:block;white-space:nowrap}
.footer-slogan span+span{margin-right:.15em;margin-top:.08em}
.footer-grid h2{margin:0;font-size:2.6rem;letter-spacing:-.055em}
.footer-grid p{color:var(--muted);max-width:560px}
.footer-nav{display:grid;gap:10px;align-content:start}
.footer-nav a,.footer-nav button{padding:0;border:0;background:none;color:#c2bec7;text-align:left;cursor:pointer;font-size:.78rem}
.footer-nav a:hover,.footer-nav button:hover{color:var(--yellow)}
.footer-bottom{align-items:center;border-top:1px solid var(--line-soft);color:#77737d;display:flex;font-size:.65rem;gap:20px;justify-content:space-between;padding-top:18px!important}
@media(max-width:760px){.footer-bottom{display:flex!important;font-size:.45rem!important;gap:9px}}
.dock-art{background:#0d0d12!important;border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.3);color:transparent;display:block;font-size:0;height:62px;line-height:0;object-fit:cover!important;overflow:hidden;width:62px}
@media(max-width:760px){.dock-art{border-radius:10px!important;height:40px!important;width:40px!important}}

.dock-copy{min-width:0}
.dock-copy small{display:flex;align-items:center;gap:7px;color:var(--yellow);font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.dock-copy small:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff365f;box-shadow:0 0 0 4px rgba(255,54,95,.1)}
.dock-copy strong,.dock-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-copy strong{margin-top:5px;font-size:.9rem}
.dock-copy span{color:#aaa6b0;font-size:.67rem;margin-top:2px}
.dock-actions{display:flex;align-items:center;gap:7px}
.dock-action{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px;color:#fff;cursor:pointer;display:grid;font-size:.65rem;font-weight:820;height:46px;min-width:46px;padding:0 13px;place-items:center}
@media(max-width:760px){.dock-action{border-radius:10px!important;height:32px!important;min-width:32px!important;padding:0 6px!important}}

.dock-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dock-play{background:var(--yellow);border:0;border-radius:50%;box-shadow:0 12px 28px rgba(255,195,0,.18);color:#111;cursor:pointer;display:grid;height:56px;place-items:center;width:56px}
@media(max-width:760px){.dock-play{height:38px!important;width:38px!important}}

.dock-play svg{width:22px;height:22px;fill:currentColor;stroke:none}
.back-live{padding:0 15px}
.toast{position:fixed;left:50%;bottom:112px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(92vw,520px);padding:12px 16px;border-radius:999px;background:rgba(24,23,30,.95);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.73rem;font-weight:760;transition:.3s var(--ease)}
.toast.show{transform:translate(-50%,0);opacity:1}

/* Legal / loading / empty */
.dialog{width:min(660px,calc(100% - 28px));border:1px solid var(--line);border-radius:30px;background:#111117;color:#fff;padding:0;box-shadow:var(--shadow)}
.dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}
.dialog-inner{padding:30px}
.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:start}
.dialog-head h2{margin:0;font-size:2.4rem;letter-spacing:-.055em}
.dialog-close{width:44px;height:44px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.dialog p{color:#b7b2bd}
.loading-page{min-height:75vh;display:grid;place-items:center;text-align:center;padding-top:130px}
.loading-mark{width:170px;animation:float 2.6s ease-in-out infinite}
.loading-page h1{font-size:clamp(3.8rem,9vw,8rem);margin:28px 0 0}
.loading-page p{color:var(--muted)}
.empty-state{padding:70px 30px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:32px}
.empty-state img{width:150px;height:auto;margin:0 auto}
.empty-state h3{font-size:2.4rem;margin:22px 0 0;letter-spacing:-.05em}
.empty-state p{color:var(--muted)}

/* Motion */
@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 5px rgba(255,54,95,.1)}50%{box-shadow:0 0 0 9px rgba(255,54,95,0)}}
@keyframes progressDrift{from{width:27%}to{width:72%}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-8px)}}

/* Responsive */
@media(max-width:1120px){
  .host-feature,.on-air-stage,.host-profile,.host-profile:nth-child(even){grid-template-columns:1fr}.host-profile:nth-child(even) .host-profile-media{order:0}.host-portrait,.host-profile-media,.on-air-stage-media{min-height:620px}.host-portrait:after,.host-profile-media:after,.host-profile:nth-child(even) .host-profile-media:after,.on-air-stage-media:after{background:linear-gradient(0deg,#0b0b10,transparent 60%)}.pulse-utility .utility-card:last-child{grid-column:1/-1}.day-tabs button{min-width:100px}.special-card:last-child{grid-column:1/-1}.history-controls .primary-action,.history-controls .secondary-action{align-self:end}
}
@media(max-width:760px){
  body{padding-bottom:calc(var(--dock-h) + 18px)}.brand-link img{width:116px}.section-head h2{font-size:clamp(3.5rem,15vw,5.9rem)}.section-head p{margin-top:13px}.script-lockup span{font-size:clamp(3.35rem,16.2vw,5.1rem)}.primary-action,.secondary-action{min-height:52px;padding:0 13px;font-size:.72rem}.hero-meta span{font-size:.57rem;padding:7px 9px}.art-card img{border-radius:24px}.track-glass h2{font-size:1.45rem}.show-note strong{font-size:.82rem}.host-copy h2{font-size:clamp(4rem,17vw,6rem)}.host-copy h3{font-size:1.15rem}.host-copy>p{font-size:.88rem}.next-up img{width:54px;height:54px}.track-card h3{font-size:.86rem}.pulse-lead-inner h2{font-size:clamp(4rem,17vw,6.1rem)}.pulse-story-home h3{font-size:1.45rem}.weather-block,.world-block{border-radius:30px;padding:24px;min-height:310px}.world-block h3{font-size:3rem}.request-promo h2{font-size:clamp(4rem,17vw,6.2rem)}.remyxx-copy h2{font-size:clamp(4.4rem,18vw,6.8rem)}.masthead h1{font-size:clamp(4.3rem,19vw,7.2rem)}.request-hero h1{font-size:clamp(4.2rem,18vw,6.8rem)}.request-hero-copy p:not(.eyebrow){font-size:.92rem}.request-art-card img{border-radius:23px}.request-status h2{font-size:2.2rem}.request-main,.request-side{padding:22px 18px}.progress-line{grid-template-columns:1fr 1fr 1fr;gap:7px}.progress-line i{display:none}.progress-step{justify-content:center}.progress-step span{display:none}.search-intro h3{font-size:3.2rem}.search-bar input{height:54px;padding:0 12px}.search-bar button{width:54px;height:54px}.request-result img{width:54px;height:54px}.request-result em{display:none}.selected-song{grid-template-columns:88px 1fr;padding:13px;gap:14px}.selected-song img{width:88px;height:88px;border-radius:17px}.selected-song strong{font-size:1.5rem}.selected-song .change-song{grid-column:2;justify-self:start}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.request-success{padding:30px 22px}.pulse-utility .utility-card:last-child{grid-column:auto}.pulse-lead-copy h2{font-size:clamp(2.8rem,13vw,4.9rem)}
  .on-air-stage{grid-template-columns:1fr;min-height:0;border-radius:30px}.on-air-stage-copy h2{font-size:clamp(4.2rem,18vw,6.7rem)}.schedule-row img{width:54px;height:54px;border-radius:15px}.schedule-row em{display:none}.schedule-time{font-size:.6rem}.special-card:last-child{grid-column:auto}
  .host-stats{grid-template-columns:1fr 1fr;margin-bottom:42px}.host-stat:last-child{grid-column:1/-1}.host-stat strong{font-size:2.8rem}.host-profile,.host-profile:nth-child(even){grid-template-columns:1fr;min-height:0;border-radius:30px}.host-profile-copy h2{font-size:clamp(4.1rem,17vw,6.2rem)}
  .remyxx-tools{grid-template-columns:1fr}.episode-copy h2{font-size:2.9rem}.episode-row img{width:76px;height:76px}.episode-row p{display:none}.episode-row button{width:44px;height:44px}.now-playing-copy h2{font-size:clamp(3.8rem,17vw,6rem)}.history-presets{overflow-x:auto}.footer-brand img{width:220px}.dock-copy strong{font-size:.78rem}.dock-copy span{font-size:.61rem}.dock-actions{gap:4px}.dock-action.share,.dock-action.mute{display:none}.back-live{font-size:0}.back-live:after{content:"Live";font-size:.62rem}
}
@media(max-width:380px){.live-button .live-dot{display:none}.brand-link img{width:104px}.script-lockup span{font-size:clamp(3.05rem,15.8vw,4.2rem)}.request-result img{width:50px;height:50px}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:940px){.script-lockup span{font-size:8vw}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
@media(prefers-contrast:more){:root{--line:rgba(255,255,255,.28);--line-soft:rgba(255,255,255,.2)}.primary-action{outline:2px solid #000}.secondary-action{border-width:2px}}

/* Final decorative-overdraw containment */
body{width:100%;max-width:100vw}
main,.page{max-width:100%;overflow-x:clip}


/* HOTFIX30 - real-logo and OCD containment pass */
.brand-link img{width:128px;height:auto;max-height:82px;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 20px rgba(0,0,0,.48))}
.menu-head img{width:184px;height:auto;max-height:126px;object-fit:contain;object-position:left center}
.masthead-side img[src*="logo-wide-420"]{width:min(300px,28vw);height:auto;object-fit:contain}
.footer-brand img{width:min(330px,42vw);height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 14px 30px rgba(0,0,0,.38))}

/* Never crop an official square logo when it is acting as artwork or a fallback. */
img[src*="/assets/myxx/logo-square-"],img.is-logo-fallback{object-fit:contain!important;object-position:center!important;background:radial-gradient(circle at 50% 42%,rgba(240,184,24,.10),transparent 55%),#0d0d12!important}
.art-card img[src*="logo-square"],.request-art-card img[src*="logo-square"],.track-art img[src*="logo-square"],.remyxx-cover img[src*="logo-square"],.featured-art img[src*="logo-square"],.episode-row img[src*="logo-square"],.now-playing-art img[src*="logo-square"],.request-result img[src*="logo-square"],.selected-song img[src*="logo-square"],.dock-art[src*="logo-square"],img.is-logo-fallback{padding:7%!important}
.request-logo-orbit img[src*="logo-square"],.request-trust img[src*="logo-square"],.masthead-side img[src*="logo-square"],.loading-mark[src*="logo-square"],.empty-state img[src*="logo-square"]{padding:0!important;background:transparent!important}
.masthead:before{display:none}
.host-copy:before{right:24px;top:36px;font-size:clamp(4rem,8vw,8rem);color:rgba(255,255,255,.018)}
.art-card,.request-art-card,.remyxx-cover{transform-origin:center}

/* Text and container safety. */
.display,.masthead h1,.request-hero h1,.host-copy h2,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.now-playing-copy h2{max-width:100%;text-wrap:balance}
.script-lockup span{max-width:100%}
.section,main,.page{overflow:visible}
body{overflow-x:hidden}

@media(max-width:1120px){
  .brand-link img{width:118px;max-height:78px}
}

@media(max-width:760px){
  .brand-link img{width:92px;max-height:64px}.menu-button,.icon-button{width:42px;height:42px;border-radius:14px}.menu-head img{width:170px;max-height:118px}
  .script-lockup span{font-size:clamp(3rem,14.8vw,4.7rem);letter-spacing:-.035em}
  .script-lockup span+span{margin-left:.17em}
  .footer-brand img{width:min(250px,72vw)}
  .masthead-side img{width:min(210px,58vw)!important;max-height:210px;object-fit:contain}
}

@media(max-width:380px){.brand-link img{width:84px;max-height:58px}
  .script-lockup span{font-size:clamp(2.72rem,14.2vw,3.55rem)}
}

/* HOTFIX30 final typography and mobile-control containment */
.story-fallback strong{align-self:flex-end;max-width:72%;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.9;letter-spacing:-.055em;text-align:right;opacity:.16;overflow-wrap:anywhere}
.pulse-side-card .story-fallback strong{max-width:78%;font-size:clamp(1.75rem,3.5vw,3rem)}
.story-card-media .story-fallback strong{max-width:80%;font-size:clamp(1.45rem,2.8vw,2.35rem)}

@media(max-width:760px){
  .day-tabs button{min-width:0;padding:10px 8px;justify-content:center}
  .day-tabs button span{display:none}
  .remyxx-filters,.history-presets{flex-wrap:wrap;overflow:visible}
  .story-fallback strong{max-width:70%;font-size:clamp(1.9rem,10vw,3.3rem)}
  .pulse-side-card .story-fallback strong,.story-card-media .story-fallback strong{font-size:clamp(1.55rem,8vw,2.5rem)}
}

.section-head h2{font-size:clamp(3.2rem,6.2vw,6.5rem);line-height:.9}
.display{text-wrap:balance}
.hero-statement span,.hero-statement strong{display:block}
.hero-statement strong{font-weight:950}
.hero-meta span{background:rgba(255,255,255,.032);border-color:rgba(255,255,255,.085)}
.pulse-lead-home:before{background:radial-gradient(circle at 92% 4%,rgba(240,184,24,.22),transparent 38%),radial-gradient(circle at 5% 100%,rgba(216,41,255,.16),transparent 44%)}
.pulse-lead-intro{max-width:760px}
.pulse-lead-intro h2{font-size:clamp(4rem,7.2vw,7.1rem);max-width:720px}
.pulse-lead-intro>p:last-child{max-width:620px;margin:22px 0 0;color:#b8b4bf;font-size:1rem;line-height:1.55}
.pulse-story-home h3{
  margin:13px 0 0;
  max-width:920px;
  font-size:clamp(1.55rem,2.45vw,2.45rem);
  line-height:1.04;
  letter-spacing:-.045em;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.pulse-story-home p{max-width:760px;margin:15px 0 0;line-height:1.5}
.pulse-story-home .text-action{margin-top:8px}
.weather-block,.world-block{min-height:0}
.world-block h3{font-size:clamp(2.15rem,3.4vw,3.45rem);max-width:620px}

/* Full Pulse page: long real headlines wrap instead of colliding with media or cards. */
.pulse-lead-card,.pulse-side-card,.story-card{min-width:0}
.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3{overflow-wrap:anywhere;text-wrap:balance}
.pulse-lead-copy h2{font-size:clamp(2rem,3.5vw,3.9rem);line-height:.96}
.pulse-side-card h3{font-size:clamp(1.2rem,1.9vw,1.75rem);line-height:1.03}
.story-card-copy h3{font-size:clamp(1.25rem,1.8vw,1.7rem);line-height:1.04}
.story-fallback strong{opacity:.11}

/* Request/host/replay surfaces: shared precision and quieter borders. */
.host-feature,.request-promo,.remyxx-feature,.pulse-lead-home,.weather-block,.world-block{
  border-color:rgba(255,255,255,.075);
}
.request-promo h2,.remyxx-copy h2,.host-copy h2{line-height:.88}
.dock-art.is-logo-fallback{object-fit:contain!important;padding:8%!important;background:#0d0d12!important}
.footer-brand img{width:min(350px,38vw);flex:0 0 auto}
.footer-brand-copy{margin-left:auto;max-width:570px;text-align:right}
@media(max-width:1120px){.footer-brand-copy{max-width:500px}}
@media(max-width:760px){.footer-brand-copy{margin:0;max-width:100%;text-align:left}}

.footer-brand-copy strong{display:block;margin-top:10px;font-size:clamp(2.1rem,4vw,4.1rem);line-height:.94;letter-spacing:-.065em;text-wrap:balance}
.footer-brand-copy span{display:block;margin-top:13px;color:var(--muted);font-size:.86rem}
.footer-grid h2{font-size:clamp(2.2rem,3.6vw,3.35rem)}
.brand-link img{width:134px}
.main-nav a{padding-inline:14px}

@media(max-width:1120px){
}

@media(max-width:760px){
  .pulse-lead-intro h2{font-size:clamp(3.65rem,15.8vw,5.45rem)}
  .pulse-lead-intro>p:last-child{font-size:.9rem;margin-top:17px}
  .pulse-story-home h3{font-size:clamp(1.42rem,7.3vw,2rem)}
  .pulse-story-home p{font-size:.86rem}
  .world-block h3{font-size:clamp(2.45rem,11vw,3.3rem)}
  .footer-brand img{width:min(260px,74vw)}
  .footer-brand-copy strong{font-size:clamp(2.15rem,10vw,3rem)}.brand-link img{width:96px}
}

@media(max-width:380px){
  .pulse-lead-intro h2{font-size:clamp(3.2rem,15vw,4.5rem)}
  .pulse-story-home h3{font-size:1.38rem}.brand-link img{width:86px}
}
.masthead h1{font-size:clamp(4.5rem,9.2vw,9rem);line-height:.87;max-width:980px}
.masthead-side img{width:min(230px,22vw);object-fit:contain}
.request-hero h1{font-size:clamp(4.6rem,8.7vw,8.4rem);line-height:.87}
.host-copy h2,.host-profile-copy h2,.on-air-stage-copy h2{font-size:clamp(4.2rem,7.2vw,7.4rem)}
.remyxx-copy h2{font-size:clamp(4.5rem,7.8vw,7.8rem)}
.pulse-lead-card .story-media{position:relative;inset:auto;min-height:340px}
.pulse-lead-card .story-media:after{background:linear-gradient(0deg,rgba(5,5,8,.48),rgba(5,5,8,.03) 62%)}
.pulse-lead-copy h2{margin-top:14px;max-width:100%}
.pulse-lead-copy p{line-height:1.5}
.pulse-side-card .story-media{position:relative;inset:auto;min-height:210px}
.pulse-side-card .story-media:after{background:linear-gradient(90deg,rgba(5,5,8,.02),rgba(5,5,8,.28))}
.pulse-side-card .story-copy{position:relative;inset:auto;padding:24px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.pulse-side-card h3{margin-top:11px}

@media(max-width:760px){
  .masthead h1{font-size:clamp(3.85rem,16.8vw,6.2rem)}
  .request-hero h1{font-size:clamp(3.9rem,16vw,6.2rem)}
  .pulse-lead-card .story-media{min-height:260px}
  .pulse-lead-copy h2{font-size:clamp(2.1rem,10vw,3.7rem)}
  .pulse-side-card .story-media{min-height:180px}
  .pulse-side-card .story-copy{padding:18px}
  .pulse-side-card h3{font-size:1.25rem}
}
.pulse-lead-card{background:linear-gradient(160deg,#181820,#0a0a0f);border:1px solid var(--line-soft);border-radius:38px;box-shadow:var(--shadow);display:grid;grid-template-rows:minmax(340px,1fr) auto;min-height:0;min-width:0;overflow:hidden;position:relative}
@media(max-width:760px){.pulse-lead-card{border-radius:30px;grid-template-rows:minmax(260px,58vw) auto}}


@media(max-width:430px){
  .pulse-side-card .story-media{min-height:190px}
}
.pulse-side-card{background:linear-gradient(160deg,#181820,#0a0a0f);border:1px solid var(--line-soft);border-radius:30px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:minmax(120px,.72fr) minmax(0,1.28fr);min-height:0;min-width:0;overflow:hidden;position:relative}
@media(max-width:760px){.pulse-side-card{grid-template-columns:118px minmax(0,1fr)}}
@media(max-width:430px){.pulse-side-card{grid-template-columns:1fr}}



/* HOTFIX32 - Fluent in Fuego + Liquid Glass OCD pass */
:root{
  --glass:rgba(24,24,34,.56);
  --glass-strong:rgba(20,20,30,.72);
}
body{
  background:
    radial-gradient(1200px 650px at 78% -12%,rgba(216,41,255,.16),transparent 62%),
    radial-gradient(900px 560px at 8% 10%,rgba(255,184,0,.11),transparent 58%),
    radial-gradient(880px 460px at 50% 0,rgba(255,255,255,.035),transparent 62%),
    linear-gradient(180deg,#08080c 0,#050507 42%,#060609 100%);
}
.main-nav a{color:#d6d2da}
.main-nav a.active{
  background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(247,247,251,.83));
  border:1px solid rgba(255,255,255,.54);
  color:#111;
  box-shadow:0 12px 26px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.95);
}
.menu-button,.icon-button,.menu-close{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(20px) saturate(1.2);
  -webkit-backdrop-filter:blur(20px) saturate(1.2);
}
.mobile-menu-backdrop{background:rgba(3,3,8,.62)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.mobile-menu-panel{
  background:linear-gradient(160deg,rgba(23,22,31,.82),rgba(8,8,12,.80))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(34px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(34px) saturate(1.3)!important;
}
.menu-footer,.track-glass,.pulse-story-home,.world-block,.request-now-card,.request-studio,.story-card,.host-card,.utility-card,.playlist-panel,.selected-song,.request-result,.footer-brand,.footer-grid,.site-footer .chip{
  backdrop-filter:blur(26px) saturate(1.28);
  -webkit-backdrop-filter:blur(26px) saturate(1.28);
}
.hero-statement strong{display:block;text-wrap:balance}
.hero-copy .lead-copy{max-width:620px}
.pulse-lead-inner h2{font-size:clamp(4rem,7.8vw,7rem)!important;max-width:640px;line-height:.88!important}
.pulse-story-home h3{font-size:clamp(1.34rem,2.4vw,2rem)!important;line-height:1.05!important;text-wrap:balance;overflow-wrap:anywhere}
.pulse-story-home p{font-size:.93rem!important;line-height:1.55!important;max-width:680px!important}
.weather-block,.world-block{
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.request-now-card,.request-main,.request-side,.search-bar,.selected-song,.request-result{
  backdrop-filter:blur(22px) saturate(1.22);
  -webkit-backdrop-filter:blur(22px) saturate(1.22);
}
.footer-brand img{width:min(320px,36vw)!important}
.footer-brand-copy strong{font-size:clamp(1.85rem,3vw,3rem)!important;line-height:.96!important}
.footer-grid h2{font-size:clamp(2rem,3vw,2.85rem)!important}
@media (max-width: 920px){
  .pulse-lead-inner h2{font-size:clamp(3.3rem,13vw,5.4rem)!important}
}
@media (max-width: 700px){
  .footer-brand img{width:min(230px,70vw)!important}
  .footer-brand-copy strong{font-size:clamp(1.9rem,10vw,2.6rem)!important}
}
.hero-statement span,.hero-statement strong{display:inline!important}
.hero-statement span{color:#f5f3ea!important;font-weight:920!important}
.hero-statement strong{font-weight:950!important}
.hero-copy .lead-copy{max-width:590px!important}
.dock-art.is-logo-fallback{object-fit:contain!important;padding:8%!important;background:#0d0d12!important}
@media (min-width: 1100px){
}
@media (max-width: 920px){
}
@media (max-width: 700px){
}


/* HOTFIX34 - descender safety, Played pagination, Pulse masthead, host energy */
.display,.masthead h1,.masthead h2,.section-head h2,.hero-statement,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3{
  line-height:.98!important;
  padding-bottom:.14em!important;
  margin-bottom:-.06em;
  overflow:visible!important;
  text-wrap:balance;
}
.masthead>div:first-child{padding-bottom:8px}
.history-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:38px 0 90px;padding:12px;border-radius:24px;background:linear-gradient(180deg,rgba(25,25,34,.66),rgba(10,10,15,.62));border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 20px 52px rgba(0,0,0,.25);backdrop-filter:blur(26px) saturate(1.25);-webkit-backdrop-filter:blur(26px) saturate(1.25)}
.history-pagination>div{display:flex;justify-content:center;align-items:center;gap:7px}
.history-pagination button{min-width:44px;height:44px;padding:0 15px;border-radius:15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#e8e5eb;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:820;cursor:pointer}
.history-pagination button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}
.history-pagination>button:first-child svg{transform:rotate(180deg)}
.history-pagination button.active{background:linear-gradient(180deg,#ffe45d,#ffc70d);color:#111;border-color:rgba(255,225,91,.7);box-shadow:0 12px 26px rgba(255,195,0,.18)}
.history-pagination button:disabled{opacity:.34;cursor:not-allowed}
.page-gap{color:#77737d;padding:0 3px}

/* Pulse: less empty masthead, more editorial motion. */
.pulse-page{--pulse-a:#f0b818;--pulse-b:#ff2e89;--pulse-c:#744dff}
.pulse-masthead:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 120deg,transparent 0 45%,rgba(240,184,24,.055),transparent 57% 74%,rgba(216,41,255,.06),transparent 88%);animation:pulseSweep 18s linear infinite;pointer-events:none}
.pulse-masthead-copy{position:relative;z-index:2;max-width:790px}
.pulse-masthead h1{margin:13px 0 18px;font-size:clamp(4.3rem,8vw,8rem);letter-spacing:-.078em;line-height:.91!important;padding-bottom:.12em!important}
.pulse-masthead h1 span,.pulse-masthead h1 strong{display:block}
.pulse-masthead-copy>p:not(.eyebrow){max-width:690px;color:#c3bec9;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}
.pulse-masthead-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.pulse-masthead-tags span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);font-size:.67rem;font-weight:780;color:#ddd8e1}
.pulse-masthead-object{display:grid;min-height:390px;place-items:center;position:relative;z-index:2}
@media(max-width:900px){.pulse-masthead-object{min-height:330px}}
@media(max-width:760px){.pulse-masthead-object{display:block!important}}
@media(max-width:700px){.pulse-masthead-object{min-height:285px}}

.pulse-orb{position:relative;width:min(30vw,350px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.12),rgba(16,15,22,.78) 42%,rgba(7,7,11,.92) 72%);border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13),0 0 0 24px rgba(255,255,255,.018),0 0 0 54px rgba(255,255,255,.009)}
.pulse-orb img{width:72%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,0,0,.35))}
.pulse-orb i{position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(240,184,24,.22);animation:pulseOrbit 10s linear infinite}
.pulse-orb i:nth-child(2){inset:22% 5%;border-color:rgba(216,41,255,.20);animation-duration:14s;animation-direction:reverse}
.pulse-orb i:nth-child(3){inset:5% 30%;border-color:rgba(255,255,255,.12);animation-duration:17s}
.pulse-live-note{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(180deg,rgba(28,27,36,.78),rgba(11,11,17,.72));border:1px solid rgba(255,255,255,.12);border-radius:22px;bottom:10px;box-shadow:0 20px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10);min-width:220px;padding:17px 19px;position:absolute;right:0}
@media(max-width:900px){.pulse-live-note{bottom:0;right:4%}}
@media(max-width:700px){.pulse-live-note{min-width:190px;padding:14px 16px}}

.pulse-live-note small{display:block;color:var(--yellow);font-size:.57rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.pulse-live-note strong{display:block;margin-top:6px;font-size:1.35rem}
.pulse-live-note span{display:block;color:#aaa6b0;font-size:.75rem;margin-top:2px}
@keyframes pulseSweep{to{transform:rotate(360deg)}}
@keyframes pulseOrbit{to{transform:rotate(360deg)}}

/* Hosts: individual color identities and layered energy. */
.host-profile{position:relative;isolation:isolate;background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--host-a) 18%,transparent),transparent 32%),linear-gradient(145deg,rgba(21,20,29,.86),rgba(8,8,13,.92))!important;border:1px solid rgba(255,255,255,.11)!important;}
.host-profile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,color-mix(in srgb,var(--host-b) 10%,transparent),transparent 34% 66%,color-mix(in srgb,var(--host-c) 9%,transparent));pointer-events:none}
.host-profile-media:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgba(5,5,8,.78));pointer-events:none}
.host-color-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,color-mix(in srgb,var(--host-c) 18%,transparent),transparent 34% 66%,color-mix(in srgb,var(--host-a) 16%,transparent));mix-blend-mode:screen;pointer-events:none}
.host-profile-media img{position:relative;z-index:0;transition:transform .8s var(--ease),filter .8s var(--ease)}
.host-profile:hover .host-profile-media img{transform:scale(1.025);filter:saturate(1.08) contrast(1.03)}
.host-number,.host-slot,.host-show-stamp{z-index:3}
.host-number{color:rgba(255,255,255,.74)!important;text-shadow:0 8px 24px rgba(0,0,0,.34)}
.host-show-stamp{position:absolute;right:18px;top:20px;max-width:62%;padding:9px 12px;border-radius:999px;background:rgba(8,8,12,.54);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:.58rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--host-a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.host-profile-copy:before{content:attr(data-show);position:absolute;right:-.06em;bottom:-.18em;font-size:7rem;font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}
.host-signal{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px;color:#aaa6b0;font-size:.59rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.host-signal span{display:flex;align-items:center;gap:8px}.host-signal i{width:7px;height:7px;border-radius:50%;background:var(--host-a);box-shadow:0 0 0 5px color-mix(in srgb,var(--host-a) 13%,transparent)}
.host-signal b{color:var(--host-a)}
.host-profile-copy h2{line-height:.94!important;padding-bottom:.14em!important;}
.host-lanes span{border-color:color-mix(in srgb,var(--host-c) 28%,rgba(255,255,255,.08))!important;}
.host-energy{display:flex;align-items:end;gap:5px;height:32px;margin-top:28px;opacity:.72}
.host-energy span{width:6px;border-radius:999px;background:linear-gradient(var(--host-a),var(--host-b));animation:hostMeter 1.7s ease-in-out infinite alternate}
.host-energy span:nth-child(1){height:32%}.host-energy span:nth-child(2){height:72%;animation-delay:-.2s}.host-energy span:nth-child(3){height:48%;animation-delay:-.7s}.host-energy span:nth-child(4){height:92%;animation-delay:-.4s}.host-energy span:nth-child(5){height:61%;animation-delay:-1s}.host-energy span:nth-child(6){height:84%;animation-delay:-.1s}.host-energy span:nth-child(7){height:40%;animation-delay:-.8s}
@keyframes hostMeter{to{height:100%}}

/* REMYXX exact casing should be displayed, not transformed by CSS. */
.episode-row h3,.episode-copy h2{text-transform:none!important;font-variant-caps:normal!important}

@media(max-width:900px){.pulse-orb{width:min(64vw,330px)}
  .history-pagination{grid-template-columns:1fr;gap:10px}.history-pagination>button{width:100%}
}
@media(max-width:700px){
  .display,.masthead h1,.section-head h2,.host-profile-copy h2{line-height:1!important;padding-bottom:.16em!important}.pulse-masthead h1{font-size:clamp(3.2rem,16vw,5rem)}
  .host-show-stamp{max-width:70%;top:14px;right:14px}.host-signal{margin-bottom:18px}.host-profile-copy h2{font-size:clamp(4rem,18vw,6.2rem)!important}
  .history-pagination>div{overflow-x:auto;justify-content:flex-start;padding:2px}
  .history-pagination button span{display:inline}
}
@media(prefers-reduced-motion:reduce){.pulse-masthead:before,.pulse-orb i,.host-energy span{animation:none!important}}


/* HOTFIX35 - skyline luxury pass, exact-case remyxx sync, listener map, 6-up scroll rail */
.brand-link,.main-nav,.header-actions{position:relative;z-index:2}
.brand-link img{filter:drop-shadow(0 12px 24px rgba(0,0,0,.42))}


.icon-button,.menu-button{border-radius:18px!important;background:rgba(255,255,255,.055)!important}

.hero,.masthead,.pulse-masthead,.remyxx-feature,.host-profile,.request-studio,.now-playing-feature,.featured-episode{
  position:relative;
  overflow:hidden;
}
.request-studio{-webkit-backdrop-filter:blur(26px) saturate(1.28);backdrop-filter:blur(26px) saturate(1.28);background:linear-gradient(160deg,rgba(24,23,31,.78),rgba(10,10,14,.82))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:44px;box-shadow:0 32px 96px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.09)!important;margin-bottom:100px;overflow:hidden;position:relative}
@media(max-width:760px){.request-studio{border-radius:30px;margin-bottom:70px;margin-top:10px}}


.display,.masthead h1,.masthead h2,.section-head h2,.hero-statement,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3,.pulse-masthead h1{
  line-height:1.02!important;
  padding-right:.08em!important;
  padding-left:.01em!important;
  padding-bottom:.20em!important;
  overflow:visible!important;
}
.hero-statement strong,.hero-statement span,.masthead h1 span,.masthead h1 strong{display:inline-block;padding-right:.05em}
.track-rail .track-card{scroll-snap-align:start}
.world-map-copy{display:grid;align-content:start;gap:15px;position:relative;z-index:2}
.world-subcopy{color:#c2bdc7!important;font-size:.97rem;line-height:1.55;margin:0;max-width:38ch}
@media(max-width:760px){.world-subcopy{font-size:.48rem!important}}
@media(max-width:700px){.world-subcopy{font-size:.58rem!important}}

.world-metrics{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}
@media(max-width:920px){.world-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.world-metrics{gap:4px!important;grid-template-columns:1fr!important}}
@media(max-width:700px){.world-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:420px){.world-metrics{grid-template-columns:1fr!important}}

.world-metrics span{padding:14px 14px 13px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.world-metrics b{display:block;font-size:1.15rem;line-height:1;color:#fff2be}
.world-metrics small{display:block;margin-top:7px;color:#a9a3ae;font-size:.68rem;font-weight:770;letter-spacing:.08em;text-transform:uppercase}
.listener-map-shell{display:grid;gap:16px;min-width:0}
.listener-map-canvas{aspect-ratio:2.48/1!important;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 52px rgba(0,0,0,.26);overflow:hidden!important;position:relative!important;width:100%!important;}
@media(max-width:760px){.listener-map-canvas{aspect-ratio:1.9/1!important}}
@media(max-width:460px){.listener-map-canvas{aspect-ratio:1.55/1!important}}

.listener-map-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 17% 42%,rgba(255,255,255,.06) 0 4%,transparent 4.5%),
    radial-gradient(circle at 24% 49%,rgba(255,255,255,.05) 0 5%,transparent 5.5%),
    radial-gradient(circle at 51% 36%,rgba(255,255,255,.05) 0 7%,transparent 7.5%),
    radial-gradient(circle at 55% 51%,rgba(255,255,255,.05) 0 5%,transparent 5.5%),
    radial-gradient(circle at 78% 43%,rgba(255,255,255,.05) 0 6%,transparent 6.5%),
    repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.05) 54px 55px),
    repeating-linear-gradient(90deg,transparent 0 78px,rgba(255,255,255,.04) 78px 79px);
  opacity:.55;
}
.listener-map-canvas::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:22px;
  border:1px dashed rgba(255,255,255,.08);
}
.listener-pin{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);}

.listener-pin i{display:block;width:var(--pin-size);height:var(--pin-size);border-radius:999px;background:linear-gradient(180deg,#ffe56b,#ffc40b);box-shadow:0 0 0 5px rgba(240,184,24,.13),0 0 18px rgba(240,184,24,.45)}
.listener-pin b{position:absolute;left:50%;top:calc(var(--pin-size) + 8px);transform:translateX(-50%);padding:4px 8px;border-radius:999px;background:rgba(5,5,7,.82);border:1px solid rgba(255,255,255,.10);font-size:.58rem;font-weight:760;letter-spacing:.02em;color:#f0edf3;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.26)}
.listener-pin:nth-child(n+7) b{display:none}
.listener-pin:nth-child(1) i,.listener-pin:nth-child(2) i{width:calc(var(--pin-size) + 3px);height:calc(var(--pin-size) + 3px)}
.listener-map-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#d5d0da;z-index:2}
.listener-map-empty strong{display:block;font-size:1rem;margin-bottom:7px}
.listener-map-empty span{font-size:.85rem;color:#a7a2ac}
.world-row strong{text-transform:none!important}

.host-profile{box-shadow:0 30px 84px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09)!important}
.host-profile::before{right:-2%;bottom:-2%;width:min(38vw,420px);height:140px;opacity:.11}
.host-profile-media::after{content:"";position:absolute;inset:auto 18px 18px auto;width:96px;height:96px;border-radius:24px;background:linear-gradient(145deg,rgba(240,184,24,.18),rgba(240,184,24,0));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.host-profile-copy .host-vibe{font-size:1.22rem!important;line-height:1.4!important;color:#f6f1d1!important}
.host-profile-copy .host-bio{font-size:.96rem!important;max-width:54ch;color:#ccc6d0!important}
.host-lanes span{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.host-energy span{background:linear-gradient(180deg,#ffe05d,#ffbb05)!important;box-shadow:0 0 16px rgba(240,184,24,.22)}
.pulse-masthead-copy>p:not(.eyebrow){max-width:58ch!important}

@media (max-width: 1220px){
}
@media (max-width: 920px){
  .world-metrics span:last-child{grid-column:1/-1}
}
@media (max-width: 700px){
  .listener-pin:nth-child(n+4) b{display:none}
  .hero::before,.masthead::before,.pulse-masthead::after,.remyxx-feature::before,.host-profile::before,.request-studio::before,.now-playing-feature::before,.featured-episode::before{opacity:.07;width:min(54vw,260px);height:80px}
}


/* HOTFIX36 - clean premium shell, exact logo skyline background, final glyph safety */

.brand-link img{width:154px!important;filter:drop-shadow(0 9px 20px rgba(0,0,0,.42))!important}
.main-nav a{padding:10px 15px!important;color:#d9d5de!important;font-size:.78rem!important;font-weight:780!important}
.main-nav a:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.main-nav a.active{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(238,237,244,.92))!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:0 10px 24px rgba(255,255,255,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;}
.icon-button,.menu-button{width:48px!important;height:48px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important}

.hero::before,.masthead::before,.pulse-masthead::after,.remyxx-feature::before,.host-profile::before,.request-studio::before,.now-playing-feature::before,.featured-episode::before{
  display:none!important;content:none!important;background:none!important;
}

.display,.masthead h1,.masthead h2,.section-head h2,.hero-statement,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3,.pulse-masthead h1{
  overflow:visible!important;
  line-height:1.08!important;
  padding:0 .18em .28em .02em!important;
  margin-bottom:0!important;
  box-sizing:border-box!important;
  text-wrap:balance;
}
.hero-statement span,.hero-statement strong{display:inline!important;padding-right:.05em!important;padding-bottom:.08em!important}
.masthead>div:first-child{min-width:0!important;padding-right:2.4rem!important;overflow:visible!important}
.masthead h1{font-size:clamp(4.35rem,8.6vw,8.45rem)!important;max-width:960px!important;letter-spacing:-.065em!important}
.host-profile-copy h2{font-size:clamp(4.2rem,7.5vw,7.55rem)!important;letter-spacing:-.06em!important}
.remyxx-copy h2,.episode-copy h2{letter-spacing:-.055em!important}
.track-rail::-webkit-scrollbar{display:none!important}
.track-rail .track-card{scroll-snap-align:start!important}

.world-metrics span{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important}

.request-trust h3{margin-bottom:8px!important}
.request-trust p{color:#c7c2cb!important;line-height:1.55!important}
.site-footer>*{position:relative;z-index:1}

@media(max-width:1220px){
}
@media(max-width:920px){
  .masthead>div:first-child{padding-right:.5rem!important}
  .masthead h1{font-size:clamp(4rem,15vw,6.2rem)!important;max-width:100%!important}
}
@media(max-width:700px){
  body::after{height:240px!important;opacity:.035!important;background-size:760px auto!important}.brand-link img{width:118px!important}
  .display,.masthead h1,.host-profile-copy h2,.pulse-masthead h1{line-height:1.1!important;padding-right:.16em!important;padding-bottom:.3em!important}
}

/* HOTFIX37 - exact-title, full listener map, desktop-parity mobile, full-page skyline atmosphere */
body::after{display:none!important;content:none!important;background:none!important}
.site-footer::before{display:none!important;content:none!important;background:none!important}
.site-header::before,.site-header::after,.hero::before,.masthead::before,.pulse-masthead::after,.remyxx-feature::before,.host-profile::before,.request-studio::before,.now-playing-feature::before,.featured-episode::before{display:none!important;content:none!important;background:none!important}
.hero-statement span,.hero-statement strong{
  display:inline-block!important;
  line-height:1.24!important;
  padding:0 .08em .32em .01em!important;
  margin-bottom:-.24em!important;
  overflow:visible!important;
}
.hero-statement strong.gradient-text{
  background-image:linear-gradient(110deg,#fff 0,#fff4ba 36%,#f0b818 68%,#ff9d19 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 135%!important;
  background-position:center top!important;
}
.display,.masthead h1,.masthead h2,.section-head h2,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3,.pulse-masthead h1{
  line-height:1.12!important;
  padding-right:.22em!important;
  padding-bottom:.34em!important;
  overflow:visible!important;
}
.listener-pin:nth-child(n+7) b{display:none!important}
.listener-pin i{animation:listenerPulse 2.8s ease-in-out infinite alternate}
.listener-pin:nth-child(2n) i{animation-delay:-.8s}.listener-pin:nth-child(3n) i{animation-delay:-1.5s}
@keyframes listenerPulse{from{transform:scale(.86);filter:brightness(.9)}to{transform:scale(1.12);filter:brightness(1.15)}}

/* Desktop composition parity on small screens: shrink, do not convert to a vertical mobile stack. */
@media(max-width:760px){
  :root{--dock-h:58px;--radius-xl:20px}
  body{padding-bottom:calc(var(--dock-h) + 10px);font-size:11px}
  body::before{inset:-26vh -62vw;background-size:760px auto;background-position:0 0;opacity:.019;transform:rotate(-12deg) scale(1.18)}.brand-link img{width:72px!important}
  .main-nav a{display:flex!important;flex:1 1 0!important;min-width:0!important;justify-content:center!important;padding:7px 2px!important;font-size:6.7px!important;letter-spacing:0!important;white-space:nowrap!important}.live-dot{width:6px!important;height:6px!important}
  .icon-button{display:none!important}.section-head h2{font-size:2.05rem!important}.section-head p{font-size:.7rem!important;margin:0!important;max-width:155px!important}.text-action{font-size:.65rem!important}
  .eyebrow{font-size:.48rem!important;letter-spacing:.13em!important}
  .primary-action,.secondary-action{min-height:36px!important;padding:0 10px!important;font-size:.58rem!important;gap:5px!important}.primary-action svg,.secondary-action svg{width:12px!important;height:12px!important}.hero-statement span,.hero-statement strong{line-height:1.2!important;padding-bottom:.28em!important}.hero-meta span{font-size:.42rem!important;padding:4px 5px!important}.art-card img{border-radius:17px!important}.show-note small{font-size:.38rem!important}.show-note strong{font-size:.58rem!important}.show-note span{font-size:.42rem!important}.track-glass small{font-size:.38rem!important}.track-glass h2{font-size:.92rem!important;margin-top:4px!important}.track-glass p{font-size:.5rem!important}.track-progress{margin-top:8px!important}.host-copy h2{font-size:2.3rem!important}.host-copy h3{font-size:.78rem!important;margin-top:4px!important}.host-copy>p{font-size:.63rem!important;line-height:1.45!important}.next-up img{width:36px!important;height:36px!important;border-radius:9px!important}.next-up small{font-size:.38rem!important}.next-up strong{font-size:.58rem!important}.next-up span{font-size:.44rem!important}.track-card h3{font-size:.53rem!important;margin-top:6px!important}.track-card p,.track-card time{font-size:.42rem!important}.track-index{font-size:.42rem!important;padding:3px 5px!important;top:5px!important;left:5px!important}.pulse-lead-inner h2{font-size:2.35rem!important}.pulse-lead-intro>p:not(.eyebrow){font-size:.58rem!important;line-height:1.4!important}.pulse-story-home h3{font-size:.84rem!important}.pulse-story-home p{font-size:.52rem!important;line-height:1.4!important}.story-label{font-size:.4rem!important}.weather-block,.world-block{min-height:0!important;border-radius:20px!important;padding:13px!important}.weather-block h3{font-size:.82rem!important}.weather-block p{font-size:.48rem!important}.world-block h3{font-size:1.3rem!important}.world-metrics span{padding:6px!important;border-radius:8px!important}.world-metrics b{font-size:.62rem!important}.world-metrics small{font-size:.35rem!important;margin-top:3px!important}.listener-pin b{display:none!important}.listener-pin i{box-shadow:0 0 0 2px rgba(240,184,24,.13),0 0 8px rgba(240,184,24,.4)!important}.request-promo h2{font-size:2.45rem!important}.request-promo p{font-size:.62rem!important}.remyxx-copy h2{font-size:2.45rem!important}.remyxx-copy>p{font-size:.62rem!important;line-height:1.45!important}.masthead h1{font-size:2.8rem!important;max-width:100%!important}.masthead p{font-size:.66rem!important}.request-hero h1{font-size:2.6rem!important}.request-hero-copy p:not(.eyebrow){font-size:.62rem!important}.request-art-card img{border-radius:14px!important}.request-side{padding:14px!important}.request-status h2{font-size:1.2rem!important}.search-intro h3{font-size:1.7rem!important}.search-intro p{font-size:.54rem!important}.progress-step span{display:inline!important;font-size:.44rem!important}.search-bar input{height:38px!important;font-size:.58rem!important}.search-bar button{width:38px!important;height:38px!important}.request-result img{width:38px!important;height:38px!important}.request-result strong{font-size:.58rem!important}.request-result p{font-size:.45rem!important}.request-result em{display:block!important;font-size:.4rem!important}.request-side-panel h3{font-size:.8rem!important}.request-side-panel p{font-size:.5rem!important}.pulse-masthead h1{font-size:2.8rem!important}.pulse-masthead-copy>p:not(.eyebrow){font-size:.62rem!important}.pulse-utility .utility-card:last-child{grid-column:auto!important}.story-card-copy h3{font-size:.72rem!important}.story-card-copy p{font-size:.48rem!important}

  .on-air-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:390px!important;border-radius:20px!important}.on-air-stage-copy h2{font-size:2.35rem!important}.on-air-stage-copy>p{font-size:.6rem!important}.day-tabs button{min-width:0!important;font-size:.5rem!important}.schedule-row img{width:38px!important;height:38px!important}.schedule-row em{display:block!important;font-size:.4rem!important}.schedule-row strong{font-size:.6rem!important}.schedule-row p{font-size:.43rem!important}.special-card:last-child{grid-column:auto!important}

  .host-stats{grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.host-stat:last-child{grid-column:auto!important}.host-stat strong{font-size:1.55rem!important}.host-profile,.host-profile:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:370px!important;border-radius:20px!important}.host-profile-copy h2{font-size:2.25rem!important}.host-lanes span{font-size:.4rem!important;padding:4px 6px!important}

  .remyxx-tools{grid-template-columns:minmax(0,1fr) auto!important}.remyxx-filters{overflow-x:auto!important}.episode-copy h2{font-size:1.25rem!important}.episode-row img{width:48px!important;height:48px!important}.episode-row h3{font-size:.58rem!important}.episode-row p{display:block!important;font-size:.4rem!important}.episode-row button{width:30px!important;height:30px!important}.now-playing-copy h2{font-size:2.2rem!important}.footer-brand img{width:130px!important}.footer-grid h2{font-size:1.45rem!important}.footer-grid p,.footer-grid a{font-size:.5rem!important}.dock-copy strong{font-size:.58rem!important}.dock-copy span{font-size:.45rem!important}.dock-action.share,.dock-action.mute{display:grid!important}
}
.world-block{-webkit-backdrop-filter:blur(26px) saturate(1.28);backdrop-filter:blur(26px) saturate(1.28);background:radial-gradient(circle at 70% 25%,rgba(240,184,24,.10),transparent 35%),linear-gradient(150deg,rgba(22,20,29,.82),rgba(8,8,12,.78))!important;border:1px solid rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.075);border-radius:var(--radius-xl);box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)!important;contain:paint;min-height:0;overflow:hidden;padding:34px;position:relative}
@media(max-width:760px){.world-block{border-radius:20px!important;min-height:0!important;padding:13px!important}}

.host-portrait{min-height:720px;overflow:hidden;position:relative}
@media(max-width:1120px){.host-portrait{min-height:620px}}
@media(max-width:760px){.host-portrait{min-height:390px!important}}

.host-feature{background:linear-gradient(135deg,#16131b,#0b0b10 70%);border:1px solid var(--line-soft);border-color:rgba(255,255,255,.075);border-radius:var(--radius-xl);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr);min-height:720px;overflow:hidden}
@media(max-width:1120px){.host-feature{grid-template-columns:1fr}}
@media(max-width:760px){.host-feature{border-radius:20px!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;min-height:390px!important}}

.pulse-masthead{-webkit-backdrop-filter:blur(30px) saturate(1.3);align-items:center;backdrop-filter:blur(30px) saturate(1.3);background:radial-gradient(circle at 90% 18%,rgba(240,184,24,.18),transparent 27%),radial-gradient(circle at 10% 80%,rgba(216,41,255,.16),transparent 34%),linear-gradient(145deg,rgba(24,23,32,.82),rgba(7,7,11,.88))!important;border:1px solid rgba(255,255,255,.11);border-radius:42px;box-shadow:0 32px 92px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10);display:grid;gap:clamp(30px,6vw,86px);grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);margin-top:10px;min-height:560px;overflow:hidden;padding:clamp(38px,6vw,82px);position:relative}
@media(max-width:900px){.pulse-masthead{grid-template-columns:1fr;min-height:0;padding:34px 24px}}
@media(max-width:760px){.pulse-masthead{grid-template-columns:1fr!important;min-height:290px!important;padding:22px!important}}
@media(max-width:700px){.pulse-masthead{border-radius:30px}}

.masthead{align-items:end;border-bottom:1px solid var(--line-soft);display:grid;gap:40px;grid-template-columns:minmax(0,1fr) auto;min-height:440px;overflow:hidden;padding-bottom:78px!important;padding-left:0;padding-right:0;padding-top:82px;position:relative}
@media(max-width:760px){.masthead{gap:10px!important;grid-template-columns:minmax(0,1fr) 120px!important;min-height:270px!important;padding:30px 0 20px!important}}

.host-profile-media{min-height:690px;overflow:hidden;position:relative}
@media(max-width:1120px){.host-profile-media{min-height:620px}}
@media(max-width:760px){.host-profile-media{min-height:370px!important}}

.story-card{-webkit-backdrop-filter:blur(26px) saturate(1.28);backdrop-filter:blur(26px) saturate(1.28);background:linear-gradient(160deg,#181820,#0a0a0f);border:1px solid var(--line-soft);border-radius:30px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}
@media(max-width:760px){.story-card{border-radius:15px!important;min-height:250px!important}}

.request-result{-webkit-backdrop-filter:blur(22px) saturate(1.22);align-items:center;backdrop-filter:blur(22px) saturate(1.22);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.075);border-radius:20px;cursor:pointer;display:grid;gap:13px;grid-template-columns:62px minmax(0,1fr) auto;padding:10px;text-align:left;transition:.22s var(--ease);width:100%}
@media(max-width:760px){.request-result{grid-template-columns:38px 1fr auto!important;padding:8px}}

.remyxx-cover{aspect-ratio:1;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border-radius:34px;box-shadow:0 30px 72px rgba(0,0,0,.5);padding:9px;position:relative;transform:translateX(-10%) rotate(-5deg);transform-origin:center;width:min(30vw,390px)}
@media(max-width:1120px){.remyxx-cover{width:min(55vw,390px)}}
@media(max-width:760px){.remyxx-cover{max-width:150px!important;width:31vw!important}}

.remyxx-feature{align-items:center;background:radial-gradient(circle at 15% 20%,rgba(216,41,255,.16),transparent 36%),radial-gradient(circle at 85% 90%,rgba(240,184,24,.1),transparent 40%),#0c0b11;border:1px solid var(--line-soft);border-color:rgba(255,255,255,.075);border-radius:var(--radius-xl);box-shadow:var(--shadow);display:grid;gap:clamp(30px,6vw,84px);grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);min-height:680px;overflow:hidden;padding:clamp(38px,6vw,80px);position:relative}
@media(max-width:1120px){.remyxx-feature{grid-template-columns:1fr}}
@media(max-width:760px){.remyxx-feature{border-radius:20px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:330px!important;padding:20px!important}}

.request-promo{align-items:center;background:linear-gradient(118deg,#ffe238 0,#ffbf13 44%,#ff4d84 100%);border-color:rgba(255,255,255,.075);border-radius:var(--radius-xl);box-shadow:0 34px 90px rgba(255,92,58,.16);color:#120d09;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);min-height:520px;overflow:hidden;padding:clamp(38px,6vw,82px);position:relative}
@media(max-width:1120px){.request-promo{grid-template-columns:1fr}}
@media(max-width:760px){.request-promo{border-radius:20px!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;min-height:280px!important;padding:20px!important}}

.section{border-top:1px solid rgba(255,255,255,.06);max-width:100%;overflow:visible;overflow-x:clip;padding:88px 0;position:relative}

.request-now-card{-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22);background:rgba(15,15,21,.88);border:1px solid rgba(255,255,255,.11);border-radius:23px;bottom:4px;box-shadow:0 18px 44px rgba(0,0,0,.38);left:5%;padding:17px 19px;position:absolute;right:5%}
@media(max-width:760px){.request-now-card{bottom:9px!important;display:none;left:-2px!important;padding:8px!important;right:-2px!important}}

.footer-grid{-webkit-backdrop-filter:blur(26px) saturate(1.28);backdrop-filter:blur(26px) saturate(1.28);display:grid;gap:clamp(34px,6vw,86px);grid-template-columns:1.35fr .62fr .62fr;padding:28px 0 24px!important}
@media(max-width:760px){.footer-grid{gap:12px!important;grid-template-columns:1fr auto auto!important}}

.footer-brand{-webkit-backdrop-filter:blur(26px) saturate(1.28);align-items:center!important;backdrop-filter:blur(26px) saturate(1.28);border-bottom:1px solid var(--line-soft);display:flex;gap:clamp(34px,7vw,100px);justify-content:space-between;padding-bottom:30px!important}
@media(max-width:760px){.footer-brand{display:flex!important;gap:24px;justify-items:start}}

.request-art-card{aspect-ratio:1;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.03));border-radius:38px;box-shadow:0 32px 90px rgba(0,0,0,.55);padding:9px;position:relative;transform:rotate(5deg);transform-origin:center;width:min(34vw,450px)}
@media(max-width:1120px){.request-art-card{width:min(58vw,440px)}}
@media(max-width:760px){.request-art-card{border-radius:18px!important;max-width:165px!important;width:34vw!important}}

.now-playing-feature{align-items:center;background:radial-gradient(circle at 10% 20%,rgba(240,184,24,.13),transparent 38%),linear-gradient(145deg,#18161e,#09090e);border:1px solid var(--line-soft);border-radius:42px;box-shadow:var(--shadow);display:grid;gap:clamp(28px,6vw,80px);grid-template-columns:minmax(360px,.75fr) minmax(0,1.25fr);margin:24px 0 72px;overflow:hidden;padding:48px;position:relative}
@media(max-width:1120px){.now-playing-feature{grid-template-columns:320px 1fr}}
@media(max-width:760px){.now-playing-feature{border-radius:20px!important;grid-template-columns:180px minmax(0,1fr)!important;margin-bottom:50px;padding:14px!important}}

.featured-episode{align-self:start;background:linear-gradient(160deg,#1b1921,#0a0a0f);border:1px solid var(--line-soft);border-radius:36px;box-shadow:var(--shadow);overflow:hidden;position:relative;top:108px}
@media(max-width:1120px){.featured-episode{top:auto}}
@media(max-width:760px){.featured-episode{position:sticky!important;top:72px!important}}

.on-air-stage-media{overflow:hidden;position:relative}
@media(max-width:1120px){.on-air-stage-media{min-height:620px}}
@media(max-width:760px){.on-air-stage-media{min-height:390px!important}}

.request-main{-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22);border-right:1px solid var(--line-soft);padding:36px}
@media(max-width:1120px){.request-main{border-bottom:1px solid var(--line-soft);border-right:0}}
@media(max-width:760px){.request-main{border-bottom:0!important;border-right:1px solid var(--line-soft)!important;padding:14px!important}}



/* v27.2.5 - manually recreated vector skyline + final visual integrity pass */
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(900px 540px at 8% 4%,rgba(255,190,0,.085),transparent 68%),
    radial-gradient(920px 580px at 92% 2%,rgba(103,65,255,.10),transparent 70%),
    linear-gradient(180deg,#08080c 0,#050507 48%,#07070a 100%)!important;
}
body::after{display:none!important;content:none!important;background:none!important}
body::before{
  display:block!important;
  content:""!important;
  position:fixed!important;
  z-index:-1!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:url('/assets/myxx/skyline-atmosphere.svg')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  opacity:.34!important;
  filter:none!important;
  transform:none!important;
  transform-origin:center!important;
  mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.72) 7%,#000 20% 83%,rgba(0,0,0,.70) 94%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.72) 7%,#000 20% 83%,rgba(0,0,0,.70) 94%,transparent 100%)!important;
}
/* The skyline belongs to the atmosphere only. Never place it behind text, navigation, or cards. */
.site-footer::before,.hero::before,.masthead::before,.pulse-masthead::after,.pulse-masthead-object::after,.remyxx-feature::before,.host-profile::before,.request-studio::before,.now-playing-feature::before,.featured-episode::before{
  display:none!important;content:none!important;background:none!important;
}
/* Final glyph safety: no clipped descenders or final X edges. */
:is(.display,.hero-statement,.masthead h1,.masthead h2,.section-head h2,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3,.pulse-masthead h1){
  overflow:visible!important;
  line-height:1.12!important;
  padding-right:.22em!important;
  padding-bottom:.32em!important;
  box-sizing:border-box!important;
}
.hero-statement span,.hero-statement strong{line-height:1.18!important;padding-right:.07em!important;padding-bottom:.19em!important}
.track-rail:focus-within,.track-rail:hover{mask-image:none;-webkit-mask-image:none}
@media(max-width:760px){
  body::before{background-size:cover!important;background-position:center!important;opacity:.28!important}
}
@media(prefers-reduced-motion:reduce){body::before{filter:none!important}}
.pulse-home-media{position:absolute;inset:0;z-index:0;background:linear-gradient(140deg,#191821,#08080c)}
.pulse-home-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.03)}
.pulse-home-media .story-fallback{position:absolute;inset:0}
.pulse-home-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,12,.36) 0,rgba(8,8,12,.22) 24%,rgba(8,8,12,.72) 58%,rgba(8,8,12,.92) 100%)}
.world-map-copy{grid-area:copy}
.world-insights{align-content:start;display:grid;gap:14px;grid-area:list;min-width:0}
@media(max-width:700px){.world-insights{gap:8px!important}}

.world-list-shell{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);max-height:318px;overflow:auto;padding:16px 16px 10px;scrollbar-color:rgba(240,184,24,.6) transparent;scrollbar-width:thin}
@media(max-width:1120px){.world-list-shell{max-height:none}}
@media(max-width:700px){.world-list-shell{display:none!important}}

.world-list-shell .eyebrow{margin-bottom:6px}
.listener-map-wide{grid-area:map;min-width:0;overflow:hidden}

.listener-map-canvas::before{inset:0;background-image:url('/assets/myxx/world-map-grid.svg');background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.78}
.listener-map-canvas::after{inset:18px;border-radius:24px;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.listener-pin i{position:relative;z-index:1;box-shadow:0 0 0 4px rgba(240,184,24,.11),0 0 22px rgba(240,184,24,.42),0 0 42px rgba(240,184,24,.18)}
.listener-pin::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--pin-size) * 2.6);height:calc(var(--pin-size) * 2.6);border-radius:999px;background:radial-gradient(circle,rgba(240,184,24,.22) 0,rgba(240,184,24,.12) 28%,rgba(240,184,24,0) 68%);z-index:0}
.listener-pin b{top:calc(var(--pin-size) + 10px);font-size:.55rem;background:rgba(8,8,12,.84);border-color:rgba(255,255,255,.12)}
.listener-pin:not(.featured) b{display:none}
.world-row + .world-row{border-top:1px solid rgba(255,255,255,.06)}
.world-row b{font-size:.66rem;color:#d4cfda}

body::before{z-index:0!important;background-image:url('/assets/myxx/skyline-atmosphere.svg')!important;background-size:cover!important;background-position:center center!important;opacity:.52!important;mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.82) 6%,#000 16% 88%,rgba(0,0,0,.78) 95%,transparent 100%)!important;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.82) 6%,#000 16% 88%,rgba(0,0,0,.78) 95%,transparent 100%)!important}

.story-media img,.story-card-media img,.pulse-home-media img{content-visibility:auto}
.story-media img,.story-card-media img,.pulse-home-media img,.track-art img,.art-card img,.request-art-card img,.now-playing-art img{image-rendering:auto}

.site-header,.connection-banner,.app-main,.site-footer,.player-dock,.toast{position:relative;z-index:1}
.mobile-menu,.dialog{z-index:3}

@media(max-width:1120px){
}
@media(max-width:760px){
  body::before{opacity:.17!important;background-position:center!important}
}


/* v27.2.7 - final OCD QA pass */
html{scroll-padding-top:112px}
body{overflow-x:hidden}
.main-nav a{white-space:nowrap}

/* Never sacrifice the last letter or a descender for a tight display line box. */
.display,.hero-statement,.masthead h1,.masthead h2,.section-head h2,.pulse-masthead h1,.pulse-lead-copy h2,.pulse-side-card h3,.story-card-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.request-form-head h3,.search-intro h3,.track-glass h2{
  box-sizing:border-box!important;
  line-height:1.01!important;
  overflow:visible!important;
  text-wrap:balance;
  padding:0 .10em .22em .015em!important;
  margin-bottom:-.08em;
}
.gradient-text{-webkit-background-clip:text;-webkit-box-decoration-break:clone!important;background:linear-gradient(110deg,#fff 0,#fff4ba 36%,#f0b818 68%,#ff9d19 100%);background-clip:text;box-decoration-break:clone!important;color:transparent;display:inline-block!important;overflow:visible!important;padding-bottom:.04em!important;padding-right:.08em!important}

.hero-statement span,.hero-statement strong{padding-bottom:.08em!important}

/* Clear, premium top-bar focus states. */

.main-nav a.active{color:#111!important}

/* Image fallbacks remain designed, never blank. */
.story-media,.story-card-media,.pulse-home-media{isolation:isolate}
.story-media .story-fallback,.story-card-media .story-fallback,.pulse-home-media .story-fallback{position:absolute;inset:0;z-index:0}
.story-media img,.story-card-media img,.pulse-home-media img{position:relative;z-index:1;background:#111118}
.story-media img.is-fallback,.story-card-media img.is-fallback,.pulse-home-media img.is-fallback{object-fit:contain;padding:12%;background:#0d0d12}
.world-map-copy h3{font-size:clamp(2.2rem,4.15vw,4rem)!important;max-width:12ch}
.listener-pin b{max-width:150px;overflow:hidden;text-overflow:ellipsis}
.world-metrics b{overflow-wrap:anywhere}
.pulse-lead-intro{max-width:720px}
.pulse-home-media img{transition:opacity .25s ease}
.track-card h3,.track-card p{overflow-wrap:anywhere}

/* REMYXX title integrity and readability. */
.episode-copy h2,.episode-row h3,.remyxx-copy p{white-space:normal!important;text-transform:none!important;overflow-wrap:anywhere!important}
.episode-row h3{line-height:1.18!important;padding:0!important;margin:0!important}
.episode-row>div{min-width:0}

@media(max-width:1120px){
  .main-nav a{padding:10px 12px!important;font-size:.72rem!important}
  .world-map-copy h3{max-width:18ch}
}
@media(max-width:920px){
  :root{--header-h:78px}
}
.menu-button{-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.20)!important;cursor:pointer;display:none;height:48px!important;place-items:center;transition:.2s var(--ease);width:48px!important}
@media(max-width:1120px){.menu-button{display:grid}}
@media(max-width:920px){.menu-button{display:grid!important}}

@media(max-width:700px){
  .world-metrics span{padding:11px 9px!important}
  .world-metrics b{font-size:.92rem!important}
  .world-metrics small{font-size:.56rem!important}
  .pulse-lead-home,.pulse-lead-inner{min-height:560px!important}
}
.pulse-lead-home{-webkit-backdrop-filter:blur(24px) saturate(1.22);align-items:stretch;backdrop-filter:blur(24px) saturate(1.22);background:linear-gradient(160deg,rgba(22,20,31,.82),rgba(8,8,13,.76))!important;border:1px solid rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.075);border-radius:var(--radius-xl);box-shadow:0 28px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;display:grid;min-height:620px!important;overflow:hidden;position:relative}
@media(max-width:760px){.pulse-lead-home{border-radius:20px!important}}
@media(max-width:700px){.pulse-lead-home{min-height:560px!important}}

.pulse-lead-inner{align-content:space-between;display:flex!important;flex-direction:column!important;gap:22px;grid-template-rows:auto auto;inset:auto;justify-content:space-between!important;min-height:620px;padding:clamp(28px,4vw,50px)!important;position:relative;z-index:1}
@media(max-width:700px){.pulse-lead-inner{min-height:560px!important}}

.pulse-story-home{-webkit-backdrop-filter:blur(26px) saturate(1.28);align-self:stretch;backdrop-filter:blur(26px) saturate(1.28);background:linear-gradient(180deg,rgba(13,13,20,.58),rgba(9,9,14,.50))!important;border:1px solid rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.12);border-radius:24px;box-shadow:0 18px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)!important;margin-top:72px!important;max-width:860px!important;overflow:visible;padding:22px 22px 20px!important;width:100%}
@media(max-width:920px){.pulse-story-home{margin-top:44px!important}}
@media(max-width:760px){.pulse-story-home{border-radius:14px!important;padding:10px!important}}
@media(max-width:700px){.pulse-story-home{margin-top:32px!important}}

.hero-statement{-webkit-backdrop-filter:blur(26px) saturate(1.22)!important;align-items:flex-end!important;backdrop-filter:blur(26px) saturate(1.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 52px rgba(0,0,0,.24)!important;box-sizing:border-box!important;display:block!important;flex-wrap:wrap!important;font-size:clamp(3rem,5.7vw,4.95rem)!important;gap:.18em!important;letter-spacing:-.065em!important;line-height:1.01!important;margin:10px 0 14px!important;max-width:calc(100% - 1rem)!important;overflow:visible!important;padding:15px 26px 25px 18px!important;text-wrap:balance;width:fit-content!important}
@media(max-width:920px){.hero-statement{font-size:clamp(2.75rem,9.4vw,4.15rem)!important}}
@media(max-width:760px){.hero-statement{border-radius:16px!important;font-size:1.78rem!important;margin-top:7px!important;max-width:230px!important}}
@media(max-width:700px){.hero-statement{padding:10px 15px 18px 10px!important}}

@media(max-width:420px){
  .icon-button{display:none!important}
}
.live-button{align-items:center;background:linear-gradient(180deg,#ffe45d,#ffc70d);border:0;border-radius:999px;box-shadow:0 18px 38px rgba(255,194,0,.24),inset 0 1px 0 rgba(255,255,255,.7)!important;color:#111;cursor:pointer;display:inline-flex;font-size:.77rem;font-weight:850;gap:10px;min-height:48px!important;padding:0 19px!important;transition:transform .2s var(--ease),box-shadow .2s}
@media(max-width:760px){.live-button{font-size:6.8px!important;gap:4px!important;min-height:36px!important;padding-left:8px!important;padding-right:8px!important}}
@media(max-width:700px){.live-button{min-height:44px!important;padding-left:12px!important;padding-right:12px!important}}
@media(max-width:420px){.live-button{font-size:.61rem!important;padding-left:10px!important;padding-right:10px!important}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* v27.2.7 visual refinement - one skyline, richer Pulse fallback, readable compact layout */
body::before{opacity:.19!important;background-size:cover!important;background-position:center!important}
.pulse-home-media .story-fallback::before{content:"NEWS";position:absolute;right:4%;top:3%;font-size:clamp(5rem,13vw,12rem);line-height:.8;font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.055)}
.pulse-home-media .story-fallback::after{content:"";position:absolute;right:7%;top:17%;width:clamp(100px,16vw,210px);aspect-ratio:1;background:url('/assets/myxx/logo-square-640.webp') center/contain no-repeat;opacity:.12;filter:grayscale(1) brightness(1.8)}
.pulse-home-media .story-fallback strong{max-width:56%;opacity:.16!important;align-self:flex-start!important;text-align:left!important}

@media(max-width:700px){
  .weather-block{min-height:255px!important}
  .world-map-copy h3{font-size:1.55rem!important;max-width:15ch!important}
  .pulse-home-media .story-fallback::before{font-size:5rem;top:5%}
  .pulse-home-media .story-fallback::after{width:96px;top:16%}
}
@media(max-width:460px){
  .weather-block{padding:12px!important}
}
.track-head-tools{max-width:510px}
.track-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:8px}
.track-rail-controls{display:flex;gap:8px}
.track-rail-controls button{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:.2s var(--ease)}
.track-rail-controls button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
.track-rail-controls button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.track-rail-controls button:first-child svg{transform:rotate(180deg)}
.track-rail-wrap{position:relative;overflow:hidden}
.track-rail::-webkit-scrollbar{display:none!important}

.pulse-editorial-home{min-height:0!important;padding:34px!important;background:radial-gradient(circle at 88% 16%,rgba(216,41,255,.18),transparent 28%),radial-gradient(circle at 10% 86%,rgba(240,184,24,.13),transparent 34%),linear-gradient(145deg,rgba(24,23,33,.92),rgba(8,8,13,.96))!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden}
.pulse-atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.8}
.pulse-atmosphere::before{content:"NEWS";position:absolute;right:-.02em;top:-.12em;font-size:clamp(7rem,14vw,13rem);line-height:1;font-weight:950;letter-spacing:-.11em;color:rgba(255,255,255,.035)}
.pulse-atmosphere::after{content:"";position:absolute;right:7%;bottom:8%;width:190px;aspect-ratio:1;background:url('/assets/myxx/logo-square-640.webp') center/contain no-repeat;opacity:.07;filter:grayscale(1) brightness(1.8)}
.pulse-atmosphere i{position:absolute;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(240,184,24,.28),rgba(216,41,255,.24),transparent)}
.pulse-atmosphere i:nth-child(1){top:34%;transform:rotate(-4deg)}.pulse-atmosphere i:nth-child(2){top:58%;transform:rotate(3deg)}.pulse-atmosphere i:nth-child(3){top:79%;transform:rotate(-2deg)}
.pulse-editorial-home .pulse-lead-inner{position:relative;z-index:1;display:grid;gap:26px;padding:0!important;min-height:0!important}
.pulse-editorial-home .pulse-lead-intro{max-width:700px}

.pulse-editorial-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:18px;align-items:stretch}
.pulse-story-feature{align-self:stretch!important;background:rgba(7,7,12,.72)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:24px!important;display:grid;gap:18px;grid-template-columns:190px minmax(0,1fr)!important;margin-top:0!important;max-width:none!important;padding:16px!important}
@media(max-width:760px){.pulse-story-feature{grid-template-columns:1fr!important}}

.pulse-story-thumb{position:relative;min-height:210px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#1f1d2b,#0a0a0f)}
.pulse-story-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pulse-story-thumb .story-fallback{position:absolute;inset:0;padding:18px}
.pulse-story-feature-copy{display:grid;align-content:center;gap:10px;padding:6px 4px 6px 0}
.pulse-story-feature-copy h3{margin:0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.03;letter-spacing:-.045em}
.pulse-story-feature-copy p{margin:0;color:#c6c1cb;font-size:.88rem;line-height:1.55}
.pulse-headline-stack{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){.pulse-headline-stack{grid-template-columns:1fr!important}}
.pulse-headline-row{align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:20px;display:grid;gap:12px;grid-template-columns:28px minmax(0,1fr)!important;min-height:104px!important;padding:14px;transition:.2s var(--ease)}
@media(max-width:760px){.pulse-headline-row{grid-template-columns:30px minmax(0,1fr) 18px!important;min-height:76px!important}}

.pulse-headline-row:hover{background:rgba(255,255,255,.075);transform:translateY(-1px)}
.pulse-headline-row>span{font-size:.7rem;font-weight:900;color:var(--yellow)}
.pulse-headline-row small{display:block;color:var(--yellow);font-size:.55rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.pulse-headline-row strong{display:block;font-size:.88rem;line-height:1.22}
.pulse-headline-row svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#aaa3b2}
.listener-map-canvas::before{pointer-events:none;}
.listener-map-canvas::after{pointer-events:none;}
.listener-map-base{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.82;z-index:0;filter:drop-shadow(0 0 18px rgba(240,184,24,.05))}


@media(max-width:1100px){
  .pulse-editorial-grid{grid-template-columns:1fr}.pulse-headline-row svg{display:none}
}
@media(max-width:760px){
  .track-head-actions{justify-content:flex-start;flex-wrap:wrap}
  .pulse-editorial-home{padding:20px!important}
  .pulse-editorial-home .pulse-lead-intro h2{font-size:clamp(2.7rem,11vw,4.4rem)!important}.pulse-story-thumb{min-height:180px}.pulse-headline-row svg{display:block}
}
.world-block-map{align-items:stretch;display:grid;gap:22px!important;grid-template-areas:"copy list" "map map"!important;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr)!important;min-height:410px!important;overflow:hidden!important;padding:28px!important}
@media(max-width:760px){.world-block-map{display:grid!important;grid-template-areas:"copy" "list" "map"!important;grid-template-columns:1fr!important;min-height:230px!important}}
@media(max-width:700px){.world-block-map{border-radius:26px!important;min-height:0!important;padding:18px!important}}
@media(max-width:460px){.world-block-map{padding:12px!important}}

@media(max-width:460px){
}

/* v27.2.8 shell correction - header/banner stay out of document flow */
.connection-banner{position:fixed!important}
.app-main,.site-footer,.toast{position:relative!important}
.page{margin:0 auto;max-width:100%;overflow:visible;overflow-x:clip;padding-top:calc(var(--header-h) + 18px)!important;width:min(calc(100% - 36px),var(--page))}
@media(max-width:760px){.page{width:calc(100% - 12px)!important}}
.pulse-story-feature-copy h3{overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;font-size:clamp(1.35rem,1.9vw,1.9rem)!important;line-height:1.08!important}
.pulse-story-feature-copy p{font-size:.86rem!important;line-height:1.5!important;max-width:none!important}
.pulse-story-thumb .story-fallback strong{font-size:clamp(1.2rem,2vw,1.8rem)!important;line-height:1.05!important;opacity:.55!important;overflow-wrap:normal!important;word-break:normal!important}
.world-block-map .world-map-copy h3{font-size:clamp(2.15rem,3.4vw,3.5rem)!important;line-height:.92!important;max-width:9.5ch!important;letter-spacing:-.065em!important}
.listener-map-canvas::before{content:""!important;position:absolute!important;inset:0!important;background-image:url('/assets/myxx/world-map-real.webp')!important;background-size:100% 100%!important;background-repeat:no-repeat!important;background-position:center!important;opacity:.9!important;z-index:1!important;pointer-events:none!important}


@media(max-width:760px){
  .world-block-map .world-map-copy h3{font-size:2rem!important;max-width:12ch!important}
  .pulse-story-feature-copy h3{font-size:1.35rem!important}
}

/* v27.2.8 final optical balance */
.pulse-editorial-grid{grid-template-columns:1fr!important}
.pulse-headline-row svg{display:none!important}

@media(max-width:760px){
  .pulse-headline-row svg{display:block!important}
}



/* v27.2.9 - instant app shell and non-blocking live hydration */
.app-main.is-refreshing::before{
  content:"";
  position:fixed;
  z-index:120;
  top:0;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent,#f0b818,#ff3d78,#7b5cff,transparent);
  background-size:220% 100%;
  animation:myxx-hydrate 1.15s linear infinite;
  pointer-events:none;
}
@keyframes myxx-hydrate{to{background-position:-220% 0}}
.loading-page{display:none!important}
@media(prefers-reduced-motion:reduce){.app-main.is-refreshing::before{animation:none}}


/* v27.3.0 - authoritative live data + unbreakable navigation layering */
.main-nav,.main-nav a,.header-actions,.brand-link{position:relative!important;z-index:2!important}
.header-actions{align-items:center;display:flex;gap:8px;justify-self:end;position:relative!important;z-index:2!important}
@media(max-width:700px){.header-actions{gap:7px!important}}

.main-nav{-webkit-backdrop-filter:blur(22px) saturate(1.2)!important;align-items:center;backdrop-filter:blur(22px) saturate(1.2)!important;background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.024))!important;border:1px solid rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.092)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 12px 28px rgba(0,0,0,.22)!important;display:flex;gap:3px!important;isolation:isolate;justify-self:center;max-width:100%;min-width:0;padding:6px!important;position:relative!important;z-index:2!important}
@media(max-width:1120px){.main-nav{display:none}}
@media(max-width:920px){.main-nav{display:none!important}}
@media(max-width:760px){.main-nav{flex:1 1 auto!important;gap:1px!important;min-width:0!important;overflow:visible!important;padding:3px!important}}

.brand-link{align-items:center;display:flex;min-width:154px!important;overflow:visible;position:relative!important;width:154px!important;z-index:2!important}
@media(max-width:760px){.brand-link{min-width:72px!important;width:72px!important}}

.connection-banner{z-index:9999!important;pointer-events:none!important}
.mobile-menu{position:fixed!important;z-index:12000!important}
.dialog{z-index:13000!important}
.player-dock{align-items:center;backdrop-filter:blur(24px) saturate(1.35);background:linear-gradient(180deg,rgba(26,26,35,.86),rgba(10,10,16,.80))!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:26px;bottom:max(12px,env(safe-area-inset-bottom))!important;box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10)!important;display:grid;gap:13px;grid-template-columns:62px minmax(0,1fr) auto;left:50%!important;min-height:var(--dock-h);overflow:hidden;padding:9px 10px;position:fixed!important;transform:translateX(-50%)!important;width:min(calc(100% - 24px),720px);z-index:9000!important}
@media(max-width:760px){.player-dock{border-radius:16px!important;bottom:max(6px,env(safe-area-inset-bottom))!important;gap:9px;grid-template-columns:40px minmax(0,1fr) auto!important;min-height:var(--dock-h)!important;padding:5px!important;width:min(calc(100% - 10px),620px)!important}}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){.player-dock{width:min(calc(100% - 20px),650px)}}  /* preserved verbatim from L670 */

.app-main,.site-footer{z-index:1!important}
.site-footer{border-top:1px solid var(--line-soft);margin:0 auto;overflow:hidden;padding-bottom:116px;padding-left:0;padding-right:0;padding-top:68px!important;position:relative!important;width:min(calc(100% - 36px),var(--page));z-index:1!important}
@media(max-width:760px){.site-footer{padding:36px 0 68px!important;width:calc(100% - 12px)!important}}

.hero,.art-sculpture,.art-card,.track-glass,.show-note{z-index:auto!important}
.hero{align-items:start!important;display:grid;gap:clamp(42px,6vw,94px);grid-template-columns:minmax(0,1fr) minmax(500px,.92fr)!important;min-height:auto!important;overflow:hidden;padding:26px 0 72px!important;position:relative;z-index:auto!important}
@media(max-width:1099px){.hero{grid-template-columns:1fr!important}}
@media(max-width:760px){.hero{gap:8px!important;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;padding-bottom:48px!important}}
@media(orientation:landscape) and (max-height:520px) and (max-width:940px){.hero{grid-template-columns:1fr 1fr;padding-top:30px}}  /* preserved verbatim from original */


.show-note{background:linear-gradient(180deg,rgba(255,249,217,.90),rgba(255,242,182,.82))!important;border:1px solid rgba(255,255,255,.52);border-radius:6px 22px 22px;box-shadow:0 24px 52px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.65)!important;color:#15130b;max-width:180px;padding:17px 18px;position:absolute;right:-8px;top:13%;transform:rotate(3deg);width:180px;z-index:auto!important}
@media(max-width:760px){.show-note{border-radius:5px 13px 13px!important;max-width:42vw;padding:8px!important;right:-5px!important;top:7%!important;width:88px!important}}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){.show-note{display:none}}  /* preserved verbatim from L676 */

.track-glass{-webkit-backdrop-filter:blur(26px) saturate(1.28);backdrop-filter:blur(26px) saturate(1.28);background:linear-gradient(180deg,rgba(24,24,33,.68),rgba(11,11,16,.64))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:26px;bottom:-72px;box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10)!important;left:-18px;padding:20px 22px;position:absolute;right:-18px;z-index:auto!important}
@media(max-width:760px){.track-glass{border-radius:15px!important;bottom:-44px!important;left:-10px!important;padding:9px 10px!important;right:-10px!important}}
@media(max-width:700px){.track-glass{-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;backdrop-filter:blur(22px) saturate(1.18)!important}}

.art-sculpture{display:grid;isolation:isolate;margin-top:0!important;min-height:670px;overflow:visible;padding-inline:62px;place-items:center;position:relative;z-index:auto!important}
@media(max-width:1120px){.art-sculpture{min-height:680px;padding-inline:48px}}
@media(max-width:760px){.art-sculpture{min-height:360px!important;padding-inline:18px}}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){.art-sculpture{min-height:430px}}  /* preserved verbatim from L684 */

.track-rail-empty{grid-column:1/-1;min-height:210px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.035);display:grid;place-content:center;gap:8px;text-align:center;padding:26px;color:#c9c4ce}
.track-rail-empty strong{font-size:1rem;color:#fff}
.track-rail-empty span{font-size:.82rem}
.listener-map-empty{z-index:6!important;background:linear-gradient(180deg,rgba(7,7,12,.16),rgba(7,7,12,.38))}
@media(max-width:760px){.mobile-menu{z-index:12000!important}}
.art-card{aspect-ratio:1;background:linear-gradient(145deg,rgba(186,188,201,.72),rgba(92,94,108,.36) 34%,rgba(255,255,255,.10) 72%,rgba(62,63,73,.42))!important;border-radius:42px!important;box-shadow:0 42px 100px rgba(0,0,0,.58),0 0 0 1px rgba(220,222,232,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;overflow:visible!important;padding:7px!important;position:relative;transform:rotate(-3deg);transform-origin:center;transition:transform .6s var(--ease);width:min(37vw,520px);z-index:auto!important}
@media(max-width:760px){.art-card{max-width:190px!important;width:39vw!important}}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){.art-card{width:42vw}}  /* preserved verbatim from L677 */

.art-card > img{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  border-radius:35px!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  background:#101015!important;
}
.art-card > img[src*="logo-square"],.art-card > img.is-logo-fallback{
  object-fit:contain!important;
  padding:7%!important;
  background:radial-gradient(circle at 50% 42%,rgba(240,184,24,.10),transparent 55%),#0d0d12!important;
}


/* v27.6.0 - homepage Pulse presentation retained from the accepted v27.5.4 baseline */
.pulse-editorial-home .pulse-lead-inner{justify-content:flex-start!important;gap:clamp(30px,3.4vw,46px)!important}
.pulse-editorial-home .pulse-lead-intro{max-width:none!important;display:grid!important;gap:8px!important}
.pulse-editorial-home .pulse-lead-intro .eyebrow{margin:0!important}
.pulse-editorial-home .pulse-lead-intro h2{margin:0!important;max-width:none!important;font-size:clamp(4.4rem,7.7vw,7.8rem)!important;line-height:.86!important;letter-spacing:-.072em!important;text-wrap:balance}
.pulse-editorial-home .pulse-headline-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
.pulse-editorial-home .pulse-headline-row{height:100%;min-height:104px!important}
@media(max-width:760px){
  .pulse-editorial-home .pulse-lead-inner{gap:24px!important}
  .pulse-editorial-home .pulse-lead-intro{gap:6px!important}
  .pulse-editorial-home .pulse-lead-intro h2{font-size:clamp(2.9rem,12vw,4.6rem)!important;line-height:.88!important}
  .pulse-editorial-home .pulse-headline-stack{grid-template-columns:1fr!important}
  .pulse-editorial-home .pulse-headline-row{min-height:76px!important}
}

/* Phase 3: visible, citation-friendly station facts. Additive only; existing v27.7.0 visual system is preserved. */
.myxx-facts{padding-top:64px!important}
.myxx-facts-head{align-items:end;display:grid;gap:28px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);margin-bottom:24px}
.myxx-facts-head h2{font-size:clamp(2.2rem,4.2vw,4.6rem);letter-spacing:-.055em;line-height:.94;margin:8px 0 0;max-width:900px}
.myxx-facts-head>p{color:var(--muted);font-size:.86rem;line-height:1.62;margin:0;max-width:48ch}
.myxx-facts-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.myxx-fact{background:linear-gradient(145deg,rgba(26,26,35,.82),rgba(10,10,15,.92));border:1px solid var(--line-soft);border-radius:24px;box-shadow:var(--shadow-soft);min-height:150px;padding:22px 24px}
.myxx-fact h3{font-size:1.02rem;letter-spacing:-.025em;line-height:1.15;margin:0 0 9px}
.myxx-fact p{color:var(--muted);font-size:.77rem;line-height:1.62;margin:0}
.myxx-facts-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.myxx-facts-links a{align-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line-soft);border-radius:999px;color:var(--text);display:inline-flex;font-size:.64rem;font-weight:900;letter-spacing:.045em;min-height:38px;padding:0 14px;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.myxx-facts-links a:hover{background:rgba(240,184,24,.1);border-color:rgba(240,184,24,.28);transform:translateY(-1px)}
@media(max-width:760px){.myxx-facts{padding-top:30px!important}.myxx-facts-head{gap:9px;grid-template-columns:1fr;margin-bottom:12px}.myxx-facts-head h2{font-size:1.9rem;line-height:1}.myxx-facts-head>p{font-size:.58rem;line-height:1.5;max-width:66ch}.myxx-facts-grid{gap:7px;grid-template-columns:1fr 1fr}.myxx-fact{border-radius:16px;min-height:0;padding:12px}.myxx-fact h3{font-size:.66rem;margin-bottom:5px}.myxx-fact p{font-size:.5rem;line-height:1.48}.myxx-facts-links{gap:5px;margin-top:8px}.myxx-facts-links a{font-size:.43rem;min-height:30px;padding:0 9px}}
@media(max-width:420px){.myxx-facts-grid{grid-template-columns:1fr}}

/* ========================================================================== */
/* MYXX FM v27.9.0 - Phase 4 entity/content URL layer                        */
/* Additive only: the complete v27.8.0 stylesheet remains unchanged above.   */
/* ========================================================================== */
.entity-breadcrumb{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin:1rem 0 1.35rem;font-size:.84rem;color:var(--muted,#a9a9b2)}
.entity-breadcrumb a{color:inherit;text-decoration:none}.entity-breadcrumb a:hover{text-decoration:underline}.entity-breadcrumb strong{color:var(--text,#fff);font-weight:700}
.entity-hero,.episode-detail-hero,.artist-identity-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1.25rem,4vw,4.5rem);align-items:center;padding:clamp(1.3rem,4vw,3rem);margin:0 0 clamp(2rem,6vw,4.5rem);border:1px solid rgba(255,255,255,.11);border-radius:clamp(24px,4vw,42px);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.22);overflow:hidden;position:relative}
.entity-hero:before,.episode-detail-hero:before,.artist-identity-hero:before{content:"";position:absolute;inset:auto -10% -45% 30%;height:70%;background:radial-gradient(circle,rgba(255,54,131,.16),transparent 67%);pointer-events:none}
.entity-hero-copy,.artist-identity-hero>div:first-child{position:relative;z-index:1;max-width:760px}.entity-hero-copy h1,.artist-identity-hero h1{margin:.25rem 0 .85rem}.entity-hero-copy>p:not(.eyebrow),.artist-identity-hero>div:first-child>p:not(.eyebrow){max-width:68ch}
.entity-lead{font-size:clamp(1.03rem,1.8vw,1.28rem);line-height:1.55;color:rgba(255,255,255,.84)}
.entity-portrait{position:relative;z-index:1;display:grid;gap:1rem;justify-items:center}.entity-portrait>img{width:min(100%,390px);max-height:470px;object-fit:cover;border-radius:30px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.entity-show-hero .entity-portrait>img{aspect-ratio:1/1;max-height:none}
.entity-portrait blockquote{margin:0;max-width:390px;padding:1rem 1.15rem;border-left:3px solid rgba(240,184,24,.8);background:rgba(0,0,0,.18);border-radius:0 16px 16px 0;line-height:1.45}
.entity-schedule-card{width:min(100%,390px);display:grid;gap:.25rem;padding:1rem 1.15rem;border-radius:18px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.09)}.entity-schedule-card small{color:var(--muted,#aaa)}.entity-schedule-card strong{font-size:1.02rem}.entity-schedule-card span{font-size:.82rem;color:var(--muted,#aaa)}
.entity-detail-link{display:inline-flex;align-items:center;gap:.5rem;width:max-content;margin-top:.85rem;font-weight:800;text-decoration:none}.entity-detail-link svg,.entity-index-card>svg,.entity-link-stack svg,.entity-source-note a svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:1.8}
.entity-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0 3.5rem}.entity-index-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.25rem 1.35rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);text-decoration:none;color:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}.entity-index-card:hover{transform:translateY(-2px);border-color:rgba(240,184,24,.35);background:rgba(255,255,255,.07)}.entity-index-card>span{font-size:.72rem;letter-spacing:.12em;color:var(--muted,#aaa)}.entity-index-card h2{margin:.1rem 0 .35rem;font-size:clamp(1.35rem,2.2vw,2rem)}.entity-index-card p{margin:0}.entity-index-card .eyebrow{margin:0}.entity-index-card>svg{width:22px;height:22px}
.artist-identity-mark{position:relative;z-index:1;justify-self:center;display:grid;place-items:center;width:min(100%,330px);aspect-ratio:1;border-radius:42px;background:radial-gradient(circle at 50% 38%,rgba(240,184,24,.16),rgba(108,72,255,.1) 55%,rgba(0,0,0,.16));border:1px solid rgba(255,255,255,.1);overflow:hidden}.artist-identity-mark img{width:62%;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.32))}.artist-identity-mark span{position:absolute;left:1rem;right:1rem;bottom:1rem;text-align:center;padding:.6rem .8rem;border-radius:14px;background:rgba(8,8,13,.66);backdrop-filter:blur(12px);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.entity-history-empty{padding:1.4rem;border:1px dashed rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.025)}.entity-history-empty strong{display:block;font-size:1.15rem;margin-bottom:.3rem}.entity-history-empty p{margin:0;color:var(--muted,#aaa)}
.entity-source-note{margin:2rem 0 3.5rem;padding:1.45rem 1.55rem;border-radius:24px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}.entity-source-note h2{margin:.2rem 0 .45rem}.entity-source-note>p:not(.eyebrow){max-width:72ch}.entity-source-note>a{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;font-weight:800;text-decoration:none}
.episode-detail-art{position:relative;z-index:1;justify-self:center;width:min(100%,430px)}.episode-detail-art>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:30px;box-shadow:0 28px 75px rgba(0,0,0,.38)}.episode-detail-art .big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.episode-detail-art .big-play:disabled{opacity:.45;cursor:not-allowed}
.entity-link-stack{display:grid;gap:.65rem;margin-top:1.2rem}.entity-link-stack a{display:flex;align-items:center;gap:.45rem;width:max-content;max-width:100%;font-weight:800;text-decoration:none}.track-artist-link{color:inherit;text-decoration:none}.track-artist-link:hover{text-decoration:underline}
.schedule-row h3 a,.special-card h3 a,.featured-episode h2 a,.episode-row h3 a{color:inherit;text-decoration:none}.schedule-row h3 a:hover,.special-card h3 a:hover,.featured-episode h2 a:hover,.episode-row h3 a:hover{text-decoration:underline}
@media (max-width:820px){.entity-hero,.episode-detail-hero,.artist-identity-hero{grid-template-columns:1fr;padding:1.1rem}.entity-portrait{order:-1}.entity-show-hero .entity-portrait{order:0}.entity-portrait>img{width:min(100%,340px);max-height:410px}.artist-identity-mark{width:min(78vw,300px);order:-1}.episode-detail-art{width:min(82vw,370px)}.entity-index-grid{grid-template-columns:1fr}.entity-index-card{padding:1.05rem}.entity-breadcrumb{margin-top:.5rem}}
@media (max-width:520px){.entity-hero,.episode-detail-hero,.artist-identity-hero{border-radius:25px}.entity-portrait>img,.episode-detail-art>img{border-radius:22px}.entity-index-card{grid-template-columns:auto 1fr}.entity-index-card>svg{display:none}.entity-link-stack a{width:100%}}


/* ========================================================================== */
/* MYXX FM v28.0.0 - Phase 5 entity authority / citation consistency          */
/* Additive only: the complete v27.9.0 stylesheet remains unchanged above.   */
/* ========================================================================== */
.authority-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1.4rem,4vw,4.8rem);align-items:center;padding:clamp(1.35rem,4vw,3.2rem);margin:0 0 clamp(2rem,6vw,4.8rem);border:1px solid rgba(255,255,255,.11);border-radius:clamp(24px,4vw,42px);background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 30px 90px rgba(0,0,0,.22);position:relative;overflow:hidden}
.authority-hero:before{content:"";position:absolute;inset:-45% -12% auto 28%;height:78%;background:radial-gradient(circle,rgba(240,184,24,.16),transparent 68%);pointer-events:none}.authority-hero-copy{position:relative;z-index:1}.authority-hero h1{margin:.25rem 0 .85rem}.authority-mark{position:relative;z-index:1;justify-self:center;width:min(100%,350px);aspect-ratio:1;display:grid;place-items:center;border-radius:42px;background:radial-gradient(circle at 50% 40%,rgba(240,184,24,.15),rgba(255,52,132,.10) 52%,rgba(0,0,0,.18));border:1px solid rgba(255,255,255,.11);overflow:hidden}.authority-mark img{width:68%;height:auto;filter:drop-shadow(0 18px 34px rgba(0,0,0,.38))}.authority-mark span{position:absolute;bottom:1rem;left:1rem;right:1rem;padding:.65rem .75rem;text-align:center;border-radius:14px;background:rgba(8,8,13,.68);backdrop-filter:blur(14px);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.authority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.authority-grid article{display:grid;gap:.38rem;min-height:150px;padding:1.3rem;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))}.authority-grid small{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.authority-grid strong{font-size:clamp(1.15rem,2vw,1.75rem);letter-spacing:-.035em}.authority-grid span{color:var(--muted);font-size:.78rem;line-height:1.5}
.authority-format{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1.4rem,4vw,4rem);align-items:end}.authority-format h2{margin:.25rem 0 .7rem}.authority-format>div:first-child>p:last-child{max-width:72ch}.authority-format .chip-row{justify-content:flex-start;align-content:end}
.authority-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.authority-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:1rem 1.1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:inherit;text-decoration:none;font-weight:850}.authority-links a:hover{border-color:rgba(240,184,24,.34);background:rgba(255,255,255,.07)}.authority-links svg,.authority-related svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 auto}.authority-related{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:12px;padding:1.25rem 1.35rem;border-radius:24px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}.authority-related h3{margin:.15rem 0 .3rem}.authority-related p{margin:0;color:var(--muted)}.authority-related>a{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;font-weight:850;text-decoration:none}
.authority-directory-note{padding:clamp(1.4rem,3vw,2.2rem)!important;border:1px solid rgba(240,184,24,.18);border-radius:28px;background:linear-gradient(145deg,rgba(240,184,24,.055),rgba(255,255,255,.025))}.authority-directory-note h2{margin:.25rem 0 .55rem}.authority-directory-note>p:not(.eyebrow){max-width:82ch}.authority-directory-note .text-action{margin-top:.55rem;display:inline-flex}
@media(max-width:820px){.authority-hero,.authority-format{grid-template-columns:1fr}.authority-mark{order:-1;width:min(74vw,300px)}.authority-grid{grid-template-columns:1fr 1fr}.authority-links{grid-template-columns:1fr 1fr}.authority-related{align-items:flex-start;flex-direction:column}.authority-related>a{white-space:normal}}
@media(max-width:520px){.authority-hero{border-radius:25px}.authority-grid{grid-template-columns:1fr}.authority-links{grid-template-columns:1fr}.authority-grid article{min-height:0}.authority-mark{border-radius:28px}}


/* v28.1.1 HEADER/NAV RECOVERY
   Final authoritative shell rules. These deliberately override the historical
   responsive hotfix chain so the glass header can never render as an empty bar. */
.site-header{
  overflow:visible!important;
}
.site-header>.brand-link,
.site-header>.header-actions{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.site-header>.brand-link{
  align-items:center!important;
  display:flex!important;
  justify-content:flex-start!important;
}
.site-header>.brand-link img{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.site-header>.header-actions{
  align-items:center!important;
  display:flex!important;
  justify-content:flex-end!important;
}
.site-header .live-button,
.site-header .icon-button,
.site-header .menu-button{
  opacity:1!important;
  visibility:visible!important;
}
.site-header .live-button{display:inline-flex!important}

/* Keep the full desktop navigation available much farther down than the old
   1120px cutoff. This prevents Retina/zoomed desktop Firefox from being treated
   like a tablet when there is still enough room for the navigation. */
@media (min-width:901px){
  .site-header{
    grid-template-columns:120px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding-left:14px!important;
    padding-right:12px!important;
  }
  .site-header>.brand-link{
    min-width:112px!important;
    width:112px!important;
  }
  .site-header>.brand-link img{
    width:112px!important;
    max-height:68px!important;
    object-fit:contain!important;
  }
  .site-header>.main-nav{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:1px!important;
    min-width:0!important;
    padding:5px!important;
  }
  .site-header>.main-nav>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    padding:9px 9px!important;
    font-size:.68rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .site-header .menu-button{display:none!important}
  .site-header .live-button{
    min-height:42px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    font-size:.68rem!important;
  }
}

/* Compact shell. The full nav cleanly becomes an obvious hamburger drawer,
   while the MYXX logo and live control stay visible. */
@media (max-width:900px){
  .site-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    padding-left:12px!important;
    padding-right:10px!important;
  }
  .site-header>.main-nav{display:none!important}
  .site-header>.brand-link{
    min-width:92px!important;
    width:92px!important;
  }
  .site-header>.brand-link img{
    width:92px!important;
    max-height:64px!important;
    object-fit:contain!important;
  }
  .site-header>.header-actions{
    grid-column:3!important;
    justify-self:end!important;
  }
  .site-header .menu-button{
    display:grid!important;
    color:#fff!important;
  }
}
@media (max-width:620px){
  .site-header>.brand-link{min-width:76px!important;width:76px!important}
  .site-header>.brand-link img{width:76px!important;max-height:56px!important}
  .site-header>.header-actions{gap:6px!important}
  .site-header .icon-button{display:none!important}
  .site-header .live-button{
    min-height:40px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:.61rem!important;
  }
  .site-header .menu-button{width:42px!important;height:42px!important;border-radius:14px!important}
}
@media (max-width:390px){
  .site-header>.brand-link{min-width:68px!important;width:68px!important}
  .site-header>.brand-link img{width:68px!important;max-height:50px!important}
  .site-header .live-button{padding-left:8px!important;padding-right:8px!important;font-size:.57rem!important}
}


/* v28.1.2 premium interactive listener map */
.listener-map-canvas{isolation:isolate!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:24px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -28px 70px rgba(0,0,0,.18),0 20px 54px rgba(0,0,0,.28)!important;cursor:default;min-height:260px!important;user-select:none;-webkit-user-select:none;}
.listener-map-canvas::before{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:1!important;filter:none!important;background-size:8.333% 25%,12.5% 100%!important;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);}
.listener-map-canvas::after{
  content:""!important;
  position:absolute!important;
  inset:10px!important;
  z-index:8!important;
  pointer-events:none!important;
  border:1px solid rgba(255,255,255,.045)!important;
  border-radius:18px!important;
  box-shadow:inset 0 0 42px rgba(0,0,0,.22)!important;
}
.listener-map-stage{
  position:absolute;
  inset:0;
  z-index:2;
  transform-origin:50% 50%;
  will-change:transform;
}
.listener-map-base{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.94!important;z-index:0!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))!important;pointer-events:none!important;}
.listener-map-canvas.is-zoomed{cursor:grab}
.listener-map-canvas.is-dragging{cursor:grabbing!important}
.listener-map-topbar{
  position:absolute;
  z-index:12;
  top:16px;
  right:16px;
  left:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  pointer-events:none;
}
.listener-map-hint{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(6,7,11,.66);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:#9ea1ad;
  font-size:.52rem;
  font-weight:850;
  letter-spacing:.12em;
}
.listener-map-controls{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(7,8,12,.78);
  box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.055);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
  pointer-events:auto;
}
.listener-map-controls button{
  appearance:none;
  border:0;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:transparent;
  color:#f4f1ea;
  font:800 1.1rem/1 system-ui,sans-serif;
  cursor:pointer;
  transition:background .18s ease,transform .18s ease,color .18s ease;
}
.listener-map-controls button:hover,.listener-map-controls button:focus-visible{
  background:rgba(240,184,24,.12);
  color:#ffe04f;
  outline:none;
}
.listener-map-controls button:active{transform:scale(.94)}
.listener-map-controls .listener-map-level{
  width:46px;
  color:#b8b5bf;
  font-size:.62rem;
  letter-spacing:.02em;
}
.listener-map-readout{
  position:absolute;
  z-index:12;
  left:16px;
  bottom:16px;
  max-width:min(280px,56%);
  padding:11px 13px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(6,7,11,.74);
  box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  backdrop-filter:blur(16px) saturate(1.2);
  pointer-events:none;
}
.listener-map-readout small{
  display:block;
  margin-bottom:3px;
  color:#ffe04f;
  font-size:.48rem;
  font-weight:900;
  letter-spacing:.14em;
}
.listener-map-readout strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f5f2ea;
  font-size:.74rem;
  line-height:1.15;
}
.listener-map-readout span{
  display:block;
  margin-top:4px;
  color:#9fa1aa;
  font-size:.55rem;
  line-height:1.3;
}
.listener-pin{
  appearance:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:auto!important;
  position:absolute!important;
  transform:translate(-50%,-50%) scale(var(--map-inverse,1))!important;
  transform-origin:center!important;
  z-index:5!important;
  cursor:pointer!important;
  outline:none!important;
}
.listener-pin i{
  display:block!important;
  position:relative!important;
  width:var(--pin-size)!important;
  height:var(--pin-size)!important;
  border-radius:999px!important;
  background:#f0b818!important;
  border:1px solid rgba(255,239,139,.92)!important;
  box-shadow:0 0 0 2px rgba(240,184,24,.12),0 0 9px rgba(240,184,24,.30)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.listener-pin::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:calc(var(--pin-size) * 1.75)!important;
  height:calc(var(--pin-size) * 1.75)!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,216,40,.16)!important;
  border-radius:999px!important;
  background:transparent!important;
  opacity:.7!important;
  z-index:-1!important;
}
.listener-pin.featured i{box-shadow:0 0 0 2px rgba(240,184,24,.14),0 0 12px rgba(240,184,24,.36)!important}
.listener-pin:hover i,.listener-pin:focus-visible i,.listener-pin.is-active i{
  transform:scale(1.45)!important;
  background:#ffe660!important;
  box-shadow:0 0 0 3px rgba(240,184,24,.16),0 0 16px rgba(240,184,24,.5)!important;
}
.listener-pin b{
  display:none!important;
  position:absolute!important;
  left:50%!important;
  top:calc(var(--pin-size) + 8px)!important;
  transform:translateX(-50%)!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  padding:4px 7px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:8px!important;
  background:rgba(5,6,9,.84)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28)!important;
  color:#f1eef2!important;
  font-size:.5rem!important;
  font-weight:780!important;
  line-height:1.1!important;
  z-index:7!important;
  pointer-events:none!important;
}
.listener-pin.featured b{display:block!important}
.listener-pin:hover b,.listener-pin:focus-visible b,.listener-pin.is-active b{display:block!important}
.listener-pin.is-active b{border-color:rgba(240,184,24,.28)!important;color:#fff6c9!important}
.listener-pin i{animation:none!important}
@media(max-width:760px){
  .listener-map-canvas{min-height:230px!important;border-radius:18px!important}
  .listener-map-topbar{top:10px;left:10px;right:10px}
  .listener-map-hint{display:none}
  .listener-map-controls{margin-left:auto;border-radius:12px;padding:3px}
  .listener-map-controls button{width:31px;height:31px;border-radius:9px;font-size:1rem}
  .listener-map-controls .listener-map-level{width:42px;font-size:.56rem}
  .listener-map-readout{left:10px;bottom:10px;max-width:65%;padding:8px 9px;border-radius:11px}
  .listener-map-readout small{font-size:.4rem}.listener-map-readout strong{font-size:.62rem}.listener-map-readout span{font-size:.46rem}
  .listener-pin.featured b{display:none!important}
  .listener-pin:hover b,.listener-pin:focus-visible b,.listener-pin.is-active b{display:block!important}
}
@media(max-width:460px){
  .listener-map-canvas{min-height:210px!important}
  .listener-map-readout{max-width:68%}
}
@media(prefers-reduced-motion:reduce){
  .listener-map-stage,.listener-pin i,.listener-map-controls button{transition:none!important}
}


/* v28.1.3 exact geospatial alignment + clean no-grid map */
.listener-map-canvas::before{
  display:none!important;
  content:none!important;
  background:none!important;
  mask-image:none!important;
}
.listener-map-stage{
  overflow:visible!important;
}
.listener-map-base{
  object-fit:fill!important;
  object-position:0 0!important;
}
.listener-map-canvas{
  background:
    radial-gradient(circle at 23% 22%,rgba(255,214,38,.045),transparent 34%),
    radial-gradient(circle at 78% 76%,rgba(104,79,255,.055),transparent 34%),
    linear-gradient(180deg,#0a0b10 0%,#05060a 100%)!important;
}

/* ===== backport.v28.1.5.css ===== */
/* MYXX FM v28.1.5 stability bugfix
   Visual master: v28.1.3. No v28.2/v28.3 layout redesign rules are included here. */

/* Descender/glyph safety without changing the approved responsive composition. */
:where(h1,h2,h3,.display,.hero-statement,.entity-lead,.pulse-masthead h1,.world-map-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.entity-hero-copy h1){
  overflow:visible!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
:where(.display,.hero-statement,.masthead h1,.masthead h2,.section-head h2,.pulse-masthead h1,.world-map-copy h3,.host-profile-copy h2,.on-air-stage-copy h2,.remyxx-copy h2,.episode-copy h2,.now-playing-copy h2,.request-hero h1,.entity-hero-copy h1){
  padding-bottom:.07em!important;
}
:where(.masthead,.masthead>div,.pulse-masthead,.pulse-masthead-copy,.hero,.hero-copy,.section-head,.entity-hero,.entity-hero-copy,.authority-hero,.authority-hero-copy,.world-map-copy,.on-air-stage-copy,.episode-copy,.now-playing-copy){overflow:visible!important}

/* Smooth artwork swaps. Geometry remains the approved v28.1.3 geometry. */
img.artwork-swapping{opacity:.86;transition:opacity .18s ease}

/* Real artist imagery inside the existing v28.1.3 cards and identity frame. */
.entity-index-card.artist-with-photo{grid-template-columns:auto 68px minmax(0,1fr) auto;align-items:center}
.artist-index-thumb{width:68px;height:84px;object-fit:cover;object-position:center 32%;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:#0d0d12;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.artist-identity-mark.artist-photo-mark{aspect-ratio:4/5;overflow:hidden;padding:0;background:linear-gradient(145deg,#17151c,#09090c)}
.artist-identity-mark.artist-photo-mark>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 32%;filter:none}
.artist-photo-credit{position:absolute;right:10px;bottom:10px;padding:6px 8px;border-radius:9px;background:rgba(0,0,0,.52);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:.58rem;color:rgba(255,255,255,.72)}
.artist-photo-credit a{color:inherit}
.photo-credit-link{margin-top:14px!important;text-align:right;font-size:.68rem;color:rgba(255,255,255,.52)}
.photo-credit-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.photo-credit-list li{display:grid;grid-template-columns:minmax(140px,.55fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}
.photo-credit-list li span{color:rgba(255,255,255,.62)}
.photo-credit-list li a{color:#ffd91a;font-weight:800}
@media(max-width:760px){
 .entity-index-card.artist-with-photo{grid-template-columns:56px minmax(0,1fr) auto}
 .entity-index-card.artist-with-photo>span:first-child{display:none}
 .artist-index-thumb{width:56px;height:70px;border-radius:12px}
 .photo-credit-list li{grid-template-columns:1fr;gap:6px}
}


/* v28.1.5 - glyph paint safety. This does not change headline size or grid geometry.
   background-clip:text can clip descenders when a tight line-height is used.
   Extend the painted box and neutralize the extra layout space. */
.pulse-editorial-home .pulse-lead-intro h2 .gradient-text,
.pulse-masthead h1 .gradient-text{
  overflow:visible!important;
  padding-bottom:.18em!important;
  margin-bottom:-.14em!important;
  background-size:100% 150%!important;
}
.pulse-editorial-home .pulse-lead-intro h2,
.pulse-masthead h1{overflow:visible!important}

/* ===== mobile-refinement.v28.1.6.css ===== */
/* MYXX FM v28.1.6 mobile refinement
   Visual master remains v28.1.3. This layer only adapts the approved components
   for narrow/touch viewports and short phone landscape screens. */

@media (max-width:760px){
  :root{
    --mobile-gutter:14px;
    --dock-h:64px;
  }

  html{scroll-padding-top:88px}
  body{
    font-size:14px!important;
    padding-bottom:calc(var(--dock-h) + max(18px,env(safe-area-inset-bottom)))!important;
  }

  /* Shell: same header, better touch geometry and safe areas. */
  .site-header{
    top:max(8px,env(safe-area-inset-top))!important;
    width:calc(100% - 18px)!important;
    min-height:68px!important;
    height:68px!important;
    grid-template-columns:78px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:0 9px 0 11px!important;
    border-radius:22px!important;
  }
  .brand-link{width:78px!important;min-width:78px!important}
  .brand-link img{width:78px!important}
  .header-actions{gap:7px!important}
  .live-button{
    min-height:44px!important;
    padding:0 12px!important;
    font-size:.64rem!important;
    gap:6px!important;
  }
  .menu-button{
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
  }
  .menu-button svg{width:20px!important;height:20px!important}
  .mobile-menu-panel{
    top:max(8px,env(safe-area-inset-top))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:min(430px,calc(100% - 16px))!important;
    padding:16px!important;
    border-radius:26px!important;
  }
  .menu-head{min-height:88px!important;padding-bottom:14px!important}
  .menu-head img{width:148px!important}
  .mobile-nav{gap:7px!important;padding:16px 0!important}
  .mobile-nav a{min-height:64px!important;padding:10px!important;border-radius:18px!important}
  .mobile-nav strong{font-size:1rem!important}
  .mobile-nav small{font-size:.72rem!important}

  /* Type: undo the old "shrink desktop until it fits" mobile pass. */
  .eyebrow{font-size:.61rem!important;letter-spacing:.145em!important}
  .lead-copy{font-size:.88rem!important;line-height:1.55!important;max-width:38rem!important}
  .primary-action,.secondary-action{
    min-height:44px!important;
    padding:0 14px!important;
    font-size:.70rem!important;
    gap:7px!important;
  }
  .primary-action svg,.secondary-action svg{width:15px!important;height:15px!important}
  .text-action{font-size:.72rem!important;min-height:36px}
  .chip{font-size:.60rem!important;padding:6px 9px!important}

  /* Home hero: same ingredients, genuinely mobile composition. */
  .hero{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px 0 44px!important;
    overflow:visible!important;
  }
  .hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .hero-wordmark{max-width:154px!important}
  .hero-statement{
    width:fit-content!important;
    max-width:min(100%,360px)!important;
    margin:8px 0 14px!important;
    padding:13px 18px 20px 13px!important;
    border-radius:20px!important;
    font-size:clamp(2.35rem,11.2vw,3.35rem)!important;
    line-height:1!important;
  }
  .hero-statement span,.hero-statement strong{
    line-height:1.08!important;
    padding-bottom:.12em!important;
  }
  .hero .action-row{gap:9px!important;margin-top:16px!important;flex-wrap:wrap!important}
  .hero-meta{gap:6px!important;margin-top:13px!important;flex-wrap:wrap!important}
  .hero-meta span{font-size:.56rem!important;padding:6px 8px!important}
  .art-sculpture{
    width:100%!important;
    min-height:342px!important;
    padding-inline:18px!important;
    margin-top:-2px!important;
  }
  .art-rings{width:min(94vw,390px)!important}
  .art-card{
    width:min(70vw,278px)!important;
    max-width:278px!important;
    border-radius:30px!important;
  }
  .art-card>img{border-radius:24px!important}
  .show-note{
    width:112px!important;
    max-width:112px!important;
    right:2%!important;
    top:6%!important;
    padding:10px!important;
    border-radius:6px 16px 16px!important;
  }
  .show-note small{font-size:.50rem!important}
  .show-note strong{font-size:.75rem!important;line-height:1.1!important}
  .show-note span{font-size:.58rem!important}
  .track-glass{
    left:3%!important;
    right:3%!important;
    bottom:-30px!important;
    padding:12px 13px!important;
    border-radius:19px!important;
  }
  .track-glass small{font-size:.52rem!important}
  .track-glass h2{font-size:1.2rem!important;line-height:1.08!important;margin-top:4px!important}
  .track-glass p{font-size:.70rem!important}
  .track-progress{margin-top:10px!important}

  /* Section rhythm and headings. */
  .section-head{gap:14px!important;margin-bottom:20px!important}
  .section-head h2{font-size:clamp(2.55rem,12vw,3.45rem)!important}
  .section-head p{font-size:.82rem!important;line-height:1.45!important;max-width:190px!important}
  .track-head-tools{max-width:210px!important}

  /* Current host: same card, stacked when horizontal space is no longer useful. */
  .host-feature{
    grid-template-columns:1fr!important;
    min-height:0!important;
    border-radius:24px!important;
  }
  .host-portrait{
    min-height:0!important;
    height:auto!important;
    aspect-ratio:4/5!important;
  }
  .host-portrait:after{background:linear-gradient(0deg,#0b0b10 0,rgba(11,11,16,.58) 20%,transparent 52%)!important}
  .host-copy{padding:24px 20px 22px!important}
  .host-copy:before{right:8px!important;top:20px!important;font-size:4.6rem!important}
  .host-copy h2{font-size:clamp(3.15rem,15vw,4.25rem)!important;line-height:.94!important}
  .host-copy h3{font-size:1.02rem!important;margin-top:7px!important}
  .host-copy>p{font-size:.88rem!important;line-height:1.56!important;max-width:36rem!important}
  .host-copy .action-row{gap:9px!important;margin-top:16px!important;flex-wrap:wrap!important}
  .next-up{
    grid-template-columns:52px 1fr!important;
    gap:10px!important;
    margin-top:18px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .next-up img{width:52px!important;height:52px!important;border-radius:13px!important}
  .next-up small{font-size:.52rem!important}
  .next-up strong{font-size:.77rem!important;line-height:1.15!important}
  .next-up span{font-size:.66rem!important}

  /* Recently Played keeps its horizontal visual language, but text is readable. */
  .track-rail{--track-gap:12px!important;gap:12px!important;grid-auto-columns:min(74vw,280px)!important;padding:6px 0 16px 2px!important}
  .track-card h3{font-size:.82rem!important;line-height:1.15!important;margin-top:8px!important}
  .track-card p,.track-card time{font-size:.66rem!important;line-height:1.3!important}
  .track-index{font-size:.58rem!important;padding:4px 7px!important;top:7px!important;left:7px!important}
  .track-rail-empty{min-height:190px!important;padding:24px 20px!important;border-radius:20px!important}
  .track-rail-empty strong{font-size:1rem!important}
  .track-rail-empty span{font-size:.78rem!important;line-height:1.45!important;max-width:28rem}
  .track-rail-controls button{width:42px!important;height:42px!important;border-radius:14px!important}

  /* Pulse: preserve the editorial card, remove needless mobile dead space. */
  .pulse-lead-home,.pulse-lead-inner{min-height:0!important}
  .pulse-editorial-home{padding:22px!important;border-radius:24px!important}
  .pulse-lead-inner{padding:0!important;gap:18px!important}
  .pulse-lead-inner h2{font-size:clamp(3.15rem,15vw,4.2rem)!important}
  .pulse-lead-intro>p:not(.eyebrow){font-size:.84rem!important;line-height:1.5!important}
  .pulse-story-home{margin-top:18px!important;padding:14px!important;border-radius:18px!important}
  .pulse-story-home h3,.pulse-story-feature-copy h3{font-size:1.12rem!important;line-height:1.12!important}
  .pulse-story-home p{font-size:.78rem!important;line-height:1.48!important}
  .story-label{font-size:.55rem!important}
  .pulse-headline-row{min-height:74px!important;padding:10px!important}
  .pulse-headline-row strong{font-size:.76rem!important;line-height:1.3!important}
  .pulse-headline-row small{font-size:.53rem!important}

  /* Weather + listener map: never squeeze a weather card into a 100px rail. */
  .utility-stack{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:12px!important;
  }
  .weather-block{
    min-height:190px!important;
    padding:22px!important;
    border-radius:24px!important;
  }
  .weather-temp{font-size:4.5rem!important}
  .weather-icon{width:68px!important;height:68px!important}
  .weather-block h3{font-size:1.05rem!important;line-height:1.15!important}
  .weather-block p{font-size:.78rem!important;line-height:1.4!important}
  .world-block-map{
    grid-template-areas:"copy" "list" "map"!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(250px,38vh)!important;
    gap:16px!important;
    min-height:0!important;
    padding:22px!important;
    border-radius:24px!important;
  }
  .world-map-copy{gap:10px!important}
  .world-block-map .world-map-copy h3{
    font-size:clamp(2.15rem,10.5vw,3rem)!important;
    line-height:.94!important;
    max-width:13ch!important;
  }
  .world-subcopy{font-size:.80rem!important;line-height:1.45!important;max-width:32rem}
  .world-insights{gap:10px!important}
  .world-metrics{gap:8px!important}
  .world-metrics span{padding:10px!important;border-radius:12px!important}
  .world-metrics b{font-size:.88rem!important}
  .world-metrics small{font-size:.54rem!important;margin-top:4px!important}
  .listener-map-shell{min-height:250px!important;height:auto!important;border-radius:20px!important}
  .listener-map-canvas{min-height:250px!important}
  .listener-map-controls button{min-width:40px!important;min-height:40px!important}
  .listener-map-hint{font-size:.52rem!important}
  .listener-map-readout{left:10px!important;right:10px!important;bottom:10px!important;padding:10px 12px!important}
  .listener-map-readout small{font-size:.50rem!important}
  .listener-map-readout strong{font-size:.76rem!important}
  .listener-map-readout span{font-size:.59rem!important}

  /* Instant Request: approved two-part card, but legible. */
  .request-promo{
    grid-template-columns:minmax(0,1.15fr) minmax(116px,.85fr)!important;
    gap:16px!important;
    min-height:330px!important;
    padding:24px!important;
    border-radius:24px!important;
  }
  .request-promo h2{font-size:clamp(2.8rem,13.4vw,3.8rem)!important;line-height:.92!important}
  .request-promo p{font-size:.79rem!important;line-height:1.48!important}
  .request-logo-orbit{width:min(34vw,154px)!important}

  /* REMYXX remains the same visual card, with usable text/actions. */
  .remyxx-feature{
    grid-template-columns:minmax(126px,.82fr) minmax(0,1.18fr)!important;
    gap:18px!important;
    min-height:360px!important;
    padding:24px!important;
    border-radius:24px!important;
  }
  .remyxx-cover{width:min(34vw,150px)!important;max-width:150px!important}
  .remyxx-copy h2{font-size:clamp(2.75rem,13vw,3.65rem)!important;line-height:.92!important}
  .remyxx-copy>p{font-size:.79rem!important;line-height:1.5!important}
  .remyxx-copy .chip-row{gap:6px!important;margin-top:12px!important}
  .remyxx-copy .action-row{gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important}

  /* Footer: same information, mobile reading order instead of three tiny columns. */
  .site-footer{
    width:calc(100% - 24px)!important;
    padding:42px 0 calc(88px + env(safe-area-inset-bottom))!important;
  }
  .footer-brand{
    align-items:center!important;
    gap:18px!important;
    padding-bottom:24px!important;
  }
  .footer-brand img{width:132px!important;flex:0 0 auto}
  .footer-brand-copy strong{font-size:1.55rem!important;line-height:1!important}
  .footer-brand-copy span{font-size:.73rem!important}
  .footer-grid{
    grid-template-columns:minmax(0,1fr) 1fr!important;
    gap:24px 20px!important;
    padding:28px 0 24px!important;
  }
  .footer-grid>div:first-child{grid-column:1/-1}
  .footer-grid h2{font-size:1.8rem!important;line-height:1!important}
  .footer-grid p{font-size:.80rem!important;line-height:1.5!important;max-width:34rem}
  .footer-grid a,.footer-grid button{font-size:.76rem!important;min-height:34px!important}
  .footer-nav{gap:5px!important}
  .footer-bottom{gap:12px!important;flex-wrap:wrap!important;font-size:.62rem!important}

  /* Compact live player: more readable without becoming a slab. */
  .player-dock{
    bottom:max(7px,env(safe-area-inset-bottom))!important;
    width:calc(100% - 14px)!important;
    min-height:64px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:7px!important;
    border-radius:19px!important;
  }
  .dock-art{width:44px!important;height:44px!important;border-radius:12px!important}
  .dock-copy strong{font-size:.74rem!important;line-height:1.15!important}
  .dock-copy span{font-size:.62rem!important;line-height:1.2!important}
  .dock-action{width:38px!important;height:38px!important;border-radius:12px!important}
  .dock-play{width:44px!important;height:44px!important}

  /* Request/search and secondary pages: keep components, stop shrinking them to unreadability. */
  .masthead{grid-template-columns:1fr!important;gap:16px!important;min-height:0!important;padding:34px 0 34px!important}
  .masthead h1{font-size:clamp(3.15rem,15vw,4.25rem)!important}
  .masthead p{font-size:.88rem!important;line-height:1.5!important;max-width:34rem}
  .request-hero{grid-template-columns:1fr!important;gap:24px!important;padding:24px 0 44px!important}
  .request-hero h1{font-size:clamp(3rem,14.5vw,4.15rem)!important}
  .request-hero-copy p:not(.eyebrow){font-size:.88rem!important;line-height:1.5!important}
  .request-art-card{width:min(72vw,290px)!important;max-width:290px!important;justify-self:center!important}
  .request-side,.request-main{padding:20px!important}
  .request-status h2{font-size:1.65rem!important}
  .search-intro h3{font-size:2.25rem!important}
  .search-intro p{font-size:.82rem!important;line-height:1.45!important}
  .progress-step span{font-size:.62rem!important}
  .search-bar input{height:48px!important;font-size:.88rem!important;padding-inline:14px!important}
  .search-bar button{width:48px!important;height:48px!important}
  .request-result{grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important}
  .request-result img{width:50px!important;height:50px!important}
  .request-result strong{font-size:.80rem!important}
  .request-result p{font-size:.68rem!important}
  .request-result em{font-size:.58rem!important}
  .request-side-panel h3{font-size:1.05rem!important}
  .request-side-panel p{font-size:.76rem!important;line-height:1.45!important}

  .on-air-stage,.host-profile,.host-profile:nth-child(even){grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important}
  .host-profile:nth-child(even) .host-profile-media{order:0!important}
  .host-profile-media,.on-air-stage-media{min-height:0!important;aspect-ratio:4/5!important}
  .host-profile-copy,.on-air-stage-copy{padding:24px 20px!important}
  .host-profile-copy h2,.on-air-stage-copy h2{font-size:clamp(3rem,14vw,4rem)!important}
  .host-profile-copy p,.on-air-stage-copy>p{font-size:.86rem!important;line-height:1.52!important}
  .host-lanes span{font-size:.58rem!important;padding:6px 8px!important}
  .day-tabs{overflow-x:auto!important;overscroll-behavior-inline:contain}
  .day-tabs button{min-width:92px!important;min-height:42px!important;font-size:.66rem!important}
  .schedule-row img{width:48px!important;height:48px!important}
  .schedule-row strong{font-size:.78rem!important}
  .schedule-row p{font-size:.66rem!important}
  .schedule-row em{font-size:.58rem!important}

  .now-playing-feature{grid-template-columns:120px minmax(0,1fr)!important;gap:16px!important;padding:18px!important;border-radius:24px!important}
  .now-playing-copy h2{font-size:2.6rem!important}
  .episode-copy h2{font-size:1.55rem!important}
  .episode-row img{width:56px!important;height:56px!important}
  .episode-row h3{font-size:.78rem!important}
  .episode-row p{font-size:.64rem!important}
  .episode-row button{width:38px!important;height:38px!important}

  .entity-hero,.episode-detail-hero,.artist-identity-hero,.authority-hero{border-radius:26px!important;padding:20px!important}
  .entity-hero-copy h1,.authority-hero-copy h1{font-size:clamp(2.8rem,13vw,4rem)!important}
  .entity-hero-copy p,.authority-hero-copy p{font-size:.86rem!important;line-height:1.52!important}
  .entity-index-card{border-radius:20px!important;padding:14px!important}
}

/* Extra-small phones: preserve every component, but give it the full width it needs. */
@media (max-width:360px){
  :root{--mobile-gutter:10px}
  .site-header{width:calc(100% - 12px)!important;grid-template-columns:68px minmax(0,1fr) auto!important;padding-left:8px!important}
  .brand-link{width:68px!important;min-width:68px!important}
  .brand-link img{width:68px!important}
  .live-button{padding:0 9px!important;font-size:.59rem!important}
  .hero-statement{font-size:2.25rem!important}
  .art-card{width:min(76vw,250px)!important}
  .request-promo,.remyxx-feature{grid-template-columns:1fr!important;gap:22px!important}
  .request-promo-art,.remyxx-visual{justify-self:center!important}
  .request-logo-orbit{width:min(48vw,150px)!important}
  .remyxx-cover{width:min(50vw,150px)!important}
  .footer-brand{align-items:flex-start!important;flex-direction:column!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
  .section-head{align-items:flex-start!important;flex-direction:column!important}
  .section-head p,.track-head-tools{max-width:100%!important}
}

/* Short phone landscape: repair intended geometry without turning the page into a portrait stack. */
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){
  :root{--dock-h:58px}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .site-header{
    top:max(6px,env(safe-area-inset-top))!important;
    height:60px!important;
    min-height:60px!important;
    width:calc(100% - 18px)!important;
  }
  .brand-link,.brand-link img{width:76px!important;min-width:76px!important}
  .live-button{min-height:40px!important}
  .menu-button{width:40px!important;height:40px!important}
  .hero{
    grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)!important;
    gap:26px!important;
    padding-top:22px!important;
    padding-bottom:38px!important;
  }
  .hero-copy{max-width:520px!important}
  .hero-statement{font-size:clamp(2.2rem,6.2vw,3.25rem)!important;max-width:470px!important}
  .lead-copy{font-size:.80rem!important;max-width:500px!important}
  .art-sculpture{min-height:330px!important;padding-inline:24px!important}
  .art-rings{width:min(43vw,340px)!important}
  .art-card{width:min(34vw,250px)!important;max-width:250px!important}
  .show-note{display:none!important}
  .track-glass{bottom:-28px!important}
  .host-feature{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)!important}
  .host-portrait{aspect-ratio:auto!important;min-height:300px!important;height:auto!important}
  .host-copy{padding:24px!important}
  .host-copy h2{font-size:2.85rem!important}
  .host-copy>p{font-size:.78rem!important}
  .utility-stack{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr)!important;grid-template-rows:auto!important}
  .weather-block{min-height:300px!important;align-self:start!important}
  .world-block-map{grid-template-rows:auto auto 220px!important}
  .request-promo,.remyxx-feature{min-height:0!important}
  .player-dock{
    width:min(calc(100% - 20px),650px)!important;
    min-height:58px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:6px!important;
    border-radius:17px!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
  }
  .dock-art{width:44px!important;height:44px!important;border-radius:12px!important}
  .dock-copy strong{font-size:.74rem!important;line-height:1.15!important}
  .dock-copy span{font-size:.62rem!important;line-height:1.2!important}
  .dock-action{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:12px!important}
  .dock-play{width:44px!important;height:44px!important}
}

@media (prefers-reduced-motion:reduce){
  .artwork-swapping{transition:none!important}
  .mobile-menu-panel{transition:none!important}
}

@media (max-width:520px){
  .section-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .section-head p,.track-head-tools{max-width:100%!important;width:100%!important}
  .track-head-actions{justify-content:space-between!important;width:100%!important;gap:10px!important}
  .track-rail-controls button{width:44px!important;height:44px!important}
  .footer-grid a,.footer-grid button{display:flex!important;align-items:center!important;min-height:44px!important}
  .listener-map-controls button{min-width:44px!important;min-height:44px!important}
  .dock-action{width:42px!important;height:42px!important}
}

/* Final touch-target guard: later legacy rules must not shrink primary mobile controls. */
@media (max-width:760px){
  .menu-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .live-button{height:44px!important;min-height:44px!important}
}
@media (orientation:landscape) and (max-height:520px) and (max-width:940px){
  .menu-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .live-button{height:44px!important;min-height:44px!important}
}

/* ===== precision.v28.1.7.css ===== */
/* MYXX FM v28.1.7 Precision / Deep Bug Pass
   Keeps the approved v28.1.x visual language. This file repairs responsive
   geometry, touch ergonomics, overflow, medium-width behavior, form layout,
   schedule/history readability, dock collisions, dialogs and short viewports. */

:root{
  --myxx-safe-top:max(0px,env(safe-area-inset-top));
  --myxx-safe-right:max(0px,env(safe-area-inset-right));
  --myxx-safe-bottom:max(0px,env(safe-area-inset-bottom));
  --myxx-safe-left:max(0px,env(safe-area-inset-left));
  --myxx-fluid-gutter:clamp(14px,2.6vw,32px);
}

html{
  min-width:320px;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  overscroll-behavior-y:none;
}
body{
  min-width:320px;
  min-height:100dvh;
  overflow-x:clip!important;
}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
input,select,textarea{min-width:0}

/* Prevent long live metadata, show names or user content from breaking grids. */
:where(.dock-copy,.track-glass,.show-note,.next-up,.request-result>div,.schedule-row>div,.episode-row>div,.story-card-copy,.pulse-side-card,.host-profile-copy,.on-air-stage-copy,.entity-hero-copy,.authority-hero-copy,.remyxx-copy,.episode-copy,.now-playing-copy){min-width:0}
:where(.dock-copy strong,.dock-copy span,.track-glass h2,.track-glass p,.request-result strong,.request-result p,.schedule-row h3,.schedule-row p,.episode-row h3,.episode-row p){overflow-wrap:anywhere}

/* Better focus paint on rounded controls and no clipped rings. */
:where(a,button,input,select,textarea):focus-visible{
  outline:2px solid #ffe16a!important;
  outline-offset:3px!important;
}
:where(.site-header,.player-dock,.request-studio,.history-controls,.mobile-menu-panel,.dialog){isolation:isolate}

/* -------------------------------------------------------------------------- */
/* Desktop + laptop precision                                                  */
/* -------------------------------------------------------------------------- */

@media (min-width:1181px){
  .site-header{
    grid-template-columns:122px minmax(0,1fr) auto!important;
    gap:12px!important;
    padding-inline:14px!important;
  }
  .site-header>.brand-link{width:116px!important;min-width:116px!important}
  .site-header>.brand-link img{width:116px!important;max-height:68px!important}
  .site-header>.main-nav{gap:2px!important;padding:5px!important;overflow:visible!important}
  .site-header>.main-nav>a{
    padding:9px clamp(8px,.78vw,13px)!important;
    font-size:clamp(.67rem,.59vw,.76rem)!important;
  }
  .site-header .live-button{padding-inline:14px!important}
}

/* Medium laptops / tablets: use the premium drawer rather than crushing 8 links. */
@media (min-width:761px) and (max-width:1180px){
  .site-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .site-header>.main-nav{display:none!important}
  .site-header>.brand-link{width:126px!important;min-width:126px!important}
  .site-header>.brand-link img{width:126px!important;max-height:68px!important}
  .site-header>.header-actions{grid-column:3!important;justify-self:end!important}
  .site-header .menu-button{display:grid!important}
  .page{width:min(calc(100% - 32px),var(--page))!important}
  .hero{grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)!important;gap:clamp(30px,4vw,58px)!important}
  .art-sculpture{min-width:0!important}
  .section-head h2{font-size:clamp(3.8rem,7vw,6.4rem)!important}
  .request-promo,.remyxx-feature{min-height:0!important}
  .request-promo{grid-template-columns:minmax(0,1.12fr) minmax(260px,.72fr)!important}
  .remyxx-feature{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)!important}
  .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .entity-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (min-width:761px){
  .player-dock{max-width:min(720px,calc(100vw - 32px))!important}
  .dialog{max-height:min(86dvh,760px);overflow:auto}
  .dialog-inner{padding:clamp(24px,3vw,34px)!important}
  .history-controls{align-items:end}
  .history-controls label{min-width:0}
  .history-controls input,.history-controls select{width:100%}
  .story-card,.special-card,.entity-index-card{transform:translateZ(0)}
}

/* -------------------------------------------------------------------------- */
/* Phone / small tablet flagship pass                                          */
/* -------------------------------------------------------------------------- */

@media (max-width:760px){
  :root{
    --mobile-gutter:14px;
    --dock-h:68px;
  }
  html{scroll-padding-top:92px!important}
  body{
    font-size:15px!important;
    line-height:1.48!important;
    padding-bottom:calc(78px + var(--myxx-safe-bottom))!important;
  }

  .page{
    width:calc(100% - 28px)!important;
    padding-top:calc(var(--header-h) + 22px + var(--myxx-safe-top))!important;
    overflow:visible!important;
  }
  .app-main{min-height:100dvh!important;overflow:clip}

  /* Header: fixed dimensions, no disappearing brand, clean tiny-phone fallbacks. */
  .site-header{
    top:calc(7px + var(--myxx-safe-top))!important;
    width:calc(100% - 18px)!important;
    height:66px!important;
    min-height:66px!important;
    grid-template-columns:80px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:0 9px 0 11px!important;
    border-radius:21px!important;
    overflow:visible!important;
  }
  .site-header>.main-nav{display:none!important}
  .site-header>.brand-link{width:80px!important;min-width:80px!important}
  .site-header>.brand-link img{width:80px!important;max-height:54px!important}
  .site-header>.header-actions{grid-column:3!important;gap:7px!important}
  .site-header .icon-button{display:none!important}
  .site-header .live-button{
    display:inline-flex!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 11px!important;
    gap:6px!important;
    font-size:.64rem!important;
    white-space:nowrap!important;
  }
  .site-header .menu-button{
    display:grid!important;
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    border-radius:14px!important;
  }

  .mobile-menu{inset:0!important;overscroll-behavior:contain}
  .mobile-menu-panel{
    top:calc(7px + var(--myxx-safe-top))!important;
    right:calc(7px + var(--myxx-safe-right))!important;
    bottom:calc(7px + var(--myxx-safe-bottom))!important;
    left:auto!important;
    width:min(430px,calc(100% - 14px - var(--myxx-safe-left) - var(--myxx-safe-right)))!important;
    max-height:calc(100dvh - 14px - var(--myxx-safe-top) - var(--myxx-safe-bottom))!important;
    padding:15px!important;
    border-radius:25px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  .menu-head{min-height:78px!important;padding-bottom:12px!important}
  .menu-head img{width:138px!important}
  .menu-close{width:44px!important;height:44px!important;min-width:44px!important}
  .mobile-nav{gap:6px!important;padding:13px 0!important}
  .mobile-nav a{min-height:61px!important;padding:9px 10px!important;border-radius:17px!important}
  .mobile-nav strong{font-size:.95rem!important}
  .mobile-nav small{font-size:.69rem!important;line-height:1.25!important}
  .menu-footer{padding-top:12px!important}

  .connection-banner{
    left:14px!important;right:14px!important;width:auto!important;
    max-width:none!important;
  }

  /* Consistent mobile type rhythm. */
  .eyebrow{font-size:.62rem!important;letter-spacing:.14em!important}
  .lead-copy,.masthead p,.request-hero-copy p:not(.eyebrow),.entity-lead{
    font-size:.9rem!important;line-height:1.55!important;
  }
  .primary-action,.secondary-action{
    min-height:46px!important;
    padding-inline:14px!important;
    font-size:.7rem!important;
  }
  .chip{font-size:.61rem!important;padding:6px 9px!important}

  /* Hero: retain the approved look, but make both content and art own full width. */
  .hero{
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:18px 0 48px!important;
    overflow:visible!important;
  }
  .hero-copy{width:100%!important;max-width:100%!important;padding-inline:2px!important}
  .hero-wordmark{width:auto!important;max-width:150px!important}
  .hero-statement{
    width:fit-content!important;
    max-width:100%!important;
    font-size:clamp(2.55rem,12vw,3.55rem)!important;
    line-height:1!important;
    margin:8px 0 14px!important;
    padding:13px 17px 20px 13px!important;
    border-radius:19px!important;
  }
  .hero-statement span,.hero-statement strong{line-height:1.06!important;padding-bottom:.13em!important}
  .lead-copy{max-width:38rem!important}
  .hero .action-row{gap:9px!important;flex-wrap:wrap!important;margin-top:16px!important}
  .hero-meta{gap:6px!important;margin-top:13px!important;flex-wrap:wrap!important}
  .hero-meta span{font-size:.57rem!important;padding:6px 8px!important}
  .art-sculpture{width:100%!important;min-height:350px!important;margin-top:0!important;padding-inline:14px!important}
  .art-rings{width:min(92vw,390px)!important;max-width:390px!important}
  .art-card{width:min(70vw,282px)!important;max-width:282px!important;border-radius:29px!important}
  .art-card>img{border-radius:23px!important}
  .show-note{right:2%!important;top:5%!important;width:112px!important;max-width:112px!important;padding:10px!important}
  .track-glass{left:3%!important;right:3%!important;bottom:-28px!important;padding:12px!important;border-radius:18px!important}
  .track-glass h2{font-size:1.18rem!important;line-height:1.12!important}
  .track-glass p{font-size:.7rem!important}

  /* Sections and headings: no desktop-squeeze typography. */
  .section{overflow:visible!important}
  .section-head{align-items:flex-start!important;gap:14px!important;margin-bottom:20px!important}
  .section-head h2{font-size:clamp(2.7rem,12vw,3.65rem)!important;line-height:.95!important}
  .section-head p{font-size:.82rem!important;line-height:1.48!important;max-width:210px!important}

  /* Home host. */
  .host-feature{grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important;overflow:hidden!important}
  .host-portrait{min-height:0!important;height:auto!important;aspect-ratio:4/5!important}
  .host-copy{padding:24px 20px 22px!important}
  .host-copy h2{font-size:clamp(3.25rem,15vw,4.45rem)!important;line-height:.94!important}
  .host-copy h3{font-size:1.04rem!important}
  .host-copy>p{font-size:.9rem!important;line-height:1.56!important}
  .next-up{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important;padding:10px!important;border-radius:16px!important}
  .next-up img{width:54px!important;height:54px!important;border-radius:13px!important}
  .next-up strong{font-size:.78rem!important}.next-up span{font-size:.66rem!important}

  /* Rail: full, readable cards with safe native horizontal scrolling. */
  .track-rail{
    --track-gap:12px!important;
    grid-auto-columns:min(74vw,282px)!important;
    gap:12px!important;
    padding:7px 1px 17px!important;
    scroll-padding-inline:1px;
  }
  .track-card h3{font-size:.84rem!important;line-height:1.18!important}
  .track-card p,.track-card time{font-size:.67rem!important}
  .track-rail-controls button{width:44px!important;height:44px!important;border-radius:14px!important}

  /* Pulse: stop the old 2/3-column phone squeeze. */
  .pulse-home,.pulse-editorial-grid,.pulse-story-feature{grid-template-columns:1fr!important;gap:12px!important}
  .pulse-masthead{grid-template-columns:1fr!important;gap:20px!important;min-height:0!important;padding:24px!important;border-radius:25px!important}
  .pulse-masthead-object{display:grid!important;justify-self:center!important;width:min(70vw,270px)!important}
  .pulse-utility{grid-template-columns:1fr!important;gap:10px!important;padding:16px 0 28px!important}
  .pulse-utility .utility-card,.pulse-utility .utility-card:last-child{grid-column:auto!important;min-height:0!important;padding:20px!important;border-radius:21px!important}
  .utility-card h2{font-size:1.35rem!important}.utility-card p{font-size:.78rem!important;line-height:1.45!important}
  .pulse-tabs{
    position:sticky!important;
    top:calc(80px + var(--myxx-safe-top))!important;
    z-index:30!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    margin:0 -4px 20px!important;
    padding:7px 4px!important;
    background:rgba(7,7,11,.82)!important;
    border-radius:16px!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  .pulse-tabs button{min-height:42px!important;padding:0 14px!important;flex:0 0 auto}
  .pulse-lead-grid{grid-template-columns:1fr!important;gap:12px!important}
  .pulse-side-stack{grid-template-columns:1fr!important;gap:12px!important}
  .story-grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:12px!important}
  .story-card{min-height:0!important;border-radius:20px!important;overflow:hidden!important}
  .story-card-media{aspect-ratio:16/9!important}
  .story-card-copy{padding:17px!important}
  .story-card h3{font-size:1.2rem!important;line-height:1.05!important}
  .story-card p{font-size:.79rem!important;line-height:1.45!important}
  .story-card .story-meta{padding-top:12px!important}

  .pulse-editorial-home{padding:22px!important;border-radius:24px!important}
  .pulse-lead-inner h2{font-size:clamp(3.2rem,15vw,4.25rem)!important}
  .pulse-headline-row{grid-template-columns:30px minmax(0,1fr) 18px!important;min-height:72px!important;padding:10px!important}

  /* Weather / world map: map receives enough actual height and controls stay tappable. */
  .utility-stack{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:12px!important}
  .weather-block{min-height:190px!important;padding:21px!important;border-radius:23px!important}
  .weather-temp{font-size:4.3rem!important}.weather-icon{width:66px!important;height:66px!important}
  .weather-block h3{font-size:1.05rem!important}.weather-block p{font-size:.78rem!important}
  .world-block-map{
    display:grid!important;
    grid-template-areas:"copy" "list" "map"!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(250px,42svh)!important;
    gap:16px!important;
    min-height:0!important;
    padding:20px!important;
    border-radius:23px!important;
  }
  .world-block-map .world-map-copy h3{font-size:clamp(2.2rem,10.5vw,3rem)!important;max-width:13ch!important;line-height:.94!important}
  .world-subcopy{font-size:.8rem!important;line-height:1.48!important}
  .world-list-shell{display:block!important;max-height:220px!important;padding:12px!important;border-radius:18px!important}
  .world-list{display:grid!important;gap:0!important;margin-top:10px!important}
  .listener-map-shell,.listener-map-canvas{min-height:250px!important;height:100%!important}
  .listener-map-canvas{border-radius:18px!important;touch-action:none!important}
  .listener-map-controls button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .listener-map-controls .listener-map-level{width:46px!important}
  .listener-map-readout{left:10px!important;right:10px!important;bottom:10px!important;max-width:calc(100% - 20px)!important;padding:10px 11px!important}
  .listener-map-readout strong{font-size:.73rem!important}.listener-map-readout span{font-size:.58rem!important}

  /* Promo cards: preserve side-by-side art where there is room, stack on truly narrow devices. */
  .request-promo,.remyxx-feature{min-height:0!important;border-radius:23px!important;padding:22px!important;gap:16px!important}
  .request-promo{grid-template-columns:minmax(0,1.2fr) minmax(112px,.8fr)!important}
  .request-promo h2{font-size:clamp(2.9rem,13vw,3.9rem)!important;line-height:.92!important}
  .request-promo p{font-size:.8rem!important;line-height:1.5!important}
  .request-logo-orbit{width:min(35vw,150px)!important;max-width:150px!important}
  .remyxx-feature{grid-template-columns:minmax(120px,.82fr) minmax(0,1.18fr)!important}
  .remyxx-cover{width:min(35vw,150px)!important;max-width:150px!important}
  .remyxx-copy h2{font-size:clamp(2.85rem,13vw,3.8rem)!important;line-height:.92!important}
  .remyxx-copy>p{font-size:.8rem!important;line-height:1.5!important}

  /* Request page: this was one of the biggest legacy mobile bugs. */
  .request-hero{grid-template-columns:1fr!important;gap:22px!important;min-height:0!important;padding:28px 0 42px!important}
  .request-hero h1{font-size:clamp(3rem,14vw,4.25rem)!important;line-height:.94!important}
  .request-art-stack{min-height:320px!important;padding-inline:10px!important}
  .request-art-disc{width:min(68vw,250px)!important;max-width:250px!important}
  .request-art-card{width:min(72vw,270px)!important;max-width:270px!important;justify-self:center!important}
  .request-studio{border-radius:24px!important;margin-bottom:58px!important;overflow:hidden!important}
  .request-status{align-items:flex-start!important;display:flex!important;gap:12px!important;padding:18px!important}
  .request-status>div{min-width:0;flex:1}
  .request-status h2{font-size:1.8rem!important}.request-status p{font-size:.78rem!important;line-height:1.45!important}
  .status-pill{flex:0 0 auto!important;font-size:.58rem!important;padding:8px 10px!important}
  .request-body{grid-template-columns:1fr!important}
  .request-main{padding:20px!important;border-right:0!important;border-bottom:1px solid var(--line-soft)!important}
  .request-side{padding:20px!important}
  .progress-line{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-bottom:22px!important}
  .progress-line i{display:none!important}
  .progress-step{justify-content:center!important;gap:6px!important;font-size:.6rem!important}
  .progress-step span{display:inline!important;font-size:.58rem!important}
  .progress-step b{width:28px!important;height:28px!important}
  .search-intro{gap:12px!important;margin-bottom:18px!important}
  .search-intro h3{font-size:2.4rem!important;line-height:.94!important}
  .search-intro p{font-size:.82rem!important;line-height:1.45!important}
  .search-spark{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .search-bar{grid-template-columns:minmax(0,1fr) 48px!important;padding:6px!important;border-radius:18px!important}
  .search-bar input{height:48px!important;font-size:.9rem!important;padding-inline:11px!important}
  .search-bar button{width:48px!important;height:48px!important}
  .request-result{grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;padding:10px!important;border-radius:16px!important}
  .request-result img{width:52px!important;height:52px!important;border-radius:12px!important}
  .request-result strong{font-size:.82rem!important;line-height:1.17!important}
  .request-result p{font-size:.68rem!important;line-height:1.25!important}
  .request-result em{font-size:.58rem!important}
  .form-grid{grid-template-columns:1fr!important;gap:13px!important}.field.full{grid-column:auto!important}
  .field input{height:50px!important}.field textarea{min-height:108px!important}
  .selected-song{grid-template-columns:78px minmax(0,1fr)!important;gap:12px!important}
  .selected-song img{width:78px!important;height:78px!important}
  .selected-song strong{font-size:1.25rem!important}
  .selected-song .change-song{grid-column:2!important;justify-self:start!important}

  /* Shows: single content column + horizontal day selector. */
  .on-air-stage,.host-profile,.host-profile:nth-child(even){grid-template-columns:1fr!important;min-height:0!important;border-radius:24px!important}
  .on-air-stage-media,.host-profile-media{min-height:0!important;aspect-ratio:4/5!important}
  .on-air-stage-copy,.host-profile-copy{padding:24px 20px!important}
  .on-air-stage-copy h2,.host-profile-copy h2{font-size:clamp(3.1rem,14vw,4.2rem)!important;line-height:.94!important}
  .on-air-stage-copy>p,.host-bio{font-size:.88rem!important;line-height:1.54!important}
  .host-vibe{font-size:1rem!important;line-height:1.4!important}
  .host-quote{font-size:.84rem!important;line-height:1.5!important;padding:13px 14px!important;margin-top:18px!important}
  .host-profile:nth-child(even) .host-profile-media{order:0!important}
  .schedule-shell{grid-template-columns:1fr!important;gap:14px!important;padding:28px 0 52px!important}
  .day-tabs{
    display:flex!important;
    position:sticky!important;
    top:calc(80px + var(--myxx-safe-top))!important;
    z-index:24!important;
    gap:7px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    padding:7px!important;
    margin-inline:-7px!important;
    border-radius:16px!important;
    background:rgba(7,7,11,.84)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    scrollbar-width:none!important;
  }
  .day-tabs::-webkit-scrollbar{display:none}
  .day-tabs button{flex:0 0 auto!important;min-width:82px!important;min-height:42px!important;padding:0 12px!important;font-size:.66rem!important}
  .schedule-list{gap:8px!important}
  .schedule-row{grid-template-columns:64px 52px minmax(0,1fr) auto!important;gap:9px!important;padding:10px!important;border-radius:18px!important}
  .schedule-time{font-size:.61rem!important}.schedule-row img{width:52px!important;height:52px!important;border-radius:13px!important}
  .schedule-row h3{font-size:.82rem!important;line-height:1.16!important}.schedule-row p{font-size:.67rem!important;line-height:1.3!important}.schedule-row em{font-size:.57rem!important}
  .specials-band{grid-template-columns:1fr!important;gap:12px!important;padding-bottom:58px!important}
  .special-card{min-height:280px!important;border-radius:22px!important;padding:0!important}
  .special-card-copy{padding:18px!important}.special-card h3{font-size:1.7rem!important}.special-card p{font-size:.72rem!important}

  /* Hosts index. */
  .host-stats{grid-template-columns:1fr 1fr!important;gap:9px!important;margin:16px 0 40px!important}
  .host-stat{padding:18px!important;border-radius:20px!important}.host-stat:last-child{grid-column:1/-1!important}
  .host-stat strong{font-size:2.5rem!important}.host-stat span{font-size:.7rem!important;line-height:1.35!important}
  .host-editorial{gap:20px!important;padding-bottom:60px!important}
  .host-number{font-size:3rem!important}.host-slot{font-size:.6rem!important}
  .host-lanes{gap:6px!important}.host-lanes span{font-size:.6rem!important;padding:6px 8px!important}

  /* REMYXX: do not force a two-column phone layout or sticky feature card. */
  .remyxx-tools{grid-template-columns:1fr!important;gap:10px!important;margin:16px 0 12px!important}
  .archive-summary{text-align:left!important}.archive-summary strong{font-size:.76rem!important}
  .remyxx-search{min-height:52px!important;border-radius:17px!important}
  .remyxx-filters{gap:7px!important;padding:7px 0 16px!important;scroll-snap-type:x proximity}
  .remyxx-filters button{min-height:42px!important;scroll-snap-align:start}
  .remyxx-layout{grid-template-columns:1fr!important;gap:12px!important;padding-bottom:60px!important}
  .featured-episode{position:relative!important;top:auto!important;border-radius:23px!important;overflow:hidden!important}
  .featured-art{aspect-ratio:16/10!important;padding:9px!important}.featured-art img{border-radius:20px!important}
  .big-play{width:62px!important;height:62px!important;right:20px!important;bottom:20px!important}
  .episode-copy{padding:19px!important}.episode-copy h2{font-size:2rem!important;line-height:1!important}
  .episode-list{gap:8px!important}
  .episode-row{grid-template-columns:58px minmax(0,1fr) 44px!important;gap:10px!important;padding:9px!important;border-radius:16px!important}
  .episode-row img{width:58px!important;height:58px!important;border-radius:13px!important}
  .episode-row h3{font-size:.82rem!important;line-height:1.15!important}.episode-row p{display:block!important;font-size:.64rem!important;line-height:1.25!important}
  .episode-row button{width:44px!important;height:44px!important}

  /* Played: search form and history must be usable instead of 5 squeezed columns. */
  .now-playing-feature{grid-template-columns:112px minmax(0,1fr)!important;gap:15px!important;padding:16px!important;border-radius:23px!important;margin-bottom:40px!important}
  .now-playing-art{width:112px!important;max-width:112px!important;border-radius:22px!important;padding:7px!important}
  .now-playing-art img{border-radius:17px!important}
  .now-playing-copy h2{font-size:clamp(2.3rem,10.5vw,3.2rem)!important;line-height:.94!important}.now-playing-copy h3{font-size:1.05rem!important}
  .history-controls{grid-template-columns:1fr 1fr!important;gap:10px!important;padding:12px!important;border-radius:20px!important}
  .history-controls label:first-child{grid-column:1/-1!important}
  .history-controls input,.history-controls select{height:46px!important;border-radius:13px!important}
  .history-controls .primary-action,.history-controls .secondary-action{width:100%!important;min-height:46px!important}
  .history-presets{gap:7px!important;overflow-x:auto!important;padding-bottom:3px!important;scrollbar-width:none!important}.history-presets::-webkit-scrollbar{display:none}
  .history-presets button{min-height:40px!important;flex:0 0 auto}
  .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;padding-bottom:28px!important}

  /* Entity/SEO pages. */
  .masthead{grid-template-columns:1fr!important;gap:12px!important;min-height:0!important;padding:30px 0 34px!important}
  .masthead h1{font-size:clamp(3.15rem,14.5vw,4.35rem)!important;line-height:.92!important}
  .masthead-side{justify-self:start!important;max-width:120px!important;margin-top:6px!important}
  .masthead-side img{width:120px!important}
  .entity-breadcrumb{margin:.6rem 0 1rem!important;font-size:.76rem!important}
  .entity-hero,.episode-detail-hero,.artist-identity-hero,.authority-hero{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:19px!important;
    border-radius:24px!important;
    margin-bottom:32px!important;
  }
  .entity-portrait,.authority-mark{order:-1!important}
  .entity-portrait>img{width:min(76vw,330px)!important;max-height:none!important;border-radius:23px!important}
  .entity-hero-copy h1,.artist-identity-hero h1,.authority-hero-copy h1{font-size:clamp(2.85rem,13vw,4rem)!important;line-height:.95!important}
  .entity-hero-copy p,.authority-hero-copy p{font-size:.88rem!important;line-height:1.54!important}
  .entity-index-grid{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:42px!important}
  .entity-index-card{padding:13px!important;border-radius:18px!important}
  .entity-index-card.artist-with-photo{grid-template-columns:58px minmax(0,1fr) auto!important}
  .artist-index-thumb{width:58px!important;height:72px!important;border-radius:12px!important}
  .authority-grid{grid-template-columns:1fr!important;gap:9px!important}.authority-grid article{min-height:0!important;padding:17px!important;border-radius:19px!important}
  .authority-links{grid-template-columns:1fr!important;gap:8px!important}.authority-links a{min-height:60px!important;border-radius:17px!important}
  .authority-mark{width:min(72vw,290px)!important;border-radius:28px!important}
  .myxx-facts-grid{grid-template-columns:1fr!important;gap:8px!important}.myxx-fact{padding:16px!important;border-radius:18px!important}.myxx-fact h3{font-size:.92rem!important}.myxx-fact p{font-size:.78rem!important;line-height:1.48!important}
  .myxx-facts-links{display:flex!important;flex-wrap:wrap!important;gap:8px!important}

  /* Footer: intentional reading order, readable links, safe player clearance. */
  .site-footer{width:calc(100% - 28px)!important;padding:42px 0 calc(96px + var(--myxx-safe-bottom))!important}
  .footer-brand{align-items:center!important;gap:17px!important;padding-bottom:23px!important}
  .footer-brand img{width:128px!important;flex:0 0 auto!important}
  .footer-brand-copy strong{font-size:1.45rem!important}.footer-brand-copy span{font-size:.72rem!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px 18px!important;padding:25px 0 23px!important}
  .footer-grid>div:first-child{grid-column:1/-1!important}
  .footer-grid h2{font-size:1.8rem!important;line-height:1!important}.footer-grid p{font-size:.8rem!important;line-height:1.5!important}
  .footer-nav{gap:4px!important}.footer-grid a,.footer-grid button{display:flex!important;align-items:center!important;min-height:42px!important;font-size:.76rem!important}
  .footer-bottom{font-size:.62rem!important;gap:10px!important;flex-wrap:wrap!important}

  /* Player dock: preserve metadata width first. Hide only the least essential action. */
  .player-dock{
    bottom:calc(7px + var(--myxx-safe-bottom))!important;
    width:calc(100% - 14px - var(--myxx-safe-left) - var(--myxx-safe-right))!important;
    min-height:66px!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:7px!important;
    border-radius:18px!important;
  }
  .dock-art{width:44px!important;height:44px!important;border-radius:12px!important}
  .dock-copy small{font-size:.49rem!important}.dock-copy strong{font-size:.76rem!important;line-height:1.14!important}.dock-copy span{font-size:.62rem!important;line-height:1.18!important}
  .dock-actions{gap:5px!important}.dock-action{width:40px!important;height:40px!important;min-width:40px!important;padding:0 7px!important;border-radius:12px!important}.dock-play{width:46px!important;height:46px!important}
  .dock-action.share{display:none!important}
  .dock-action.mute{display:grid!important}
  .back-live{width:auto!important;min-width:48px!important;padding:0 10px!important}
  .toast{bottom:calc(86px + var(--myxx-safe-bottom))!important;max-width:calc(100vw - 28px)!important;border-radius:16px!important;text-align:center!important}

  /* Native dialog on small screens. */
  .dialog{
    width:calc(100% - 20px)!important;
    max-height:calc(100dvh - 24px - var(--myxx-safe-top) - var(--myxx-safe-bottom))!important;
    margin:auto!important;
    border-radius:23px!important;
    overflow:auto!important;
  }
  .dialog-inner{padding:20px!important}.dialog-head h2{font-size:1.8rem!important}.dialog-close{flex:0 0 44px!important}
}

/* Compact phones: stack complex promo cards and protect controls from collisions. */
@media (max-width:480px){
  .section-head{flex-direction:column!important;gap:10px!important}.section-head p,.track-head-tools{max-width:100%!important;width:100%!important}
  .request-promo,.remyxx-feature{grid-template-columns:1fr!important;gap:20px!important}
  .request-promo-art,.remyxx-visual{justify-self:center!important}
  .request-logo-orbit{width:min(48vw,155px)!important}.remyxx-cover{width:min(50vw,155px)!important}
  .pulse-masthead-object{width:min(76vw,250px)!important}
  .request-status{flex-direction:column!important}.status-pill{align-self:flex-start!important}
  .schedule-row{grid-template-columns:58px 48px minmax(0,1fr)!important}.schedule-row>em{grid-column:3!important;justify-self:start!important}
  .history-grid{grid-template-columns:1fr 1fr!important}
  .now-playing-feature{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important}.now-playing-art{width:96px!important;max-width:96px!important}.now-playing-copy h2{font-size:clamp(2rem,10vw,2.7rem)!important}
  .player-dock{grid-template-columns:42px minmax(0,1fr) auto!important}.dock-art{width:42px!important;height:42px!important}.dock-action{width:38px!important;height:38px!important;min-width:38px!important}.dock-play{width:44px!important;height:44px!important}
}

@media (max-width:380px){
  :root{--mobile-gutter:10px}
  .page{width:calc(100% - 20px)!important}
  .site-header{width:calc(100% - 12px)!important;grid-template-columns:68px minmax(0,1fr) auto!important;padding-left:8px!important;padding-right:7px!important}
  .site-header>.brand-link{width:68px!important;min-width:68px!important}.site-header>.brand-link img{width:68px!important}
  .site-header .live-button{padding-inline:9px!important;font-size:.59rem!important}.site-header .live-dot{width:6px!important;height:6px!important}
  .hero-statement{font-size:2.45rem!important}.art-card{width:min(76vw,250px)!important}
  .history-controls{grid-template-columns:1fr!important}.history-controls label:first-child{grid-column:auto!important}
  .history-grid{grid-template-columns:1fr!important}
  .host-stats{grid-template-columns:1fr!important}.host-stat:last-child{grid-column:auto!important}
  .footer-brand{align-items:flex-start!important;flex-direction:column!important}.footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto!important}
  .progress-step span{display:none!important}
  .request-result{grid-template-columns:48px minmax(0,1fr) auto!important}.request-result img{width:48px!important;height:48px!important}
  .dock-action.mute{display:none!important}
}

/* Short phone landscape: retain a two-column hero but keep controls and dock tappable. */
@media (orientation:landscape) and (max-height:540px) and (max-width:940px){
  :root{--dock-h:60px}
  body{padding-bottom:calc(68px + var(--myxx-safe-bottom))!important}
  .page{padding-top:calc(68px + var(--myxx-safe-top))!important}
  .site-header{top:calc(5px + var(--myxx-safe-top))!important;height:58px!important;min-height:58px!important}
  .site-header>.brand-link,.site-header>.brand-link img{width:74px!important;min-width:74px!important;max-height:48px!important}
  .site-header .live-button,.site-header .menu-button{height:44px!important;min-height:44px!important}
  .hero{grid-template-columns:minmax(0,1fr) minmax(280px,.78fr)!important;gap:24px!important;padding:18px 0 34px!important}
  .hero-statement{font-size:clamp(2.2rem,6vw,3.2rem)!important;max-width:470px!important}.lead-copy{font-size:.8rem!important}
  .art-sculpture{min-height:320px!important;padding-inline:20px!important}.art-card{width:min(33vw,240px)!important}.show-note{display:none!important}
  .player-dock{bottom:calc(5px + var(--myxx-safe-bottom))!important;min-height:58px!important;width:min(calc(100% - 18px),660px)!important;padding:6px!important}
  .dock-art{width:44px!important;height:44px!important}.dock-action{width:44px!important;height:44px!important;min-width:44px!important}.dock-play{width:44px!important;height:44px!important}
  .mobile-menu-panel{max-height:calc(100dvh - 10px - var(--myxx-safe-top) - var(--myxx-safe-bottom))!important}
}

@media (hover:hover) and (pointer:fine){
  .track-card,.story-card,.special-card,.entity-index-card,.episode-row,.schedule-row{transition:transform .2s ease,border-color .2s ease,background .2s ease}
  .track-card:hover,.story-card:hover,.special-card:hover,.entity-index-card:hover{transform:translateY(-2px)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* -------------------------------------------------------------------------- */
/* Standalone player precision                                                 */
/* -------------------------------------------------------------------------- */

.p-shell{min-width:0}
.p-copy,.p-panel,.p-next{min-width:0}
.p-title,.p-artist,.p-show{overflow-wrap:anywhere}
.p-sheet-card{max-height:calc(100dvh - 24px - var(--myxx-safe-top) - var(--myxx-safe-bottom));overflow:auto;overscroll-behavior:contain}

@media (max-width:760px){
  .p-shell{
    min-height:100dvh!important;
    padding:calc(10px + var(--myxx-safe-top)) 14px calc(18px + var(--myxx-safe-bottom))!important;
    gap:13px!important;
  }
  .p-top{gap:8px!important}.p-brand img{width:96px!important}.p-status{padding:7px 9px!important;font-size:.58rem!important;white-space:nowrap}.p-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  .p-main{grid-template-columns:1fr!important;gap:17px!important;text-align:center!important}
  .p-art-wrap{width:min(76vw,360px)!important}.p-art{border-radius:clamp(23px,7vw,34px)!important}
  .p-copy{align-items:center!important;display:flex!important;flex-direction:column!important}
  .p-title{font-size:clamp(2.35rem,11.8vw,4rem)!important;line-height:.94!important;letter-spacing:-.065em!important;max-width:11ch!important}
  .p-artist{font-size:1.02rem!important;line-height:1.25!important}.p-show{max-width:100%!important;flex-wrap:wrap!important;justify-content:center!important}
  .p-controls{margin-top:17px!important;justify-content:center!important}.p-play{width:72px!important;height:72px!important}.p-side-action{height:48px!important;min-width:48px!important;padding-inline:13px!important}
  .p-bottom{grid-template-columns:1fr!important;gap:10px!important}.p-panel{padding:14px!important;border-radius:21px!important}.p-next{min-height:118px!important}
  .p-recent{grid-auto-columns:112px!important;scroll-snap-type:x proximity}.p-track{scroll-snap-align:start}.p-track strong{font-size:.71rem!important}.p-track span{font-size:.61rem!important}
  .p-sheet{padding:calc(8px + var(--myxx-safe-top)) 8px calc(8px + var(--myxx-safe-bottom))!important}.p-sheet-card{border-radius:24px!important;padding:16px!important}.p-option{min-height:56px!important}.p-sheet-close{min-height:48px!important}
}

@media (max-width:390px){
  .p-shell{padding-inline:10px!important}.p-brand img{width:82px!important}.p-status{font-size:.53rem!important;padding-inline:7px!important}.p-icon{width:40px!important;height:40px!important}
  .p-art-wrap{width:min(72vw,300px)!important}.p-title{font-size:clamp(2.15rem,11vw,3.25rem)!important}.p-controls{gap:9px!important}.p-side-action .txt{display:none!important}.p-side-action{width:48px!important;padding:0!important}
}

@media (max-height:700px) and (max-width:760px){
  .p-shell{gap:9px!important}.p-art-wrap{width:min(47vh,66vw,300px)!important}.p-title{font-size:clamp(2rem,9.5vw,3rem)!important}.p-bottom{display:none!important}.p-controls{margin-top:12px!important}
}

/* ===== obsidian-live.v28.3.3.css ===== */
:root{--lg-yellow:#f0b818;--lg-white:#f7f6f2;--lg-muted:#99959f;--lg-bg:#060608;--lg-line:rgba(255,255,255,.075);--lg-shadow:0 28px 80px rgba(0,0,0,.28)}
html{background:var(--lg-bg)}
body.myxx-studio{color:var(--lg-white)!important;background:radial-gradient(900px 520px at 13% -7%,rgba(255,210,31,.045),transparent 68%),radial-gradient(800px 600px at 92% 6%,rgba(105,75,150,.03),transparent 70%),linear-gradient(180deg,#060608 0,#08080b 34rem,#060608 100%)!important}
body.myxx-studio::before{display:none!important}
.myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:min(calc(100% - 36px),1220px)!important}.myxx-studio .app-main{margin-inline:auto!important}
.myxx-studio .site-header{height:66px!important;top:10px!important;background:rgba(7,7,10,.82)!important;border:1px solid rgba(255,255,255,.085)!important;backdrop-filter:blur(22px) saturate(1.12)!important;-webkit-backdrop-filter:blur(22px) saturate(1.12)!important;}
.myxx-studio .brand-link img{height:auto!important;}.myxx-studio .main-nav{padding:4px!important;background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.055)!important}.myxx-studio .main-nav a{padding:8px 11px!important;font-size:.64rem!important;color:#b7b4bc!important}.myxx-studio .main-nav a[aria-current="page"]{background:rgba(255,255,255,.075)!important;color:#fff!important;border-color:rgba(255,255,255,.13)!important;box-shadow:none!important}.myxx-studio .live-button{min-height:38px!important;padding:0 15px!important;border-radius:12px!important;background:var(--lg-yellow)!important;color:#111!important;box-shadow:0 9px 25px rgba(255,210,31,.13)!important}.myxx-studio .icon-button,.myxx-studio .menu-button{width:38px!important;height:38px!important;border-radius:12px!important}
.myxx-studio .hero{background:radial-gradient(560px 460px at 88% 48%,rgba(135,43,104,.065),transparent 70%),radial-gradient(480px 380px at 0% 0%,rgba(255,210,31,.052),transparent 72%),linear-gradient(145deg,#0c0c10,#08080b 72%)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;}.myxx-studio .hero::after{display:none!important}.myxx-studio .hero-copy{position:relative;z-index:3;}.myxx-studio .hero-wordmark{width:132px!important;margin:0 0 22px!important;opacity:.94}.myxx-studio .hero .eyebrow{display:inline-flex!important;width:max-content!important;border-radius:999px!important;font-size:.54rem!important;}.myxx-studio .hero-statement span,.myxx-studio .hero-statement strong{display:block!important}.myxx-studio .hero-statement span{color:#f5f3ed!important}.myxx-studio .hero-statement strong{color:var(--lg-yellow)!important;-webkit-text-fill-color:var(--lg-yellow)!important;background:none!important}.myxx-studio .hero-brandline{margin:0 0 16px!important;line-height:1.25!important;color:#f0ede7!important;}.myxx-studio .hero-brandline span{color:var(--lg-yellow)!important}.myxx-studio .hero .lead-copy{margin:0!important;color:#a9a5ae!important;}.myxx-studio .hero .lead-copy strong{color:#e8e5df!important}.myxx-studio .hero .action-row{gap:9px!important;}.myxx-studio .hero .primary-action,.myxx-studio .hero .secondary-action{min-height:44px!important;border-radius:13px!important;padding-inline:17px!important;font-size:.63rem!important}.myxx-studio .hero-meta span{border-radius:999px!important;color:#8f8b94!important;}
.live-stage{position:relative;isolation:isolate;width:min(100%,430px);justify-self:end}.live-stage-glow{position:absolute;inset:8% 4% 24%;z-index:-1;overflow:hidden;border-radius:50%;filter:blur(48px);opacity:.26;transform:scale(1.05)}.live-stage-glow img{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}.live-cover-shell{position:relative;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#0b0b0e;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 85px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.04)}.live-cover-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#09090c}.live-cover-top{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;pointer-events:none}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;background:rgba(7,7,10,.76);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(14px);color:#fff;font-size:.47rem;font-weight:850;letter-spacing:.08em}.live-pill i{width:6px;height:6px;border-radius:50%;background:#ff3b76;box-shadow:0 0 0 4px rgba(255,59,118,.12)}.live-show{max-width:145px;padding:9px 10px;border-radius:12px;background:rgba(7,7,10,.72);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(14px);text-align:right;font-style:normal}.live-show small,.live-show strong,.live-show em{display:block;font-style:normal}.live-show small{font-size:.40rem;color:#d3b842;font-weight:850;letter-spacing:.10em}.live-show strong{margin-top:3px;font-size:.68rem;color:#fff;line-height:1.1}.live-show em{margin-top:2px;font-size:.48rem;color:#aaa6ae}.live-caption{position:relative;z-index:4;width:calc(100% - 22px);margin:-15px auto 0;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-radius:18px;background:rgba(8,8,11,.90);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px) saturate(1.08)}.live-caption>div{min-width:0}.live-caption small{display:block;color:var(--lg-yellow);font-size:.46rem;font-weight:900;letter-spacing:.10em}.live-caption h2{margin:6px 0 2px!important;color:#f5f4ef!important;font-size:clamp(1.2rem,1.8vw,1.55rem)!important;line-height:1.04!important;letter-spacing:-.035em!important;white-space:normal!important;overflow-wrap:anywhere}.live-caption p{margin:0!important;color:#aaa6ae!important;font-size:.68rem!important}.live-eq{display:flex;align-items:flex-end;gap:3px;height:22px;flex:0 0 auto}.live-eq i{width:3px;border-radius:3px;background:var(--lg-yellow);animation:lgEq 1s ease-in-out infinite alternate}.live-eq i:nth-child(1){height:8px}.live-eq i:nth-child(2){height:18px;animation-delay:.14s}.live-eq i:nth-child(3){height:12px;animation-delay:.28s}.live-eq i:nth-child(4){height:20px;animation-delay:.4s}@keyframes lgEq{to{height:5px;opacity:.55}}.live-stage.is-pending .live-eq i{animation:none;height:5px;opacity:.35}.live-stage.is-pending .live-cover-art{object-fit:contain;padding:54px;background:linear-gradient(145deg,#0d0d10,#08080b)}
.myxx-studio .myxx-signature,.myxx-studio .movement-strip{display:none!important}.myxx-dna{margin-top:12px;min-height:128px;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.45fr) auto;align-items:center;gap:28px;padding:24px 28px;border-radius:20px;background:linear-gradient(120deg,rgba(255,210,31,.035),rgba(255,255,255,.012) 36%,rgba(255,255,255,.006));border:1px solid var(--lg-line)}.myxx-dna-copy .eyebrow{margin:0!important;color:var(--lg-yellow)!important;background:none!important;border:0!important;padding:0!important;font-size:.48rem!important}.myxx-dna-copy h2{margin:6px 0 5px;font-size:1.45rem;line-height:1.04;letter-spacing:-.045em;color:#f4f2ed}.myxx-dna-copy p{margin:0;max-width:43ch;color:#88848d;font-size:.67rem;line-height:1.5}.myxx-dna-genres{display:flex;flex-wrap:wrap;gap:6px;align-content:center}.myxx-dna-genres span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);color:#aaa6ae;font-size:.50rem;font-weight:720}.myxx-dna-genres span:nth-child(-n+2){border-color:rgba(255,210,31,.14);color:#dcc756;background:rgba(255,210,31,.025)}.myxx-dna-link{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#d7d3da;text-decoration:none;font-size:.52rem;font-weight:840;letter-spacing:.06em}.myxx-dna-link svg{width:13px;height:13px}
.myxx-studio .section-head{border-top:1px solid rgba(255,255,255,.055)!important;}.myxx-studio .section-head .eyebrow{color:var(--lg-yellow)!important;background:none!important;border:0!important;padding:0!important;font-size:.49rem!important}.myxx-studio .section-head p{font-size:.72rem!important;}
.myxx-studio .host-feature{border:1px solid var(--lg-line)!important;background:#0a0a0d!important;box-shadow:var(--lg-shadow)!important;}.myxx-studio .host-portrait{position:relative!important;}.myxx-studio .host-portrait img{filter:saturate(.92) contrast(1.02)!important;}.myxx-studio .host-portrait::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,transparent 57%,#0a0a0d 100%)!important;pointer-events:none!important}.myxx-studio .host-copy .eyebrow{color:var(--lg-yellow)!important;background:none!important;border:0!important;padding:0!important;font-size:.49rem!important}.myxx-studio .host-copy h2{letter-spacing:-.065em!important;}.myxx-studio .host-copy h3{font-size:1.08rem!important;color:#f0ede7!important;}.myxx-studio .host-copy>p{font-size:.76rem!important;}.myxx-studio .next-up{padding:10px!important;}.myxx-studio .next-up img{width:48px!important;height:48px!important;border-radius:10px!important;object-fit:cover!important}
.myxx-studio .track-rail{padding-bottom:6px!important;}.myxx-studio .track-card{padding:8px!important;border:1px solid rgba(255,255,255,.052)!important;}.myxx-studio .track-art img{border-radius:12px!important;}.myxx-studio .track-card p,.myxx-studio .track-card time{margin-inline:2px!important;font-size:.59rem!important;color:#8d8992!important}
.myxx-studio .pulse-lead-home{min-height:480px!important;border:1px solid var(--lg-line)!important;box-shadow:none!important;}.myxx-studio .pulse-lead-inner{gap:18px!important;}.myxx-studio .pulse-lead-intro h2,.myxx-studio .pulse-editorial-home .pulse-lead-intro h2{max-width:none!important;font-size:clamp(2.8rem,4.3vw,4.5rem)!important;line-height:.9!important;letter-spacing:-.06em!important}.myxx-studio .pulse-editorial-grid{grid-template-columns:1fr!important;}.myxx-studio .pulse-story-home{border-radius:17px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(255,255,255,.045)!important;padding:10px!important}.myxx-studio .pulse-story-feature{gap:16px!important;}.myxx-studio .pulse-story-thumb{overflow:hidden!important;background:#101014!important;}.myxx-studio .pulse-story-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.myxx-studio .pulse-story-feature-copy{padding:8px 8px 8px 0!important}.myxx-studio .pulse-story-feature-copy h3{letter-spacing:-.04em!important;}.myxx-studio .pulse-story-feature-copy p{font-size:.70rem!important;line-height:1.5!important;}.myxx-studio .pulse-headline-stack{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.myxx-studio .pulse-headline-row strong{font-size:.66rem!important;}.myxx-studio .utility-stack{grid-template-rows:auto 1fr!important;}.myxx-studio .weather-block,.myxx-studio .home-world{border-radius:20px!important;border:1px solid var(--lg-line)!important;background:#0b0b0f!important;box-shadow:none!important}.myxx-studio .weather-block{min-height:180px!important;padding:22px!important;background:radial-gradient(circle at 90% 8%,rgba(255,210,31,.08),transparent 36%),#0b0b0f!important}.myxx-studio .weather-block .eyebrow{color:var(--lg-yellow)!important}.myxx-studio .weather-block h3{font-size:.92rem!important;color:#f0ede7!important}.myxx-studio .weather-block p{font-size:.60rem!important;color:#807c85!important}.home-world{padding:22px!important;display:grid!important;grid-template-columns:1fr!important;align-content:start!important;gap:16px!important}.home-world-head strong{display:block;margin-top:5px;font-size:2.6rem;line-height:.9;letter-spacing:-.06em;color:#f5f3ed}.home-world-head span{display:block;margin-top:5px;color:#817d86;font-size:.60rem}.home-world-spotlight{padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}.home-world-spotlight small{font-size:.46rem;color:var(--lg-yellow);font-weight:850;letter-spacing:.09em}.home-world-spotlight h3{margin:6px 0 5px;font-size:1.35rem;line-height:1.05;letter-spacing:-.04em;color:#f0ede7}.home-world-spotlight p{margin:0;color:#817d86;font-size:.61rem;line-height:1.48}.home-world-countries{display:grid;gap:5px}.home-world-countries span{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.04);font-size:.58rem;color:#a7a3ac}.home-world-countries b{color:#d8c85e;font-size:.46rem;letter-spacing:.08em}
.myxx-studio .request-promo{box-shadow:0 24px 65px rgba(255,185,0,.08)!important;}.myxx-studio .request-promo::after{display:none!important}.myxx-studio .request-promo-copy{position:relative;z-index:2;max-width:650px!important}.myxx-studio .request-promo h2{letter-spacing:-.06em!important;}.myxx-studio .request-promo p{font-size:.78rem!important;line-height:1.52!important;}.myxx-studio .request-promo-art{opacity:.9!important;}.myxx-studio .remyxx-feature{border:1px solid var(--lg-line)!important;box-shadow:none!important;}.myxx-studio .remyxx-copy h2{letter-spacing:-.06em!important;}.myxx-studio .remyxx-copy>p{max-width:52ch!important;color:#8f8b94!important;font-size:.76rem!important;line-height:1.58!important}
.myxx-studio .myxx-facts{padding:44px 0 20px!important;background:transparent!important}.myxx-studio .myxx-facts-head{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)!important;gap:28px!important;padding-top:18px!important;border-top:1px solid rgba(255,255,255,.055)!important}.myxx-studio .myxx-facts-head h2{max-width:none!important;line-height:.98!important;letter-spacing:-.05em!important;}.myxx-studio .myxx-facts-head>p{max-width:36ch!important;font-size:.66rem!important;color:#7f7b84!important}.myxx-studio .myxx-facts-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important;}.myxx-studio .myxx-fact{border:0!important;border-right:1px solid rgba(255,255,255,.05)!important;}.myxx-studio .myxx-fact:last-child{border-right:0!important}.myxx-studio .myxx-fact h3{font-size:.78rem!important;line-height:1.2!important}.myxx-studio .myxx-fact p{font-size:.62rem!important;}
.myxx-studio .footer-brand{min-height:150px!important;padding:28px 32px!important;border-radius:20px!important;background:linear-gradient(120deg,rgba(255,210,31,.025),rgba(255,255,255,.008))!important;border-color:rgba(255,255,255,.055)!important}.myxx-studio .footer-brand img{max-width:145px!important}.myxx-studio .footer-brand-copy strong{font-size:1.8rem!important;}.myxx-studio .footer-grid{border-radius:20px!important;background:#09090c!important;border-color:rgba(255,255,255,.055)!important;}.myxx-studio .footer-grid h2{font-size:clamp(2.7rem,4vw,4.2rem)!important;line-height:.9!important;letter-spacing:-.06em!important}
.myxx-studio .player-dock{bottom:max(10px,env(safe-area-inset-bottom))!important;background:rgba(8,8,11,.90)!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(20px) saturate(1.08)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08)!important;}.myxx-studio .dock-art{object-fit:cover!important;}.myxx-studio .dock-copy small{color:var(--lg-yellow)!important;}.myxx-studio .dock-copy strong{line-height:1.08!important;}.myxx-studio .dock-copy span{color:#77737c!important;}.myxx-studio .dock-action{border-radius:11px!important;}.myxx-studio .dock-play{background:var(--lg-yellow)!important;color:#111!important;box-shadow:none!important;}
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero){min-height:380px!important;margin-top:20px!important;padding:42px 46px!important;background:radial-gradient(500px 300px at 90% 20%,rgba(255,210,31,.045),transparent 70%),#0a0a0e!important;border:1px solid var(--lg-line)!important;box-shadow:none!important;}.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero)::after{display:none!important}.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) .display,.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) h1{font-size:clamp(3.2rem,5vw,5.25rem)!important;line-height:.86!important;letter-spacing:-.065em!important;max-width:850px!important}.myxx-studio .entity-index-card{border-radius:18px!important;background:rgba(255,255,255,.014)!important;}.myxx-studio .request-studio{border-radius:24px!important;background:#0a0a0e!important;border-color:var(--lg-line)!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){.live-eq i{animation:none!important}}
@media(max-width:1020px){.myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:calc(100% - 22px)!important}.myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.74fr)!important;padding:38px!important;gap:36px!important}.live-stage{max-width:380px}.myxx-dna{grid-template-columns:1fr 1.4fr!important}.myxx-dna-link{display:none!important}.myxx-studio .host-feature{grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr)!important}.myxx-studio .pulse-home{grid-template-columns:1fr!important}.myxx-studio .utility-stack{grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr)!important;grid-template-rows:auto!important}.myxx-studio .myxx-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.myxx-studio .myxx-fact:nth-child(2){border-right:0!important}.myxx-studio .myxx-fact:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.05)!important}}
@media(max-width:760px){.myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:calc(100% - 10px)!important}.myxx-studio .site-header{height:60px!important;top:5px!important;border-radius:17px!important;padding-inline:10px!important}.myxx-studio .brand-link img{width:76px!important}.myxx-studio .hero{grid-template-columns:1fr!important;min-height:0!important;margin-top:12px!important;padding:26px 16px 17px!important;gap:23px!important;border-radius:20px!important}.myxx-studio .hero-wordmark{width:108px!important;margin-bottom:17px!important}.myxx-studio .hero-statement{font-size:clamp(3rem,13.8vw,4.35rem)!important;line-height:.84!important;max-width:100%!important}.myxx-studio .hero-brandline{font-size:.79rem!important}.myxx-studio .hero .lead-copy{font-size:.72rem!important;line-height:1.52!important}.myxx-studio .hero .action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.myxx-studio .hero .primary-action,.myxx-studio .hero .secondary-action{padding:0 10px!important;min-width:0!important;font-size:.56rem!important}.myxx-studio .hero-meta{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}.myxx-studio .hero-meta::-webkit-scrollbar{display:none!important}.myxx-studio .hero-meta span{flex:0 0 auto!important}.live-stage{width:min(100%,355px);justify-self:center!important}.live-cover-shell{border-radius:20px}.live-caption{width:calc(100% - 16px);min-height:91px;margin-top:-11px;padding:13px 14px;border-radius:15px}.live-caption h2{font-size:1.05rem!important}.live-caption p{font-size:.58rem!important}.live-show{max-width:110px;padding:7px 8px}.live-show strong{font-size:.58rem}.live-show em{font-size:.42rem}.live-stage.is-pending .live-cover-art{padding:44px!important}.myxx-dna{grid-template-columns:1fr!important;gap:15px!important;min-height:0;padding:20px 17px;border-radius:17px}.myxx-dna-copy h2{font-size:1.3rem}.myxx-dna-copy p{font-size:.66rem}.myxx-dna-link{display:none}.myxx-dna-genres{gap:5px}.myxx-dna-genres span{padding:6px 8px;font-size:.48rem}.myxx-studio .section-head{display:block!important;padding-top:15px!important}.myxx-studio .section-head h2{font-size:clamp(2.55rem,12vw,3.7rem)!important;margin-top:7px!important}.myxx-studio .section-head p{margin-top:10px!important;font-size:.68rem!important}.myxx-studio .host-feature{grid-template-columns:1fr!important;min-height:0!important;border-radius:18px!important}.myxx-studio .host-portrait{min-height:380px!important}.myxx-studio .host-portrait::after{background:linear-gradient(0deg,#0a0a0d 0,transparent 50%)!important}.myxx-studio .host-copy{padding:20px 17px 24px!important}.myxx-studio .host-copy h2{font-size:clamp(2.9rem,13vw,4rem)!important}.myxx-studio .host-copy>p{font-size:.70rem!important}.myxx-studio .track-card{min-width:148px!important;width:148px!important}.myxx-studio .pulse-lead-home{min-height:0!important;border-radius:18px!important}.myxx-studio .pulse-lead-inner{padding:20px 16px!important}.myxx-studio .pulse-lead-intro h2,.myxx-studio .pulse-editorial-home .pulse-lead-intro h2{font-size:clamp(2.7rem,12.5vw,3.9rem)!important}.myxx-studio .pulse-story-feature{grid-template-columns:1fr!important}.myxx-studio .pulse-story-thumb{min-height:175px!important}.myxx-studio .pulse-story-feature-copy{padding:2px 2px 6px!important}.myxx-studio .pulse-headline-stack{grid-template-columns:1fr!important}.myxx-studio .utility-stack{grid-template-columns:1fr!important;gap:7px!important}.myxx-studio .weather-block,.myxx-studio .home-world{border-radius:17px!important;padding:18px!important}.home-world-countries{grid-template-columns:1fr 1fr!important;gap:0 14px!important}.myxx-studio .request-promo{grid-template-columns:1fr!important;min-height:0!important;padding:25px 17px!important;border-radius:18px!important}.myxx-studio .request-promo h2{font-size:clamp(2.9rem,13vw,4rem)!important}.myxx-studio .request-promo p{font-size:.70rem!important}.myxx-studio .request-promo-art{display:none!important}.myxx-studio .remyxx-feature{grid-template-columns:1fr!important;min-height:0!important;padding:25px 17px!important;border-radius:18px!important}.myxx-studio .remyxx-copy h2{font-size:clamp(2.9rem,13vw,4rem)!important}.myxx-studio .myxx-facts{padding-top:34px!important}.myxx-studio .myxx-facts-head{grid-template-columns:1fr!important;gap:8px!important}.myxx-studio .myxx-facts-head h2{font-size:1.9rem!important}.myxx-studio .myxx-facts-grid{grid-template-columns:1fr!important;margin-top:15px!important}.myxx-studio .myxx-fact{padding:15px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.myxx-studio .myxx-fact:last-child{border-bottom:0!important}.myxx-studio .footer-brand,.myxx-studio .footer-grid{border-radius:17px!important}.myxx-studio .footer-grid{padding:24px 18px!important}.myxx-studio .footer-grid h2{font-size:2.7rem!important}.myxx-studio .player-dock{width:calc(100% - 8px)!important;min-height:59px!important;bottom:max(4px,env(safe-area-inset-bottom))!important;border-radius:16px!important}.myxx-studio .dock-art{width:40px!important;height:40px!important}.myxx-studio .dock-action{width:34px!important;height:34px!important}.myxx-studio .dock-play{width:39px!important;height:39px!important}.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero){min-height:0!important;padding:26px 17px!important;border-radius:18px!important}.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) .display,.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) h1{font-size:clamp(2.9rem,13vw,4.15rem)!important}}
@media(max-width:390px){.myxx-studio .hero-statement{font-size:clamp(2.78rem,13.4vw,3.65rem)!important}.myxx-studio .hero .action-row{grid-template-columns:1fr!important}.home-world-countries{grid-template-columns:1fr!important}}

/* v28.3.1 final composition refinements: quieter chrome, stronger live art, less card-wall UI */

.myxx-studio .hero-statement span:nth-child(2){color:#f5f3ed!important}
.myxx-studio .hero-statement strong{margin-top:.04em!important}
.myxx-studio .hero-copy::before{content:"";display:block;width:38px;height:2px;margin:0 0 20px;background:var(--lg-yellow);border-radius:99px;box-shadow:0 0 22px rgba(255,210,31,.16)}
.myxx-studio .hero .eyebrow{padding:0!important;border:0!important;background:transparent!important;color:#d8c258!important;letter-spacing:.12em!important}
.myxx-studio .live-stage{filter:drop-shadow(0 24px 60px rgba(0,0,0,.26))}
.myxx-studio .live-cover-shell{border-color:rgba(255,255,255,.085)!important;}



.myxx-studio .live-stage.is-pending .live-cover-art{filter:drop-shadow(0 18px 32px rgba(255,210,31,.08));}
.myxx-studio .live-stage.is-pending .live-caption h2{letter-spacing:-.02em!important;}
.myxx-studio .myxx-dna{min-height:0!important;margin-top:0!important;padding:30px 2px!important;border-radius:0!important;border-left:0!important;border-right:0!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.055)!important;border-bottom:1px solid rgba(255,255,255,.055)!important;grid-template-columns:minmax(280px,.9fr) minmax(0,1.45fr) auto!important}
.myxx-studio .myxx-dna-copy h2{font-size:1.65rem!important;max-width:18ch!important}
.myxx-studio .myxx-dna-copy p{max-width:48ch!important}
.myxx-studio .myxx-dna-genres span{background:transparent!important;border-color:rgba(255,255,255,.075)!important;padding:6px 9px!important}
.myxx-studio .myxx-dna-genres span:nth-child(-n+2){background:rgba(255,210,31,.025)!important}
.myxx-studio .host-feature,.myxx-studio .pulse-lead-home,.myxx-studio .request-promo,.myxx-studio .remyxx-feature{box-shadow:0 24px 74px rgba(0,0,0,.18)!important}
.myxx-studio .host-feature{border-color:rgba(255,255,255,.06)!important}
.myxx-studio .section-head{max-width:100%!important}
.myxx-studio .track-rail{scroll-padding-inline:2px!important}



.myxx-studio .request-promo{background:linear-gradient(118deg,#f0b818 0,#f0b818 56%,#f8c516 100%)!important;color:#111!important}
.myxx-studio .request-promo .eyebrow{color:#5d4a00!important}
.myxx-studio .request-promo h2{color:#111!important;-webkit-text-fill-color:#111!important;background:none!important}
.myxx-studio .request-promo p{color:rgba(17,17,17,.68)!important}
.myxx-studio .request-promo .primary-action{background:#111!important;color:#fff!important;}
.myxx-studio .remyxx-feature{background:radial-gradient(480px 360px at 18% 26%,rgba(107,55,136,.07),transparent 70%),#09090d!important}
.myxx-studio .myxx-facts-grid{border-top-color:rgba(255,255,255,.045)!important;border-bottom-color:rgba(255,255,255,.045)!important}


.myxx-studio .footer-brand,.myxx-studio .footer-grid{box-shadow:none!important}
@media(max-width:760px){
  .myxx-studio .hero-copy::before{margin-bottom:16px}
  .myxx-studio .hero-statement{font-size:clamp(2.9rem,13.2vw,4.05rem)!important;line-height:.83!important}
  .myxx-studio .myxx-dna{grid-template-columns:1fr!important;padding:23px 2px!important;border-radius:0!important}
  .myxx-studio .myxx-dna-copy h2{font-size:1.42rem!important;max-width:22ch!important}
  .myxx-studio .live-caption{width:calc(100% - 18px)!important;margin-top:-8px!important}
  .myxx-studio .live-stage.is-pending .live-cover-art{padding:52px!important}
}


/* v28.3.3 OBSIDIAN LIVE REFINED
   Bring back the personality of the original oversized top player without
   reintroducing the old overflow/cropping bugs. */

.myxx-studio .live-stage{filter:drop-shadow(0 30px 72px rgba(0,0,0,.31))!important;}

.myxx-studio .live-cover-shell::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 5px rgba(8,8,11,.52),inset 0 1px 0 rgba(255,255,255,.10)}
.myxx-studio .live-cover-art{transform:scale(.975);transition:opacity .22s ease,filter .22s ease,transform .45s cubic-bezier(.2,.8,.2,1)!important;}


.myxx-studio .live-pill{border-color:transparent!important;}

.myxx-studio .live-show{border-color:rgba(255,255,255,.42)!important;}


.myxx-studio .live-caption>div{width:100%!important}.myxx-studio .live-caption p{font-size:.72rem!important;color:#b7b3bd!important}.myxx-studio .live-signal-line{display:block!important;height:2px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;overflow:hidden!important;}.myxx-studio .live-signal-line i{display:block!important;width:44%!important;height:100%!important;background:linear-gradient(90deg,#f0b818,#ff735c 52%,#ff3b9d)!important;box-shadow:0 0 16px rgba(255,69,139,.18)!important}.myxx-studio .live-eq{position:absolute!important;right:18px!important;top:49px!important;}

.myxx-studio .live-stage.is-pending .live-cover-shell{transform:none!important}.myxx-studio .live-stage.is-pending .live-cover-art{opacity:.78!important;}.myxx-studio .live-stage.is-pending .live-signal-line i{width:24%!important;opacity:.42!important}
.myxx-studio img.artwork-swapping{opacity:.72!important;filter:saturate(.85) brightness(.88)!important}

/* Deep fit-and-finish cleanup around the restored player */
.myxx-studio .hero-meta span{white-space:nowrap!important}.myxx-studio .host-feature,.myxx-studio .pulse-home,.myxx-studio .request-promo,.myxx-studio .remyxx-feature{contain:layout paint!important}.myxx-studio .track-card img,.myxx-studio .request-art-card img,.myxx-studio .remyxx-cover img,.myxx-studio .entity-portrait img,.myxx-studio .artist-photo-mark img{max-width:100%!important}.myxx-studio .track-card h3,.myxx-studio .track-card p,.myxx-studio .episode-row h3,.myxx-studio .episode-row p{overflow-wrap:anywhere!important}.myxx-studio .connection-banner{max-width:min(calc(100% - 24px),760px)!important;margin-inline:auto!important;border-radius:14px!important}.myxx-studio .player-dock{isolation:isolate!important}.myxx-studio .dock-copy strong,.myxx-studio .dock-copy span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

/* Standalone player: remove visual jumps when artwork swaps and preserve controls on short screens. */
.myxx-studio .p-art{overflow:hidden!important}.myxx-studio .p-art img{transition:opacity .2s ease,transform .35s ease!important}.myxx-studio .p-art.loading img{opacity:.72!important;transform:scale(.985)!important}.myxx-studio .p-connection:empty{display:none!important}

@media(max-width:1020px){.myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(350px,.8fr)!important}.myxx-studio .live-stage{width:min(100%,410px)!important;padding-bottom:54px!important}.myxx-studio .live-caption{min-height:108px!important}.myxx-studio .live-caption h2{font-size:1.45rem!important}}
@media(max-width:760px){.myxx-studio .hero{grid-template-columns:1fr!important}.myxx-studio .live-stage{width:min(100%,344px)!important;padding-bottom:48px!important;justify-self:center!important}.myxx-studio .live-cover-shell{border-radius:23px!important;transform:rotate(-.55deg)!important}.myxx-studio .live-cover-art{border-radius:19px!important}.myxx-studio .live-cover-top{top:11px!important;left:11px!important;right:11px!important;transform:rotate(.55deg)!important}.myxx-studio .live-pill{padding:7px 9px!important;font-size:.42rem!important}.myxx-studio .live-show{max-width:122px!important;padding:8px 9px!important;border-radius:11px!important}.myxx-studio .live-show strong{font-size:.59rem!important}.myxx-studio .live-show em{font-size:.42rem!important}.myxx-studio .live-caption{left:6px!important;right:6px!important;min-height:96px!important;padding:13px 14px 12px!important;border-radius:16px!important}.myxx-studio .live-caption h2{font-size:1.12rem!important;max-width:88%!important}.myxx-studio .live-caption p{font-size:.59rem!important}.myxx-studio .live-signal-line{margin-top:10px!important}.myxx-studio .live-eq{right:13px!important;top:41px!important}.myxx-studio .live-stage.is-pending .live-cover-art{padding:54px!important}}
@media(max-width:390px){.myxx-studio .live-stage{width:min(100%,316px)!important}.myxx-studio .live-caption h2{font-size:1.02rem!important}.myxx-studio .live-show{max-width:108px!important}}

/* ===== obsidian-ocd.v28.3.8.css ===== */
/* MYXX FM v28.3.4 OBSIDIAN OCD FINISH */
:root{--ocd-line:rgba(255,255,255,.064);--ocd-soft:rgba(255,255,255,.026);--ocd-yellow:#f0b818}

/* The removed MYXX Sound module must never leave ghost spacing if an older cached shell flashes. */
.myxx-studio .myxx-dna{display:none!important}

/* Precision shell */
.myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:min(calc(100% - 36px),1216px)!important}
.myxx-studio .site-header{left:50%!important;right:auto!important;transform:translateX(-50%) translateZ(0)!important;padding-inline:16px!important}
.myxx-studio .main-nav{justify-self:center!important;max-width:max-content!important}
.myxx-studio .main-nav a{line-height:1!important}
.myxx-studio .page{overflow:visible!important}

/* Hero: keep the confidence, lose tiny misalignments and accidental crowding. */



.myxx-studio .hero-brandline{font-size:.95rem!important;letter-spacing:-.022em!important;}
.myxx-studio .hero .lead-copy{font-size:.82rem!important;line-height:1.62!important;}
.myxx-studio .hero .action-row{margin-top:23px!important}
.myxx-studio .hero-meta{max-width:585px!important;}
.myxx-studio .hero-meta span{font-size:.48rem!important;padding:6px 8px!important}

/* Big top player: old personality, production geometry. */



.myxx-studio .live-cover-shell:hover .live-cover-art{transform:scale(.989)!important}



.myxx-studio .live-show em{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.myxx-studio .live-caption h2{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;}
.myxx-studio .live-caption p{max-width:82%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.myxx-studio .live-stage.is-pending .live-cover-art{padding:68px!important;transform:none!important}
.myxx-studio .live-stage.is-pending .live-caption h2{font-size:1.12rem!important}

/* Removing MYXX Sound means the host block should arrive with intention, not a dead canyon. */
.myxx-studio .section + .section{border-top:1px solid rgba(255,255,255,.025)!important}
.myxx-studio .section-head{padding-top:16px!important;}
.myxx-studio .section-head h2{max-width:780px!important;}
.myxx-studio .section-head p{max-width:39ch!important}

/* Host editorial spread */
.myxx-studio .host-feature{grid-template-columns:minmax(350px,.86fr) minmax(0,1.14fr)!important;}
.myxx-studio .host-portrait{overflow:hidden!important;}
.myxx-studio .host-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;}
.myxx-studio .host-copy{align-self:center!important;}
.myxx-studio .host-copy h2{font-size:clamp(3.5rem,5.6vw,5.8rem)!important;line-height:.86!important}
.myxx-studio .host-copy h3{margin-top:7px!important}
.myxx-studio .host-copy>p{max-width:54ch!important;line-height:1.58!important}
.myxx-studio .next-up{margin-top:22px!important;border-radius:16px!important}

/* Recently played: equal visual rhythm and no text collisions. */
.myxx-studio .track-rail{gap:10px!important}
.myxx-studio .track-card{border-radius:18px!important;padding-bottom:13px!important;}
.myxx-studio .track-art{aspect-ratio:1!important;border-radius:16px!important;}
.myxx-studio .track-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.myxx-studio .track-card h3{margin:10px 11px 3px!important;overflow-wrap:normal!important;word-break:normal!important;}
.myxx-studio .track-card p{margin-inline:11px!important;}
.myxx-studio .track-card time{margin-inline:11px!important}

/* Pulse: coherent editorial surface instead of cards fighting for prominence. */

.myxx-studio .pulse-lead-home{border-radius:23px!important;overflow:hidden!important}

.myxx-studio .pulse-editorial-grid{gap:12px!important}
.myxx-studio .pulse-story-feature{border-radius:18px!important;padding:12px!important;}
.myxx-studio .pulse-story-thumb{min-height:182px!important;border-radius:14px!important}
.myxx-studio .pulse-story-feature-copy h3{font-size:clamp(1.25rem,1.75vw,1.7rem)!important;line-height:1.08!important}
.myxx-studio .pulse-headline-stack{gap:7px!important}
.myxx-studio .pulse-headline-row{min-height:88px!important;border-radius:15px!important;padding:11px!important}
.myxx-studio .utility-stack{gap:12px!important}
.myxx-studio .weather-block,.myxx-studio .home-world{border-radius:20px!important;overflow:hidden!important}

/* Request and REMYXX: strong branded moments, no billboard bloat. */
.myxx-studio .request-promo{min-height:430px!important;border-radius:23px!important;padding:clamp(32px,4.2vw,52px)!important;overflow:hidden!important}
.myxx-studio .request-promo h2{max-width:720px!important;font-size:clamp(3.55rem,5.7vw,6rem)!important;line-height:.84!important}
.myxx-studio .request-promo p{max-width:48ch!important}
.myxx-studio .request-promo-art{max-width:310px!important;justify-self:center!important}
.myxx-studio .remyxx-feature{min-height:500px!important;border-radius:23px!important;padding:clamp(32px,4.2vw,52px)!important;overflow:hidden!important}
.myxx-studio .remyxx-copy h2{font-size:clamp(3.55rem,5.7vw,6rem)!important;line-height:.84!important}
.myxx-studio .remyxx-copy>p:not(.eyebrow){max-width:50ch!important}

/* Home facts + footer: quiet information, not a second visual climax. */
.myxx-studio .myxx-facts{padding-top:34px!important}
.myxx-studio .myxx-facts-head h2{font-size:2.05rem!important}
.myxx-studio .myxx-facts-grid{margin-top:18px!important}
.myxx-studio .myxx-fact{padding:17px 16px 18px!important}
.myxx-studio .site-footer{margin-top:14px!important;}
.myxx-studio .footer-brand,.myxx-studio .footer-grid{border-color:rgba(255,255,255,.05)!important}


/* Dock: centered, quiet, and impossible to collide with viewport edges. */
.myxx-studio .player-dock{min-height:64px!important;border-radius:19px!important;padding:7px 8px!important;gap:10px!important;}
.myxx-studio .dock-art{width:46px!important;height:46px!important;border-radius:12px!important}
.myxx-studio .dock-copy small{font-size:.45rem!important}.myxx-studio .dock-copy strong{font-size:.72rem!important}.myxx-studio .dock-copy span{font-size:.54rem!important}
.myxx-studio .dock-action{width:36px!important;height:36px!important}.myxx-studio .dock-play{width:42px!important;height:42px!important}

/* Inner pages: consistent top geometry and no accidental oversized mastheads. */
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero){overflow:hidden!important;}
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) .display,.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) h1{font-size:clamp(3.45rem,5.6vw,6rem)!important;line-height:.84!important}
.myxx-studio .entity-index-card{overflow:hidden!important}
.myxx-studio :is(.entity-index-card,.entity-portrait,.artist-photo-mark,.request-art-card,.remyxx-cover) img{max-width:100%!important;object-fit:cover!important}

@media(max-width:1020px){
  .myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr)!important;gap:34px!important;padding:36px!important}
  .myxx-studio .live-stage{width:min(100%,402px)!important}
  .myxx-studio .pulse-home{grid-template-columns:1fr!important}
  .myxx-studio .utility-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:calc(100% - 12px)!important}
  .myxx-studio .hero{grid-template-columns:1fr!important;padding:25px 16px 19px!important;gap:24px!important;border-radius:20px!important;min-height:0!important}
  .myxx-studio .hero-copy{max-width:none!important}
  .myxx-studio .hero-statement{font-size:clamp(2.95rem,13.3vw,4.08rem)!important;max-width:none!important}
  .myxx-studio .hero-brandline{font-size:.78rem!important}.myxx-studio .hero .lead-copy{font-size:.72rem!important;max-width:46ch!important}
  .myxx-studio .live-stage{width:min(100%,342px)!important;padding-bottom:46px!important;justify-self:center!important}
  .myxx-studio .live-cover-shell{transform:rotate(-.35deg)!important;border-radius:22px!important}
  .myxx-studio .live-cover-top{transform:rotate(.35deg)!important}
  .myxx-studio .live-caption{left:6px!important;right:6px!important;min-height:94px!important;padding:13px 14px 12px!important;border-radius:15px!important}
  .myxx-studio .live-caption h2{font-size:1.08rem!important;max-width:86%!important}.myxx-studio .live-caption p{font-size:.58rem!important}
  .myxx-studio .live-show{max-width:118px!important;min-width:0!important}
  .myxx-studio .live-stage.is-pending .live-cover-art{padding:52px!important}
  .myxx-studio .section + .section{border-top:0!important}
  .myxx-studio .host-feature{grid-template-columns:1fr!important;min-height:0!important;border-radius:18px!important}
  .myxx-studio .host-portrait{min-height:370px!important}.myxx-studio .host-copy{padding:20px 17px 23px!important}.myxx-studio .host-copy h2{font-size:clamp(2.85rem,13vw,3.95rem)!important}
  .myxx-studio .track-card{min-width:154px!important;width:154px!important}
  .myxx-studio .pulse-lead-home{border-radius:18px!important}.myxx-studio .pulse-lead-inner{padding:20px 16px!important}.myxx-studio .pulse-story-feature{grid-template-columns:1fr!important}.myxx-studio .pulse-story-thumb{min-height:168px!important}.myxx-studio .pulse-headline-row{min-height:74px!important}
  .myxx-studio .utility-stack{grid-template-columns:1fr!important;gap:7px!important}
  .myxx-studio .request-promo,.myxx-studio .remyxx-feature{grid-template-columns:1fr!important;min-height:0!important;border-radius:18px!important;padding:24px 17px!important}
  .myxx-studio .request-promo h2,.myxx-studio .remyxx-copy h2{font-size:clamp(2.9rem,13vw,4rem)!important}.myxx-studio .request-promo-art{display:none!important}
  .myxx-studio .myxx-facts{padding-top:26px!important}.myxx-studio .myxx-facts-head h2{font-size:1.72rem!important}
  .myxx-studio .player-dock{width:calc(100% - 8px)!important;min-height:58px!important;bottom:max(4px,env(safe-area-inset-bottom))!important;border-radius:15px!important;padding:5px!important}.myxx-studio .dock-art{width:40px!important;height:40px!important}.myxx-studio .dock-action{width:33px!important;height:33px!important}.myxx-studio .dock-play{width:39px!important;height:39px!important}
}
@media(max-width:390px){
  .myxx-studio .hero{padding-inline:14px!important}.myxx-studio .hero-statement{font-size:clamp(2.7rem,13.7vw,3.55rem)!important}
  .myxx-studio .live-stage{width:min(100%,312px)!important}.myxx-studio .live-show{max-width:106px!important}.myxx-studio .live-caption h2{font-size:1rem!important}
}

/* ================================================================
   v28.3.5 RELIABILITY LOCK + OCD FINISH
   Data-state clarity, Pulse/weather resilience, and final geometry.
   ================================================================ */

/* One optical grid. Every major surface starts and ends on the same line. */
.myxx-studio .site-header,
.myxx-studio .app-main,
.myxx-studio .site-footer{width:min(calc(100% - 40px),1200px)!important}
.myxx-studio .site-header{min-height:62px!important;border-radius:20px!important}
.myxx-studio .brand-link img{max-height:43px!important;width:auto!important}
.myxx-studio .main-nav{gap:1px!important}
.myxx-studio .main-nav a{padding-inline:12px!important;min-height:34px!important;display:flex!important;align-items:center!important}
.myxx-studio .header-actions{gap:7px!important}

/* Hero micro-geometry: cleaner baseline, less accidental vertical drift. */
.myxx-studio .hero{margin-top:18px!important;min-height:620px!important;border-radius:24px!important;padding:clamp(38px,4.5vw,54px)!important;}
.myxx-studio .hero-copy{align-self:center!important}
.myxx-studio .hero .eyebrow{margin-bottom:0!important}
.myxx-studio .hero-statement{margin-top:15px!important;margin-bottom:8px!important}
.myxx-studio .hero-brandline{margin-bottom:14px!important;}
.myxx-studio .hero .lead-copy{margin-top:0!important}
.myxx-studio .hero-meta{gap:5px!important}
.myxx-studio .hero-meta span{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.022)!important}

/* Top player: preserve the larger personality but remove anything that reads as accidental. */
.myxx-studio .live-stage{padding-bottom:52px!important;}







.myxx-studio .live-caption p{opacity:.76!important}
.myxx-studio .live-eq{opacity:.55!important}
.myxx-studio .live-stage.is-pending .live-cover-shell{background:radial-gradient(circle at 50% 42%,rgba(255,210,31,.06),transparent 34%),#0c0c10!important}

/* All section headings should feel related instead of independently designed. */
.myxx-studio .section{padding-block:clamp(46px,5vw,64px)!important}
.myxx-studio .section-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,360px)!important;align-items:end!important;margin-bottom:20px!important;}
.myxx-studio .section-head h2{font-size:clamp(2.65rem,3.7vw,3.9rem)!important;line-height:.9!important;text-wrap:balance!important;}
.myxx-studio .section-head p{justify-self:end!important;margin:0!important;color:rgba(255,255,255,.58)!important;}

/* Host: crop consistency + readable editorial copy. */
.myxx-studio .host-feature{min-height:510px!important;border-radius:21px!important;overflow:hidden!important}
.myxx-studio .host-portrait{min-height:510px!important;background:#09090c!important}
.myxx-studio .host-portrait img{transform:scale(1.005)!important;}
.myxx-studio .host-copy{padding:clamp(29px,3.8vw,45px)!important}
.myxx-studio .host-copy>p{color:rgba(255,255,255,.65)!important}
.myxx-studio .next-up{border:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.022)!important;box-shadow:none!important}

/* Track rail: every card has the same visual weight. */
.myxx-studio .track-rail{scroll-padding-inline:2px!important}
.myxx-studio .track-card{min-width:172px!important;width:172px!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important;}
.myxx-studio .track-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important;}

.myxx-studio .track-card h3{font-size:.82rem!important;line-height:1.15!important}
.myxx-studio .track-card p,.myxx-studio .track-card time{font-size:.59rem!important}

/* --------------------------------------------------------------
   PULSE / WEATHER RELIABILITY UX
   The page always has a stable frame, even while a source refreshes.
   -------------------------------------------------------------- */
.myxx-studio .pulse-home{grid-template-columns:minmax(0,1.22fr) minmax(286px,.78fr)!important;gap:10px!important}
.myxx-studio .pulse-lead-home,
.myxx-studio .weather-block,
.myxx-studio .home-world,
.myxx-studio .pulse-page .utility-card,
.myxx-studio .pulse-page .pulse-lead-card,
.myxx-studio .pulse-page .pulse-side-card,
.myxx-studio .pulse-page .story-card{border-color:rgba(255,255,255,.055)!important;box-shadow:none!important}
.myxx-studio .pulse-lead-home{background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.01))!important}
.myxx-studio .pulse-lead-inner{padding:clamp(25px,3vw,36px)!important}
.myxx-studio .pulse-lead-intro{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:8px 14px!important}
.myxx-studio .pulse-lead-intro h2{flex:1 1 430px!important;margin-bottom:0!important}

.myxx-studio .pulse-freshness,
.myxx-studio .weather-freshness{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;color:rgba(255,255,255,.48)!important;font-size:.52rem!important;font-weight:750!important;letter-spacing:.055em!important;text-transform:uppercase!important;white-space:nowrap!important}
.myxx-studio .pulse-freshness i,
.myxx-studio .weather-freshness i{width:6px!important;height:6px!important;border-radius:50%!important;background:#69d48b!important;box-shadow:0 0 0 3px rgba(105,212,139,.08)!important;flex:none!important}

.myxx-studio .pulse-masthead .pulse-freshness{margin-top:14px!important}

.myxx-studio .pulse-story-feature{grid-template-columns:164px minmax(0,1fr)!important;min-height:190px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.052)!important}
.myxx-studio .pulse-story-thumb,
.myxx-studio .story-media{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#15151b,#0b0b0f)!important}
.myxx-studio .pulse-story-thumb img,
.myxx-studio .story-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:2!important}
.myxx-studio .story-fallback{z-index:1!important;}
.myxx-studio .story-fallback span{font-size:.46rem!important;letter-spacing:.08em!important;color:#f0b818!important}
.myxx-studio .story-fallback strong{font-size:.86rem!important;line-height:1.08!important;color:rgba(255,255,255,.76)!important}
.myxx-studio .pulse-story-feature-copy h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;text-wrap:balance!important}
.myxx-studio .pulse-story-feature-copy p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;color:rgba(255,255,255,.58)!important}
.myxx-studio .pulse-headline-row{background:rgba(255,255,255,.014)!important;border-color:rgba(255,255,255,.045)!important;box-shadow:none!important}
.myxx-studio .pulse-headline-row strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;line-height:1.18!important}

/* Weather is a first-class utility, not a fragile side card. */
.myxx-studio .weather-block,
.myxx-studio .pulse-page .utility-card.weather{position:relative!important;isolation:isolate!important;background:radial-gradient(circle at 88% 8%,rgba(255,210,31,.095),transparent 33%),linear-gradient(150deg,#111116,#0a0a0e)!important;color:#fff!important;min-height:250px!important;padding:22px!important}
.myxx-studio .weather-block:after,
.myxx-studio .pulse-page .utility-card.weather:after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 35%)!important}
.myxx-studio .weather-block .eyebrow,
.myxx-studio .pulse-page .utility-card.weather .eyebrow{color:#f0b818!important}
.myxx-studio .weather-top{align-items:flex-start!important}

.myxx-studio .weather-temp sup{top:-1.25em!important;}
.myxx-studio .weather-icon{width:72px!important;height:72px!important;opacity:.92!important;color:#f0b818!important}
.myxx-studio .weather-block h3,
.myxx-studio .pulse-page .utility-card.weather h2{margin:12px 0 5px!important;color:#fff!important;font-size:1.22rem!important;letter-spacing:-.035em!important}
.myxx-studio .weather-block>p,
.myxx-studio .pulse-page .utility-card.weather>p{margin:0!important;color:rgba(255,255,255,.56)!important;font-size:.68rem!important;line-height:1.45!important}
.myxx-studio .weather-mini{flex-wrap:wrap!important;margin-top:16px!important;}
.myxx-studio .weather-mini span{align-items:center!important;font-size:.56rem!important;font-weight:700!important;}
.myxx-studio .weather-mini b{color:#f0b818!important;font-size:.48rem!important;letter-spacing:.06em!important}


/* Pulse page itself: newsroom hierarchy, no dashboard clutter. */
.myxx-studio .pulse-page .pulse-masthead{min-height:420px!important;border-radius:23px!important;padding:clamp(34px,4.4vw,52px)!important;overflow:hidden!important}
.myxx-studio .pulse-page .pulse-masthead-copy{max-width:660px!important}
.myxx-studio .pulse-page .pulse-masthead h1{font-size:clamp(3.8rem,6.7vw,6.7rem)!important;line-height:.82!important;text-wrap:balance!important}
.myxx-studio .pulse-page .pulse-utility{gap:9px!important;margin-top:10px!important}
.myxx-studio .pulse-page .utility-card{border-radius:18px!important;padding:20px!important;min-height:220px!important;overflow:hidden!important}
.myxx-studio .pulse-page .utility-card:not(.weather){background:rgba(255,255,255,.018)!important}
.myxx-studio .pulse-page .pulse-tabs{position:sticky!important;top:78px!important;z-index:8!important;padding:6px!important;border-radius:14px!important;background:rgba(7,7,10,.82)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.055)!important}
.myxx-studio .pulse-page .pulse-tabs button{min-height:36px!important;padding-inline:13px!important}
.myxx-studio .pulse-page .pulse-editorial{margin-top:18px!important}
.myxx-studio .pulse-page .pulse-lead-grid{gap:9px!important}
.myxx-studio .pulse-page .pulse-lead-card{border-radius:20px!important;overflow:hidden!important;background:rgba(255,255,255,.018)!important}
.myxx-studio .pulse-page .pulse-lead-copy h2{font-size:clamp(1.65rem,2.5vw,2.65rem)!important;line-height:1!important;text-wrap:balance!important}
.myxx-studio .pulse-page .pulse-lead-copy p{color:rgba(255,255,255,.58)!important;line-height:1.55!important}
.myxx-studio .pulse-page .pulse-side-card,.myxx-studio .pulse-page .story-card{border-radius:17px!important;background:rgba(255,255,255,.015)!important;overflow:hidden!important}
.myxx-studio .pulse-page .story-grid{gap:9px!important}
.myxx-studio .pulse-page :is(.pulse-side-card,.story-card) h3{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;text-wrap:balance!important}

/* Request + REMYXX: small polish pass, no new visual language. */
.myxx-studio .request-promo,.myxx-studio .remyxx-feature{border-radius:21px!important;box-shadow:none!important;border-color:rgba(255,255,255,.055)!important}
.myxx-studio .request-promo h2,.myxx-studio .remyxx-copy h2{letter-spacing:-.068em!important;text-wrap:balance!important}
.myxx-studio .request-promo .primary-action{box-shadow:0 12px 26px rgba(0,0,0,.12)!important}
.myxx-studio .remyxx-cover{border-radius:18px!important;overflow:hidden!important}

/* Inner-page cards/text: kill one-off overflows and weak alignment. */
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero){border-radius:22px!important}
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) .display,
.myxx-studio :is(.masthead,.authority-hero,.request-hero,.entity-hero,.artist-identity-hero) h1{text-wrap:balance!important}
.myxx-studio .myxx-facts-grid{gap:8px!important}
.myxx-studio .myxx-fact{border-color:rgba(255,255,255,.045)!important;background:rgba(255,255,255,.012)!important;box-shadow:none!important}
.myxx-studio .myxx-fact p{color:rgba(255,255,255,.55)!important;line-height:1.55!important}
.myxx-studio .entity-index-card{border-color:rgba(255,255,255,.05)!important;box-shadow:none!important}
.myxx-studio .entity-index-card:hover{transform:translateY(-2px)!important;border-color:rgba(255,210,31,.14)!important}

/* Footer + dock stay quiet. */
.myxx-studio .footer-brand,.myxx-studio .footer-grid{border-radius:18px!important;background:rgba(255,255,255,.012)!important;box-shadow:none!important}
.myxx-studio .footer-grid{padding:28px!important}
.myxx-studio .player-dock{width:min(calc(100% - 18px),660px)!important;border-color:rgba(255,255,255,.075)!important;}

/* Accessibility/focus without ugly browser-default collisions. */


@media(max-width:1020px){
  .myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:min(calc(100% - 24px),960px)!important}
  .myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)!important;gap:30px!important;padding:34px!important}
  .myxx-studio .live-stage{width:min(100%,390px)!important}
  .myxx-studio .pulse-home{grid-template-columns:1fr!important}
  .myxx-studio .utility-stack{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .myxx-studio .section-head{grid-template-columns:1fr minmax(190px,300px)!important}
}

@media(max-width:760px){
  .myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:calc(100% - 10px)!important}
  .myxx-studio .site-header{min-height:56px!important;border-radius:17px!important}
  .myxx-studio .hero{padding:23px 15px 17px!important;gap:22px!important;border-radius:18px!important}
  .myxx-studio .hero-statement{font-size:clamp(2.9rem,13.1vw,3.92rem)!important}
  .myxx-studio .hero .lead-copy{font-size:.71rem!important;line-height:1.58!important}
  .myxx-studio .live-stage{width:min(100%,334px)!important;padding-bottom:43px!important}
  .myxx-studio .live-cover-shell{transform:none!important;border-radius:20px!important}
  .myxx-studio .live-cover-top{transform:none!important;top:9px!important;left:9px!important;right:9px!important}
  .myxx-studio .live-caption{left:4px!important;right:4px!important;min-height:91px!important;padding:12px 13px!important;border-radius:14px!important}
  .myxx-studio .live-caption h2{font-size:1.04rem!important;max-width:88%!important}
  .myxx-studio .live-show{max-width:112px!important;padding:8px 9px!important}
  .myxx-studio .section-head{display:block!important;margin-bottom:16px!important}
  .myxx-studio .section-head h2{font-size:clamp(2.35rem,11vw,3.3rem)!important}
  .myxx-studio .section-head p{justify-self:auto!important;margin-top:9px!important;font-size:.71rem!important;max-width:46ch!important}
  .myxx-studio .host-feature{border-radius:17px!important}.myxx-studio .host-portrait{min-height:350px!important}.myxx-studio .host-copy{padding:19px 16px 22px!important}
  .myxx-studio .track-card{min-width:150px!important;width:150px!important}
  .myxx-studio .pulse-lead-inner{padding:18px 14px!important}.myxx-studio .pulse-story-feature{grid-template-columns:1fr!important;min-height:0!important;padding:9px!important}.myxx-studio .pulse-story-thumb{min-height:160px!important}.myxx-studio .pulse-headline-row{min-height:70px!important}
  .myxx-studio .utility-stack{grid-template-columns:1fr!important}
  .myxx-studio .weather-block,.myxx-studio .pulse-page .utility-card.weather{min-height:220px!important;padding:18px!important}.myxx-studio .weather-temp{font-size:3.55rem!important}.myxx-studio .weather-icon{width:60px!important;height:60px!important}
  .myxx-studio .pulse-page .pulse-masthead{min-height:0!important;padding:26px 17px!important;border-radius:18px!important}.myxx-studio .pulse-page .pulse-masthead h1{font-size:clamp(3.05rem,14vw,4.2rem)!important}.myxx-studio .pulse-page .pulse-utility{grid-template-columns:1fr!important}.myxx-studio .pulse-page .utility-card{min-height:0!important;border-radius:16px!important}.myxx-studio .pulse-page .pulse-tabs{top:64px!important;overflow-x:auto!important;scrollbar-width:none!important;justify-content:flex-start!important}.myxx-studio .pulse-page .pulse-tabs::-webkit-scrollbar{display:none!important}.myxx-studio .pulse-page .pulse-tabs button{flex:0 0 auto!important}
  .myxx-studio .request-promo,.myxx-studio .remyxx-feature{border-radius:17px!important;padding:22px 16px!important}
  .myxx-studio .footer-grid{padding:22px 17px!important}
  .myxx-studio .player-dock{width:calc(100% - 6px)!important;min-height:57px!important;border-radius:14px!important}
}

@media(max-width:390px){
  .myxx-studio .hero{padding-inline:13px!important}.myxx-studio .hero-statement{font-size:clamp(2.62rem,13.2vw,3.38rem)!important}
  .myxx-studio .live-stage{width:min(100%,306px)!important}.myxx-studio .live-caption h2{font-size:.97rem!important}.myxx-studio .live-show{max-width:100px!important}
  .myxx-studio .weather-mini{gap:4px!important}.myxx-studio .weather-mini span{font-size:.51rem!important;padding:5px 7px!important}
}

/* ========================================================================== 
   v28.3.6 RELIABILITY RECOVERY + OCD
   Fixes visual failure states so a transient missing image never leaves a
   giant empty black rectangle or a cheap repeated-logo wall.
   ========================================================================== */

/* Top live player: graceful fallback while artwork resolves. */

.myxx-studio #heroArtwork.is-logo-fallback,
.myxx-studio #heroArtwork[src*="logo-square"]{
  object-fit:contain!important;
  padding:clamp(44px,10%,72px)!important;
  opacity:.86!important;
  transform:none!important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.28))!important;
}
.myxx-studio .live-stage.is-pending #heroArtwork{
  object-fit:contain!important;
  padding:clamp(48px,12%,78px)!important;
  opacity:.82!important;
}
.myxx-studio .live-cover-shell:has(#heroArtwork.is-logo-fallback)::after{
  content:"ARTWORK UPDATING";
  position:absolute;
  left:50%;
  bottom:132px;
  transform:translateX(-50%);
  z-index:4;
  color:rgba(255,255,255,.33);
  font-size:.48rem;
  font-weight:800;
  letter-spacing:.11em;
  white-space:nowrap;
}

/* Track cards: fallback brand art is subdued and consistent, never cropped. */
.myxx-studio .track-art img.is-logo-fallback,
.myxx-studio .track-art img[src*="logo-square"]{
  object-fit:contain!important;
  padding:17%!important;
  opacity:.58!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,210,31,.055),transparent 45%),
    #0b0b0f!important;
}
.myxx-studio .track-art{border-bottom:1px solid rgba(255,255,255,.035)!important}
.myxx-studio .track-card h3{min-height:2.3em!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.myxx-studio .track-card p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Pulse should look intentional even during a refresh, but never pretend a
   placeholder is news. */
.myxx-studio .pulse-story-feature:has(.story-fallback):not(:has(.pulse-story-thumb img)){
  background:linear-gradient(145deg,rgba(255,210,31,.025),rgba(255,255,255,.012))!important;
}
.myxx-studio .pulse-story-thumb .story-fallback{
  background:
    radial-gradient(circle at 70% 30%,rgba(255,210,31,.08),transparent 38%),
    linear-gradient(145deg,#16151b,#0c0c10)!important;
}
.myxx-studio .pulse-story-thumb .story-fallback strong{max-width:13ch!important}


/* Weather timestamp and content need clear hierarchy. */
.myxx-studio .weather-freshness{padding-top:15px!important;}
.myxx-studio .weather-block{display:flex!important;flex-direction:column!important}
.myxx-studio .weather-block .weather-top,
.myxx-studio .weather-block h3,
.myxx-studio .weather-block>p,
.myxx-studio .weather-block .weather-mini{flex:none!important}

/* Homepage rhythm after the removals: less dead air, more deliberate flow. */
.myxx-studio .hero + .section{padding-top:44px!important}
.myxx-studio .host-feature + *{margin-top:0!important}
.myxx-studio .track-rail-wrap{mask-image:linear-gradient(90deg,#000 0,#000 95%,transparent 100%)!important}
.myxx-studio .pulse-home{align-items:stretch!important}
.myxx-studio .utility-stack{height:100%!important}

/* Avoid cropped host / artist faces on intermediate laptop widths. */
.myxx-studio .host-portrait img{object-position:center 12%!important}
.myxx-studio .artist-index-thumb,
.myxx-studio .artist-photo-mark img{object-position:center 18%!important}

/* Dock: metadata gets the room before utility controls do. */
.myxx-studio .dock-copy{min-width:0!important;flex:1 1 auto!important}
.myxx-studio .dock-copy strong,
.myxx-studio .dock-copy span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.myxx-studio .dock-actions{flex:0 0 auto!important}

/* Slightly quieter glass. Expensive > flashy. */
.myxx-studio :is(.live-caption,.track-card,.weather-block,.home-world,.pulse-lead-home,.next-up){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

@media(max-width:760px){
  .myxx-studio #heroArtwork.is-logo-fallback,
  .myxx-studio #heroArtwork[src*="logo-square"]{padding:15%!important}
  .myxx-studio .live-cover-shell:has(#heroArtwork.is-logo-fallback)::after{bottom:110px;font-size:.43rem!important}
  .myxx-studio .track-art img.is-logo-fallback,
  .myxx-studio .track-art img[src*="logo-square"]{padding:15%!important}
  .myxx-studio .track-rail-wrap{mask-image:none!important}
}

/* ========================================================================== 
   v28.3.7 RELIABILITY FALLBACK + OCD
   Screenshot-led optical corrections and resilient loading states.
   ========================================================================== */

/* Hero typography: three intentional lines, never accidental wraps. */

.myxx-studio .hero-statement{font-size:clamp(3.55rem,4.55vw,4.82rem)!important;line-height:.86!important;letter-spacing:-.066em!important;text-wrap:initial!important;}
.myxx-studio .hero-statement span,
.myxx-studio .hero-statement strong{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
}

.myxx-studio .hero-brandline{margin-top:4px!important}

/* Bring the two hero columns onto the same optical axis. */

.myxx-studio .live-stage{align-self:center!important}

.myxx-studio #heroArtwork.is-logo-fallback,
.myxx-studio #heroArtwork[src*="logo-square"]{
  padding:19%!important;
  opacity:.66!important;
}
.myxx-studio .live-cover-shell:has(#heroArtwork.is-logo-fallback)::after{
  content:"COVER ART LOADING"!important;
  bottom:120px!important;
  color:rgba(255,255,255,.23)!important;
  font-size:.43rem!important;
  letter-spacing:.13em!important;
}
.myxx-studio .live-caption{border-color:rgba(255,255,255,.075)!important}

/* Pulse: loading states should look calm, not broken. */
.myxx-studio .pulse-story-feature:has(.story-fallback):not(:has(.pulse-story-thumb img)) .pulse-story-thumb{
  background:linear-gradient(145deg,#121217,#0a0a0e)!important;
}
.myxx-studio .pulse-story-feature:has(.story-fallback):not(:has(.pulse-story-thumb img)) .story-fallback{
  opacity:.72!important;
}
.myxx-studio .pulse-freshness.is-cached{color:#a8a4ad!important}
.myxx-studio .pulse-freshness.is-cached i{background:#d6b337!important;box-shadow:none!important}

/* Weather recovery state: never look like an empty broken widget. */
.myxx-studio .weather-block,
.myxx-studio .utility-card.weather{min-height:220px!important}
.myxx-studio .weather-temp{font-variant-numeric:tabular-nums!important}
.myxx-studio .weather-freshness{margin-top:auto!important}

/* Audience fallback remains useful but visually quiet until real geo arrives. */
.myxx-studio .home-world{min-height:220px!important}
.myxx-studio .home-world.is-loading,
.myxx-studio .world-card.is-loading{opacity:.82!important}

/* Further optical cleanup from live screenshots. */
.myxx-studio .track-rail{scroll-padding-inline:2px!important}
.myxx-studio .track-card{border-color:rgba(255,255,255,.055)!important}
.myxx-studio .track-card:hover{border-color:rgba(255,210,31,.22)!important}
.myxx-studio .site-header{box-shadow:0 14px 38px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important}
.myxx-studio .player-dock{box-shadow:0 16px 44px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.035)!important}

@media(max-width:1180px){
  .myxx-studio .hero{grid-template-columns:minmax(480px,1fr) minmax(340px,.74fr)!important;gap:30px!important}
  .myxx-studio .hero-statement{font-size:clamp(3.2rem,5vw,4.25rem)!important}
}
@media(max-width:900px){
  .myxx-studio .hero{grid-template-columns:1fr!important}
  .myxx-studio .hero-copy{max-width:none!important}
  .myxx-studio .hero-statement{font-size:clamp(3rem,10vw,4rem)!important;max-width:100%!important}
  .myxx-studio .hero-statement span,.myxx-studio .hero-statement strong{max-width:100%!important}
}
@media(max-width:760px){
  .myxx-studio .hero-statement{font-size:clamp(2.72rem,12.4vw,3.72rem)!important;line-height:.87!important}
  .myxx-studio #heroArtwork.is-logo-fallback,.myxx-studio #heroArtwork[src*="logo-square"]{padding:18%!important}
  .myxx-studio .live-cover-shell:has(#heroArtwork.is-logo-fallback)::after{bottom:104px!important;font-size:.39rem!important}
}
@media(max-width:390px){
  .myxx-studio .hero-statement{font-size:clamp(2.42rem,12vw,3rem)!important;letter-spacing:-.058em!important}
}

/* v28.3.7 final headline lock: the three brand lines are deliberate units. */

.myxx-studio .hero-statement{width:100%!important;}
.myxx-studio .hero-statement span:first-child{
  font-size:.90em!important;
  letter-spacing:-.075em!important;
}
@media(max-width:1180px){
  .myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.74fr)!important}
  .myxx-studio .hero-statement span:first-child{font-size:.88em!important}
}
@media(max-width:900px){
  .myxx-studio .hero{grid-template-columns:1fr!important}
  .myxx-studio .hero-statement span:first-child{font-size:.91em!important}
}
@media(max-width:430px){
  .myxx-studio .hero-statement span:first-child{font-size:.88em!important}
}

/* Final screenshot OCD: remove the stray decorative dash and let show names breathe. */
.myxx-studio .hero-copy::before{display:none!important;content:none!important}
.myxx-studio .live-show{min-width:138px!important;}
.myxx-studio .live-show strong{text-overflow:clip!important;line-clamp:2!important;}
@media(max-width:760px){
  .myxx-studio .live-show{max-width:136px!important;min-width:104px!important}
}
@media(max-width:390px){
  .myxx-studio .live-show{max-width:122px!important;min-width:96px!important}
}

/* ========================================================================== 
   v28.3.8 HARD RECOVERY OCD
   Final screenshot-led fixes. No loading labels, no translucent artifacts.
   ========================================================================== */

/* The fallback should read as a quiet intentional station mark, never as a
   broken player or a second UI box. */

.myxx-studio .live-cover-shell:has(#heroArtwork.is-logo-fallback)::after,
.myxx-studio .live-cover-shell:has(#heroArtwork[src*="logo-square"])::after{
  content:none!important;
  display:none!important;
}
.myxx-studio .live-stage:has(#heroArtwork.is-logo-fallback) .live-stage-glow,
.myxx-studio .live-stage:has(#heroArtwork[src*="logo-square"]) .live-stage-glow{
  opacity:0!important;
  visibility:hidden!important;
}
.myxx-studio #heroArtwork.is-logo-fallback,
.myxx-studio #heroArtwork[src*="logo-square"]{
  object-fit:contain!important;
  object-position:center!important;
  box-sizing:border-box!important;
  padding:20%!important;
  opacity:.42!important;
  transform:none!important;
  filter:none!important;
  background:radial-gradient(circle at 50% 48%,rgba(255,210,31,.045),transparent 42%)!important;
}

/* Opaque show glass prevents artwork/skyline geometry bleeding through the
   cream card and looking like a stray divider. */
.myxx-studio .live-show{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.myxx-studio .live-show::before,.myxx-studio .live-show::after{content:none!important;display:none!important}

/* Album art remains the hero when it is real. */
.myxx-studio #heroArtwork:not(.is-logo-fallback):not([src*="logo-square"]){
  padding:0!important;
  opacity:1!important;
  object-fit:cover!important;
  background:#08080b!important;
}
.myxx-studio .live-stage:has(#heroArtwork:not(.is-logo-fallback):not([src*="logo-square"])) .live-stage-glow{
  opacity:.18!important;
  visibility:visible!important;
}

/* Loading states should never fake freshness or dominate the Pulse layout. */
.myxx-studio .weather-block .weather-temp:empty::before{content:"--"}
.myxx-studio .pulse-freshness{min-height:14px!important}
.myxx-studio .pulse-story-feature{overflow:hidden!important}

/* Preserve the exact three-line hero hierarchy at desktop/tablet widths. */
.myxx-studio .hero-statement span,
.myxx-studio .hero-statement strong{white-space:nowrap!important}

@media(max-width:760px){
  .myxx-studio #heroArtwork.is-logo-fallback,
  .myxx-studio #heroArtwork[src*="logo-square"]{padding:17%!important;opacity:.46!important}
  .myxx-studio .live-show{background:linear-gradient(145deg,#f2eccb,#ddd3a1)!important}
}

/* ===== player-restore.v28.3.9.css ===== */

/* MYXX FM v28.3.9 — ORIGINAL PLAYER CHARACTER RESTORE
   Visual-only refinement. No Pulse/weather/news behavior changed here. */

.myxx-studio .hero{overflow:hidden!important;}

/* Bring back the original "sculpture" feeling: rings, slight tilt, floating glass metadata. */
.myxx-studio .live-stage{position:relative!important;isolation:isolate!important;justify-self:end!important;overflow:visible!important;}
.myxx-studio .live-stage::before{content:""!important;position:absolute!important;z-index:-2!important;aspect-ratio:1!important;left:50%!important;top:50%!important;transform:translate(-50%,-51%)!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.09)!important;background:
    radial-gradient(circle,rgba(255,210,31,.095),rgba(255,52,112,.045) 42%,transparent 70%)!important;}
.myxx-studio .live-stage::after{content:""!important;position:absolute!important;z-index:-1!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,205,31,.14),rgba(255,49,115,.055) 42%,transparent 72%)!important;pointer-events:none!important;}

.myxx-studio .live-cover-shell{margin-inline:auto!important;aspect-ratio:1!important;overflow:hidden!important;padding:6px!important;background:linear-gradient(145deg,rgba(202,204,214,.58),rgba(92,94,108,.22) 38%,rgba(255,255,255,.07) 72%,rgba(44,45,53,.38))!important;border:1px solid rgba(225,227,235,.18)!important;box-shadow:
    0 42px 100px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.22)!important;transform-origin:center!important;}
.myxx-studio .live-cover-art{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border-radius:30px!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.myxx-studio .live-cover-top{transform:rotate(2deg)!important;align-items:flex-start!important;}
.myxx-studio .live-pill{
  padding:9px 13px!important;
  border-radius:999px!important;
  background:#ff2e62!important;
  border:0!important;
  color:#fff!important;
  font-size:.54rem!important;
  font-weight:930!important;
  letter-spacing:.10em!important;
  box-shadow:0 12px 28px rgba(255,46,98,.28)!important;
  transform:rotate(-2deg)!important;
}
.myxx-studio .live-pill i{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.15)!important;
}
.myxx-studio .live-show{background:linear-gradient(180deg,rgba(255,249,217,.95),rgba(255,242,182,.90))!important;color:#15130b!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 24px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.65)!important;text-align:left!important;transform:rotate(2deg)!important;}
.myxx-studio .live-show small{font-size:.52rem!important;}
.myxx-studio .live-show strong{color:#15130b!important;margin-top:5px!important;white-space:normal!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.myxx-studio .live-show em{color:#6d6650!important;font-size:.58rem!important;margin-top:4px!important}

/* Original floating glass treatment, now contained safely by stage padding. */
.myxx-studio .live-caption{position:absolute!important;z-index:8!important;width:auto!important;margin:0!important;background:linear-gradient(180deg,rgba(24,24,33,.80),rgba(8,8,12,.88))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 28px 70px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(26px) saturate(1.25)!important;-webkit-backdrop-filter:blur(26px) saturate(1.25)!important;}
.myxx-studio .live-caption small{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:#f0b818!important;
  font-size:.52rem!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.myxx-studio .live-caption h2{margin:8px 0 3px!important;line-height:1!important;letter-spacing:-.045em!important;}
.myxx-studio .live-caption p{font-size:.72rem!important;color:#b7b3bd!important}

.myxx-studio .live-eq{margin-right:3px!important}

/* Keep fallback artwork elegant instead of looking like a broken empty player. */
.myxx-studio .live-stage.is-pending .live-cover-art,
.myxx-studio .live-cover-art.is-logo-fallback{
  object-fit:contain!important;
  padding:76px!important;
  background:radial-gradient(circle at 50% 42%,rgba(255,210,31,.07),transparent 35%),#0b0b0f!important;
}

/* Slightly improve hero optical balance with the revived player. */

.myxx-studio .hero-meta{margin-top:16px!important}

/* Mobile: original personality, not a desktop card crushed into a phone. */
@media(max-width:1020px){
  .myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(390px,.84fr)!important;gap:34px!important}
  .myxx-studio .live-stage{width:min(100%,440px)!important;padding-inline:22px!important}
}
@media(max-width:760px){
  .myxx-studio .hero{grid-template-columns:1fr!important}
  .myxx-studio .live-stage{
    width:min(100%,354px)!important;
    min-height:430px!important;
    padding:25px 15px 68px!important;
    justify-self:center!important;
  }
  .myxx-studio .live-stage::before{width:min(88vw,390px)!important}
  .myxx-studio .live-cover-shell{
    width:min(100%,324px)!important;
    border-radius:27px!important;
    transform:rotate(-1deg)!important;
  }
  .myxx-studio .live-cover-art{border-radius:22px!important}
  .myxx-studio .live-cover-top{top:11px!important;left:11px!important;right:11px!important;transform:rotate(1deg)!important}
  .myxx-studio .live-pill{font-size:.43rem!important;padding:7px 9px!important}
  .myxx-studio .live-show{
    width:116px!important;max-width:116px!important;
    padding:9px 10px!important;border-radius:5px 14px 14px!important;
  }
  .myxx-studio .live-show strong{font-size:.64rem!important}
  .myxx-studio .live-show em{font-size:.47rem!important}
  .myxx-studio .live-caption{
    left:4px!important;right:4px!important;bottom:13px!important;
    min-height:96px!important;padding:13px 14px!important;border-radius:17px!important;
  }
  .myxx-studio .live-caption h2{font-size:1.16rem!important}
  .myxx-studio .live-caption p{font-size:.58rem!important}
  .myxx-studio .live-stage.is-pending .live-cover-art,
  .myxx-studio .live-cover-art.is-logo-fallback{padding:52px!important}
}

/* ===== apple-precision.v28.3.11.css ===== */

/* MYXX FM v28.3.11 — Apple Precision Pass */

/* Home hero clean-up */
.myxx-studio .hero-brandline{display:none!important}
.myxx-studio .hero-statement{max-width:min(100%,8.8ch)!important;margin:10px 0 16px!important}
.myxx-studio .hero-statement span,
.myxx-studio .hero-statement strong{display:block!important;white-space:nowrap!important;text-wrap:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important}
.myxx-studio .hero-copy{max-width:620px!important}
.myxx-studio .hero .lead-copy{max-width:47ch!important}
.myxx-studio .hero-meta{row-gap:8px!important}
.myxx-studio .hero-meta span{white-space:nowrap!important}

/* Re-polish the large top player so it feels closer to the original hero sculpture */
.myxx-studio .hero{grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr)!important;align-items:center!important;gap:clamp(48px,5.4vw,82px)!important}
.myxx-studio .live-stage{width:min(100%,530px)!important;min-height:596px!important;padding:34px 18px 84px!important}
.myxx-studio .live-stage::before{width:min(50vw,590px)!important;box-shadow:0 0 0 24px rgba(255,255,255,.014),0 0 0 60px rgba(255,255,255,.011),0 0 0 104px rgba(255,255,255,.006)!important}
.myxx-studio .live-stage::after{inset:8% 4% 16%!important;filter:blur(30px)!important;opacity:.95!important}
.myxx-studio .live-stage-glow{inset:10% 6% 17%!important;opacity:.23!important;filter:blur(54px)!important}
.myxx-studio .live-cover-shell{width:min(100%,470px)!important;border-radius:36px!important;transform:rotate(-1.5deg)!important}
.myxx-studio .live-cover-top{top:18px!important;left:18px!important;right:18px!important}
.myxx-studio .live-show{width:178px!important;max-width:178px!important;padding:14px 15px!important;border-radius:8px 20px 20px!important}
.myxx-studio .live-show strong{font-size:.86rem!important;line-height:1.07!important}
.myxx-studio .live-caption{left:14px!important;right:14px!important;bottom:18px!important;min-height:116px!important;padding:18px 20px!important;border-radius:24px!important}
.myxx-studio .live-caption h2{max-width:88%!important;font-size:clamp(1.42rem,2vw,1.96rem)!important}
.myxx-studio .live-caption p{font-size:.72rem!important}
.myxx-studio .live-signal-line{margin-top:12px!important}
.myxx-studio .live-eq{margin-left:14px!important}

/* General precision pass */
.myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{max-width:1360px!important}
.myxx-studio img{image-rendering:auto}
.myxx-studio .track-card,.myxx-studio .story-card,.myxx-studio .weather-block,.myxx-studio .world-block,.myxx-studio .pulse-home,.myxx-studio .request-promo,.myxx-studio .featured-episode,.myxx-studio .entity-index-card,.myxx-studio .host-profile,.myxx-studio .request-side-panel{backface-visibility:hidden;transform:translateZ(0)}
.myxx-studio .track-card img,.myxx-studio .story-card img,.myxx-studio .host-portrait img{display:block}

/* Better tablet balance */
@media(max-width:1180px){
  .myxx-studio .hero{grid-template-columns:minmax(0,1fr) minmax(405px,.88fr)!important;gap:34px!important}
  .myxx-studio .live-stage{width:min(100%,470px)!important;min-height:534px!important;padding:28px 14px 78px!important}
  .myxx-studio .live-cover-shell{width:min(100%,420px)!important}
  .myxx-studio .live-caption{left:10px!important;right:10px!important;bottom:16px!important}
}
@media(max-width:940px){
  .myxx-studio .hero{grid-template-columns:1fr!important;gap:30px!important}
  .myxx-studio .hero-copy{max-width:100%!important}
  .myxx-studio .hero-statement{max-width:min(100%,9.2ch)!important}
  .myxx-studio .live-stage{justify-self:center!important;width:min(100%,448px)!important;min-height:500px!important;padding:24px 14px 76px!important}
  .myxx-studio .live-cover-shell{width:min(100%,402px)!important}
}
@media(max-width:760px){
  .myxx-studio .hero{padding:28px 18px!important}
  .myxx-studio .hero-statement{max-width:100%!important;font-size:clamp(2.75rem,12vw,4.08rem)!important;line-height:.93!important;padding:16px 18px 20px!important}
  .myxx-studio .hero-copy{display:grid!important;gap:0!important}
  .myxx-studio .action-row{flex-wrap:wrap!important}
  .myxx-studio .hero-meta{flex-wrap:wrap!important}
  .myxx-studio .live-stage{width:min(100%,374px)!important;min-height:452px!important;padding:18px 10px 68px!important}
  .myxx-studio .live-cover-shell{width:min(100%,336px)!important;border-radius:28px!important;transform:rotate(-1deg)!important}
  .myxx-studio .live-show{width:122px!important;max-width:122px!important}
  .myxx-studio .live-caption{left:6px!important;right:6px!important;bottom:10px!important;min-height:96px!important;padding:13px 14px!important;border-radius:18px!important}
}
@media(max-width:480px){
  .myxx-studio .site-header,.myxx-studio .app-main,.myxx-studio .site-footer{width:calc(100% - 16px)!important}
  .myxx-studio .hero{margin-top:16px!important;border-radius:22px!important}
  .myxx-studio .hero-statement{font-size:clamp(2.46rem,13vw,3.55rem)!important;padding:14px 14px 18px!important;letter-spacing:-.07em!important}
  .myxx-studio .hero .lead-copy{font-size:.72rem!important;line-height:1.55!important}
  .myxx-studio .primary-action,.myxx-studio .secondary-action{width:100%!important;justify-content:center!important}
  .myxx-studio .live-stage{width:100%!important;min-height:426px!important;padding:16px 8px 66px!important}
  .myxx-studio .live-cover-shell{width:min(100%,312px)!important}
  .myxx-studio .live-pill{font-size:.41rem!important;padding:7px 9px!important}
  .myxx-studio .live-show{width:112px!important;max-width:112px!important;padding:8px 9px!important}
  .myxx-studio .live-show small{font-size:.42rem!important}
  .myxx-studio .live-show strong{font-size:.61rem!important}
  .myxx-studio .live-show em{font-size:.45rem!important}
  .myxx-studio .live-caption h2{font-size:1.08rem!important}
  .myxx-studio .live-caption p{font-size:.55rem!important}
}

/* ===== safe-ocd.v28.3.12r1.css ===== */

/* MYXX FM v28.3.12R1 SAFE OCD ROLLBACK
   Cosmetic-only micro-polish on top of known-good v28.3.11.
   NO layout geometry changes in this file.
*/

.myxx-studio .primary-action{
  background:linear-gradient(180deg,#ffe55f 0%,#ffd631 52%,#ffc20c 100%)!important;
  box-shadow:0 12px 28px rgba(255,194,0,.20),inset 0 1px 0 rgba(255,255,255,.68)!important;
  border-color:rgba(255,222,92,.48)!important;
}
.myxx-studio .primary-action:hover{
  box-shadow:0 16px 34px rgba(255,194,0,.26),inset 0 1px 0 rgba(255,255,255,.72)!important;
}

.myxx-studio .secondary-action,
.myxx-studio .icon-button,
.myxx-studio .menu-button{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.16)!important;
}
.myxx-studio .secondary-action:hover,
.myxx-studio .icon-button:hover,
.myxx-studio .menu-button:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.05))!important;
  border-color:rgba(255,255,255,.15)!important;
}

.myxx-studio .primary-action svg,
.myxx-studio .secondary-action svg,
.myxx-studio .icon-button svg,
.myxx-studio .menu-button svg,
.myxx-studio .text-action svg{
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.myxx-studio .track-card,
.myxx-studio .weather-block,
.myxx-studio .world-block,
.myxx-studio .pulse-story-home,
.myxx-studio .request-main,
.myxx-studio .request-side,
.myxx-studio .entity-index-card,
.myxx-studio .episode-row,
.myxx-studio .host-feature{
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.12)!important;
}

.myxx-studio .track-card:hover,
.myxx-studio .pulse-story-home:hover,
.myxx-studio .entity-index-card:hover,
.myxx-studio .episode-row:hover{
  border-color:rgba(240,184,24,.18)!important;
}

.myxx-studio .field input:focus,
.myxx-studio .field textarea:focus,
.myxx-studio .field select:focus,
.myxx-studio .search-bar input:focus,
.myxx-studio .history-controls input:focus,
.myxx-studio .history-controls select:focus{
  border-color:rgba(240,184,24,.38)!important;
  box-shadow:0 0 0 3px rgba(240,184,24,.10)!important;
  outline:none!important;
}

.myxx-studio .text-action{
  text-underline-offset:4px!important;
}

/* ===== product-player.v28.4.0.css ===== */
/* ============================================================
   MYXX FM v28.4.0 PRODUCT PLAYER + RESPONSIVE OCD
   Component-specific layout pass. No broad wildcard geometry.
   ============================================================ */

:root{
  --v40-yellow:#f0b818;
  --v40-panel:#0b0b0f;
  --v40-glass:rgba(13,13,18,.88);
  --v40-line:rgba(255,255,255,.09);
  --v40-soft:rgba(255,255,255,.64);
}

/* ---------- HOME HERO / LIVE PRODUCT ---------- */
.myxx-studio .home-hero{
  grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr)!important;
  gap:clamp(46px,5.4vw,82px)!important;
  align-items:center!important;
}


.myxx-studio .home-hero .live-stage{justify-self:end!important}
.myxx-studio .home-hero .live-cover-shell{width:min(100%,486px)!important}
.myxx-studio .home-hero .live-caption{left:4px!important;right:4px!important}

/* ---------- PLAYER STATE ICONS ---------- */
.myxx-studio .dock-play svg,
.myxx-studio .player-panel-play svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.myxx-studio .dock-play svg path,
.myxx-studio .player-panel-play svg path{vector-effect:non-scaling-stroke}
.myxx-studio .live-start-spinner{
  width:18px;height:18px;border-radius:50%;display:block;
  border:2px solid rgba(0,0,0,.28);border-top-color:currentColor;
  animation:v40-spin .72s linear infinite;
}
.myxx-studio .primary-action .live-start-spinner{width:14px;height:14px}
@keyframes v40-spin{to{transform:rotate(360deg)}}

/* ---------- EXPANDABLE PRODUCT PLAYER ---------- */
.myxx-studio .dock-art[role="button"],
.myxx-studio .dock-copy[role="button"]{cursor:pointer}
.myxx-studio .dock-copy[role="button"]:focus-visible,
.myxx-studio .dock-art[role="button"]:focus-visible{outline:2px solid var(--v40-yellow);outline-offset:3px}

.player-panel-backdrop{
  position:fixed;inset:0;z-index:997;
  background:rgba(0,0,0,.30);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.player-panel-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.player-panel{
  position:fixed;z-index:998;left:50%;bottom:88px;
  width:min(438px,calc(100% - 28px));
  max-height:min(720px,calc(100dvh - 118px));
  transform:translate(-50%,24px) scale(.985);
  opacity:0;visibility:hidden;pointer-events:none;
  border:1px solid rgba(255,255,255,.12);border-radius:34px;
  background:
    radial-gradient(circle at 78% 8%,rgba(255,210,31,.11),transparent 25%),
    linear-gradient(180deg,rgba(18,18,24,.98),rgba(7,7,10,.985));
  box-shadow:0 34px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.08);
  padding:16px 16px 18px;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease,visibility .24s ease;
  overflow:auto;overscroll-behavior:contain;
}
.player-panel.open{transform:translate(-50%,0) scale(1);opacity:1;visibility:visible;pointer-events:auto}
.player-panel-handle{display:none;width:44px;height:4px;border-radius:999px;background:rgba(255,255,255,.22);margin:0 auto 10px}
.player-panel-minimize{
  position:absolute;z-index:4;top:16px;right:16px;width:42px;height:42px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);background:rgba(7,7,10,.76);color:#fff;
  display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(14px);
}
.player-panel-minimize svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.player-panel-art-shell{position:relative;width:100%;aspect-ratio:1;border-radius:26px;overflow:hidden;background:#08080b}
.player-panel-art-shell::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.player-panel-art-glow{position:absolute;inset:8%;filter:blur(48px);opacity:.32;background:radial-gradient(circle,rgba(255,210,31,.34),transparent 66%)}
.player-panel-art-shell img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;border-radius:26px}
.player-panel-art-shell img.is-logo-fallback{object-fit:contain;padding:68px;background:#09090c}
.player-panel-copy{padding:18px 4px 8px}
.player-panel-copy>small{display:block;color:var(--v40-yellow);font-size:.58rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.player-panel-copy h2{margin:8px 0 4px;font-size:clamp(2rem,5vw,2.7rem);line-height:.94;letter-spacing:-.055em}
.player-panel-copy>p{margin:0;color:#aaa6b0;font-size:.88rem}
.player-panel-show{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.075);display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}
.player-panel-show span{grid-row:1/3;color:var(--v40-yellow);font-size:.5rem;font-weight:950;letter-spacing:.14em}
.player-panel-show strong{font-size:.78rem;color:#fff}.player-panel-show em{font-size:.64rem;color:#85818a;font-style:normal}
.player-panel-controls{display:grid;grid-template-columns:52px 1fr 52px;gap:12px;align-items:center;margin-top:14px}
.player-panel-controls button{height:52px;border-radius:17px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center;cursor:pointer}
.player-panel-controls button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}
.player-panel-controls .player-panel-play{height:58px;border:0;background:var(--v40-yellow);color:#111;box-shadow:0 14px 30px rgba(255,198,0,.22)}

/* ---------- RECENTLY PLAYED ---------- */
.myxx-studio .home-played-section .track-rail{gap:12px!important}
.myxx-studio .home-played-section .track-card{height:100%!important}

/* ---------- HOME PULSE / MAP ---------- */


.myxx-studio .home-world-summary{display:flex;flex-direction:column;min-width:0;padding:8px 4px 4px}
.myxx-studio .home-world-head strong{letter-spacing:-.065em!important;}
.myxx-studio .home-world-head span{display:block;margin-top:5px;color:#8e8994;font-size:.68rem}
.myxx-studio .home-world-spotlight{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.myxx-studio .home-world-spotlight small{color:var(--v40-yellow);font-size:.5rem;font-weight:950;letter-spacing:.13em}
.myxx-studio .home-world-spotlight h3{margin:8px 0 7px!important;}
.myxx-studio .home-world-spotlight p{font-size:.66rem!important;color:#8f8a94!important}
.myxx-studio .home-world-countries{margin-top:16px;display:grid!important;gap:0 10px!important;}
.myxx-studio .home-world-countries span{min-height:30px!important;font-size:.58rem!important;border-top:1px solid rgba(255,255,255,.055)!important;display:flex!important;align-items:center!important;gap:8px!important}
.myxx-studio .home-world-countries b{color:var(--v40-yellow)!important;font-size:.47rem!important}




/* ---------- HOME HOST ---------- */
.myxx-studio .home-host-section .host-copy>p{max-width:56ch!important}

/* ---------- RESPONSIVE: TABLET ---------- */
@media(max-width:1040px){
  .myxx-studio .home-hero{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr)!important;gap:32px!important}
  .myxx-studio .home-world-map{grid-template-columns:1fr!important}
  .myxx-studio .home-map-canvas{min-height:260px!important;height:auto!important;aspect-ratio:1.9/1!important}
}

/* ---------- MOBILE PRODUCT-FIRST LAYOUT ---------- */
@media(max-width:760px){
  .myxx-studio .home-hero{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
    padding:18px 12px 16px!important;margin-top:10px!important;
  }
  .myxx-studio .home-hero .live-stage{order:1!important;width:min(100%,368px)!important;min-height:438px!important;margin:0 auto!important;padding:16px 8px 66px!important;justify-self:center!important}
  .myxx-studio .home-hero .live-cover-shell{width:min(100%,334px)!important}
  .myxx-studio .home-hero .hero-copy{order:2!important;max-width:none!important;padding:4px 5px 0!important}
  .myxx-studio .home-hero .hero-copy>.eyebrow{margin:0 0 9px!important;font-size:.52rem!important}
  .myxx-studio .home-hero .hero-statement{
    max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
    font-size:clamp(2.55rem,12.2vw,3.65rem)!important;line-height:.91!important;letter-spacing:-.075em!important;
  }
  .myxx-studio .home-hero .hero-statement span,.myxx-studio .home-hero .hero-statement strong{line-height:.91!important;padding:0!important}
  .myxx-studio .home-hero .lead-copy{margin:14px 0 0!important;font-size:.74rem!important;line-height:1.55!important;max-width:43ch!important}
  .myxx-studio .home-hero .action-row{margin-top:14px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .myxx-studio .home-hero .primary-action,.myxx-studio .home-hero .secondary-action{min-height:48px!important;font-size:.61rem!important;padding:0 10px!important;width:auto!important}
  .myxx-studio .home-hero .hero-meta{margin-top:10px!important;display:flex!important;gap:6px!important;overflow:visible!important;flex-wrap:wrap!important}
  .myxx-studio .home-hero #heroShow,.myxx-studio .home-hero #heroShowTime{display:none!important}
  .myxx-studio .home-hero #heroListeners{display:inline-flex!important}

  /* recently played becomes a real swipe carousel */
  .myxx-studio .home-played-section .section-head{display:block!important}
  .myxx-studio .home-played-section .track-head-tools>p{display:none!important}
  .myxx-studio .home-played-section .track-head-actions{margin-top:12px!important}
  .myxx-studio .home-played-section .track-rail-controls{display:none!important}
  .myxx-studio .home-played-section .track-rail{
    display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;
    grid-auto-columns:min(74vw,286px)!important;gap:12px!important;padding:6px 14vw 14px 0!important;
    scroll-padding-inline:0!important;scroll-snap-type:x mandatory!important;
  }
  .myxx-studio .home-played-section .track-card{width:100%!important;min-width:0!important;max-width:none!important;scroll-snap-align:start!important}
  .myxx-studio .home-played-section .track-card h3{font-size:.84rem!important}
  .myxx-studio .home-played-section .track-card p,.myxx-studio .home-played-section .track-card time{font-size:.62rem!important}

  /* compact current-host editorial feature */
  .myxx-studio .home-host-section .host-feature{grid-template-columns:1fr!important}
  .myxx-studio .home-host-section .host-portrait{min-height:330px!important;max-height:440px!important}
  .myxx-studio .home-host-section .host-copy{padding:18px 16px 20px!important}
  .myxx-studio .home-host-section .host-copy h2{font-size:clamp(2.75rem,13vw,3.7rem)!important}
  .myxx-studio .home-host-section .host-copy h3{font-size:1.05rem!important}
  .myxx-studio .home-host-section .host-copy>p{font-size:.72rem!important;line-height:1.5!important;margin-top:10px!important}
  .myxx-studio .home-host-section .host-copy>.action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:16px!important}
  .myxx-studio .home-host-section .host-copy>.action-row a{min-width:0!important;width:auto!important;min-height:46px!important;padding:0 9px!important;font-size:.57rem!important;justify-content:center!important}
  .myxx-studio .home-host-section .next-up{margin-top:10px!important;padding:10px!important;min-height:64px!important}

  /* Pulse is editorial, not dashboard stack */
  .myxx-studio .home-pulse-section .pulse-home{grid-template-columns:1fr!important;gap:10px!important}
  .myxx-studio .home-pulse-section .pulse-lead-inner{padding:18px 15px!important}
  .myxx-studio .home-pulse-section .pulse-lead-intro h2{font-size:clamp(2.6rem,12vw,3.65rem)!important;white-space:normal!important;overflow-wrap:normal!important}
  .myxx-studio .home-pulse-section .pulse-story-feature{grid-template-columns:1fr!important}
  .myxx-studio .home-pulse-section .pulse-story-thumb{min-height:160px!important;max-height:190px!important}
  .myxx-studio .home-pulse-section .pulse-story-feature-copy h3{font-size:1.12rem!important;line-height:1.08!important}
  .myxx-studio .home-pulse-section .pulse-story-feature-copy p{display:none!important}
  .myxx-studio .home-pulse-section .pulse-headline-stack{display:grid!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:78vw!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .myxx-studio .home-pulse-section .pulse-headline-stack::-webkit-scrollbar{display:none!important}
  .myxx-studio .home-pulse-section .pulse-headline-row{scroll-snap-align:start!important;min-height:78px!important}
  .myxx-studio .home-pulse-section .utility-stack{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .myxx-studio .home-pulse-section .weather-block{padding:18px!important;min-height:0!important}
  .myxx-studio .home-world-map{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important;min-height:0!important}
  .myxx-studio .home-world-summary{padding:2px!important}
  .myxx-studio .home-world-head strong{font-size:2.8rem!important}
  .myxx-studio .home-world-spotlight{margin-top:14px!important;padding-top:14px!important}
  .myxx-studio .home-world-spotlight h3{font-size:1.55rem!important;max-width:none!important}
  .myxx-studio .home-world-countries{grid-template-columns:1fr 1fr!important;margin-top:12px!important}
  .myxx-studio .home-map-canvas{min-height:218px!important;aspect-ratio:1.65/1!important;border-radius:19px!important}
  .myxx-studio .home-map-canvas .listener-map-readout{max-width:70%!important}

  /* expandable player becomes a product sheet */
  .player-panel-backdrop{background:rgba(0,0,0,.44);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
  .player-panel{
    left:8px!important;right:8px!important;bottom:max(72px,calc(env(safe-area-inset-bottom) + 66px))!important;width:auto!important;
    max-height:min(76dvh,700px)!important;transform:translate(0,32px)!important;border-radius:30px!important;padding:10px 10px 16px!important;
  }
  .player-panel.open{transform:translate(0,0)!important}
  .player-panel-handle{display:block!important}
  .player-panel-minimize{top:14px!important;right:14px!important;width:40px!important;height:40px!important;border-radius:14px!important}
  .player-panel-art-shell{border-radius:24px!important;max-height:44dvh!important}
  .player-panel-art-shell img{border-radius:24px!important}
  .player-panel-art-shell img.is-logo-fallback{padding:56px!important}
  .player-panel-copy{padding:14px 6px 6px!important}
  .player-panel-copy h2{font-size:2rem!important;margin-top:7px!important}
  .player-panel-copy>p{font-size:.78rem!important}
  .player-panel-show{margin-top:12px!important;padding-top:11px!important}
  .player-panel-controls{margin-top:12px!important}

  /* request/replay blocks remain compact on phones */
  .myxx-studio .request-promo{padding:22px 16px!important;min-height:0!important}
  .myxx-studio .request-promo h2{font-size:clamp(2.7rem,12vw,3.7rem)!important;line-height:.88!important;overflow-wrap:anywhere!important}
  .myxx-studio .request-promo .primary-action{width:100%!important;justify-content:center!important;min-height:48px!important}
  .myxx-studio .remyxx-feature{padding:22px 16px!important}
}

@media(max-width:430px){
  .myxx-studio .home-hero .live-stage{width:min(100%,342px)!important;min-height:414px!important}
  .myxx-studio .home-hero .live-cover-shell{width:min(100%,306px)!important}
  .myxx-studio .home-hero .hero-statement{font-size:clamp(2.35rem,11.6vw,3.15rem)!important}
  .myxx-studio .home-hero .action-row{grid-template-columns:1fr!important}
  .myxx-studio .home-played-section .track-rail{grid-auto-columns:76vw!important;padding-right:16vw!important}
  .myxx-studio .home-host-section .host-copy>.action-row{grid-template-columns:1fr 1fr!important}
  .myxx-studio .home-world-countries{grid-template-columns:1fr 1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .player-panel,.player-panel-backdrop,.live-start-spinner{transition:none!important;animation:none!important}
}

/* ===== layout-recovery.v28.4.1.css ===== */

/* ============================================================
   MYXX FM v28.4.1 LAYOUT CONTAINMENT RECOVERY
   Evidence-driven fixes for v28.4.0:
   - squeezed listener map
   - horizontal page overflow / zoom breakpoint failure
   - Listen Live text wrapping
   - robust tablet / desktop-zoom composition
   No broad site-wide resizing.
   ============================================================ */

html,
body.myxx-studio{
  max-width:100%;
  overflow-x:clip!important;
}

.myxx-studio .site-header,
.myxx-studio .app-main,
.myxx-studio .site-footer{
  max-width:min(1216px,calc(100vw - 24px))!important;
}

.myxx-studio .app-main,
.myxx-studio .app-main > *,
.myxx-studio .home-hero,
.myxx-studio .home-hero > *,
.myxx-studio .home-pulse-section,
.myxx-studio .home-pulse-section *,
.myxx-studio .home-played-section,
.myxx-studio .home-played-section *{
  min-width:0;
}

.myxx-studio .site-header .live-button{
  white-space:nowrap!important;
  flex-wrap:nowrap!important;
  flex-shrink:0!important;
}
.myxx-studio .site-header .live-button span{
  white-space:nowrap!important;
}

/* At accessibility zoom / smaller laptop widths, use the compact header
   before the desktop nav can create horizontal pressure. */
@media(max-width:1180px){
  .myxx-studio .site-header{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .myxx-studio .site-header>.main-nav{
    display:none!important;
  }
  .myxx-studio .site-header .menu-button{
    display:grid!important;
  }
  .myxx-studio .site-header>.brand-link{
    width:96px!important;
    min-width:96px!important;
  }
  .myxx-studio .site-header>.brand-link img{
    width:96px!important;
    max-height:62px!important;
  }
}

/* If viewport / browser zoom no longer gives the two-column hero enough room,
   stack cleanly instead of allowing the sculpture to force width. */
@media(max-width:1080px){
  .myxx-studio .home-hero{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .myxx-studio .home-hero .hero-copy{
    max-width:720px!important;
  }
  .myxx-studio .home-hero .live-stage{
    justify-self:center!important;
    width:min(100%,520px)!important;
  }
  .myxx-studio .home-hero .live-cover-shell{
    width:min(100%,460px)!important;
  }
}

/* ---------- PULSE: clean editorial grid ---------- */
.myxx-studio .home-pulse-section .pulse-home{display:grid!important;}
.myxx-studio .home-pulse-section .utility-stack{min-width:0!important;}
.myxx-studio .home-pulse-section .weather-block{
  height:100%!important;
  min-height:100%!important;
}

/* The audience/map experience now owns a full-width row.
   Map is the visual focus instead of being crushed into the weather sidebar. */
.myxx-studio .home-world-map{
  width:100%!important;
  max-width:100%!important;
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.62fr) minmax(280px,.38fr)!important;
  gap:18px!important;
  padding:16px!important;
  min-height:380px!important;
  overflow:hidden!important;
}
.myxx-studio .home-map-shell{
  min-width:0!important;
  width:100%!important;
  align-self:stretch!important;
}
.myxx-studio .home-map-canvas{
  width:100%!important;
  height:100%!important;
  min-height:346px!important;
  aspect-ratio:auto!important;
  border-radius:23px!important;
}
.myxx-studio .home-world-summary{
  min-width:0!important;
  padding:10px 8px 6px!important;
  justify-content:flex-start!important;
}
.myxx-studio .home-world-head strong{
  font-size:clamp(3rem,5vw,5.1rem)!important;
  line-height:.86!important;
}
.myxx-studio .home-world-spotlight{
  margin-top:28px!important;
  padding-top:18px!important;
}
.myxx-studio .home-world-spotlight h3{
  max-width:14ch!important;
  font-size:clamp(1.6rem,2.6vw,2.35rem)!important;
}
.myxx-studio .home-world-countries{
  margin-top:auto!important;
  padding-top:16px!important;
  grid-template-columns:1fr!important;
}
.myxx-studio .home-world-countries span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.myxx-studio .home-map-canvas .listener-map-readout{
  max-width:min(300px,55%)!important;
}

/* Stories can never make the Pulse grid wider than its own column. */
.myxx-studio .pulse-editorial-grid,
.myxx-studio .pulse-story-feature,
.myxx-studio .pulse-story-feature-copy,
.myxx-studio .pulse-headline-stack,
.myxx-studio .pulse-headline-row{
  min-width:0!important;
  max-width:100%!important;
}
.myxx-studio .pulse-story-feature-copy h3,
.myxx-studio .pulse-headline-row strong{
  overflow-wrap:anywhere!important;
}

/* Track rail remains internally scrollable; it may never widen the document. */
.myxx-studio .home-played-section .track-rail-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.myxx-studio .home-played-section .track-rail{
  max-width:100%!important;
}

/* Expanded player is viewport-contained at every zoom level. */


/* Tablet and zoomed desktop */
@media(max-width:1080px){
  .myxx-studio .home-pulse-section .pulse-home{
    grid-template-columns:1fr!important;
  }
  .myxx-studio .home-pulse-section .weather-block{
    min-height:230px!important;
    height:auto!important;
  }
  .myxx-studio .home-world-map{
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
    min-height:340px!important;
  }
  .myxx-studio .home-map-canvas{
    min-height:308px!important;
  }
}

/* Mobile: one deliberate column, map stays visual rather than dashboard-like. */
@media(max-width:760px){
  .myxx-studio .site-header,
  .myxx-studio .app-main,
  .myxx-studio .site-footer{
    max-width:calc(100vw - 10px)!important;
  }

  .myxx-studio .home-world-map{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px!important;
    min-height:0!important;
  }
  .myxx-studio .home-map-shell{order:1!important}
  .myxx-studio .home-world-summary{
    order:2!important;
    padding:4px 4px 6px!important;
  }
  .myxx-studio .home-map-canvas{
    min-height:228px!important;
    height:auto!important;
    aspect-ratio:1.72/1!important;
    border-radius:18px!important;
  }
  .myxx-studio .home-world-head{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    column-gap:12px!important;
    align-items:end!important;
  }
  .myxx-studio .home-world-head .eyebrow{
    grid-column:1/-1!important;
  }
  .myxx-studio .home-world-head strong{
    font-size:2.85rem!important;
  }
  .myxx-studio .home-world-head span{
    align-self:end!important;
    margin:0 0 5px!important;
    text-align:right!important;
  }
  .myxx-studio .home-world-spotlight{
    margin-top:14px!important;
    padding-top:13px!important;
  }
  .myxx-studio .home-world-spotlight h3{
    max-width:none!important;
    font-size:1.45rem!important;
  }
  .myxx-studio .home-world-countries{
    margin-top:10px!important;
    padding-top:0!important;
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .myxx-studio .home-world-countries::-webkit-scrollbar{display:none!important}
  .myxx-studio .home-world-countries span{
    flex:0 0 auto!important;
    min-height:31px!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:999px!important;
  }
  .myxx-studio .home-map-canvas .listener-map-readout{
    max-width:64%!important;
  }
}

/* Very narrow phones */
@media(max-width:390px){
  .myxx-studio .site-header>.brand-link{
    width:68px!important;
    min-width:68px!important;
  }
  .myxx-studio .site-header>.brand-link img{
    width:68px!important;
  }
  .myxx-studio .home-map-canvas{
    min-height:210px!important;
  }
}

/* ===== mobile-stability.v28.4.2.css ===== */

/* MYXX FM v28.4.2 — mobile stability / map visibility lock */

.myxx-studio .listener-map-stage,
.myxx-studio .listener-pin,
.myxx-studio .listener-pin i,
.myxx-studio .listener-pin::after{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.myxx-studio .listener-pin{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
.myxx-studio .listener-pin i{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Map keeps a stable compositing surface on iOS Safari. */
.myxx-studio .listener-map-canvas{
  contain:layout paint;
}
.myxx-studio .listener-map-stage{
  will-change:transform;
}
@media(prefers-reduced-motion:reduce){
  .myxx-studio .listener-map-stage{will-change:auto}
}


/* ========================================================================
   MYXX FM v28.5.1 — MOBILE GEOMETRY OCD / CANONICAL RESPONSIVE CONTRACT
   ========================================================================
   This is intentionally the FINAL geometry layer in the compiled stylesheet.

   It exists because years of additive CSS left multiple competing phone-width
   definitions in the historical cascade. This layer establishes one explicit
   contract for gutters, centering, frame widths, card sizing, buttons, rails,
   map, hero, and detail pages.

   Unlike the failed broad v28.3.12 experiment, these rules are scoped to
   deliberate components and mobile/tablet breakpoints.
   ======================================================================== */

:root{
  --myxx-mobile-header-gutter:8px;
  --myxx-mobile-content-gutter:16px;
  --myxx-mobile-frame-radius:24px;
  --myxx-mobile-card-radius:18px;
  --myxx-mobile-control-h:48px;
  --myxx-mobile-gap:12px;
}

/* Universal control precision. Geometry is unchanged on desktop. */
.myxx-studio .primary-action,
.myxx-studio .secondary-action,
.myxx-studio .live-button,
.myxx-studio .icon-button,
.myxx-studio .menu-button,
.myxx-studio .dock-action,
.myxx-studio .dock-play,
.player-panel button{
  box-sizing:border-box;
  align-items:center;
}
.myxx-studio .primary-action svg,
.myxx-studio .secondary-action svg,
.myxx-studio .live-button svg,
.myxx-studio .icon-button svg,
.myxx-studio .menu-button svg,
.myxx-studio .dock-action svg,
.myxx-studio .dock-play svg,
.player-panel button svg{
  flex:0 0 auto;
  width:18px;
  height:18px;
  display:block;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Tablet: remove accidental width pressure without redesigning desktop. */
@media (min-width:761px) and (max-width:1080px){
  .myxx-studio .page,
  .myxx-studio .home-hero,
  .myxx-studio .home-host-section,
  .myxx-studio .home-played-section,
  .myxx-studio .home-pulse-section,
  .myxx-studio .home-world-map,
  .myxx-studio .request-promo,
  .myxx-studio .remyxx-feature,
  .myxx-studio .masthead,
  .myxx-studio .request-hero,
  .myxx-studio .pulse-masthead,
  .myxx-studio .authority-hero,
  .myxx-studio .entity-hero,
  .myxx-studio .episode-detail-hero,
  .myxx-studio .artist-identity-hero{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .myxx-studio .action-row{
    align-items:stretch!important;
  }
  .myxx-studio .action-row>.primary-action,
  .myxx-studio .action-row>.secondary-action{
    min-height:50px!important;
  }
}

/* ------------------------ PHONE CONTRACT ------------------------ */
@media (max-width:760px){

  /* One content gutter. The fixed header intentionally sits 8px wider than
     page content, matching native app chrome while every content frame aligns. */
  .myxx-studio .site-header{
    left:max(var(--myxx-mobile-header-gutter),env(safe-area-inset-left))!important;
    right:max(var(--myxx-mobile-header-gutter),env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:translateZ(0)!important;
    box-sizing:border-box!important;
  }

  .myxx-studio .app-main,
  .myxx-studio .site-footer{
    width:auto!important;
    max-width:none!important;
    margin-left:max(var(--myxx-mobile-content-gutter),env(safe-area-inset-left))!important;
    margin-right:max(var(--myxx-mobile-content-gutter),env(safe-area-inset-right))!important;
    box-sizing:border-box!important;
  }

  /* Critical: historical CSS contained several separate .page widths.
     Page now fills the single app-main content frame exactly. */
  .myxx-studio .page{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .myxx-studio .page>*,
  .myxx-studio .section,
  .myxx-studio .section>*{
    min-width:0;
    box-sizing:border-box;
  }

  /* Predictable vertical rhythm, no random left/right frame offsets. */
  .myxx-studio .hero + .section{
    padding-top:30px!important;
  }

  /* Header: balanced three-zone geometry. */
  .myxx-studio .site-header{
    grid-template-columns:minmax(76px,1fr) auto auto!important;
    gap:8px!important;
    padding-left:11px!important;
    padding-right:9px!important;
  }
  .myxx-studio .site-header>.brand-link{
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
  }
  .myxx-studio .site-header>.brand-link img{
    width:86px!important;
    max-width:86px!important;
    height:auto!important;
  }
  .myxx-studio .site-header>.header-actions{
    justify-self:end!important;
    gap:8px!important;
  }
  .myxx-studio .site-header .live-button{
    min-height:46px!important;
    height:46px!important;
    padding:0 15px!important;
    border-radius:16px!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
  }
  .myxx-studio .site-header .menu-button{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    border-radius:16px!important;
    justify-content:center!important;
  }

  /* All major framed homepage modules share the same exact outer width. */
  .myxx-studio .home-hero,
  .myxx-studio .home-host-section .host-feature,
  .myxx-studio .home-pulse-section .pulse-lead-home,
  .myxx-studio .home-pulse-section .weather-block,
  .myxx-studio .home-world-map,
  .myxx-studio .request-promo,
  .myxx-studio .remyxx-feature{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .myxx-studio .home-hero,
  .myxx-studio .home-host-section .host-feature,
  .myxx-studio .home-pulse-section .pulse-lead-home,
  .myxx-studio .home-pulse-section .weather-block,
  .myxx-studio .home-world-map,
  .myxx-studio .request-promo,
  .myxx-studio .remyxx-feature{
    border-radius:var(--myxx-mobile-frame-radius)!important;
  }

  /* Music-first hero stays centered with equal internal side spacing. */
  .myxx-studio .home-hero{
    padding:22px 18px 22px!important;
    gap:22px!important;
  }
  .myxx-studio .home-hero .live-stage{
    width:min(100%,352px)!important;
    max-width:352px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-hero .live-cover-shell{
    width:min(100%,320px)!important;
    max-width:320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .myxx-studio .home-hero .hero-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 0!important;
  }
  .myxx-studio .home-hero .hero-statement{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .myxx-studio .home-hero .lead-copy{
    max-width:44ch!important;
  }

  /* Paired CTAs are truly equal. */
  .myxx-studio .home-hero .action-row,
  .myxx-studio .home-host-section .host-copy>.action-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  .myxx-studio .home-hero .action-row>.primary-action,
  .myxx-studio .home-hero .action-row>.secondary-action,
  .myxx-studio .home-host-section .host-copy>.action-row>.primary-action,
  .myxx-studio .home-host-section .host-copy>.action-row>.secondary-action{
    width:100%!important;
    min-width:0!important;
    min-height:var(--myxx-mobile-control-h)!important;
    height:auto!important;
    padding:0 10px!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:16px!important;
    line-height:1.1!important;
  }

  /* Hero metadata is centered as a unit, not visually drifting. */
  .myxx-studio .home-hero .hero-meta{
    width:100%!important;
    justify-content:center!important;
    gap:7px!important;
    padding-left:0!important;
    padding-right:0!important;
    scroll-padding-inline:0!important;
  }

  /* Section heading geometry: content is editorially left aligned, but the
     heading/tool frame itself is exactly aligned to every other section. */
  .myxx-studio .home-played-section .section-head,
  .myxx-studio .section-head{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-played-section .track-head-tools{
    width:100%!important;
    max-width:100%!important;
    margin-top:12px!important;
  }
  .myxx-studio .home-played-section .track-head-actions{
    width:100%!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  /* Recently Played: exact card width, exact gap, exact equal-height anatomy.
     No hidden 148/150/154px historical widths are allowed to leak through. */
  .myxx-studio .home-played-section .track-rail-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .myxx-studio .home-played-section .track-rail{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-template-columns:none!important;
    grid-auto-columns:min(80vw,300px)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:6px 18px 14px 0!important;
    scroll-padding-left:0!important;
    scroll-padding-right:18px!important;
    scroll-snap-type:x mandatory!important;
  }
  .myxx-studio .home-played-section .track-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:10px!important;
    display:grid!important;
    grid-template-rows:auto minmax(2.35em,auto) auto auto!important;
    align-content:start!important;
    gap:7px!important;
    border-radius:22px!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-played-section .track-art{
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    margin:0!important;
  }
  .myxx-studio .home-played-section .track-art img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:16px!important;
  }
  .myxx-studio .home-played-section .track-card h3{
    min-height:2.35em!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    line-height:1.17!important;
  }
  .myxx-studio .home-played-section .track-card p,
  .myxx-studio .home-played-section .track-card time{
    margin:0!important;
    line-height:1.35!important;
  }

  /* Host feature: one equal frame, image and copy no longer feel like two
     unrelated-width components. */
  .myxx-studio .home-host-section .host-feature{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
  }
  .myxx-studio .home-host-section .host-portrait{
    width:100%!important;
    aspect-ratio:16/11!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .myxx-studio .home-host-section .host-portrait img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 28%!important;
  }
  .myxx-studio .home-host-section .host-copy{
    width:100%!important;
    padding:19px 18px 20px!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-host-section .next-up{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Pulse: every stacked frame shares identical width and radius. */
  .myxx-studio .home-pulse-section .pulse-home,
  .myxx-studio .home-pulse-section .utility-stack{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:12px!important;
  }
  .myxx-studio .home-pulse-section .pulse-story-feature{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:1fr!important;
    padding:10px!important;
    border-radius:var(--myxx-mobile-card-radius)!important;
  }
  .myxx-studio .home-pulse-section .pulse-story-thumb{
    width:100%!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }
  .myxx-studio .home-pulse-section .pulse-story-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .myxx-studio .home-pulse-section .pulse-story-feature-copy{
    width:100%!important;
    min-width:0!important;
  }
  .myxx-studio .home-pulse-section .pulse-story-feature-copy h3{
    max-width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .myxx-studio .home-pulse-section .pulse-headline-stack{
    width:100%!important;
    grid-auto-columns:min(82vw,300px)!important;
    gap:10px!important;
    padding:0 14px 4px 0!important;
  }
  .myxx-studio .home-pulse-section .pulse-headline-row{
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    border-radius:16px!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-pulse-section .weather-block{
    padding:20px!important;
    min-height:0!important;
    height:auto!important;
  }

  /* Listener map: one centered landscape frame + one summary frame.
     Neither can be narrower/wider than its parent. */
  .myxx-studio .home-world-map{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:12px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .myxx-studio .home-map-shell,
  .myxx-studio .home-world-summary{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .home-map-canvas{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  .myxx-studio .home-world-summary{
    padding:8px 6px 6px!important;
  }
  .myxx-studio .home-world-head{
    width:100%!important;
  }
  .myxx-studio .home-world-countries{
    width:100%!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:7px!important;
    overflow-x:auto!important;
    padding:2px 0 4px!important;
    scrollbar-width:none!important;
  }
  .myxx-studio .home-world-countries::-webkit-scrollbar{display:none!important}
  .myxx-studio .home-world-countries span{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    white-space:nowrap!important;
  }

  /* Request / REMYXX: same frame width, same padding rhythm, centered art. */
  .myxx-studio .request-promo,
  .myxx-studio .remyxx-feature{
    padding:22px 18px!important;
    gap:20px!important;
  }
  .myxx-studio .request-promo-copy,
  .myxx-studio .remyxx-copy{
    width:100%!important;
    min-width:0!important;
  }
  .myxx-studio .request-promo-art,
  .myxx-studio .remyxx-visual{
    width:100%!important;
    min-width:0!important;
    justify-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .myxx-studio .request-logo-orbit,
  .myxx-studio .remyxx-cover{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .myxx-studio .request-promo .primary-action,
  .myxx-studio .remyxx-feature .primary-action,
  .myxx-studio .remyxx-feature .secondary-action{
    min-height:var(--myxx-mobile-control-h)!important;
    justify-content:center!important;
  }

  /* Secondary/public pages: one canonical mobile frame contract. */
  .myxx-studio .masthead,
  .myxx-studio .request-hero,
  .myxx-studio .pulse-masthead,
  .myxx-studio .authority-hero,
  .myxx-studio .entity-hero,
  .myxx-studio .episode-detail-hero,
  .myxx-studio .artist-identity-hero,
  .myxx-studio .host-profile,
  .myxx-studio .on-air-stage,
  .myxx-studio .now-playing-feature,
  .myxx-studio .history-controls,
  .myxx-studio .utility-card,
  .myxx-studio .request-main,
  .myxx-studio .request-side,
  .myxx-studio .request-side-panel{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .myxx-studio .masthead-side,
  .myxx-studio .authority-mark,
  .myxx-studio .artist-identity-mark,
  .myxx-studio .entity-portrait,
  .myxx-studio .episode-detail-art{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .myxx-studio .request-hero .action-row,
  .myxx-studio .entity-actions,
  .myxx-studio .authority-links{
    width:100%!important;
  }

  /* Forms: all controls share exactly the same width. */
  .myxx-studio .field,
  .myxx-studio .field input,
  .myxx-studio .field textarea,
  .myxx-studio .field select,
  .myxx-studio .search-bar,
  .myxx-studio .search-bar input,
  .myxx-studio .history-controls input,
  .myxx-studio .history-controls select{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Bottom player: mathematically centered and safe-area aware. */
  .myxx-studio .player-dock{
    left:max(6px,env(safe-area-inset-left))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    transform:translateZ(0)!important;
    box-sizing:border-box!important;
  }
  .myxx-studio .dock-action,
  .myxx-studio .dock-play{
    display:grid!important;
    place-items:center!important;
  }

  /* Expanded player sheet follows the same safe-area geometry. */
  .player-panel{
    left:max(8px,env(safe-area-inset-left))!important;
    right:max(8px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  /* Buttons: no text or icon should look optically off-center. */
  .myxx-studio .primary-action,
  .myxx-studio .secondary-action,
  .myxx-studio .live-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
  }

  /* All key nested cards use one secondary radius. */
  .myxx-studio .next-up,
  .myxx-studio .pulse-headline-row,
  .myxx-studio .story-card,
  .myxx-studio .request-result,
  .myxx-studio .selected-song,
  .myxx-studio .episode-row,
  .myxx-studio .utility-card,
  .myxx-studio .entity-index-card{
    border-radius:var(--myxx-mobile-card-radius)!important;
  }
}

/* Narrow phones: keep equal geometry, only reduce scale. */
@media (max-width:390px){
  :root{
    --myxx-mobile-content-gutter:13px;
    --myxx-mobile-header-gutter:6px;
  }

  .myxx-studio .page{
    width:100%!important; /* overrides historical <=380 double inset */
  }

  .myxx-studio .site-header>.brand-link img{
    width:78px!important;
    max-width:78px!important;
  }

  .myxx-studio .site-header .live-button{
    padding:0 12px!important;
    min-height:44px!important;
    height:44px!important;
  }
  .myxx-studio .site-header .menu-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
  }

  .myxx-studio .home-hero{
    padding:20px 15px 20px!important;
  }
  .myxx-studio .home-hero .live-stage{
    width:min(100%,326px)!important;
  }
  .myxx-studio .home-hero .live-cover-shell{
    width:min(100%,296px)!important;
  }

  .myxx-studio .home-played-section .track-rail{
    grid-auto-columns:min(82vw,286px)!important;
  }

  .myxx-studio .home-pulse-section .pulse-headline-stack{
    grid-auto-columns:min(84vw,286px)!important;
  }

  .myxx-studio .home-world-map{
    padding:10px!important;
  }
}

/* Very narrow phones: only here do paired CTAs stack. */
@media (max-width:350px){
  .myxx-studio .home-hero .action-row,
  .myxx-studio .home-host-section .host-copy>.action-row{
    grid-template-columns:1fr!important;
  }
}


/* ========================================================================
   MYXX FM v28.6.0 — PREMIUM PLAYER + PULSE + HOMEPAGE FINISH
   ======================================================================== */

/* Header Listen Live: compact premium glass control instead of a loud slab. */
.myxx-studio .site-header .live-button{position:relative!important;font-weight:900!important;letter-spacing:-.01em!important;}
.myxx-studio .site-header .live-button::before{
  content:"▶";
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#ffe053,#ffc400);color:#111;font-size:9px;
  box-shadow:0 5px 14px rgba(255,199,0,.20);
}
.myxx-studio .site-header .live-button .live-dot{
  position:absolute!important;left:7px!important;top:7px!important;width:6px!important;height:6px!important;
  background:#ff3268!important;box-shadow:0 0 0 3px rgba(255,50,104,.12)!important;
}
.myxx-studio .site-header .live-button[aria-pressed="true"]::before{content:"Ⅱ";font-size:10px;font-weight:950}
.myxx-studio .site-header .live-button:hover{border-color:rgba(255,210,31,.48)!important;background:linear-gradient(145deg,rgba(255,210,31,.17),rgba(255,255,255,.05))!important}

/* Worldwide audience: count and label belong to one optical unit. */
.myxx-studio .home-world-head{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:10px!important;row-gap:5px!important}
.myxx-studio .home-world-head .eyebrow{flex:0 0 100%!important;margin:0!important}
.myxx-studio .home-world-head strong{display:inline-block!important;margin:0!important}
.myxx-studio .home-world-head .home-world-listening-label{display:inline-block!important;margin:0!important;align-self:baseline!important;color:#918d96!important;white-space:nowrap!important}

/* Verified top-country aggregates supplement city-level map points. */
.myxx-studio .listener-pin.country-aggregate i{
  width:calc(var(--pin-size) * 1.15)!important;height:calc(var(--pin-size) * 1.15)!important;
  background:#f0b818!important;border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 4px rgba(240,184,24,.12),0 0 18px rgba(240,184,24,.36)!important;
}
.myxx-studio .listener-pin.country-aggregate::after{content:"";position:absolute;inset:50% auto auto 50%;width:18px;height:18px;border:1px solid rgba(240,184,24,.22);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}

/* News fallback is a designed visual, never a sad empty placeholder. */
.myxx-studio .story-fallback{
  position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;
  padding:18px!important;overflow:hidden!important;
  background:radial-gradient(circle at 74% 24%,rgba(240,184,24,.20),transparent 23%),radial-gradient(circle at 15% 84%,rgba(196,35,255,.20),transparent 31%),linear-gradient(135deg,#18111d 0%,#0d0c11 54%,#20150a 100%)!important;
}
.myxx-studio .story-fallback::before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(125deg,transparent 0 42px,rgba(255,255,255,.025) 43px 44px);transform:rotate(-7deg)}
.myxx-studio .story-fallback::after{content:"NEWS";position:absolute;right:-.04em;top:-.12em;font-size:clamp(5rem,14vw,9rem);font-weight:950;letter-spacing:-.09em;color:rgba(255,255,255,.035);line-height:.8}
.myxx-studio .story-fallback-orb{position:absolute;right:15%;top:23%;width:54px;height:54px;border-radius:50%;background:#f0b818;box-shadow:0 0 54px rgba(240,184,24,.28)}
.myxx-studio .story-fallback span,.myxx-studio .story-fallback strong,.myxx-studio .story-fallback em{position:relative;z-index:2}
.myxx-studio .story-fallback span{color:#f0b818;font-size:.52rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.myxx-studio .story-fallback strong{margin-top:5px;color:#fff;font-size:1.18rem;letter-spacing:-.04em}
.myxx-studio .story-fallback em{margin-top:2px;color:rgba(255,255,255,.52);font-style:normal;font-size:.55rem;letter-spacing:.08em}
.myxx-studio [data-story-url]{position:relative!important}
.myxx-studio [data-story-url]>img{position:relative;z-index:3}

/* Instant Request: premium yellow editorial object. */
.myxx-studio .request-promo-v2{
  position:relative!important;overflow:hidden!important;min-height:360px!important;
  grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr)!important;
  gap:clamp(26px,4vw,60px)!important;padding:clamp(34px,4.5vw,58px)!important;
  border:1px solid rgba(255,223,85,.68)!important;border-radius:30px!important;
  background:radial-gradient(circle at 85% 17%,rgba(255,255,255,.32),transparent 25%),linear-gradient(135deg,#ffe15a 0%,#ffd326 43%,#f4b600 100%)!important;
  box-shadow:0 26px 80px rgba(255,190,0,.12),inset 0 1px 0 rgba(255,255,255,.62)!important;
  color:#111!important;
}
.myxx-studio .request-promo-v2::after{content:"MYXX";position:absolute;right:-.03em;bottom:-.18em;font-size:clamp(7rem,17vw,15rem);font-weight:950;letter-spacing:-.10em;line-height:.8;color:rgba(90,55,0,.07);pointer-events:none}
.myxx-studio .request-promo-v2 .request-promo-copy{position:relative;z-index:3;align-self:center}
.myxx-studio .request-promo-v2 .eyebrow{color:#5f4300!important;background:rgba(255,255,255,.24)!important;border:1px solid rgba(75,50,0,.10)!important;padding:7px 10px!important;border-radius:999px!important;width:max-content!important}
.myxx-studio .request-promo-v2 h2{max-width:8.7ch!important;margin:14px 0 14px!important;font-size:clamp(3.6rem,6vw,6.6rem)!important;line-height:.82!important;letter-spacing:-.075em!important;color:#0c0c0d!important}
.myxx-studio .request-promo-v2 h2 span{display:block;color:#694800!important}
.myxx-studio .request-promo-v2 p{max-width:44ch!important;color:rgba(55,38,0,.78)!important;font-size:.9rem!important;line-height:1.55!important}
.myxx-studio .request-promo-v2 .primary-action{margin-top:22px!important;background:#0b0b0d!important;color:#fff!important;border:1px solid rgba(0,0,0,.72)!important;box-shadow:0 14px 34px rgba(68,44,0,.18)!important}
.myxx-studio .request-promo-v2 .request-promo-art{position:relative!important;z-index:2;display:grid!important;place-items:center!important;min-height:270px!important}
.myxx-studio .request-visual-orbit{position:relative;width:min(30vw,320px);aspect-ratio:1;display:grid;place-items:center}
.myxx-studio .request-visual-orbit>i{position:absolute;inset:8%;border:1px solid rgba(40,28,0,.14);border-radius:50%}
.myxx-studio .request-visual-orbit>i:nth-child(2){inset:20%}.myxx-studio .request-visual-orbit>i:nth-child(3){inset:31%}
.myxx-studio .request-logo-orbit{position:relative;width:62%!important;aspect-ratio:1;border-radius:28%!important;display:grid;place-items:center;background:rgba(8,8,10,.96)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 58px rgba(62,41,0,.28)!important;transform:rotate(-5deg)}
.myxx-studio .request-logo-orbit img{width:78%!important;height:78%!important;object-fit:contain!important}
.myxx-studio .request-visual-card{position:absolute;right:1%;bottom:4%;min-width:190px;padding:13px 15px;border-radius:16px;background:rgba(255,250,222,.82);border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 36px rgba(90,57,0,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:rotate(2deg)}
.myxx-studio .request-visual-card small{display:block;color:#765400;font-size:.49rem;font-weight:950;letter-spacing:.14em}.myxx-studio .request-visual-card strong{display:block;margin-top:4px;color:#111;font-size:.82rem}.myxx-studio .request-visual-card span{display:block;margin-top:3px;color:#765400;font-size:.56rem;font-weight:800}

/* REMYXX: darker, editorial and replay-first. */
.myxx-studio .remyxx-feature-v2{
  position:relative!important;overflow:hidden!important;min-height:420px!important;
  grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(30px,5vw,72px)!important;padding:clamp(34px,4.5vw,58px)!important;
  border-radius:30px!important;border:1px solid rgba(255,255,255,.09)!important;
  background:radial-gradient(circle at 18% 45%,rgba(210,35,255,.16),transparent 34%),radial-gradient(circle at 88% 16%,rgba(255,210,31,.08),transparent 28%),linear-gradient(145deg,#100b13 0%,#08080b 56%,#11100d 100%)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.myxx-studio .remyxx-feature-v2::after{content:"REMYXX";position:absolute;left:-.04em;bottom:-.16em;font-size:clamp(7rem,15vw,13rem);font-weight:950;letter-spacing:-.09em;line-height:.8;color:rgba(255,255,255,.026);pointer-events:none}
.myxx-studio .remyxx-feature-v2 .remyxx-visual{position:relative!important;z-index:2;display:grid!important;place-items:center!important;min-height:300px!important}
.myxx-studio .remyxx-ghost{position:absolute;top:2%;left:2%;font-size:.58rem;font-weight:950;letter-spacing:.22em;color:#f0b818}
.myxx-studio .remyxx-halo{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 0 22px rgba(255,255,255,.012),inset 0 0 0 50px rgba(255,255,255,.008)}
.myxx-studio .remyxx-feature-v2 .remyxx-cover{position:relative;width:min(27vw,300px)!important;aspect-ratio:1;border-radius:28px!important;overflow:visible!important;transform:rotate(-4deg);box-shadow:0 30px 70px rgba(0,0,0,.48)!important}
.myxx-studio .remyxx-feature-v2 .remyxx-cover img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.14)!important;background:#0a0a0d}
.myxx-studio .remyxx-stamp{position:absolute;right:-16px;bottom:18px;padding:9px 11px;border-radius:12px;background:#f0b818;color:#111;font-size:.49rem;font-weight:950;letter-spacing:.14em;box-shadow:0 13px 26px rgba(255,196,0,.18)}
.myxx-studio .remyxx-feature-v2 .remyxx-copy{position:relative;z-index:2;align-self:center}
.myxx-studio .remyxx-feature-v2 .remyxx-copy h2{margin:13px 0 14px!important;font-size:clamp(3.6rem,6vw,6.2rem)!important;line-height:.83!important;letter-spacing:-.075em!important}
.myxx-studio .remyxx-feature-v2 .remyxx-copy h2 span,.myxx-studio .remyxx-feature-v2 .remyxx-copy h2 strong{display:block}.myxx-studio .remyxx-feature-v2 .remyxx-copy h2 span{color:#f6f3ee}.myxx-studio .remyxx-feature-v2 .remyxx-copy h2 strong{color:#f0b818}
.myxx-studio .remyxx-feature-v2 .remyxx-copy>p{max-width:50ch;color:#aaa5af!important;line-height:1.6!important}

/* Footer: no duplicate navigation/content block. */
.myxx-studio .site-footer{padding-top:34px!important}
.myxx-studio .footer-brand{padding-bottom:20px!important}
.myxx-studio .footer-bottom{padding:18px 0 22px!important;border-top:1px solid rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;gap:12px 18px!important;flex-wrap:wrap!important}
.myxx-studio .footer-bottom .footer-legal-button{appearance:none;border:0;background:none;color:#bdb8c2;padding:0;font:inherit;cursor:pointer;text-decoration:none}
.myxx-studio .footer-bottom .footer-legal-button:hover{color:#f0b818}
.myxx-studio .footer-bottom .footer-meta{margin-left:auto}

/* Mini player: uniform controls; mute goes red when active. */
.myxx-studio .player-dock .dock-actions{display:flex!important;align-items:center!important;gap:7px!important}
.myxx-studio .player-dock .dock-action,.myxx-studio .player-dock .dock-play{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important;padding:0!important;display:grid!important;place-items:center!important}
.myxx-studio .player-dock .dock-play{box-shadow:0 10px 24px rgba(255,197,0,.18)!important}
.myxx-studio .player-dock .dock-action.is-muted{color:#fff!important;background:linear-gradient(145deg,#ff456f,#d91e4d)!important;border-color:rgba(255,83,120,.72)!important;box-shadow:0 8px 20px rgba(231,38,84,.22)!important}

/* Expanded player: art-aware, no internal scrolling, whole cover always visible. */
.player-panel{--player-panel-art:none;isolation:isolate!important;}
.player-panel::before{content:"";position:absolute;inset:-32px;z-index:-2;background-image:var(--player-panel-art);background-position:center;background-size:cover;filter:blur(40px) saturate(1.2);opacity:.28;transform:scale(1.16)}
.player-panel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,4,8,.28),rgba(7,7,10,.78) 62%,rgba(7,7,10,.94));pointer-events:none}
.player-panel-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:0 2px 0 8px;position:relative;z-index:3}
.player-panel-kicker{color:#f0b818;font-size:.52rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.player-panel-minimize{position:static!important;inset:auto!important;background:rgba(8,8,12,.62)!important;border:1px solid rgba(255,255,255,.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.player-panel-art-shell{align-self:stretch!important;justify-self:center!important;background:rgba(4,4,7,.48)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.player-panel-art-glow{display:none!important}
.player-panel-art-shell img{max-width:100%!important;max-height:100%!important;background:rgba(5,5,8,.30)!important;}
.player-panel-art-shell img.is-logo-fallback{object-fit:contain!important;padding:12%!important}



.player-panel-show{min-height:0!important;}

.player-panel-controls button,.player-panel-controls .player-panel-play{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:17px!important}
.player-panel-controls .player-panel-play{box-shadow:0 12px 28px rgba(255,198,0,.20)!important}
.player-panel-controls button.is-muted{background:linear-gradient(145deg,#ff456f,#d91e4d)!important;border-color:rgba(255,83,120,.72)!important;color:#fff!important;box-shadow:0 8px 20px rgba(231,38,84,.22)!important}

@media(max-width:760px){
  /* Brand statement: more breathing room, less compressed poster typography. */
  .myxx-studio .home-hero .hero-copy{padding:0!important}
  .myxx-studio .home-hero .hero-statement{
    display:grid!important;gap:7px!important;width:100%!important;max-width:none!important;
    margin:0!important;padding:23px 20px 24px!important;border-radius:24px!important;
    font-size:clamp(2.45rem,11.5vw,3.45rem)!important;line-height:.96!important;letter-spacing:-.064em!important;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028) 58%,rgba(255,210,31,.028))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 46px rgba(0,0,0,.18)!important;
  }
  .myxx-studio .home-hero .hero-statement span,.myxx-studio .home-hero .hero-statement strong{line-height:.96!important;padding:0!important;letter-spacing:-.064em!important;white-space:nowrap!important}
  .myxx-studio .home-hero .lead-copy{margin-top:16px!important;font-size:.78rem!important;line-height:1.58!important}
  .myxx-studio .home-hero .action-row{margin-top:16px!important}
  .myxx-studio .home-hero .hero-meta{justify-content:flex-start!important;margin-top:12px!important}

  .myxx-studio .site-header .live-button{height:44px!important;min-height:44px!important;padding:0 12px 0 10px!important;border-radius:15px!important;font-size:.72rem!important}
  .myxx-studio .site-header .live-button::before{width:24px;height:24px}

  .myxx-studio .home-world-head{display:flex!important;grid-template-columns:none!important;align-items:baseline!important;justify-content:flex-start!important}
  .myxx-studio .home-world-head .eyebrow{grid-column:auto!important;flex-basis:100%!important}
  .myxx-studio .home-world-head .home-world-listening-label{margin:0 0 3px!important;text-align:left!important;align-self:baseline!important}

  .myxx-studio .request-promo-v2,.myxx-studio .remyxx-feature-v2{grid-template-columns:1fr!important;gap:22px!important;padding:24px 20px!important;border-radius:25px!important;min-height:0!important}
  .myxx-studio .request-promo-v2 h2{font-size:clamp(3rem,14vw,4.15rem)!important;max-width:8.5ch!important;line-height:.84!important}
  .myxx-studio .request-promo-v2 .request-promo-art{min-height:225px!important}
  .myxx-studio .request-visual-orbit{width:min(66vw,250px)!important}
  .myxx-studio .request-visual-card{right:1%!important;bottom:1%!important;min-width:174px!important;padding:11px 13px!important}
  .myxx-studio .request-promo-v2 .primary-action{width:100%!important;min-height:50px!important}

  .myxx-studio .remyxx-feature-v2 .remyxx-visual{min-height:250px!important;order:1!important}
  .myxx-studio .remyxx-feature-v2 .remyxx-copy{order:2!important}
  .myxx-studio .remyxx-feature-v2 .remyxx-cover{width:min(64vw,250px)!important}
  .myxx-studio .remyxx-feature-v2 .remyxx-copy h2{font-size:clamp(3rem,14vw,4.2rem)!important;line-height:.84!important}
  .myxx-studio .remyxx-feature-v2 .action-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .myxx-studio .remyxx-feature-v2 .action-row>*{width:100%!important;min-width:0!important;min-height:50px!important;padding-inline:9px!important;justify-content:center!important}

  .myxx-studio .footer-brand{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding:0 2px 20px!important}
  .myxx-studio .footer-brand img{width:92px!important}
  .myxx-studio .footer-brand-copy strong{font-size:1.2rem!important}.myxx-studio .footer-brand-copy span{font-size:.66rem!important}
  .myxx-studio .footer-bottom{align-items:center!important;padding:16px 2px 22px!important;font-size:.66rem!important}
  .myxx-studio .footer-bottom .footer-meta{margin-left:0!important}

  .myxx-studio .player-dock .dock-action,.myxx-studio .player-dock .dock-play{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important}
  .myxx-studio .player-dock .dock-action.share{display:grid!important}
  .myxx-studio .player-dock .dock-action.mute{display:grid!important}

  .player-panel{
    left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;top:max(8px,env(safe-area-inset-top))!important;
    width:auto!important;height:auto!important;max-height:none!important;
    transform:translateY(18px) scale(.985)!important;
    grid-template-rows:44px minmax(0,1fr) auto 48px!important;gap:8px!important;padding:10px!important;border-radius:27px!important;
  }
  .player-panel.open{transform:translateY(0) scale(1)!important}
  .player-panel-art-shell{width:min(100%,360px)!important;max-height:none!important;border-radius:22px!important}
  .player-panel-art-shell img{border-radius:20px!important}
  .player-panel-copy{padding:0 8px!important}
  .player-panel-copy h2{font-size:clamp(1.45rem,7vw,2rem)!important;margin-top:4px!important}
  .player-panel-copy>p{font-size:.72rem!important}
  .player-panel-show{margin-top:7px!important;padding-top:7px!important}
  .player-panel-controls{grid-template-columns:48px 48px 48px!important;gap:9px!important}
  .player-panel-controls button,.player-panel-controls .player-panel-play{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;border-radius:15px!important}
}

@media(max-width:390px){
  .myxx-studio .home-hero .hero-statement{font-size:clamp(2.25rem,11.5vw,3rem)!important;padding:20px 16px 21px!important;gap:6px!important}
  .myxx-studio .request-promo-v2 h2,.myxx-studio .remyxx-feature-v2 .remyxx-copy h2{font-size:clamp(2.75rem,13.5vw,3.7rem)!important}
  .myxx-studio .remyxx-feature-v2 .action-row{grid-template-columns:1fr!important}
  .myxx-studio .footer-brand{grid-template-columns:82px minmax(0,1fr)!important}.myxx-studio .footer-brand img{width:82px!important}
  .myxx-studio .footer-bottom{gap:8px 12px!important}.myxx-studio .footer-bottom .footer-meta{flex-basis:100%!important}
}
/* candidate player/header geometry */
.myxx-studio .site-header .live-button::before{content:none!important;display:none!important}
.myxx-studio .site-header .live-button .live-dot{display:none!important}
.myxx-studio .site-header .live-button{
  min-height:42px!important;height:42px!important;padding:4px 13px 4px 4px!important;gap:9px!important;
  border-radius:14px!important;border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(23,23,28,.96),rgba(10,10,13,.96))!important;
  color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.26)!important;
}
.myxx-studio .site-header .live-button .live-button-icon{position:relative;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:11px!important;background:linear-gradient(145deg,#ffe15a,#ffc300)!important;color:#111!important;box-shadow:0 7px 16px rgba(255,199,0,.16)!important}
.myxx-studio .site-header .live-button .live-button-icon::after{content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#ff3167;box-shadow:0 0 0 2px rgba(255,49,103,.15)}
.myxx-studio .site-header .live-button .live-button-icon svg{width:16px!important;height:16px!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:2!important}
.myxx-studio .site-header .live-button[aria-pressed="true"]{border-color:rgba(240,184,24,.28)!important;background:linear-gradient(145deg,rgba(240,184,24,.10),rgba(18,18,22,.98))!important}

body.player-expanded{touch-action:none;}

.player-panel{--player-panel-art:none;--player-art-size:var(--myxx-player-art-size,clamp(150px,min(calc(100vw - 64px),46dvh),390px));overflow:hidden!important;opacity:0;visibility:hidden;pointer-events:none;}
.player-panel.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}

.player-panel-minimize{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:13px!important}


.player-panel-copy{min-height:0!important;}






.player-panel-controls button,.player-panel-controls .player-panel-play{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}

@media(max-height:640px){
 .player-panel{--player-art-size:var(--myxx-player-art-size,clamp(140px,min(calc(100vw - 72px),42dvh),280px));gap:6px!important;padding:8px!important;border-radius:24px!important;max-height:calc(var(--myxx-vv-height,100dvh) - 16px)!important}
 .player-panel-topbar{height:36px!important;min-height:36px!important}.player-panel-minimize{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
 .player-panel-copy h2{font-size:1.2rem!important}.player-panel-copy>p{font-size:.61rem!important}.player-panel-show{margin-top:4px!important;padding-top:4px!important}
 .player-panel-controls{grid-template-columns:42px 42px 42px!important;gap:8px!important}.player-panel-controls button,.player-panel-controls .player-panel-play{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
}
@media(max-width:760px){
 .player-panel{width:min(430px,calc(var(--myxx-vv-width,100vw) - 16px))!important;max-width:calc(var(--myxx-vv-width,100vw) - 16px)!important;max-height:calc(var(--myxx-vv-height,100dvh) - 16px)!important;border-radius:26px!important}
 .myxx-studio .site-header .live-button{height:44px!important;min-height:44px!important;padding:4px 11px 4px 4px!important;font-size:.69rem!important}
 .myxx-studio .site-header .live-button .live-button-icon{width:36px!important;height:36px!important;min-width:36px!important}
}


/* ========================================================================
   v28.6.1 TOTAL RESPONSIVE OCD — WHOLE-SITE FINISHING CONTRACT
   ======================================================================== */
:root{
  --ocd-frame-radius:28px;
  --ocd-card-radius:19px;
  --ocd-control-radius:15px;
  --ocd-control-height:48px;
  --ocd-border:rgba(255,255,255,.085);
  --ocd-border-hi:rgba(255,255,255,.12);
}

/* No component is allowed to widen the document. */
html,body.myxx-studio{max-width:100%;overflow-x:clip}
.myxx-studio .app-main,
.myxx-studio .page,
.myxx-studio .section,
.myxx-studio .section>*,
.myxx-studio .masthead,
.myxx-studio .request-hero,
.myxx-studio .pulse-masthead,
.myxx-studio .entity-hero,
.myxx-studio .artist-identity-hero,
.myxx-studio .episode-detail-hero,
.myxx-studio .authority-hero{min-width:0;box-sizing:border-box}
.myxx-studio img{display:block;max-width:100%}

/* One control language across the whole product. */
.myxx-studio .primary-action,
.myxx-studio .secondary-action{
  min-height:var(--ocd-control-height)!important;
  border-radius:var(--ocd-control-radius)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding-inline:17px!important;line-height:1.05!important;white-space:nowrap!important;
}
.myxx-studio .icon-button,
.myxx-studio .menu-button,
.myxx-studio .menu-close,
.myxx-studio .dialog-close{
  min-width:44px!important;min-height:44px!important;display:grid!important;place-items:center!important;
}
.myxx-studio :is(a,button,input,select,textarea):focus-visible{
  outline:2px solid rgba(240,184,24,.92)!important;outline-offset:3px!important;
}
.myxx-studio button,.myxx-studio a{-webkit-tap-highlight-color:transparent}

/* Major editorial frames share optical construction, not identical content. */
.myxx-studio :is(.masthead,.request-hero,.pulse-masthead,.entity-hero,.artist-identity-hero,.episode-detail-hero,.authority-hero){
  border-radius:var(--ocd-frame-radius)!important;
  border-color:var(--ocd-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 56px rgba(0,0,0,.18)!important;
}
.myxx-studio :is(.utility-card,.story-card,.special-card,.entity-index-card,.episode-row,.request-result,.selected-song,.next-up,.empty-state,.myxx-fact,.entity-source-note,.schedule-row){
  border-radius:var(--ocd-card-radius)!important;border-color:var(--ocd-border)!important;
}
.myxx-studio .section-head{width:100%;max-width:100%;gap:18px!important}
.myxx-studio .section-head>div{min-width:0}
.myxx-studio .section-head h2{letter-spacing:-.055em!important}
.myxx-studio .section-head p{line-height:1.55!important}

/* Menus feel like one coherent native surface. */
.myxx-studio .mobile-menu-panel{border-radius:28px 0 0 28px!important;box-shadow:-28px 0 80px rgba(0,0,0,.46)!important}
.myxx-studio .mobile-nav a{min-height:64px!important;border-radius:17px!important}
.myxx-studio .mobile-nav .nav-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important}
.myxx-studio .menu-footer .primary-action{width:100%!important}

/* Forms/results: exact widths and calm, consistent controls. */
.myxx-studio :is(.field input,.field textarea,.field select,.search-bar input,.history-controls input,.history-controls select,.remyxx-search){
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:16px!important;
}
.myxx-studio :is(.field input,.field select,.search-bar input,.history-controls input,.history-controls select,.remyxx-search){min-height:52px!important}
.myxx-studio .field textarea{min-height:148px!important}
.myxx-studio .request-result img,.myxx-studio .selected-song img,.myxx-studio .episode-row img{object-fit:cover!important}

/* Detail pages: portraits/art never float off-axis. */
.myxx-studio .entity-portrait,
.myxx-studio .artist-identity-mark,
.myxx-studio .episode-detail-art,
.myxx-studio .masthead-side{min-width:0!important}
.myxx-studio .entity-portrait img,
.myxx-studio .artist-identity-mark img,
.myxx-studio .episode-detail-art img{width:100%!important;height:auto!important}

/* Schedule / archive rows line up with the same internal rhythm. */
.myxx-studio .schedule-row,.myxx-studio .episode-row,.myxx-studio .request-result{box-sizing:border-box!important}
.myxx-studio .day-tabs,.myxx-studio .history-presets,.myxx-studio .remyxx-filters{gap:8px!important}
.myxx-studio .day-tabs button,.myxx-studio .history-presets button,.myxx-studio .remyxx-filters button{min-height:42px!important;border-radius:13px!important}

/* Standalone mini player is a fixed piece of product chrome. */
.myxx-studio .player-dock{box-sizing:border-box!important}
.myxx-studio .player-dock .dock-copy{min-width:0!important}
.myxx-studio .player-dock .dock-copy strong,
.myxx-studio .player-dock .dock-copy span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.myxx-studio .player-dock .dock-action svg,
.myxx-studio .player-dock .dock-play svg,
.player-panel-controls svg,
.player-panel-minimize svg{width:19px!important;height:19px!important}

@media(max-width:1080px){
  .myxx-studio :is(.masthead,.request-hero,.pulse-masthead,.entity-hero,.artist-identity-hero,.episode-detail-hero,.authority-hero){
    padding:clamp(22px,4vw,34px)!important;
  }
}

@media(max-width:760px){
  :root{--ocd-frame-radius:24px;--ocd-card-radius:18px;--ocd-control-height:48px}

  /* One centered page rail. v28.5.1's geometry is retained and tightened. */
  .myxx-studio .app-main,.myxx-studio .site-footer{
    margin-left:max(14px,env(safe-area-inset-left))!important;
    margin-right:max(14px,env(safe-area-inset-right))!important;
    width:auto!important;max-width:none!important;
  }
  .myxx-studio .page{width:100%!important;max-width:100%!important;margin:0!important;gap:24px!important}
  .myxx-studio .section{width:100%!important;max-width:100%!important;margin:0!important;padding-block:30px!important}

  /* Editorial mastheads/details fit the phone instead of becoming desktop slabs. */
  .myxx-studio :is(.masthead,.request-hero,.pulse-masthead,.entity-hero,.artist-identity-hero,.episode-detail-hero,.authority-hero){
    width:100%!important;max-width:100%!important;margin:0!important;padding:21px 18px!important;
    border-radius:var(--ocd-frame-radius)!important;gap:20px!important;
  }
  .myxx-studio :is(.entity-hero,.artist-identity-hero,.episode-detail-hero){grid-template-columns:1fr!important}
  .myxx-studio .entity-hero-copy,.myxx-studio .authority-hero-copy{min-width:0!important}
  .myxx-studio :is(.entity-hero,.artist-identity-hero,.episode-detail-hero) .display{font-size:clamp(2.65rem,12vw,4.2rem)!important;line-height:.9!important}
  .myxx-studio .entity-lead{font-size:.92rem!important;line-height:1.5!important}
  .myxx-studio .entity-portrait,
  .myxx-studio .artist-identity-mark,
  .myxx-studio .episode-detail-art{
    width:min(100%,390px)!important;max-width:390px!important;justify-self:center!important;margin-inline:auto!important;
  }
  .myxx-studio .entity-portrait img{max-height:62dvh!important;object-fit:cover!important;object-position:center top!important;border-radius:20px!important}
  .myxx-studio .artist-identity-mark img,.myxx-studio .episode-detail-art img{object-fit:contain!important;border-radius:20px!important}

  /* Every paired action feels deliberate and equal. */
  .myxx-studio :is(.action-row,.entity-actions){width:100%!important;gap:9px!important}
  .myxx-studio .action-row>.primary-action,
  .myxx-studio .action-row>.secondary-action{min-width:0!important;min-height:48px!important}

  /* Listings/cards: equal anatomy without changing the chosen content density. */
  .myxx-studio :is(.entity-index-card,.special-card,.story-card,.episode-row,.request-result,.myxx-fact,.utility-card,.entity-source-note){
    box-sizing:border-box!important;overflow:hidden;
  }
  .myxx-studio .entity-index-card img{width:100%!important;object-fit:cover!important}
  .myxx-studio .story-grid,.myxx-studio .myxx-facts-grid{gap:12px!important}
  .myxx-studio .schedule-list,.myxx-studio .episode-list{gap:9px!important}

  /* Hosts index: image/copy edges are mathematically aligned. */
  .myxx-studio .host-profile{width:100%!important;max-width:100%!important;margin-inline:0!important;border-radius:24px!important;overflow:hidden!important}
  .myxx-studio .host-profile-media{min-width:0!important}
  .myxx-studio .host-profile-copy{min-width:0!important}

  /* Recently played/history grids never create odd orphan widths. */
  .myxx-studio .track-grid,.myxx-studio .history-grid{width:100%!important;max-width:100%!important;gap:12px!important}

  /* Footer is intentionally quiet and aligned to the same page rail. */
  .myxx-studio .site-footer{padding-top:8px!important}
  .myxx-studio .footer-brand,.myxx-studio .footer-bottom{width:100%!important;margin-inline:0!important}

  /* Mobile header: exact logo/action optical balance. */
  .myxx-studio .site-header{left:max(6px,env(safe-area-inset-left))!important;right:max(6px,env(safe-area-inset-right))!important;width:auto!important;max-width:none!important;padding-inline:10px!important;grid-template-columns:minmax(74px,1fr) auto auto!important;gap:7px!important}
  .myxx-studio .site-header>.brand-link img{width:82px!important;max-width:82px!important}
  .myxx-studio .site-header .menu-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}
}

@media(max-width:430px){
  .myxx-studio .action-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .myxx-studio .primary-action,.myxx-studio .secondary-action{padding-inline:11px!important;font-size:.62rem!important}
  .myxx-studio .mobile-menu-panel{width:min(91vw,355px)!important}
}

@media(max-width:350px){
  .myxx-studio .action-row{grid-template-columns:1fr!important}
  .myxx-studio .site-header>.brand-link img{width:72px!important;max-width:72px!important}
  .myxx-studio .site-header .live-button{font-size:.62rem!important;padding-right:8px!important}
}

/* ========================================================================
   v28.6.2R2 — PULSE / WEATHER RECOVERY + HERO / FOOTER PRECISION
   Built from v28.6.1 after v28.6.2 visual regression. Component-specific only.
   ======================================================================== */

/* Hero: all three lines have the same optical scale. */
.myxx-studio .home-hero .hero-statement span:first-child,
.myxx-studio .home-hero .hero-statement span:nth-child(2),
.myxx-studio .home-hero .hero-statement strong{
  font-size:1em!important;
  line-height:.91!important;
  letter-spacing:-.064em!important;
}

/* Header: absolutely no status dot on Listen Live. */
.myxx-studio .site-header .live-button .live-dot,
.myxx-studio .site-header .live-button .live-button-icon::after{
  display:none!important;
  content:none!important;
}

/* Only one dock clearance. Previous shell effectively reserved it twice. */
body.myxx-studio{padding-bottom:0!important}
.myxx-studio .site-footer{
  padding-bottom:calc(var(--dock-h) + 18px)!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  .myxx-studio .site-footer{padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom) + 12px)!important}
}

/* ----------------------- HOME PULSE RECOVERY ----------------------- */
.myxx-studio .home-pulse-section .pulse-home{
  grid-template-columns:minmax(0,1.34fr) minmax(330px,.66fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.myxx-studio .home-pulse-section .pulse-lead-home,
.myxx-studio .home-pulse-section .utility-stack,
.myxx-studio .home-pulse-section .weather-block-v3{
  min-width:0!important;
  height:100%!important;
}
.myxx-studio .home-pulse-section .pulse-lead-home{
  border-radius:24px!important;
  background:
    radial-gradient(520px 360px at 96% 0%,rgba(240,184,24,.16),transparent 68%),
    radial-gradient(440px 360px at 0% 100%,rgba(198,42,255,.14),transparent 70%),
    linear-gradient(145deg,#0c0c11 0%,#09090d 58%,#11100d 100%)!important;
}
.myxx-studio .home-pulse-section .pulse-lead-inner{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  gap:18px!important;
  min-height:100%!important;
  padding:28px!important;
}
.myxx-studio .home-pulse-section .pulse-lead-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px 18px!important;
}
.myxx-studio .home-pulse-section .pulse-lead-intro .eyebrow{grid-column:1!important;margin:0!important}
.myxx-studio .home-pulse-section .pulse-lead-intro h2{
  grid-column:1/-1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.16em!important;
  margin:0!important;
  max-width:100%!important;
  font-size:clamp(3.6rem,5.2vw,5.4rem)!important;
  line-height:.84!important;
  letter-spacing:-.074em!important;
}
.myxx-studio .home-pulse-section .pulse-lead-intro h2>span,
.myxx-studio .home-pulse-section .pulse-lead-intro h2>strong{display:inline!important}
.myxx-studio .home-pulse-section .pulse-freshness{grid-column:1!important;justify-self:start!important;margin:4px 0 0!important}

/* The lead article gets the full width. Supporting stories sit beneath it.
   This avoids the narrow vertical headline disaster from v28.6.2. */
.myxx-studio .home-pulse-section .pulse-editorial-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-content:start!important;
}
.myxx-studio .home-pulse-section .pulse-story-feature{
  display:grid!important;
  grid-template-columns:minmax(230px,.58fr) minmax(0,1fr)!important;
  gap:16px!important;
  min-height:224px!important;
  padding:12px!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.014))!important;
  border:1px solid rgba(255,255,255,.062)!important;
}
.myxx-studio .home-pulse-section .pulse-story-thumb{
  width:100%!important;
  min-height:200px!important;
  max-height:240px!important;
  aspect-ratio:4/3!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
.myxx-studio .home-pulse-section .pulse-story-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
.myxx-studio .home-pulse-section .pulse-story-feature-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:5px 8px 5px 0!important;
}
.myxx-studio .home-pulse-section .pulse-story-feature-copy h3{
  margin:8px 0 8px!important;
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  overflow:hidden!important;
}
.myxx-studio .home-pulse-section .pulse-story-feature-copy p{
  margin:0 0 12px!important;
  color:rgba(255,255,255,.63)!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.myxx-studio .home-pulse-section .pulse-story-feature-copy .text-action{margin-top:auto!important}
.myxx-studio .home-pulse-section .pulse-headline-stack{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
  padding:0!important;
}
.myxx-studio .home-pulse-section .pulse-headline-row{
  min-height:80px!important;
  border-radius:16px!important;
  padding:11px 12px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.052)!important;
}

/* ----------------------- WEATHER V3 ----------------------- */
.myxx-studio .home-pulse-section .utility-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:1fr!important;
  gap:0!important;
}
.myxx-studio .home-pulse-section .weather-block-v3{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  padding:24px!important;
  min-height:0!important;
  border-radius:24px!important;
  color:#fff!important;
  background:
    radial-gradient(250px 210px at 100% 0%,rgba(240,184,24,.11),transparent 72%),
    radial-gradient(300px 250px at 0% 100%,rgba(255,126,34,.13),transparent 72%),
    linear-gradient(160deg,#17171d 0%,#101116 50%,#15120e 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.myxx-studio .home-pulse-section .weather-block-v3::after{display:none!important}
.myxx-studio .weather-card-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.myxx-studio .weather-card-head .eyebrow{margin:0!important}
.myxx-studio .weather-card-head .weather-freshness{margin:0!important;padding:0!important}
.myxx-studio .weather-current{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  gap:16px!important;
  align-items:start!important;
}
.myxx-studio .weather-temp{
  margin:0!important;
  font-size:clamp(4.4rem,6vw,6rem)!important;
  line-height:.78!important;
  letter-spacing:-.085em!important;
  color:#fff!important;
}
.myxx-studio .weather-temp sup{font-size:.28em!important;color:#f0b818!important;vertical-align:top!important}
.myxx-studio .weather-current h3{margin:12px 0 2px!important;font-size:1.55rem!important;line-height:1!important;color:#fff!important}
.myxx-studio .weather-current p{margin:0!important;color:rgba(255,255,255,.58)!important;font-size:.72rem!important;line-height:1.4!important}
.myxx-studio .weather-icon-shell{
  width:82px!important;height:82px!important;
  display:grid!important;place-items:center!important;
  border-radius:21px!important;
  color:#f0b818!important;
  background:linear-gradient(145deg,rgba(240,184,24,.13),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.myxx-studio .weather-icon-shell .weather-icon{width:52px!important;height:52px!important}
.myxx-studio .weather-icon-shell svg{stroke:currentColor!important;stroke-width:3.5!important}
.myxx-studio .weather-mini{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
.myxx-studio .weather-mini span{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
  padding:10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.034)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#fff!important;
}
.myxx-studio .weather-mini span b{font-size:.49rem!important;letter-spacing:.12em!important;color:#f0b818!important}
.myxx-studio .weather-mini span strong{font-size:.92rem!important;font-weight:900!important;line-height:1!important}
.myxx-studio .weather-forecast-rows{
  display:grid!important;
  gap:7px!important;
  margin-top:auto!important;
  padding-top:2px!important;
}
.myxx-studio .weather-forecast-row{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:60px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.055)!important;
}
.myxx-studio .weather-forecast-row small{color:#f0b818!important;font-size:.53rem!important;font-weight:950!important;letter-spacing:.12em!important}
.myxx-studio .weather-forecast-row span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(255,255,255,.70)!important;font-size:.71rem!important}
.myxx-studio .weather-forecast-row b{white-space:nowrap!important;font-size:.94rem!important;color:#fff!important}
.myxx-studio .weather-forecast-row b i{font-style:normal!important;color:rgba(255,255,255,.42)!important;font-size:.72rem!important;font-weight:700!important}

@media(max-width:1040px){
  .myxx-studio .home-pulse-section .pulse-home{grid-template-columns:1fr!important}
  .myxx-studio .home-pulse-section .utility-stack{min-height:0!important}
  .myxx-studio .home-pulse-section .weather-block-v3{min-height:430px!important}
}
@media(max-width:760px){
  .myxx-studio .home-pulse-section .pulse-lead-inner{padding:18px!important;gap:14px!important}
  .myxx-studio .home-pulse-section .pulse-lead-intro{grid-template-columns:1fr!important;align-items:start!important}
  .myxx-studio .home-pulse-section .pulse-lead-intro h2{font-size:clamp(2.55rem,12.4vw,3.55rem)!important;gap:.12em!important}
  .myxx-studio .home-pulse-section .pulse-story-feature{grid-template-columns:1fr!important;min-height:0!important}
  .myxx-studio .home-pulse-section .pulse-story-thumb{min-height:185px!important;max-height:220px!important;aspect-ratio:16/9!important}
  .myxx-studio .home-pulse-section .pulse-story-feature-copy{padding:4px!important}
  .myxx-studio .home-pulse-section .pulse-story-feature-copy h3{font-size:1.25rem!important;-webkit-line-clamp:3!important}
  .myxx-studio .home-pulse-section .pulse-story-feature-copy p{display:none!important}
  .myxx-studio .home-pulse-section .pulse-headline-stack{grid-template-columns:1fr!important;gap:7px!important}
  .myxx-studio .home-pulse-section .pulse-headline-row{min-height:72px!important}
  .myxx-studio .home-pulse-section .weather-block-v3{min-height:0!important;padding:18px!important;gap:13px!important}
  .myxx-studio .weather-current{grid-template-columns:minmax(0,1fr) 68px!important;gap:12px!important}
  .myxx-studio .weather-icon-shell{width:68px!important;height:68px!important;border-radius:18px!important}
  .myxx-studio .weather-icon-shell .weather-icon{width:44px!important;height:44px!important}
  .myxx-studio .weather-temp{font-size:3.65rem!important}
  .myxx-studio .weather-current h3{font-size:1.25rem!important;margin-top:9px!important}
  .myxx-studio .weather-forecast-row{min-height:54px!important}
}
@media(max-width:390px){
  .myxx-studio .weather-mini{gap:5px!important}
  .myxx-studio .weather-mini span{padding:8px 7px!important}
  .myxx-studio .weather-forecast-row{grid-template-columns:44px minmax(0,1fr) auto!important;padding:9px!important;gap:7px!important}
}


/* ========================================================================
   v28.6.2R2 — HERO CONTAINMENT + 7-DAY WEATHER INFORMATION DENSITY
   News composition intentionally untouched after R1 approval.
   ======================================================================== */

/* Hero headline: one true size for all three lines, sized from the actual
   hero-copy container instead of the viewport. This keeps YOUR MYXX. inside
   the glass frame without making that one line artificially smaller. */

.myxx-studio .home-hero .hero-statement{min-width:0!important;box-sizing:border-box!important;font-size:clamp(3.35rem,4.65vw,5.05rem)!important;padding-inline:18px 22px!important;}
@supports (font-size:1cqw){
  .myxx-studio .home-hero .hero-statement{font-size:clamp(2.2rem,13.05cqw,5.05rem)!important}
}
.myxx-studio .home-hero .hero-statement span:first-child,
.myxx-studio .home-hero .hero-statement span:nth-child(2),
.myxx-studio .home-hero .hero-statement strong{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  font-size:1em!important;
  line-height:.91!important;
  letter-spacing:-.071em!important;
  white-space:nowrap!important;
  overflow:visible!important;
}

/* Weather V4: deliberately information-dense. It fills the available column
   with useful current metrics, sun times and a genuine seven-day outlook. */
.myxx-studio .home-pulse-section .weather-block-v4{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  padding:22px!important;
  border-radius:24px!important;
  color:#fff!important;
  background:
    radial-gradient(280px 230px at 100% 0%,rgba(240,184,24,.12),transparent 72%),
    radial-gradient(340px 270px at 0% 100%,rgba(255,126,34,.10),transparent 72%),
    linear-gradient(160deg,#17171d 0%,#101116 48%,#15120e 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 24px 68px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.myxx-studio .home-pulse-section .weather-block-v4::after{display:none!important}
.myxx-studio .weather-block-v4 .weather-card-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important}
.myxx-studio .weather-block-v4 .weather-card-head .eyebrow,
.myxx-studio .weather-block-v4 .weather-card-head .weather-freshness{margin:0!important;padding:0!important}
.myxx-studio .weather-block-v4 .weather-current{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 82px!important;
  gap:16px!important;
  align-items:start!important;
}
.myxx-studio .weather-block-v4 .weather-temp{margin:0!important;font-size:clamp(4.35rem,5.8vw,5.9rem)!important;line-height:.78!important;letter-spacing:-.085em!important;color:#fff!important}
.myxx-studio .weather-block-v4 .weather-temp sup{font-size:.28em!important;color:#f0b818!important;vertical-align:top!important}
.myxx-studio .weather-block-v4 .weather-current h3{margin:11px 0 2px!important;font-size:1.5rem!important;line-height:1!important;color:#fff!important}
.myxx-studio .weather-block-v4 .weather-current p{margin:0!important;color:rgba(255,255,255,.58)!important;font-size:.71rem!important;line-height:1.4!important}
.myxx-studio .weather-block-v4 .weather-icon-shell{width:82px!important;height:82px!important;display:grid!important;place-items:center!important;border-radius:21px!important;color:#f0b818!important;background:linear-gradient(145deg,rgba(240,184,24,.13),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.myxx-studio .weather-block-v4 .weather-icon{width:52px!important;height:52px!important}
.myxx-studio .weather-block-v4 .weather-icon svg{width:100%!important;height:100%!important;stroke:currentColor!important;stroke-width:3.4!important}

.myxx-studio .weather-metrics{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.myxx-studio .weather-metrics span,
.myxx-studio .weather-sun span{
  min-width:0!important;
  padding:9px 10px!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.032)!important;
  border:1px solid rgba(255,255,255,.058)!important;
}
.myxx-studio .weather-metrics span{display:grid!important;gap:3px!important}
.myxx-studio .weather-metrics b,
.myxx-studio .weather-sun b{font-size:.48rem!important;letter-spacing:.12em!important;color:#f0b818!important;font-weight:950!important}
.myxx-studio .weather-metrics strong,
.myxx-studio .weather-sun strong{font-size:.82rem!important;color:#fff!important;line-height:1.1!important}
.myxx-studio .weather-sun{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
.myxx-studio .weather-sun span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}

.myxx-studio .weather-week{display:grid!important;gap:8px!important;min-height:0!important;margin-top:1px!important}
.myxx-studio .weather-week-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;padding:2px 2px 0!important}
.myxx-studio .weather-week-head span{color:#f0b818!important;font-size:.56rem!important;font-weight:950!important;letter-spacing:.15em!important}
.myxx-studio .weather-week-head small{color:rgba(255,255,255,.39)!important;font-size:.55rem!important}
.myxx-studio .weather-block-v4 .weather-forecast-rows{display:grid!important;gap:6px!important;margin:0!important;padding:0!important}
.myxx-studio .weather-block-v4 .weather-forecast-row{
  display:grid!important;
  grid-template-columns:46px 30px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:58px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.031),rgba(255,255,255,.015))!important;
  border:1px solid rgba(255,255,255,.052)!important;
}
.myxx-studio .weather-block-v4 .weather-forecast-row.is-today{border-color:rgba(240,184,24,.22)!important;background:linear-gradient(145deg,rgba(240,184,24,.07),rgba(255,255,255,.018))!important}
.myxx-studio .weather-block-v4 .weather-forecast-row>small{color:#f0b818!important;font-size:.50rem!important;font-weight:950!important;letter-spacing:.105em!important}
.myxx-studio .weather-block-v4 .forecast-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;color:#f0b818!important;font-style:normal!important}
.myxx-studio .weather-block-v4 .forecast-icon .weather-icon{width:26px!important;height:26px!important}
.myxx-studio .weather-block-v4 .forecast-icon svg{width:26px!important;height:26px!important;stroke:currentColor!important;stroke-width:3.2!important}
.myxx-studio .weather-block-v4 .weather-forecast-row>span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(255,255,255,.76)!important;font-size:.68rem!important;font-weight:750!important}
.myxx-studio .weather-block-v4 .weather-forecast-row>em{font-style:normal!important;white-space:nowrap!important;color:rgba(255,255,255,.42)!important;font-size:.56rem!important}
.myxx-studio .weather-block-v4 .weather-forecast-row>b{white-space:nowrap!important;font-size:.90rem!important;color:#fff!important}
.myxx-studio .weather-block-v4 .weather-forecast-row>b i{font-style:normal!important;color:rgba(255,255,255,.40)!important;font-size:.68rem!important;font-weight:700!important}

@media(max-width:1040px){
  .myxx-studio .home-pulse-section .weather-block-v4{height:auto!important;min-height:0!important}
  .myxx-studio .weather-block-v4 .weather-forecast-row{grid-template-columns:50px 32px minmax(0,1fr) auto auto!important}
}
@media(max-width:760px){
  .myxx-studio .home-hero .hero-statement{width:100%!important;max-width:100%!important;padding:20px 15px 21px!important}
  @supports (font-size:1cqw){.myxx-studio .home-hero .hero-statement{font-size:clamp(2.08rem,12.7cqw,3.35rem)!important}}
  .myxx-studio .home-pulse-section .weather-block-v4{padding:17px!important;gap:11px!important}
  .myxx-studio .weather-block-v4 .weather-current{grid-template-columns:minmax(0,1fr) 66px!important;gap:10px!important}
  .myxx-studio .weather-block-v4 .weather-icon-shell{width:66px!important;height:66px!important;border-radius:17px!important}
  .myxx-studio .weather-block-v4 .weather-icon{width:42px!important;height:42px!important}
  .myxx-studio .weather-block-v4 .weather-temp{font-size:3.55rem!important}
  .myxx-studio .weather-block-v4 .weather-current h3{font-size:1.23rem!important;margin-top:8px!important}
  .myxx-studio .weather-block-v4 .weather-forecast-row{grid-template-columns:44px 28px minmax(0,1fr) auto!important;min-height:54px!important;padding:8px!important;gap:7px!important}
  .myxx-studio .weather-block-v4 .weather-forecast-row>em{display:none!important}
}
@media(max-width:390px){
  .myxx-studio .weather-metrics{grid-template-columns:1fr 1fr!important}
  .myxx-studio .weather-sun{grid-template-columns:1fr!important}
  .myxx-studio .weather-week-head small{display:none!important}
  .myxx-studio .weather-block-v4 .weather-forecast-row{grid-template-columns:39px 25px minmax(0,1fr) auto!important;padding:7px!important;gap:5px!important}
}


/* ========================================================================
   v28.6.2R3 — WEATHER EQUAL-FILL CONTRACT
   The weather column stretches to the same height as Pulse on wide screens.
   Forecast content then consumes every remaining pixel evenly instead of
   leaving a dead zone beneath Friday.
   ======================================================================== */
@media (min-width:1041px){
  .myxx-studio .home-pulse-section .utility-stack{
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .myxx-studio .home-pulse-section .weather-block-v4{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto auto auto auto minmax(0,1fr)!important;
    align-content:stretch!important;
    gap:clamp(10px,1.05vh,15px)!important;
  }
  .myxx-studio .weather-block-v4 .weather-current,
  .myxx-studio .weather-block-v4 .weather-metrics,
  .myxx-studio .weather-block-v4 .weather-sun{
    min-height:0!important;
  }
  .myxx-studio .weather-block-v4 .weather-week{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:8px!important;
    align-self:stretch!important;
  }
  .myxx-studio .weather-block-v4 .weather-forecast-rows{
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-rows:repeat(7,minmax(0,1fr))!important;
    gap:clamp(6px,.7vh,10px)!important;
    align-content:stretch!important;
  }
  .myxx-studio .weather-block-v4 .weather-forecast-row{
    height:100%!important;
    min-height:0!important;
    align-self:stretch!important;
    padding-block:clamp(8px,1.05vh,13px)!important;
  }
}

/* Medium-height desktops still fill the card, but protect useful row height. */
@media (min-width:1041px) and (max-height:760px){
  .myxx-studio .home-pulse-section .weather-block-v4{
    gap:9px!important;
    padding:18px!important;
  }
  .myxx-studio .weather-block-v4 .weather-week{gap:6px!important}
  .myxx-studio .weather-block-v4 .weather-forecast-rows{gap:5px!important}
  .myxx-studio .weather-block-v4 .weather-forecast-row{padding-block:7px!important}
}

/* Once Pulse/Weather stack, content height should be natural rather than
   artificially stretched to viewport height. */
@media (max-width:1040px){
  .myxx-studio .weather-block-v4 .weather-week,
  .myxx-studio .weather-block-v4 .weather-forecast-rows{
    height:auto!important;
  }
  .myxx-studio .weather-block-v4 .weather-forecast-rows{
    grid-template-rows:none!important;
  }
  .myxx-studio .weather-block-v4 .weather-forecast-row{
    height:auto!important;
  }
}

/* ========================================================================
   v28.6.2R4 FAMILY VISUAL OCD
   Final source-of-truth rules for navigation, hero balance, family frames,
   artwork density, footer color and responsive containment.
   ======================================================================== */

/* Desktop has a complete navigation bar. The drawer trigger is mobile only. */
@media (min-width:901px){
  body.myxx-studio .site-header{
    grid-template-columns:minmax(88px,112px) minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.myxx-studio .site-header>.main-nav{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.myxx-studio .site-header>.main-nav>a{
    display:flex!important;
    min-width:0!important;
    min-height:34px!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px clamp(6px,.62vw,11px)!important;
    font-size:clamp(.57rem,.56vw,.70rem)!important;
    white-space:nowrap!important;
  }
  body.myxx-studio .site-header .menu-button{display:none!important}
  body.myxx-studio .mobile-menu{display:none!important}
}
@media (max-width:900px){
  body.myxx-studio .site-header>.main-nav{display:none!important}
  body.myxx-studio .site-header .menu-button{display:grid!important}
}

/* The three-line statement now carries the same visual weight as the art. */
.myxx-studio .home-hero .hero-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  container-type:inline-size!important;
}
.myxx-studio .home-hero .hero-statement{
  display:grid!important;
  grid-template-rows:repeat(3,auto)!important;
  align-content:center!important;
  align-items:start!important;
  gap:clamp(5px,.6vw,9px)!important;
  width:100%!important;
  max-width:100%!important;
  min-height:clamp(276px,24vw,326px)!important;
  margin:14px 0 16px!important;
  padding:clamp(26px,3vw,38px)!important;
  overflow:visible!important;
  border-radius:28px!important;
  background:
    radial-gradient(280px 180px at 88% 10%,rgba(240,184,24,.075),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.026) 64%,rgba(240,184,24,.022))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 22px 58px rgba(0,0,0,.23)!important;
}
@supports (font-size:1cqw){
  .myxx-studio .home-hero .hero-statement{font-size:clamp(3.25rem,12.9cqw,5.2rem)!important}
}
.myxx-studio .home-hero .hero-statement span:first-child,
.myxx-studio .home-hero .hero-statement span:nth-child(2),
.myxx-studio .home-hero .hero-statement strong{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  font-size:1em!important;
  line-height:.90!important;
  letter-spacing:-.07em!important;
  white-space:nowrap!important;
}

/* Keep the live status and show card above every artwork state. */
.myxx-studio .live-cover-shell{
  position:relative!important;
  isolation:isolate!important;
}
.myxx-studio .live-cover-art{
  position:relative!important;
  z-index:1!important;
}
.myxx-studio .live-cover-top{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:12!important;
  pointer-events:none!important;
}
.myxx-studio .live-pill,
.myxx-studio .live-show{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  box-shadow:0 12px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.myxx-studio .live-show{display:block!important}
.myxx-studio .live-show small{color:#f0b818!important}

/* One family language, two clearly different products. */
.myxx-studio .myxx-family-frame,
.myxx-studio .myxx-family-surface{
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  border-radius:30px!important;
}
.myxx-studio .family-frame-bar{
  position:relative!important;
  z-index:6!important;
  grid-column:1/-1!important;
  align-self:start!important;
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px 16px!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:10px 14px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:rgba(7,7,10,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
}
.myxx-studio .family-frame-bar span,
.myxx-studio .family-frame-bar strong,
.myxx-studio .family-frame-bar em{
  min-width:0!important;
  font-style:normal!important;
  white-space:nowrap!important;
}
.myxx-studio .family-frame-bar span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:.50rem!important;
  font-weight:950!important;
  letter-spacing:.145em!important;
}
.myxx-studio .family-frame-bar span i{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:50%!important;
  background:#f0b818!important;
  box-shadow:0 0 0 4px rgba(240,184,24,.12),0 0 18px rgba(240,184,24,.25)!important;
}
.myxx-studio .family-frame-bar strong{
  color:#fff!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}
.myxx-studio .family-frame-bar em{
  overflow:hidden!important;
  color:rgba(255,255,255,.48)!important;
  font-size:.52rem!important;
  font-weight:820!important;
  letter-spacing:.12em!important;
  text-align:right!important;
  text-overflow:ellipsis!important;
}
.myxx-studio .family-frame-bar.is-request{
  border-color:rgba(60,42,0,.15)!important;
  background:rgba(255,249,216,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50),0 14px 34px rgba(91,60,0,.09)!important;
}
.myxx-studio .family-frame-bar.is-request span,
.myxx-studio .family-frame-bar.is-request strong{color:#171109!important}
.myxx-studio .family-frame-bar.is-request em{color:rgba(65,43,0,.68)!important}
.myxx-studio .family-frame-bar.is-request span i{
  background:#111!important;
  box-shadow:0 0 0 4px rgba(17,17,17,.09)!important;
}
.myxx-studio .family-frame-bar.is-remyxx{
  border-color:rgba(232,105,255,.20)!important;
  background:linear-gradient(120deg,rgba(31,15,38,.78),rgba(9,9,13,.72))!important;
}
.myxx-studio .family-frame-bar.is-remyxx span i{
  background:#e569ff!important;
  box-shadow:0 0 0 4px rgba(229,105,255,.12),0 0 20px rgba(229,105,255,.24)!important;
}

.myxx-studio .request-family-frame,
.myxx-studio .remyxx-family-frame{
  grid-template-rows:auto minmax(0,1fr)!important;
  align-items:stretch!important;
}
.myxx-studio .request-promo-v2.request-family-frame,
.myxx-studio .remyxx-feature-v2.remyxx-family-frame{
  min-height:460px!important;
}
.myxx-studio .request-family-frame .request-promo-copy,
.myxx-studio .request-family-frame .request-promo-art,
.myxx-studio .remyxx-family-frame .remyxx-visual,
.myxx-studio .remyxx-family-frame .remyxx-copy{
  min-width:0!important;
  align-self:center!important;
}

/* Dedicated Request and REMYXX surfaces inherit the same family rail. */
.myxx-studio .request-family-surface{
  overflow:hidden!important;
  background:
    radial-gradient(460px 280px at 92% 0%,rgba(240,184,24,.075),transparent 72%),
    linear-gradient(155deg,#0d0d11,#09090d 66%,#111008)!important;
  border:1px solid rgba(240,184,24,.17)!important;
  box-shadow:0 30px 86px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .request-family-surface>.family-frame-bar{
  border-width:0 0 1px!important;
  border-radius:0!important;
  padding:14px clamp(20px,3vw,36px)!important;
  background:linear-gradient(90deg,rgba(255,221,73,.96),rgba(255,197,18,.92))!important;
}
.myxx-studio .request-family-surface .request-status{
  background:rgba(255,255,255,.012)!important;
}
.myxx-studio .request-side-title{
  max-width:13ch!important;
  margin:12px 0 18px!important;
  color:#fff!important;
  font-size:clamp(1.55rem,2.2vw,2.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
}
.myxx-studio .remyxx-family-surface{
  margin:22px 0 100px!important;
  padding:0 clamp(18px,2.5vw,30px) clamp(22px,3vw,34px)!important;
  overflow:hidden!important;
  background:
    radial-gradient(560px 360px at 0% 0%,rgba(213,52,255,.13),transparent 68%),
    radial-gradient(420px 280px at 100% 100%,rgba(240,184,24,.055),transparent 72%),
    linear-gradient(150deg,#100b14,#09090d 58%,#0f0d0b)!important;
  border:1px solid rgba(225,99,255,.15)!important;
  box-shadow:0 30px 86px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .remyxx-family-surface>.family-frame-bar{
  width:auto!important;
  margin:0 clamp(-30px,-2.5vw,-18px) 22px!important;
  padding:14px clamp(18px,2.5vw,30px)!important;
  border-width:0 0 1px!important;
  border-radius:0!important;
}
.myxx-studio .remyxx-family-surface .remyxx-tools{margin-top:0!important}
.myxx-studio .remyxx-family-surface .remyxx-layout{padding-bottom:0!important}
.myxx-studio .remyxx-family-surface .featured-episode{top:0!important}

/* Small covers request small files, reserve their geometry and defer deep rows. */
.myxx-studio .track-art{
  position:relative!important;
  overflow:hidden!important;
  background:
    url('/assets/myxx/logo-square-384.webp') center/30% no-repeat,
    linear-gradient(145deg,#17171c,#0a0a0e)!important;
}
.myxx-studio .track-art img{
  position:relative!important;
  z-index:1!important;
  aspect-ratio:1!important;
  background:#0d0d11!important;
}
.myxx-studio .history-grid .track-card{
  content-visibility:auto;
  contain-intrinsic-size:240px 330px;
}
@media (min-width:761px){
  .myxx-studio .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* This line is part of the station signature and stays crisp white. */


/* Final containment and phone composition pass. */
.myxx-studio :is(.page,.section,.hero,.masthead,.request-hero,.request-studio,.remyxx-studio,.request-body,.request-main,.request-side,.remyxx-layout,.episode-list,.history-grid)>*{
  min-width:0!important;
}
@media (min-width:761px) and (max-width:1080px){
  .myxx-studio .home-hero .hero-statement{min-height:258px!important}
}
@media (max-width:900px){
  .myxx-studio .request-hero{
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
  }
  .myxx-studio .request-art-stack{min-height:clamp(330px,68vw,520px)!important}
  .myxx-studio .request-body{grid-template-columns:1fr!important}
  .myxx-studio .request-main{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
  }
  .myxx-studio .remyxx-layout{grid-template-columns:1fr!important}
  .myxx-studio .featured-episode{position:relative!important;top:0!important}
}
@media (max-width:760px){
  .myxx-studio .home-hero .hero-statement{
    min-height:218px!important;
    margin:0!important;
    padding:24px 18px!important;
    gap:6px!important;
    border-radius:23px!important;
  }
  @supports (font-size:1cqw){
    .myxx-studio .home-hero .hero-statement{font-size:clamp(2.38rem,12.65cqw,3.38rem)!important}
  }
  .myxx-studio .family-frame-bar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 12px!important;
    min-height:0!important;
    padding:11px 12px!important;
    border-radius:14px!important;
  }
  .myxx-studio .family-frame-bar span{font-size:.46rem!important}
  .myxx-studio .family-frame-bar strong{font-size:.62rem!important;text-align:right!important}
  .myxx-studio .family-frame-bar em{
    grid-column:1/-1!important;
    font-size:.47rem!important;
    text-align:left!important;
  }
  .myxx-studio .request-promo-v2.request-family-frame,
  .myxx-studio .remyxx-feature-v2.remyxx-family-frame{
    min-height:0!important;
  }
  .myxx-studio .myxx-family-frame,
  .myxx-studio .myxx-family-surface{border-radius:24px!important}
  .myxx-studio .request-family-surface>.family-frame-bar,
  .myxx-studio .remyxx-family-surface>.family-frame-bar{border-radius:0!important}
  .myxx-studio .request-status{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .myxx-studio .request-main,
  .myxx-studio .request-side{padding:20px 16px!important}
  .myxx-studio .request-side-title{max-width:18ch!important}
  .myxx-studio .remyxx-family-surface{
    margin-bottom:68px!important;
    padding:0 14px 18px!important;
  }
  .myxx-studio .remyxx-family-surface>.family-frame-bar{
    margin:0 -14px 16px!important;
    padding-inline:14px!important;
  }
  .myxx-studio .remyxx-family-surface .featured-art{aspect-ratio:16/10!important}
}
@media (max-width:390px){
  .myxx-studio .home-hero .hero-statement{
    min-height:204px!important;
    padding:21px 15px!important;
  }
  @supports (font-size:1cqw){
    .myxx-studio .home-hero .hero-statement{font-size:clamp(2.22rem,12.45cqw,2.95rem)!important}
  }
  .myxx-studio .family-frame-bar em{white-space:normal!important;line-height:1.35!important}
}

/* ========================================================================
   MYXX FM v28.6.2R5: EDITORIAL PRODUCT PANELS + FLOATING LIVE LABELS
   ======================================================================== */

/* Shared visual grammar: one frame system, one oversized background word,
   and one clear product color per experience. */
.myxx-studio .editorial-panel,
.myxx-studio .editorial-surface{
  position:relative!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.myxx-studio .editorial-panel>* ,
.myxx-studio .editorial-surface>*{
  position:relative;
  z-index:2;
  min-width:0;
}
.myxx-studio .editorial-panel::after,
.myxx-studio .editorial-surface::after{
  position:absolute;
  z-index:0;
  pointer-events:none;
  font-weight:950;
  line-height:.78;
  letter-spacing:-.10em;
  white-space:nowrap;
  user-select:none;
}

/* WORLD: cool signal-blue atmosphere while the verified map and yellow live
   points remain the focus. */
.myxx-studio .editorial-panel-world{
  background:
    radial-gradient(720px 360px at 12% 30%,rgba(38,144,255,.17),transparent 70%),
    radial-gradient(480px 280px at 94% 5%,rgba(69,232,255,.10),transparent 72%),
    linear-gradient(145deg,#07131f 0%,#080d16 53%,#090a0f 100%)!important;
  border-color:rgba(87,205,255,.17)!important;
}
.myxx-studio .editorial-panel-world::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-24%;
  pointer-events:none;
  background:repeating-radial-gradient(circle at 18% 52%,transparent 0 54px,rgba(87,205,255,.025) 55px 56px);
}
.myxx-studio .editorial-panel-world::after{
  content:"WORLD";
  right:-.035em;
  top:-.13em;
  font-size:clamp(7.5rem,17vw,15rem);
  color:rgba(125,220,255,.042);
}
.myxx-studio .editorial-panel-world .home-map-shell,
.myxx-studio .editorial-panel-world .home-world-summary{z-index:2!important}
.myxx-studio .editorial-panel-world .home-map-canvas{
  border:1px solid rgba(113,216,255,.14)!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(46,128,215,.13),transparent 58%),
    linear-gradient(145deg,rgba(5,15,26,.96),rgba(6,9,15,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.28)!important;
}
.myxx-studio .editorial-panel-world .home-world-head .eyebrow,
.myxx-studio .editorial-panel-world .home-world-spotlight small,
.myxx-studio .editorial-panel-world .home-world-countries b{color:#67dcff!important}
.myxx-studio .editorial-panel-world .home-world-spotlight{border-color:rgba(107,218,255,.12)!important}
.myxx-studio .editorial-panel-world .home-world-countries span{border-color:rgba(107,218,255,.085)!important}

/* REQUEST: bright broadcast-yellow, editorial typography and one purposeful
   artwork card. The former orbit, floating labels and repeated headers are gone. */
.myxx-studio .editorial-panel-request{
  min-height:440px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;
  align-items:center!important;
  gap:clamp(32px,5vw,72px)!important;
  padding:clamp(36px,5vw,64px)!important;
  background:
    radial-gradient(520px 300px at 88% 8%,rgba(255,255,255,.42),transparent 68%),
    linear-gradient(135deg,#ffe66a 0%,#ffd529 48%,#f6bb08 100%)!important;
  border-color:rgba(255,238,160,.78)!important;
  color:#101014!important;
}
.myxx-studio .editorial-panel-request::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(125deg,transparent 0 54px,rgba(80,48,0,.035) 55px 56px);
}
.myxx-studio .editorial-panel-request::after{
  content:"REQUEST";
  left:-.04em;
  bottom:-.15em;
  font-size:clamp(7rem,16vw,14rem);
  color:rgba(81,49,0,.075);
}
.myxx-studio .editorial-panel-request .request-promo-copy{z-index:3!important}
.myxx-studio .editorial-panel-request .eyebrow{
  width:max-content!important;
  margin:0!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:2px solid rgba(28,19,0,.28)!important;
  border-radius:0!important;
  background:none!important;
  color:#573900!important;
}
.myxx-studio .editorial-panel-request h2{
  max-width:8.7ch!important;
  margin:18px 0 16px!important;
  color:#0d0d10!important;
  font-size:clamp(3.65rem,6vw,6.5rem)!important;
  line-height:.82!important;
  letter-spacing:-.078em!important;
}
.myxx-studio .editorial-panel-request h2 span{display:block!important;color:#624000!important}
.myxx-studio .editorial-panel-request .request-promo-copy>p{
  max-width:46ch!important;
  color:rgba(39,26,0,.76)!important;
  font-size:.9rem!important;
  line-height:1.58!important;
}
.myxx-studio .editorial-panel-request .primary-action{
  margin-top:24px!important;
  background:#0b0b0e!important;
  color:#fff!important;
  border-color:rgba(0,0,0,.76)!important;
  box-shadow:0 15px 34px rgba(73,47,0,.18)!important;
}
.myxx-studio .editorial-panel-request .request-promo-art{
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:300px!important;
}
.myxx-studio .request-pick-card{
  position:relative;
  width:min(29vw,330px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:26px;
  background:#0b0b0f;
  box-shadow:0 30px 66px rgba(81,52,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
  transform:rotate(2.1deg);
}
.myxx-studio .request-pick-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:14px -14px -14px 14px;
  border:1px solid rgba(35,24,0,.16);
  border-radius:26px;
}
.myxx-studio .request-pick-card img{
  display:block!important;
  width:100%!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  background:#111116!important;
}
.myxx-studio .request-pick-copy{
  display:block!important;
  padding:18px 20px 20px!important;
  background:linear-gradient(180deg,#121218,#09090d)!important;
}
.myxx-studio .request-pick-copy small,
.myxx-studio .request-pick-copy strong{display:block!important}
.myxx-studio .request-pick-copy small{
  color:#ffd62d!important;
  font-size:.49rem!important;
  font-weight:950!important;
  letter-spacing:.145em!important;
}
.myxx-studio .request-pick-copy strong{
  margin-top:7px!important;
  color:#fff!important;
  font-size:1.02rem!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}

/* REMYXX: deep plum and hot-magenta. Episode artwork is the only visual object,
   with no extra orbit, icon cluster or duplicate product heading. */
.myxx-studio .editorial-panel-remyxx{
  min-height:440px!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr)!important;
  align-items:center!important;
  gap:clamp(36px,5vw,76px)!important;
  padding:clamp(36px,5vw,64px)!important;
  background:
    radial-gradient(580px 360px at 12% 46%,rgba(223,62,255,.20),transparent 69%),
    radial-gradient(420px 260px at 94% 8%,rgba(255,68,157,.10),transparent 72%),
    linear-gradient(145deg,#160a1b 0%,#09090e 57%,#130a14 100%)!important;
  border-color:rgba(235,105,255,.19)!important;
}
.myxx-studio .editorial-panel-remyxx::before{
  content:""!important;
  display:block!important;
  position:absolute;
  z-index:0;
  inset:-18%;
  pointer-events:none;
  background:repeating-radial-gradient(circle at 17% 50%,transparent 0 50px,rgba(239,106,255,.025) 51px 52px)!important;
}
.myxx-studio .editorial-panel-remyxx::after{
  content:"REMYXX";
  right:-.035em;
  top:-.13em;
  font-size:clamp(7rem,16vw,14rem);
  color:rgba(244,147,255,.047);
}
.myxx-studio .editorial-panel-remyxx .remyxx-visual{
  z-index:3!important;
  display:grid!important;
  place-items:center!important;
  min-height:300px!important;
  order:0!important;
}
.myxx-studio .editorial-panel-remyxx .remyxx-cover{
  position:relative!important;
  width:min(27vw,310px)!important;
  aspect-ratio:1!important;
  overflow:visible!important;
  border-radius:27px!important;
  box-shadow:0 32px 70px rgba(0,0,0,.48)!important;
  transform:rotate(-1.8deg)!important;
}
.myxx-studio .editorial-panel-remyxx .remyxx-cover::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:14px -14px -14px 14px;
  border:1px solid rgba(239,101,255,.28);
  border-radius:27px;
  background:rgba(222,61,255,.035);
}
.myxx-studio .editorial-panel-remyxx .remyxx-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:27px!important;
  background:#0a0a0e!important;
}
.myxx-studio .editorial-panel-remyxx .remyxx-stamp{
  top:20px!important;
  right:-15px!important;
  bottom:auto!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#fa6dff,#d93cff)!important;
  color:#160817!important;
  box-shadow:0 14px 30px rgba(210,50,255,.24)!important;
  transform:rotate(3deg)!important;
}
.myxx-studio .editorial-panel-remyxx .remyxx-copy{z-index:3!important;order:0!important}
.myxx-studio .editorial-panel-remyxx .eyebrow{color:#ef72ff!important}
.myxx-studio .editorial-panel-remyxx .remyxx-copy h2{
  margin:15px 0 16px!important;
  color:#f7f3f8!important;
  font-size:clamp(3.65rem,6vw,6.35rem)!important;
  line-height:.82!important;
  letter-spacing:-.078em!important;
}
.myxx-studio .editorial-panel-remyxx .remyxx-copy h2 span,
.myxx-studio .editorial-panel-remyxx .remyxx-copy h2 strong{display:block!important}
.myxx-studio .editorial-panel-remyxx .remyxx-copy h2 strong{color:#ed6cff!important}
.myxx-studio .editorial-panel-remyxx .remyxx-copy>p{
  max-width:51ch!important;
  color:#aea7b2!important;
  line-height:1.62!important;
}
.myxx-studio .editorial-panel-remyxx .chip{
  border-color:rgba(237,108,255,.14)!important;
  background:rgba(237,108,255,.055)!important;
}
.myxx-studio .editorial-panel-remyxx .primary-action{
  background:linear-gradient(135deg,#f176ff,#d73aff)!important;
  color:#140716!important;
  border-color:rgba(255,255,255,.22)!important;
}

/* Dedicated product surfaces use the same grammar without an extra header rail. */
.myxx-studio .editorial-surface-request{
  margin-bottom:100px!important;
  background:
    radial-gradient(600px 340px at 100% 0%,rgba(240,184,24,.12),transparent 72%),
    linear-gradient(155deg,#11100b,#09090d 62%,#111009)!important;
  border-color:rgba(255,214,45,.18)!important;
}
.myxx-studio .editorial-surface-request::after{
  content:"REQUEST";
  right:-.035em;
  top:-.11em;
  font-size:clamp(7rem,16vw,14rem);
  color:rgba(255,218,62,.038);
}
.myxx-studio .editorial-surface-request .request-status{
  z-index:3!important;
  padding:clamp(24px,3vw,38px)!important;
  background:linear-gradient(90deg,rgba(255,214,45,.055),rgba(255,255,255,.012))!important;
  border-color:rgba(255,220,83,.11)!important;
}
.myxx-studio .editorial-surface-request .request-status .eyebrow{color:#f0b818!important}
.myxx-studio .editorial-surface-request .request-body{z-index:3!important}
.myxx-studio .editorial-surface-request .search-spark{display:none!important}
.myxx-studio .editorial-surface-request .request-side-title{
  max-width:14ch!important;
  margin:12px 0 18px!important;
  color:#fff!important;
  font-size:clamp(1.55rem,2.2vw,2.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.048em!important;
}

.myxx-studio .editorial-surface-remyxx{
  margin:22px 0 100px!important;
  padding:clamp(20px,2.5vw,32px)!important;
  background:
    radial-gradient(620px 380px at 0% 0%,rgba(220,61,255,.15),transparent 70%),
    radial-gradient(480px 300px at 100% 100%,rgba(255,73,165,.065),transparent 72%),
    linear-gradient(150deg,#140918,#09090d 58%,#100911)!important;
  border-color:rgba(236,105,255,.17)!important;
}
.myxx-studio .editorial-surface-remyxx::after{
  content:"REMYXX";
  right:-.035em;
  top:-.11em;
  font-size:clamp(7rem,16vw,14rem);
  color:rgba(240,124,255,.04);
}
.myxx-studio .editorial-surface-remyxx .remyxx-tools,
.myxx-studio .editorial-surface-remyxx .remyxx-filters,
.myxx-studio .editorial-surface-remyxx .remyxx-layout{z-index:3!important}
.myxx-studio .editorial-surface-remyxx .remyxx-tools{margin-top:0!important}
.myxx-studio .editorial-surface-remyxx .remyxx-layout{padding-bottom:0!important}
.myxx-studio .editorial-surface-remyxx .featured-episode{top:0!important}
.myxx-studio .editorial-surface-remyxx .remyxx-search{
  border-color:rgba(235,103,255,.14)!important;
  background:rgba(255,255,255,.035)!important;
}
.myxx-studio .editorial-surface-remyxx .remyxx-filters button.active{
  border-color:rgba(246,124,255,.54)!important;
  background:linear-gradient(135deg,#f277ff,#d83eff)!important;
  color:#140716!important;
}
.myxx-studio .editorial-surface-remyxx .episode-row.playing{border-color:rgba(239,106,255,.34)!important}

/* The live labels sit just outside the artwork frame. The shell still clips the
   artwork itself, while the new frame intentionally leaves the stickers visible. */
.myxx-studio .home-hero .live-stage{
  overflow:visible!important;
  padding-top:20px!important;
}
.myxx-studio .live-cover-frame{
  position:relative!important;
  width:100%!important;
  margin-inline:auto!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.myxx-studio .live-cover-frame .live-cover-shell{
  width:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.myxx-studio .live-cover-frame .live-cover-top{
  position:absolute!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:20!important;
  top:-14px!important;
  left:-13px!important;
  right:-13px!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  transform:none!important;
  pointer-events:none!important;
}
.myxx-studio .live-cover-frame .live-pill{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff527d,#ef255f)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(255,42,99,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;
  transform:rotate(-2.4deg)!important;
}
.myxx-studio .live-cover-frame .live-pill i{
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.16)!important;
}
.myxx-studio .live-cover-frame .live-show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:126px!important;
  max-width:164px!important;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.56)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#ffe55a,#f8cb22)!important;
  color:#171207!important;
  text-align:left!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.54)!important;
  transform:rotate(2deg)!important;
}
.myxx-studio .live-cover-frame .live-show small{color:#705600!important}
.myxx-studio .live-cover-frame .live-show strong{color:#151107!important}
.myxx-studio .live-cover-frame .live-show em{color:rgba(21,17,7,.60)!important}

@media (max-width:900px){
  .myxx-studio .editorial-panel-request,
  .myxx-studio .editorial-panel-remyxx{
    grid-template-columns:1fr 1fr!important;
    gap:28px!important;
    padding:34px!important;
  }
  .myxx-studio .request-pick-card{width:min(35vw,300px)!important}
  .myxx-studio .editorial-panel-remyxx .remyxx-cover{width:min(34vw,285px)!important}
}

@media (max-width:760px){
  .myxx-studio .editorial-panel,
  .myxx-studio .editorial-surface{border-radius:24px!important}

  .myxx-studio .editorial-panel-world::after{
    top:-.04em!important;
    font-size:clamp(6rem,28vw,9rem)!important;
  }
  .myxx-studio .editorial-panel-world .home-world-summary{padding:9px 6px 7px!important}

  .myxx-studio .editorial-panel-request,
  .myxx-studio .editorial-panel-remyxx{
    grid-template-columns:1fr!important;
    gap:24px!important;
    min-height:0!important;
    padding:26px 20px!important;
  }
  .myxx-studio .editorial-panel-request::after,
  .myxx-studio .editorial-panel-remyxx::after{
    font-size:clamp(6rem,30vw,9.5rem)!important;
  }
  .myxx-studio .editorial-panel-request .request-promo-copy{order:1!important}
  .myxx-studio .editorial-panel-request .request-promo-art{
    order:2!important;
    display:grid!important;
    min-height:0!important;
  }
  .myxx-studio .editorial-panel-request h2{
    max-width:8.8ch!important;
    font-size:clamp(3rem,14vw,4.15rem)!important;
  }
  .myxx-studio .editorial-panel-request .primary-action{width:100%!important;justify-content:center!important}
  .myxx-studio .request-pick-card{
    display:grid!important;
    grid-template-columns:minmax(124px,.46fr) minmax(0,.54fr)!important;
    align-items:stretch!important;
    width:min(100%,430px)!important;
    transform:rotate(.8deg)!important;
  }
  .myxx-studio .request-pick-card img{height:100%!important;min-height:152px!important}
  .myxx-studio .request-pick-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:16px!important}
  .myxx-studio .request-pick-copy strong{font-size:.9rem!important}

  .myxx-studio .editorial-panel-remyxx .remyxx-visual{
    order:1!important;
    min-height:245px!important;
  }
  .myxx-studio .editorial-panel-remyxx .remyxx-copy{order:2!important}
  .myxx-studio .editorial-panel-remyxx .remyxx-cover{width:min(66vw,255px)!important}
  .myxx-studio .editorial-panel-remyxx .remyxx-copy h2{
    font-size:clamp(3rem,14vw,4.2rem)!important;
  }
  .myxx-studio .editorial-panel-remyxx .action-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .myxx-studio .editorial-panel-remyxx .action-row>*{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    justify-content:center!important;
  }

  .myxx-studio .editorial-surface-request{margin-bottom:68px!important}
  .myxx-studio .editorial-surface-request::after,
  .myxx-studio .editorial-surface-remyxx::after{
    font-size:clamp(6rem,28vw,9rem)!important;
  }
  .myxx-studio .editorial-surface-request .request-status{
    padding:22px 17px!important;
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .myxx-studio .editorial-surface-remyxx{
    margin-bottom:68px!important;
    padding:18px 14px!important;
  }

  .myxx-studio .home-hero .live-stage{padding-top:16px!important}
  .myxx-studio .home-hero .live-cover-frame{width:min(100%,306px)!important}
  .myxx-studio .live-cover-frame .live-cover-top{
    top:-11px!important;
    left:-9px!important;
    right:-9px!important;
    gap:8px!important;
  }
  .myxx-studio .live-cover-frame .live-pill{
    padding:7px 9px!important;
    font-size:.42rem!important;
    transform:rotate(-1.8deg)!important;
  }
  .myxx-studio .live-cover-frame .live-show{
    min-width:108px!important;
    max-width:132px!important;
    padding:8px 9px!important;
    border-radius:11px!important;
    transform:rotate(1.5deg)!important;
  }
  .myxx-studio .live-cover-frame .live-show strong{font-size:.59rem!important}
  .myxx-studio .live-cover-frame .live-show em{font-size:.42rem!important}
}

@media (max-width:390px){
  .myxx-studio .editorial-panel-request,
  .myxx-studio .editorial-panel-remyxx{padding:23px 17px!important}
  .myxx-studio .request-pick-card{grid-template-columns:118px minmax(0,1fr)!important}
  .myxx-studio .request-pick-card img{min-height:142px!important}
  .myxx-studio .request-pick-copy{padding:13px!important}
  .myxx-studio .request-pick-copy small{font-size:.42rem!important}
  .myxx-studio .request-pick-copy strong{font-size:.78rem!important}
  .myxx-studio .editorial-panel-remyxx .action-row{grid-template-columns:1fr!important}
  .myxx-studio .home-hero .live-cover-frame{width:min(100%,296px)!important}
  .myxx-studio .live-cover-frame .live-show{max-width:118px!important}
}

/* v28.6.2R6 - About, Recently Played and weather editorial refinement. */
.myxx-studio .about-page,
.myxx-studio .playlist-page{
  display:grid!important;
  gap:22px!important;
}
.myxx-studio .about-page .entity-breadcrumb{
  margin:0!important;
  padding:18px 2px 0!important;
}

/* About: one deliberate story, one facts surface, no duplicated sections. */
.myxx-studio .about-hero{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr)!important;
  align-items:center!important;
  gap:clamp(28px,5vw,72px)!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(34px,4.6vw,58px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:32px!important;
  background:
    radial-gradient(700px 390px at 80% 5%,rgba(240,184,24,.15),transparent 68%),
    radial-gradient(460px 330px at 100% 100%,rgba(255,72,103,.085),transparent 72%),
    linear-gradient(145deg,#0d0d12 0,#09090d 52%,#11100d 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .about-hero::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  z-index:0!important;
  opacity:.34!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.018) 40px)!important;
}
.myxx-studio .about-hero::after{
  display:block!important;
  content:"ABOUT"!important;
  position:absolute!important;
  top:-.17em!important;
  right:-.05em!important;
  z-index:0!important;
  color:rgba(255,255,255,.035)!important;
  font-size:clamp(7rem,15vw,13rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.09em!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
.myxx-studio .about-hero>*{position:relative!important;z-index:2!important;min-width:0!important}
.myxx-studio .about-hero .authority-hero-copy{padding:0!important}
.myxx-studio .about-hero-title{
  margin:10px 0 20px!important;
  max-width:none!important;
  color:#fff!important;
  font-size:clamp(2.95rem,4.15vw,3.75rem)!important;
  font-weight:950!important;
  line-height:.86!important;
  letter-spacing:-.072em!important;
}
.myxx-studio .about-hero-title span,
.myxx-studio .about-hero-title strong{
  display:block!important;
  white-space:nowrap!important;
}
.myxx-studio .about-hero-title strong{
  margin-top:.08em!important;
  color:#f0b818!important;
  background:linear-gradient(92deg,#fff2a8 0,#f0b818 52%,#ff9e18 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
.myxx-studio .about-hero .entity-lead{
  max-width:68ch!important;
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:.92rem!important;
  line-height:1.62!important;
}
.myxx-studio .about-proof{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:20px 0 0!important;
}
.myxx-studio .about-proof span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  color:#dad6df!important;
  font-size:.54rem!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
}
.myxx-studio .about-hero .action-row{margin-top:18px!important}
.myxx-studio .about-hero .authority-mark{
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  gap:8px!important;
  width:100%!important;
  max-width:300px!important;
  aspect-ratio:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid rgba(240,184,24,.16)!important;
  border-radius:25px!important;
  background:linear-gradient(155deg,rgba(240,184,24,.075),rgba(255,255,255,.018) 50%,rgba(255,68,111,.055))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .about-hero .authority-mark-art{
  width:100%!important;
  aspect-ratio:1!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#09090d!important;
}
.myxx-studio .about-hero .authority-mark img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:8%!important;
  object-fit:contain!important;
}
.myxx-studio .about-hero .authority-mark small{
  color:#f0b818!important;
  font-size:.48rem!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
.myxx-studio .about-hero .authority-mark>span{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:.54rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
  border-radius:11px!important;
  background:rgba(5,5,9,.76)!important;
}

.myxx-studio .myxx-facts-about{
  position:relative!important;
  isolation:isolate!important;
  margin:0!important;
  padding:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.027),rgba(255,255,255,.008))!important;
}
.myxx-studio .myxx-facts-about::after{
  content:"MYXX"!important;
  position:absolute!important;
  right:-.04em!important;
  top:-.28em!important;
  z-index:0!important;
  color:rgba(240,184,24,.028)!important;
  font-size:clamp(7rem,14vw,12rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.08em!important;
  pointer-events:none!important;
}
.myxx-studio .myxx-facts-about>*{position:relative!important;z-index:2!important}
.myxx-studio .myxx-facts-about .myxx-facts-head{
  grid-template-columns:minmax(0,1fr) minmax(260px,.52fr)!important;
  align-items:end!important;
  gap:24px!important;
  margin:0 0 20px!important;
  padding:0!important;
  border:0!important;
}
.myxx-studio .myxx-facts-about .myxx-facts-head h2{
  max-width:760px!important;
  margin:6px 0 0!important;
  font-size:clamp(2rem,3.25vw,3.2rem)!important;
  line-height:.94!important;
}
.myxx-studio .myxx-facts-about .myxx-facts-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
  border:0!important;
}
.myxx-studio .myxx-facts-about .myxx-fact{
  min-height:140px!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:17px!important;
  background:rgba(5,5,9,.36)!important;
}
.myxx-studio .myxx-facts-about .myxx-fact h3{font-size:.75rem!important}
.myxx-studio .myxx-facts-about .myxx-fact p{font-size:.62rem!important;line-height:1.52!important}
.myxx-studio .myxx-facts-about .myxx-facts-links{margin-top:13px!important}

/* Recently Played: compact editorial hero plus a dense, even history wall. */
.myxx-studio .playlist-hero{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:minmax(310px,.82fr) minmax(510px,1.18fr)!important;
  align-items:stretch!important;
  gap:clamp(24px,4vw,54px)!important;
  min-height:0!important;
  margin:18px 0 0!important;
  padding:clamp(30px,3.7vw,46px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,204,37,.13)!important;
  border-radius:31px!important;
  background:
    radial-gradient(620px 360px at 94% 5%,rgba(255,59,108,.14),transparent 70%),
    radial-gradient(520px 340px at 8% 100%,rgba(240,184,24,.105),transparent 72%),
    linear-gradient(145deg,#0e0d12,#09090d 56%,#120c10)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .playlist-hero::after{
  content:"PLAYED"!important;
  position:absolute!important;
  right:-.05em!important;
  top:-.23em!important;
  z-index:0!important;
  color:rgba(255,255,255,.032)!important;
  font-size:clamp(8rem,16vw,14rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.09em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.myxx-studio .playlist-hero>*{position:relative!important;z-index:2!important;min-width:0!important}
.myxx-studio .playlist-hero-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
.myxx-studio .playlist-hero-copy h1{
  margin:9px 0 14px!important;
  color:#fff!important;
  font-size:clamp(3.35rem,4.4vw,4.5rem)!important;
  line-height:.82!important;
  letter-spacing:-.075em!important;
}
.myxx-studio .playlist-hero-copy h1 span,
.myxx-studio .playlist-hero-copy h1 strong{display:block!important}
.myxx-studio .playlist-hero-copy h1 strong{color:#f0b818!important}
.myxx-studio .playlist-hero-copy>p:not(.eyebrow){
  max-width:43ch!important;
  margin:0!important;
  color:rgba(255,255,255,.64)!important;
  font-size:.82rem!important;
  line-height:1.56!important;
}
.myxx-studio .playlist-hero-copy .text-action{margin-top:19px!important;width:max-content!important}
.myxx-studio .playlist-on-air{
  display:grid!important;
  grid-template-columns:minmax(170px,205px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(6,6,10,.72))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.myxx-studio .playlist-on-air-art{
  position:relative!important;
  aspect-ratio:1!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:17px!important;
  background:#0b0b10!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35)!important;
}
.myxx-studio .playlist-on-air-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.myxx-studio .playlist-on-air-copy{min-width:0!important;padding:4px 8px 4px 0!important}
.myxx-studio .playlist-on-air-label{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.myxx-studio .playlist-on-air-label span,
.myxx-studio .playlist-on-air-label small{
  font-size:.48rem!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.myxx-studio .playlist-on-air-label span{display:flex!important;align-items:center!important;gap:7px!important;color:#f0b818!important}
.myxx-studio .playlist-on-air-label span i{
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#ff315e!important;
  box-shadow:0 0 0 4px rgba(255,49,94,.11),0 0 18px rgba(255,49,94,.45)!important;
}
.myxx-studio .playlist-on-air-label small{color:rgba(255,255,255,.38)!important}
.myxx-studio .playlist-on-air-copy h2{
  margin:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:clamp(1.45rem,2.45vw,2.35rem)!important;
  line-height:.96!important;
  letter-spacing:-.048em!important;
  text-overflow:ellipsis!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.myxx-studio .playlist-on-air-copy>p{
  margin:8px 0 0!important;
  color:#ffd76a!important;
  font-size:.85rem!important;
  font-weight:800!important;
}
.myxx-studio .playlist-current-album{
  display:block!important;
  margin-top:5px!important;
  overflow:hidden!important;
  color:rgba(255,255,255,.42)!important;
  font-size:.60rem!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.myxx-studio .playlist-current-album.is-empty{display:none!important}
.myxx-studio .playlist-on-air-copy .action-row{gap:7px!important;margin-top:15px!important}
.myxx-studio .playlist-on-air-copy .primary-action,
.myxx-studio .playlist-on-air-copy .secondary-action{
  min-height:42px!important;
  padding-inline:13px!important;
  font-size:.58rem!important;
}

.myxx-studio .playlist-history{
  position:relative!important;
  isolation:isolate!important;
  scroll-margin-top:110px!important;
  margin:0!important;
  padding:clamp(22px,3vw,34px)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:27px!important;
  background:
    radial-gradient(600px 280px at 100% 0,rgba(240,184,24,.052),transparent 72%),
    linear-gradient(150deg,rgba(255,255,255,.027),rgba(255,255,255,.008))!important;
}
.myxx-studio .playlist-history::after{
  content:"HISTORY"!important;
  position:absolute!important;
  top:-.33em!important;
  right:-.04em!important;
  z-index:0!important;
  color:rgba(255,255,255,.025)!important;
  font-size:clamp(7rem,14vw,12rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.08em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.myxx-studio .playlist-history>*{position:relative!important;z-index:2!important}
.myxx-studio .playlist-history-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:20px!important;
  margin-bottom:18px!important;
}
.myxx-studio .playlist-history-head h2{
  margin:6px 0 0!important;
  color:#fff!important;
  font-size:clamp(2.2rem,3.7vw,3.8rem)!important;
  line-height:.88!important;
  letter-spacing:-.065em!important;
}
.myxx-studio .playlist-history-count{text-align:right!important}
.myxx-studio .playlist-history-count strong,
.myxx-studio .playlist-history-count span{display:block!important}
.myxx-studio .playlist-history-count strong{color:#fff!important;font-size:.78rem!important}
.myxx-studio .playlist-history-count span{margin-top:4px!important;color:rgba(255,255,255,.39)!important;font-size:.58rem!important}
.myxx-studio .playlist-history .history-controls{
  grid-template-columns:minmax(240px,1fr) 176px 160px auto auto!important;
  gap:9px!important;
  margin:0 0 10px!important;
  padding:12px!important;
  border-color:rgba(255,255,255,.065)!important;
  border-radius:19px!important;
  background:rgba(4,4,8,.46)!important;
}
.myxx-studio .playlist-history .history-controls input,
.myxx-studio .playlist-history .history-controls select{height:46px!important;border-radius:12px!important}
.myxx-studio .playlist-history .history-controls .primary-action,
.myxx-studio .playlist-history .history-controls .secondary-action{min-height:46px!important}
.myxx-studio .playlist-history .history-presets{margin:0 0 14px!important}
.myxx-studio .playlist-history .history-presets button{min-height:35px!important;padding:0 13px!important}
.myxx-studio .playlist-history .history-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  padding:0 0 8px!important;
}
.myxx-studio .playlist-history .history-grid .track-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  padding:9px!important;
  border-radius:17px!important;
  background:rgba(4,4,8,.47)!important;
  border-color:rgba(255,255,255,.065)!important;
  content-visibility:auto!important;
  contain-intrinsic-size:210px 290px!important;
}
.myxx-studio .playlist-history .track-art{border-radius:12px!important}
.myxx-studio .playlist-history .track-card h3{
  margin:9px 2px 0!important;
  font-size:.78rem!important;
  line-height:1.16!important;
}
.myxx-studio .playlist-history .track-card p,
.myxx-studio .playlist-history .track-card time{
  margin-inline:2px!important;
  font-size:.59rem!important;
}
.myxx-studio .playlist-history .history-pagination{margin-top:16px!important}

.myxx-studio .myxx-facts-playlist{
  margin:0!important;
  padding:26px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.012)!important;
}
.myxx-studio .myxx-facts-playlist .myxx-facts-head{
  grid-template-columns:minmax(0,1fr) minmax(240px,.48fr)!important;
  gap:20px!important;
  margin:0 0 15px!important;
  padding:0!important;
  border:0!important;
}
.myxx-studio .myxx-facts-playlist .myxx-facts-head h2{
  margin-top:5px!important;
  font-size:clamp(1.85rem,3vw,2.8rem)!important;
}
.myxx-studio .myxx-facts-playlist .myxx-facts-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
  border:0!important;
}
.myxx-studio .myxx-facts-playlist .myxx-fact{
  padding:15px!important;
  border:1px solid rgba(255,255,255,.05)!important;
  border-radius:15px!important;
  background:rgba(5,5,9,.30)!important;
}
.myxx-studio .myxx-facts-playlist .myxx-facts-links{margin-top:11px!important}

/* Weather now shares the editorial family while keeping its Denver identity. */
.myxx-studio .weather-block-v4.editorial-panel-weather{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(480px 270px at 100% 0,rgba(240,184,24,.105),transparent 70%),
    radial-gradient(380px 250px at 0 100%,rgba(255,119,40,.055),transparent 72%),
    linear-gradient(150deg,#101014,#09090d)!important;
}
.myxx-studio .weather-block-v4.editorial-panel-weather::after{
  display:block!important;
  content:"WEATHER"!important;
  position:absolute!important;
  top:-.13em!important;
  right:-.06em!important;
  bottom:auto!important;
  left:auto!important;
  z-index:0!important;
  color:rgba(240,184,24,.043)!important;
  font-size:clamp(5.5rem,9.3vw,9rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.08em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  background:none!important;
}
.myxx-studio .weather-block-v4.editorial-panel-weather>*{
  position:relative!important;
  z-index:2!important;
}
.myxx-studio .pulse-page .utility-card.weather.editorial-panel-weather{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.myxx-studio .pulse-page .utility-card.weather.editorial-panel-weather::after{
  display:block!important;
  content:"WEATHER"!important;
  position:absolute!important;
  top:-.07em!important;
  right:-.05em!important;
  bottom:auto!important;
  left:auto!important;
  z-index:0!important;
  color:rgba(240,184,24,.043)!important;
  font-size:clamp(4.8rem,8vw,7.5rem)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.08em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  background:none!important;
}
.myxx-studio .pulse-page .utility-card.weather.editorial-panel-weather>*{
  position:relative!important;
  z-index:2!important;
}

@media (max-width:1160px){
  .myxx-studio .about-hero{grid-template-columns:minmax(0,1fr) 230px!important;gap:30px!important}
  .myxx-studio .about-hero-title{font-size:clamp(2.8rem,4.45vw,4.15rem)!important}
  .myxx-studio .myxx-facts-about .myxx-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .myxx-studio .playlist-hero{grid-template-columns:1fr!important;gap:24px!important}
  .myxx-studio .playlist-hero-copy>p:not(.eyebrow){max-width:62ch!important}
  .myxx-studio .playlist-history .history-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .myxx-studio .playlist-history .history-controls{grid-template-columns:minmax(230px,1fr) 1fr 1fr!important}
  .myxx-studio .playlist-history .history-controls .primary-action,
  .myxx-studio .playlist-history .history-controls .secondary-action{width:100%!important}
}

@media (max-width:820px){
  .myxx-studio .about-hero{grid-template-columns:1fr!important}
  .myxx-studio .about-hero .authority-mark{max-width:none!important;grid-template-columns:150px minmax(0,1fr)!important;justify-items:start!important}
  .myxx-studio .about-hero .authority-mark-art{grid-row:1 / span 2!important}
  .myxx-studio .about-hero .authority-mark>span{padding-inline:12px!important}
  .myxx-studio .myxx-facts-about .myxx-facts-head,
  .myxx-studio .myxx-facts-playlist .myxx-facts-head{grid-template-columns:1fr!important;gap:8px!important}
  .myxx-studio .playlist-history .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .myxx-studio .myxx-facts-playlist .myxx-facts-grid{grid-template-columns:1fr!important}
}

@media (max-width:760px){
  .myxx-studio .about-page,
  .myxx-studio .playlist-page{gap:10px!important}
  .myxx-studio .about-page .entity-breadcrumb{padding:12px 5px 0!important}
  .myxx-studio .about-hero{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:23px 17px!important;
    border-radius:20px!important;
  }
  .myxx-studio .about-hero::after{top:-.03em!important;font-size:6rem!important}
  .myxx-studio .about-hero-title{font-size:clamp(2.55rem,12vw,3.65rem)!important;line-height:.87!important}
  .myxx-studio .about-hero-title span,
  .myxx-studio .about-hero-title strong{white-space:normal!important}
  .myxx-studio .about-hero .entity-lead{font-size:.72rem!important;line-height:1.55!important}
  .myxx-studio .about-hero .authority-mark{
    order:2!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:7px 12px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .myxx-studio .about-hero .authority-mark-art{grid-row:1 / span 2!important;border-radius:11px!important}
  .myxx-studio .about-hero .authority-mark small{align-self:end!important}
  .myxx-studio .about-hero .authority-mark>span{align-self:start!important;justify-items:start!important;padding-inline:10px!important}
  .myxx-studio .myxx-facts-about{
    padding:20px 16px!important;
    border-radius:19px!important;
  }
  .myxx-studio .myxx-facts-about .myxx-facts-head{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:12px!important}
  .myxx-studio .myxx-facts-about .myxx-facts-head h2{font-size:1.95rem!important}
  .myxx-studio .myxx-facts-about .myxx-facts-grid{grid-template-columns:1fr!important;gap:7px!important}
  .myxx-studio .myxx-facts-about .myxx-fact{min-height:0!important;padding:14px!important;border:1px solid rgba(255,255,255,.06)!important}

  .myxx-studio .playlist-hero{
    grid-template-columns:1fr!important;
    gap:19px!important;
    margin-top:12px!important;
    padding:23px 17px!important;
    border-radius:20px!important;
  }
  .myxx-studio .playlist-hero::after{top:-.02em!important;font-size:6.5rem!important}
  .myxx-studio .playlist-hero-copy h1{font-size:clamp(3.1rem,14.5vw,4.25rem)!important}
  .myxx-studio .playlist-hero-copy>p:not(.eyebrow){font-size:.70rem!important}
  .myxx-studio .playlist-on-air{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:13px!important;
    padding:9px!important;
    border-radius:16px!important;
  }
  .myxx-studio .playlist-on-air-art{border-radius:11px!important}
  .myxx-studio .playlist-on-air-copy{padding-right:2px!important}
  .myxx-studio .playlist-on-air-label{margin-bottom:8px!important}
  .myxx-studio .playlist-on-air-label small{display:none!important}
  .myxx-studio .playlist-on-air-copy h2{font-size:1.2rem!important}
  .myxx-studio .playlist-on-air-copy>p{font-size:.68rem!important;margin-top:5px!important}
  .myxx-studio .playlist-current-album{font-size:.50rem!important}
  .myxx-studio .playlist-on-air-copy .action-row{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:10px!important}
  .myxx-studio .playlist-on-air-copy .primary-action,
  .myxx-studio .playlist-on-air-copy .secondary-action{min-height:36px!important;padding-inline:7px!important;font-size:.48rem!important}

  .myxx-studio .playlist-history{
    padding:18px 13px!important;
    border-radius:19px!important;
  }
  .myxx-studio .playlist-history-head{grid-template-columns:1fr!important;gap:9px!important;margin-bottom:13px!important}
  .myxx-studio .playlist-history-head h2{font-size:2.45rem!important}
  .myxx-studio .playlist-history-count{text-align:left!important}
  .myxx-studio .playlist-history-count strong,
  .myxx-studio .playlist-history-count span{display:inline!important}
  .myxx-studio .playlist-history-count span{margin-left:5px!important}
  .myxx-studio .playlist-history .history-controls{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:15px!important;
  }
  .myxx-studio .playlist-history .history-controls label:first-child{grid-column:1 / -1!important}
  .myxx-studio .playlist-history .history-controls input,
  .myxx-studio .playlist-history .history-controls select{height:42px!important}
  .myxx-studio .playlist-history .history-controls .primary-action,
  .myxx-studio .playlist-history .history-controls .secondary-action{min-height:42px!important}
  .myxx-studio .playlist-history .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .myxx-studio .playlist-history .history-grid .track-card{width:100%!important;min-width:0!important;padding:7px!important;border-radius:13px!important}
  .myxx-studio .playlist-history .track-card h3{font-size:.70rem!important;margin-top:7px!important}
  .myxx-studio .playlist-history .track-card p,
  .myxx-studio .playlist-history .track-card time{font-size:.52rem!important}
  .myxx-studio .myxx-facts-playlist{padding:19px 15px!important;border-radius:18px!important}

  .myxx-studio .weather-block-v4.editorial-panel-weather::after{
    top:.02em!important;
    right:-.04em!important;
    font-size:clamp(4.9rem,22vw,7rem)!important;
  }
}

@media (max-width:350px){
  .myxx-studio .playlist-on-air{grid-template-columns:94px minmax(0,1fr)!important}
  .myxx-studio .playlist-on-air-copy .action-row{grid-template-columns:1fr!important}
  .myxx-studio .playlist-history .history-grid{grid-template-columns:1fr!important}
}

/* ========================================================================
   v28.6.2 R7 PLAYER RECOVERY + REMYXX INLINE PLAYERS
   One final geometry contract replaces every earlier player experiment.
   ======================================================================== */
body.player-expanded{overflow:hidden!important;overscroll-behavior:none!important;touch-action:auto!important}
.player-panel-backdrop{
  position:fixed!important;inset:0!important;width:auto!important;height:auto!important;
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(18px) saturate(.88)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.88)!important;
}
.player-panel{--r7-player-art-size:min(var(--myxx-player-art-size,390px),390px);--player-art-size:var(--r7-player-art-size);box-sizing:border-box!important;position:fixed!important;inset:auto!important;left:var(--myxx-vv-center-x,50vw)!important;top:var(--myxx-vv-center-y,50dvh)!important;right:auto!important;bottom:auto!important;width:min(900px,calc(var(--myxx-vv-width,100vw) - 32px))!important;min-width:0!important;height:auto!important;min-height:0!important;max-width:calc(var(--myxx-vv-width,100vw) - 32px)!important;margin:0!important;padding:16px!important;display:grid!important;grid-template-areas:"topbar topbar" "art copy" "art timeline" "art controls"!important;grid-template-columns:var(--r7-player-art-size) minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;align-content:center!important;align-items:center!important;gap:12px 22px!important;border-radius:30px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;transform:translate(-50%,calc(-50% + 14px)) scale(.985)!important;background:linear-gradient(155deg,rgba(18,18,24,.96),rgba(6,6,9,.985))!important;box-shadow:0 42px 120px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.09)!important;}
.player-panel::-webkit-scrollbar{display:none!important}
.player-panel.open{transform:translate(-50%,-50%) scale(1)!important}
.player-panel-topbar{grid-area:topbar!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 0 0 8px!important}
.player-panel-art-shell{
  grid-area:art!important;place-self:center!important;
  width:var(--r7-player-art-size)!important;height:var(--r7-player-art-size)!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;max-height:none!important;
  aspect-ratio:1/1!important;border-radius:25px!important;
}
.player-panel-art-shell img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:23px!important}
.player-panel-copy{grid-area:copy!important;width:100%!important;min-width:0!important;padding:4px 5px 0!important;align-self:end!important}
.player-panel-copy>small{font-size:.55rem!important;letter-spacing:.15em!important}
.player-panel-copy h2{font-size:clamp(2rem,4.5vw,3.9rem)!important;line-height:.91!important;margin:7px 0 5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
.player-panel-copy>p{font-size:.82rem!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.player-panel-show{margin-top:14px!important;padding-top:12px!important;column-gap:10px!important;row-gap:3px!important}
.player-panel-show span{font-size:.48rem!important}.player-panel-show strong{font-size:.78rem!important}.player-panel-show em{font-size:.62rem!important}
.player-panel-timeline{grid-area:timeline!important;width:100%!important;min-width:0!important;padding:5px 6px 1px!important;align-self:end!important}
.player-panel-timeline input{
  --player-progress:0%;appearance:none!important;-webkit-appearance:none!important;
  display:block!important;width:100%!important;height:22px!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;cursor:pointer!important;
}
.player-panel-timeline input::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#f0b818 0 var(--player-progress),rgba(255,255,255,.15) var(--player-progress) 100%)}
.player-panel-timeline input::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#f0b818 0 var(--player-progress),rgba(255,255,255,.15) var(--player-progress) 100%)}
.player-panel-timeline input::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;margin-top:-5px;border:3px solid #0a0a0e;border-radius:50%;background:#f0b818;box-shadow:0 0 0 2px rgba(240,184,24,.22)}
.player-panel-timeline input::-moz-range-thumb{width:11px;height:11px;border:3px solid #0a0a0e;border-radius:50%;background:#f0b818;box-shadow:0 0 0 2px rgba(240,184,24,.22)}
.player-panel-timeline>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:1px;color:#85818a;font-size:.56rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.player-panel-timeline.is-live input{pointer-events:none!important;opacity:.7!important}
.player-panel-timeline.is-live input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f0b818,#ff356f,#7c52ff)!important;animation:r7-live-line 2.2s ease-in-out infinite alternate}
.player-panel-timeline.is-live input::-moz-range-track{background:linear-gradient(90deg,#f0b818,#ff356f,#7c52ff)!important}
.player-panel-timeline.is-live input::-webkit-slider-thumb{opacity:0!important}.player-panel-timeline.is-live input::-moz-range-thumb{opacity:0!important}
.player-panel-timeline.is-live>div span:first-child{color:#f0b818!important;letter-spacing:.12em!important}
.player-panel-controls{grid-area:controls!important;display:grid!important;grid-template-columns:52px 58px 52px!important;justify-content:center!important;align-items:center!important;gap:11px!important;margin:2px 0 0!important;align-self:start!important}
.player-panel-controls button,.player-panel-controls .player-panel-play{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:17px!important}
.player-panel-controls .player-panel-play{width:58px!important;min-width:58px!important}
@keyframes r7-live-line{from{filter:saturate(.9);opacity:.7}to{filter:saturate(1.35);opacity:1}}

/* Every REMYXX entry uses the same shared audio engine while presenting its
   own complete, synchronized play/seek/time surface. */
.myxx-studio .episode-inline-player{
  --episode-accent:#ef6aff;
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;align-items:center!important;gap:11px!important;
  width:100%!important;min-width:0!important;box-sizing:border-box!important;
  padding:9px 11px 8px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.myxx-studio .episode-inline-player.active{border-color:rgba(239,106,255,.32)!important;background:linear-gradient(145deg,rgba(239,106,255,.105),rgba(240,184,24,.045))!important}
.myxx-studio .episode-inline-player.playing{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 28px rgba(127,39,160,.10)!important}
.myxx-studio .episode-inline-toggle,
.myxx-studio .episode-row .episode-inline-toggle{
  position:relative!important;display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#f6a2ff,#df4ef3)!important;color:#120916!important;
  box-shadow:0 8px 20px rgba(224,71,244,.18)!important;cursor:pointer!important;
}
.myxx-studio .episode-inline-toggle svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.myxx-studio .episode-inline-spinner{display:block;width:17px;height:17px;border:2px solid rgba(18,9,22,.25);border-top-color:#120916;border-radius:50%;animation:v40-spin .72s linear infinite}
.myxx-studio .big-play .episode-inline-spinner{width:22px;height:22px;border-width:3px}
.myxx-studio .episode-inline-timeline{min-width:0!important;width:100%!important}
.myxx-studio .episode-inline-timeline input{
  --episode-progress:0%;appearance:none!important;-webkit-appearance:none!important;
  display:block!important;width:100%!important;height:18px!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;cursor:pointer!important;
}
.myxx-studio .episode-inline-timeline input:disabled{cursor:wait!important;opacity:.48!important}
.myxx-studio .episode-inline-timeline input::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--episode-accent) 0 var(--episode-progress),rgba(255,255,255,.14) var(--episode-progress) 100%)}
.myxx-studio .episode-inline-timeline input::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--episode-accent) 0 var(--episode-progress),rgba(255,255,255,.14) var(--episode-progress) 100%)}
.myxx-studio .episode-inline-timeline input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-4.5px;border:3px solid #0b0a0e;border-radius:50%;background:var(--episode-accent);box-shadow:0 0 0 2px rgba(239,106,255,.16)}
.myxx-studio .episode-inline-timeline input::-moz-range-thumb{width:9px;height:9px;border:3px solid #0b0a0e;border-radius:50%;background:var(--episode-accent);box-shadow:0 0 0 2px rgba(239,106,255,.16)}
.myxx-studio .episode-inline-time{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:1px!important;color:#8d8993!important;font-size:.52rem!important;font-weight:750!important;font-variant-numeric:tabular-nums!important}
.myxx-studio .episode-inline-player.active .episode-inline-time span:first-child{color:#f3b5fb!important}
.myxx-studio .episode-inline-player-featured{margin-top:20px!important;padding:11px 13px 10px!important;border-radius:18px!important}
.myxx-studio .episode-inline-player-detail{max-width:620px!important;margin:20px 0 2px!important;padding:12px 14px 11px!important}
.myxx-studio .episode-row{
  grid-template-columns:92px minmax(0,1fr)!important;align-items:stretch!important;gap:14px!important;padding:11px!important;
}
.myxx-studio .episode-row.active{border-color:rgba(239,106,255,.24)!important}
.myxx-studio .episode-row>img{width:92px!important;height:100%!important;min-height:112px!important;max-height:138px!important;align-self:stretch!important;border-radius:17px!important}
.myxx-studio .episode-row-body{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;gap:11px!important;min-width:0!important}
.myxx-studio .episode-row-copy{min-width:0!important;padding:2px 2px 0!important}
.myxx-studio .episode-row-copy h3{margin:5px 0 0!important;font-size:.94rem!important;line-height:1.13!important}
.myxx-studio .episode-row-copy p{display:block!important;margin-top:6px!important;font-size:.62rem!important}
.myxx-studio .featured-episode.active,.myxx-studio .episode-detail-hero.active{border-color:rgba(239,106,255,.24)!important}

@media(max-width:760px){
  .player-panel{
    --r7-player-art-size:min(var(--myxx-player-art-size,300px),calc(var(--myxx-vv-width,100vw) - 54px),320px);
    inset:auto!important;
    left:var(--myxx-vv-center-x,50vw)!important;top:var(--myxx-vv-center-y,50dvh)!important;
    right:auto!important;bottom:auto!important;
    width:min(440px,calc(var(--myxx-vv-width,100vw) - 16px))!important;
    max-width:calc(var(--myxx-vv-width,100vw) - 16px)!important;
    height:auto!important;max-height:calc(var(--myxx-vv-height,100dvh) - 16px)!important;
    margin:0!important;padding:10px!important;border-radius:26px!important;
    grid-template-areas:"topbar" "art" "copy" "timeline" "controls"!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto var(--r7-player-art-size) auto auto auto!important;
    align-content:start!important;gap:8px!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    transform:translate(-50%,calc(-50% + 12px)) scale(.985)!important;
  }
  .player-panel.open{transform:translate(-50%,-50%) scale(1)!important}
  .player-panel-topbar{height:40px!important;min-height:40px!important}
  .player-panel-art-shell{width:var(--r7-player-art-size)!important;height:var(--r7-player-art-size)!important;border-radius:22px!important}
  .player-panel-art-shell img{border-radius:20px!important}
  .player-panel-copy{align-self:start!important;padding:1px 7px 0!important}
  .player-panel-copy h2{font-size:clamp(1.5rem,7.4vw,2.25rem)!important;line-height:.94!important;margin:4px 0 3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .player-panel-copy>p{font-size:.71rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .player-panel-show{margin-top:7px!important;padding-top:7px!important}
  .player-panel-timeline{padding:2px 7px 0!important}
  .player-panel-controls{grid-template-columns:46px 54px 46px!important;gap:9px!important;margin:0!important}
  .player-panel-controls button,.player-panel-controls .player-panel-play{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
  .player-panel-controls .player-panel-play{width:54px!important;min-width:54px!important}

  .myxx-studio .episode-row{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;padding:9px!important;border-radius:18px!important}
  .myxx-studio .episode-row>img{width:64px!important;min-height:108px!important;max-height:126px!important;border-radius:14px!important}
  .myxx-studio .episode-row-body{gap:8px!important}
  .myxx-studio .episode-row-copy h3{font-size:.79rem!important}
  .myxx-studio .episode-row-copy p{font-size:.55rem!important;margin-top:4px!important}
  .myxx-studio .episode-inline-player{grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px 6px!important;border-radius:13px!important}
  .myxx-studio .episode-inline-toggle,.myxx-studio .episode-row .episode-inline-toggle{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:11px!important}
  .myxx-studio .episode-inline-time{font-size:.48rem!important}
  .myxx-studio .episode-inline-player-featured,.myxx-studio .episode-inline-player-detail{grid-template-columns:44px minmax(0,1fr)!important;padding:9px 10px 8px!important;border-radius:15px!important}
  .myxx-studio .episode-inline-player-featured .episode-inline-toggle,.myxx-studio .episode-inline-player-detail .episode-inline-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
}

@media(max-width:420px){
  .myxx-studio .episode-row{grid-template-columns:56px minmax(0,1fr)!important;gap:8px!important;padding:8px!important}
  .myxx-studio .episode-row>img{width:56px!important;min-height:104px!important;max-height:120px!important;border-radius:12px!important}
  .myxx-studio .episode-row-copy h3{font-size:.73rem!important}
  .myxx-studio .episode-row-copy p{font-size:.49rem!important}
}

/* Short landscape browser windows use the wide player composition rather than
   stacking enough rows to push controls outside the visible viewport. */
@media(max-width:760px) and (max-height:470px) and (min-width:480px){
  .player-panel{
    --r7-player-art-size:min(43dvh,230px,34vw);
    width:calc(var(--myxx-vv-width,100vw) - 16px)!important;
    grid-template-areas:"topbar topbar" "art copy" "art timeline" "art controls"!important;
    grid-template-columns:var(--r7-player-art-size) minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    gap:6px 14px!important;padding:8px!important;border-radius:23px!important;
  }
  .player-panel-topbar{height:34px!important;min-height:34px!important}
  .player-panel-minimize{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .player-panel-copy{align-self:end!important;padding-inline:2px!important}
  .player-panel-copy h2{font-size:1.25rem!important}.player-panel-copy>p{font-size:.61rem!important}
  .player-panel-show{margin-top:4px!important;padding-top:4px!important}
  .player-panel-timeline{padding-inline:2px!important}
  .player-panel-controls{grid-template-columns:40px 46px 40px!important;gap:7px!important}
  .player-panel-controls button,.player-panel-controls .player-panel-play{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:12px!important}
  .player-panel-controls .player-panel-play{width:46px!important;min-width:46px!important}
}

/* ========================================================================
   v28.6.2 R8 - FULL-SITE PRECISION + NATIVE APP CONTENT VIEWS
   Final source-of-truth rules. These preserve the approved MYXX visual master
   while tightening every breakpoint and removing website chrome from /app/.
   ======================================================================== */

/* Shared finishing contract. */
.myxx-studio :is(h1,h2,h3,.display){text-wrap:balance}
.myxx-studio :is(p,li,blockquote){overflow-wrap:break-word}
.myxx-studio :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
.myxx-studio :is(input,select,textarea){font:inherit}
.myxx-studio .page-enter{width:100%;min-width:0}
.myxx-studio .track-art img,
.myxx-studio .episode-row>img,
.myxx-studio .special-card>img,
.myxx-studio .host-profile-media>img{background:#0a0a0e}

/* Website mastheads keep their editorial identity without wasting a viewport. */
body.myxx-studio:not(.app-embed) .masthead{
  min-height:clamp(330px,34vw,440px)!important;
  padding:clamp(44px,6vw,76px) clamp(22px,3.4vw,44px)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:30px!important;
  background:
    radial-gradient(640px 320px at 92% 0,rgba(240,184,24,.085),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008))!important;
}
body.myxx-studio:not(.app-embed) .masthead::after{
  content:attr(data-ghost)!important;
  position:absolute!important;right:-.04em!important;top:-.18em!important;z-index:0!important;
  color:rgba(255,255,255,.027)!important;font-size:clamp(8rem,17vw,15rem)!important;
  font-weight:1000!important;line-height:1!important;letter-spacing:-.09em!important;white-space:nowrap!important;
  pointer-events:none!important;
}
body.myxx-studio:not(.app-embed) .masthead>*{position:relative!important;z-index:2!important}
body.myxx-studio:not(.app-embed) .masthead>div:first-child{align-self:center!important;padding:0!important}
body.myxx-studio:not(.app-embed) .masthead h1{
  max-width:12.5ch!important;margin:12px 0 18px!important;
  font-size:clamp(3.7rem,6.4vw,7rem)!important;line-height:.86!important;letter-spacing:-.074em!important;
}
body.myxx-studio:not(.app-embed) .masthead>div:first-child>p:not(.eyebrow){max-width:62ch!important;margin:0!important;color:#aaa5af!important;line-height:1.6!important}
body.myxx-studio:not(.app-embed) .masthead-side{align-self:center!important;display:grid!important;place-items:center!important;width:clamp(180px,22vw,300px)!important}
body.myxx-studio:not(.app-embed) .masthead-side img{width:100%!important;height:auto!important;max-height:230px!important;object-fit:contain!important}

/* Home statement and live art now carry equal visual weight. */
body.myxx-studio:not(.app-embed) .home-hero .hero-statement{
  min-height:clamp(292px,25vw,346px)!important;
  align-content:center!important;
}
body.myxx-studio:not(.app-embed) .live-cover-frame .live-cover-top{
  top:-15px!important;left:-14px!important;right:-14px!important;
}
body.myxx-studio:not(.app-embed) .live-cover-frame .live-pill,
body.myxx-studio:not(.app-embed) .live-cover-frame .live-show{
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.20));
}

/* Detail pages use one predictable spacing rhythm. */
body.myxx-studio:not(.app-embed) :is(.entity-hero,.artist-identity-hero,.episode-detail-hero){margin-top:18px!important}
body.myxx-studio:not(.app-embed) .entity-breadcrumb{min-height:34px!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important}
body.myxx-studio:not(.app-embed) .entity-breadcrumb::-webkit-scrollbar{display:none}
body.myxx-studio:not(.app-embed) .entity-portrait img,
body.myxx-studio:not(.app-embed) .artist-photo-mark img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* Request, REMYXX, schedule and history controls share the same touch geometry. */
.myxx-studio :is(.day-tabs button,.history-presets button,.remyxx-filters button,.history-pagination button){min-height:42px!important}
.myxx-studio :is(.search-bar input,.history-controls input,.history-controls select,.remyxx-search input){font-size:max(16px,.76rem)!important}
.myxx-studio .request-result{min-height:68px!important}
.myxx-studio .schedule-row{min-width:0!important}
.myxx-studio .schedule-row>div{min-width:0!important}
.myxx-studio .schedule-row h3,.myxx-studio .schedule-row p{overflow:hidden!important;text-overflow:ellipsis!important}

/* The station signature stays white everywhere. */
.myxx-studio .footer-brand-copy strong{-webkit-text-fill-color:#fff!important;background:none!important;}

/* The expanded player always fits the visible viewport and keeps every action
   reachable, even with mobile browser chrome or a landscape keyboard. */
.player-panel{
  max-height:calc(var(--myxx-vv-height,100dvh) - 16px)!important;
  scrollbar-gutter:stable both-edges;
}
.player-panel-topbar,.player-panel-controls{position:relative!important;z-index:4!important}
.player-panel-minimize{flex:0 0 auto!important}
@media(max-height:560px){
  .player-panel{gap:5px!important;padding:8px!important;border-radius:23px!important}
  .player-panel-copy h2{font-size:1.18rem!important;margin:2px 0!important}
  .player-panel-copy>p{font-size:.60rem!important}
  .player-panel-show{margin-top:3px!important;padding-top:3px!important}
  .player-panel-timeline{padding-top:0!important}
}

/* ------------------------------------------------------------------------
   Native app webviews. These pages contain only useful page content. There
   is intentionally no site header, menu, footer, dock, audio or popup player.
   ------------------------------------------------------------------------ */
html:has(body.app-embed){background:#07070a!important;color-scheme:dark}
body.myxx-studio.app-embed{
  --app-edge:clamp(10px,3.6vw,24px);
  --app-native-player-clearance:118px;
  width:100%!important;min-width:0!important;max-width:none!important;min-height:100vh!important;min-height:100dvh!important;
  margin:0!important;padding:0!important;overflow-x:clip!important;
  color:#f8f6fb!important;font-size:16px!important;
  background:
    radial-gradient(520px 300px at 92% -6%,rgba(240,184,24,.065),transparent 72%),
    radial-gradient(440px 300px at -8% 34%,rgba(118,76,255,.055),transparent 74%),
    #07070a!important;
}
body.myxx-studio.app-embed::before,
body.myxx-studio.app-embed::after{display:none!important;content:none!important}
.app-embed :is(.site-header,.mobile-menu,.site-footer,.player-dock,.player-panel,.player-panel-backdrop,a.skip-link,a[href="https://listen.myxxfm.com"]){display:none!important}
.app-embed .app-main{
  width:100%!important;max-width:none!important;min-height:100vh!important;min-height:100dvh!important;margin:0!important;padding:0!important;
  overflow:visible!important;
}
.app-embed .page-enter{animation:app-view-in .34s cubic-bezier(.2,.72,.2,1) both}
.app-embed .page.app-content-page{
  display:grid!important;gap:12px!important;
  width:min(100%,1040px)!important;max-width:1040px!important;
  margin:0 auto!important;padding:var(--app-edge)!important;padding-bottom:calc(var(--app-edge) + var(--app-native-player-clearance) + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
}
.app-embed .connection-banner{position:fixed!important;top:max(8px,env(safe-area-inset-top))!important;left:50%!important;z-index:100!important;transform:translateX(-50%)!important;width:min(calc(100% - 20px),640px)!important}
.app-embed .toast{bottom:max(12px,env(safe-area-inset-bottom))!important}
.app-view-loading{min-height:100vh;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:13px;color:#aaa5af;font-size:.78rem;font-weight:850;letter-spacing:.08em}
.app-view-loading span{width:30px;height:30px;border:3px solid rgba(255,255,255,.12);border-top-color:#f0b818;border-radius:50%;animation:v40-spin .72s linear infinite}

.app-view-intro{
  position:relative;isolation:isolate;display:grid;align-content:end;min-height:168px;
  padding:clamp(22px,5vw,38px);overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:25px;
  background:linear-gradient(145deg,#111116,#09090d);box-shadow:0 20px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045);
}
.app-view-intro::after{
  content:attr(data-ghost);position:absolute;right:-.04em;top:-.20em;z-index:0;
  color:rgba(255,255,255,.042);font-size:clamp(6rem,24vw,10rem);font-weight:1000;line-height:1;letter-spacing:-.09em;white-space:nowrap;pointer-events:none;
}
.app-view-intro>*{position:relative;z-index:2;min-width:0}
.app-view-intro .eyebrow{margin:0 0 8px!important}
.app-view-intro h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(2.25rem,8.9vw,4.65rem);font-weight:1000;line-height:.86;letter-spacing:-.072em}
.app-view-intro>p:not(.eyebrow){max-width:60ch;margin:13px 0 0;color:#aaa5af;font-size:clamp(.72rem,2.6vw,.9rem);line-height:1.52}
.app-view-intro-request{background:radial-gradient(380px 240px at 94% 0,rgba(255,230,93,.26),transparent 70%),linear-gradient(145deg,#171407,#0b0b0e 64%)!important;border-color:rgba(240,184,24,.18)!important}
.app-view-intro-request h1{color:#f0b818}
.app-view-intro-played{background:radial-gradient(420px 250px at 100% 0,rgba(255,56,109,.20),transparent 72%),linear-gradient(145deg,#160b10,#0a0a0e 64%)!important;border-color:rgba(255,72,118,.16)!important}
.app-view-intro-played h1{background:linear-gradient(95deg,#fff,#ffd95c 62%,#ff517e);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-view-intro-hosts{background:radial-gradient(420px 260px at 100% 0,rgba(240,184,24,.15),transparent 72%),linear-gradient(145deg,#12110c,#09090d 66%)!important;border-color:rgba(240,184,24,.14)!important}
.app-view-intro-hosts h1{color:#ffe06a}
.app-view-intro-shows{background:radial-gradient(430px 250px at 100% 0,rgba(129,83,255,.19),transparent 72%),linear-gradient(145deg,#100d18,#09090d 66%)!important;border-color:rgba(136,94,255,.17)!important}
.app-view-intro-shows h1{background:linear-gradient(95deg,#fff,#ffe997 52%,#f0b818);-webkit-background-clip:text;background-clip:text;color:transparent}

/* App Instant Request. */
.app-embed .app-request-studio{
  margin:0!important;overflow:hidden!important;border-radius:25px!important;
  border:1px solid rgba(240,184,24,.13)!important;
  background:radial-gradient(520px 280px at 100% 0,rgba(240,184,24,.06),transparent 72%),linear-gradient(150deg,#0d0d12,#09090d)!important;
}
.app-embed .app-request-studio::after{opacity:.8;}
.app-embed .app-request-studio .request-status{padding:20px clamp(16px,4vw,28px)!important}
.app-embed .app-request-studio .request-status h2{font-size:clamp(1.7rem,5vw,2.65rem)!important}
.app-embed .app-request-studio .request-status>div>p:not(.eyebrow){font-size:.74rem!important}
.app-embed .app-request-studio .request-body{grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important}
.app-embed .app-request-studio .request-main,
.app-embed .app-request-studio .request-side{padding:clamp(18px,4vw,30px)!important}
.app-embed .app-request-studio .request-side-title{font-size:clamp(1.45rem,4vw,2.2rem)!important}
.app-embed .app-request-studio .request-trust img{display:none!important}
.app-embed .app-request-studio .search-intro h3{font-size:clamp(2rem,7vw,3.5rem)!important}
.app-embed .app-request-studio .search-spark{font-size:2rem!important}

/* App Recently Played. */
.app-now-playing{
  display:grid;grid-template-columns:clamp(86px,24vw,126px) minmax(0,1fr);align-items:center;gap:clamp(13px,3.5vw,22px);
  min-width:0;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:21px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
.app-now-art{aspect-ratio:1;overflow:hidden;border-radius:16px;background:#0b0b0f;box-shadow:0 14px 34px rgba(0,0,0,.30)}
.app-now-art img{width:100%!important;height:100%!important;object-fit:cover!important}
.app-now-playing>div:last-child{min-width:0}
.app-now-playing>div:last-child>span{display:flex;align-items:center;gap:7px;color:#f0b818;font-size:.50rem;font-weight:950;letter-spacing:.13em}
.app-now-playing>div:last-child>span i{width:7px;height:7px;border-radius:50%;background:#ff315f;box-shadow:0 0 0 4px rgba(255,49,95,.11)}
.app-now-playing h2{margin:7px 0 2px;overflow:hidden;color:#fff;font-size:clamp(1.25rem,5.4vw,2.25rem);line-height:.96;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap}
.app-now-playing p{margin:0;overflow:hidden;color:#ffd75d;font-size:.75rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.app-now-playing small{display:block;margin-top:4px;overflow:hidden;color:#77737d;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}
.app-embed .app-playlist-history{margin:0!important;padding:clamp(17px,4vw,28px)!important;border-radius:23px!important}
.app-embed .app-playlist-history .history-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.app-embed .app-playlist-history .track-card{width:100%!important;min-width:0!important;max-width:none!important}

/* App hosts. */
.app-host-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.app-host-stats>div{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.022)}
.app-host-stats strong,.app-host-stats span{display:block}
.app-host-stats strong{color:#f0b818;font-size:clamp(1.5rem,6vw,2.3rem);line-height:1;font-variant-numeric:tabular-nums}
.app-host-stats span{margin-top:7px;color:#8f8a94;font-size:.62rem;line-height:1.25}
.app-host-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.app-host-card{display:grid;grid-template-columns:clamp(92px,28%,132px) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));content-visibility:auto;contain-intrinsic-size:170px}
.app-host-photo{position:relative;min-height:172px;overflow:hidden;background:#0c0c10}
.app-host-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,7,10,.45),transparent 52%);pointer-events:none}
.app-host-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%}
.app-host-photo span{position:absolute;left:9px;bottom:9px;z-index:2;color:#f0b818;font-size:.60rem;font-weight:950;letter-spacing:.12em}
.app-host-copy{align-self:center;min-width:0;padding:15px}
.app-host-copy .eyebrow{font-size:.45rem!important}
.app-host-copy h2{margin:7px 0 2px;color:#fff;font-size:clamp(1.4rem,4vw,2.15rem);line-height:.94;letter-spacing:-.052em}
.app-host-copy>strong{display:block;overflow:hidden;color:#ffd75a;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.app-host-copy>p:not(.eyebrow){margin:8px 0 0;color:#9b96a0;font-size:.66rem;line-height:1.43}
.app-host-copy .host-lanes{gap:4px!important;margin-top:10px!important}
.app-host-copy .host-lanes span{padding:5px 7px!important;font-size:.43rem!important}

/* App shows. */
.app-on-air-card{display:grid;grid-template-columns:clamp(105px,29vw,155px) minmax(0,1fr);align-items:stretch;min-width:0;overflow:hidden;border:1px solid rgba(240,184,24,.14);border-radius:22px;background:radial-gradient(340px 200px at 100% 0,rgba(240,184,24,.075),transparent 70%),#0b0b0f}
.app-on-air-card>img{width:100%!important;height:100%!important;min-height:190px;object-fit:cover!important;object-position:50% 18%}
.app-on-air-card>div{align-self:center;min-width:0;padding:clamp(16px,4vw,25px)}
.app-on-air-card .eyebrow{display:flex;align-items:center;gap:7px;color:#f0b818!important}
.app-on-air-card .eyebrow i{width:7px;height:7px;border-radius:50%;background:#ff315f;box-shadow:0 0 0 4px rgba(255,49,95,.11)}
.app-on-air-card h2{margin:8px 0 2px;color:#fff;font-size:clamp(1.75rem,6vw,3.2rem);line-height:.90;letter-spacing:-.06em}
.app-on-air-card h3{margin:0;color:#ffd75d;font-size:clamp(.82rem,2.8vw,1.05rem)}
.app-on-air-card>div>p:not(.eyebrow){margin:9px 0;color:#99949e;font-size:.66rem;line-height:1.45}
.app-on-air-card>div>span{display:block;color:#fff;font-size:.52rem;font-weight:900;letter-spacing:.09em}
.app-embed .app-schedule-shell{margin:0!important;border-radius:22px!important}
.app-embed .app-schedule-shell .day-tabs{overflow-x:auto!important;overscroll-behavior-inline:contain!important;scroll-snap-type:x proximity;scrollbar-width:none!important}
.app-embed .app-schedule-shell .day-tabs::-webkit-scrollbar{display:none}
.app-embed .app-schedule-shell .day-tabs button{flex:0 0 auto;scroll-snap-align:start}
.app-embed .app-schedule-shell .schedule-row{grid-template-columns:58px 54px minmax(0,1fr) auto!important;gap:9px!important;padding:9px!important}
.app-embed .app-schedule-shell .schedule-row>img{width:54px!important;height:58px!important;border-radius:12px!important}
.app-specials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:17px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:rgba(255,255,255,.018)}
.app-specials .app-section-head{grid-column:1/-1;margin-bottom:3px}
.app-section-head h2{margin:6px 0 0;font-size:clamp(1.75rem,6vw,2.8rem);line-height:.9;letter-spacing:-.055em}
.app-specials .special-card{min-width:0;border-radius:17px!important}
.app-specials .special-card>img{aspect-ratio:1.25/1!important;min-height:0!important;object-fit:cover!important}
.app-specials .special-card-copy{padding:12px!important}
.app-specials .special-card h3{font-size:.82rem!important}
.app-specials .special-card p:not(.eyebrow){font-size:.59rem!important;line-height:1.42!important}

/* Native-sized layouts. */
@media(max-width:760px){
  body.myxx-studio:not(.app-embed) .masthead{
    grid-template-columns:1fr!important;gap:17px!important;min-height:0!important;
    margin-top:12px!important;padding:25px 18px!important;border-radius:21px!important;
  }
  body.myxx-studio:not(.app-embed) .masthead::after{top:-.02em!important;font-size:clamp(5.8rem,26vw,8.5rem)!important}
  body.myxx-studio:not(.app-embed) .masthead h1{max-width:100%!important;margin:10px 0 13px!important;font-size:clamp(2.8rem,12.6vw,4.15rem)!important;line-height:.87!important}
  body.myxx-studio:not(.app-embed) .masthead>div:first-child>p:not(.eyebrow){font-size:.71rem!important;line-height:1.52!important}
  body.myxx-studio:not(.app-embed) .masthead-side{width:120px!important;justify-self:end!important;margin-top:-4px!important}
  body.myxx-studio:not(.app-embed) .masthead-side img{max-height:86px!important}
  body.myxx-studio:not(.app-embed) .home-hero .hero-statement{min-height:236px!important;padding:25px 19px!important}
  body.myxx-studio:not(.app-embed) .live-cover-frame .live-cover-top{top:-12px!important;left:-9px!important;right:-9px!important}
  body.myxx-studio:not(.app-embed) :is(.entity-hero,.artist-identity-hero,.episode-detail-hero){margin-top:10px!important}
  body.myxx-studio:not(.app-embed) .entity-breadcrumb{padding-inline:5px!important}

  .app-embed .page.app-content-page{gap:9px!important}
  .app-view-intro{min-height:150px;padding:21px 18px;border-radius:20px}
  .app-view-intro::after{top:-.04em;font-size:clamp(5.5rem,27vw,8rem)}
  .app-view-intro h1{font-size:clamp(2.2rem,10.4vw,3.65rem)}
  .app-view-intro>p:not(.eyebrow){font-size:.70rem}
  .app-embed .app-request-studio{border-radius:20px!important}
  .app-embed .app-request-studio .request-body{grid-template-columns:1fr!important}
  .app-embed .app-request-studio .request-main{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.065)!important}
  .app-embed .app-request-studio .request-side{display:grid!important;grid-template-columns:1fr!important}
  .app-embed .app-request-studio .request-trust{margin-top:9px!important}
  .app-embed .app-playlist-history .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .app-host-list{grid-template-columns:1fr}
  .app-host-card{grid-template-columns:108px minmax(0,1fr)}
  .app-host-photo{min-height:170px}
  .app-specials{grid-template-columns:1fr;padding:13px}
  .app-specials .special-card{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;align-items:stretch!important}
  .app-specials .special-card>img{width:104px!important;height:100%!important;min-height:105px!important;aspect-ratio:auto!important}
  .app-specials .special-card-copy{align-self:center!important}
}

@media(max-width:420px){
  body.myxx-studio.app-embed{--app-edge:8px}
  .app-view-intro{padding:19px 16px}
  .app-view-intro h1{font-size:clamp(2.05rem,10.7vw,2.8rem)}
  .app-host-stats{gap:6px}
  .app-host-stats>div{padding:12px 9px;border-radius:15px}
  .app-host-stats span{font-size:.54rem}
  .app-host-card{grid-template-columns:94px minmax(0,1fr);border-radius:18px}
  .app-host-photo{min-height:164px}
  .app-host-copy{padding:12px}
  .app-host-copy h2{font-size:1.42rem}
  .app-host-copy>p:not(.eyebrow){font-size:.60rem}
  .app-on-air-card{grid-template-columns:104px minmax(0,1fr);border-radius:18px}
  .app-on-air-card>img{min-height:178px}
  .app-on-air-card>div{padding:14px}
  .app-embed .app-schedule-shell .schedule-row{grid-template-columns:48px 46px minmax(0,1fr) auto!important;gap:7px!important}
  .app-embed .app-schedule-shell .schedule-row>img{width:46px!important;height:50px!important}
  .app-embed .app-schedule-shell .schedule-row h3{font-size:.67rem!important}
  .app-embed .app-schedule-shell .schedule-row p{font-size:.50rem!important}
  .app-embed .app-playlist-history{padding:15px 10px!important}
  .app-embed .app-playlist-history .history-controls{padding:8px!important}
}

@media(max-width:350px){
  body.myxx-studio.app-embed{--app-edge:6px}
  .app-view-intro{min-height:142px;padding:17px 14px}
  .app-host-card{grid-template-columns:84px minmax(0,1fr)}
  .app-host-photo{min-height:160px}
  .app-host-copy .host-lanes{display:none!important}
  .app-on-air-card{grid-template-columns:92px minmax(0,1fr)}
  .app-embed .app-playlist-history .history-grid{grid-template-columns:1fr!important}
}

@media(min-width:761px) and (max-width:1100px){
  .app-embed .app-playlist-history .history-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(orientation:landscape) and (max-height:520px){
  body.myxx-studio.app-embed{--app-native-player-clearance:88px}
  .app-view-intro{min-height:118px;padding:16px 20px}
  .app-view-intro h1{font-size:2.25rem}
  .app-view-intro>p:not(.eyebrow){max-width:76ch;margin-top:8px}
  .app-host-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-on-air-card>img{min-height:150px}
}

@media(hover:none),(pointer:coarse){
  .myxx-studio :is(.track-card,.host-profile,.special-card,.entity-index-card):hover{transform:none!important}
}

@media(prefers-reduced-motion:reduce){
  .app-embed .page-enter,.app-view-loading span{animation:none!important}
}

@keyframes app-view-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ========================================================================
   R9 FINAL AUTHORITY
   One MYXX system, clear product identities, exact mobile viewport behavior.
   ======================================================================== */

.myxx-studio .home-page{
  display:flex!important;
  flex-direction:column!important;
}
.myxx-studio .home-page>.home-hero{order:1}
.myxx-studio .home-page>.home-host-section{order:2}
.myxx-studio .home-page>.home-played-section{order:3}
.myxx-studio .home-page>.home-world-section{order:4}
.myxx-studio .home-page>.home-request-section{order:5}
.myxx-studio .home-page>.home-remyxx-section{order:6}
.myxx-studio .home-page>.home-pulse-section{order:7}
.myxx-studio .home-world-section{width:100%;overflow:visible!important}

.myxx-studio .hero-lead-lockup{display:grid!important;gap:1px!important}
.myxx-studio .hero-lead-lockup>span,
.myxx-studio .hero-lead-lockup>strong{display:block!important}
.myxx-studio .hero-lead-lockup>strong{margin-top:3px!important}

.myxx-studio :where(.display,.about-hero-title,.playlist-hero h1,.playlist-history-head h2,.masthead h1){
  overflow:visible!important;
  padding-bottom:.12em!important;
}
.myxx-studio .home-played-section .section-head{overflow:visible!important}
.myxx-studio .home-played-section .section-head h2{
  overflow:visible!important;
  padding-bottom:.19em!important;
  line-height:.95!important;
}
.myxx-studio .home-played-section .section-head h2 .gradient-text{
  overflow:visible!important;
  padding-bottom:.13em!important;
  margin-bottom:-.07em!important;
}

.myxx-studio .editorial-panel-request::after,
.myxx-studio .editorial-surface-request::after{
  content:"INSTANT REQUEST"!important;
  font-size:clamp(5.4rem,11.7vw,10.6rem)!important;
  letter-spacing:-.09em!important;
}
.app-embed .app-request-studio::after{
  content:"INSTANT REQUEST"!important;
  font-size:clamp(4.8rem,17vw,9rem)!important;
  letter-spacing:-.09em!important;
}

@media(min-width:901px){
  .myxx-studio .home-hero .hero-statement{
    min-height:clamp(330px,28vw,392px)!important;
    align-content:center!important;
  }
  @supports(font-size:1cqw){
    .myxx-studio .home-hero .hero-statement{
      font-size:clamp(3.55rem,13.7cqw,5.7rem)!important;
    }
  }
}

@media(max-width:900px){
  body.myxx-studio.menu-open{
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.myxx-studio .mobile-menu{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  body.myxx-studio .mobile-menu-backdrop{display:none!important}
  body.myxx-studio .mobile-menu-panel{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:
      max(10px,env(safe-area-inset-top))
      max(10px,env(safe-area-inset-right))
      max(10px,env(safe-area-inset-bottom))
      max(10px,env(safe-area-inset-left))!important;
    display:grid!important;
    grid-template-rows:64px minmax(0,1fr) 72px!important;
    gap:9px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:
      radial-gradient(520px 300px at 8% 0,rgba(255,213,31,.12),transparent 72%),
      radial-gradient(540px 340px at 100% 100%,rgba(111,72,255,.13),transparent 72%),
      linear-gradient(155deg,#111116,#07070a 62%,#0b0910)!important;
    box-shadow:none!important;
    transform:translateY(104%)!important;
    transition:transform .38s var(--ease)!important;
  }
  body.myxx-studio .mobile-menu.open .mobile-menu-panel{transform:none!important}
  body.myxx-studio .menu-head{
    min-height:0!important;
    height:64px!important;
    padding:0 3px 8px!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
  }
  body.myxx-studio .menu-head img{width:126px!important;max-height:53px!important;object-fit:contain!important}
  body.myxx-studio .menu-close{width:43px!important;height:43px!important;border-radius:14px!important}
  body.myxx-studio .mobile-nav{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body.myxx-studio .mobile-nav a{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    padding:9px 10px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.027)!important;
  }
  body.myxx-studio .mobile-nav a.active{
    border-color:rgba(255,213,31,.32)!important;
    background:linear-gradient(135deg,rgba(255,213,31,.12),rgba(255,255,255,.035))!important;
  }
  body.myxx-studio .mobile-nav .nav-icon{
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
  }
  body.myxx-studio .mobile-nav svg{width:18px!important;height:18px!important}
  body.myxx-studio .mobile-nav strong{
    overflow:hidden!important;
    color:#fff!important;
    font-size:clamp(.72rem,2.5vw,.92rem)!important;
    line-height:1.03!important;
    text-overflow:ellipsis!important;
  }
  body.myxx-studio .mobile-nav small{
    display:block!important;
    overflow:hidden!important;
    margin-top:3px!important;
    font-size:clamp(.52rem,1.75vw,.67rem)!important;
    line-height:1.12!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body.myxx-studio .mobile-nav .arrow{display:none!important}
  body.myxx-studio .menu-footer{
    min-width:0!important;
    min-height:0!important;
    height:72px!important;
    margin:0!important;
    padding:8px 9px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(136px,42%)!important;
    align-items:center!important;
    gap:10px!important;
    overflow:hidden!important;
    border-radius:17px!important;
  }
  body.myxx-studio .menu-footer p{
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
    color:#bdb9c3!important;
    font-size:.59rem!important;
    line-height:1.25!important;
  }
  body.myxx-studio .menu-footer .primary-action{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding-inline:12px!important;
    justify-content:center!important;
    font-size:.64rem!important;
  }
}

@media(max-width:760px){
  .myxx-studio .home-remyxx-section .editorial-panel-remyxx{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:clamp(84px,25vw,112px) minmax(0,1fr)!important;
    align-items:start!important;
    gap:clamp(13px,4vw,20px)!important;
    padding:clamp(17px,5vw,24px)!important;
  }
  .myxx-studio .home-remyxx-section .editorial-panel-remyxx::after{
    left:-.03em!important;
    bottom:-.08em!important;
    font-size:clamp(4.8rem,25vw,8rem)!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-visual{
    order:1!important;
    min-height:0!important;
    align-self:start!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-cover{
    width:100%!important;
    max-width:112px!important;
    margin:0!important;
    transform:rotate(-1.2deg)!important;
    border-radius:18px!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-stamp{
    top:-7px!important;
    right:-7px!important;
    padding:5px 7px!important;
    border-radius:7px!important;
    font-size:.38rem!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-copy{
    order:2!important;
    min-width:0!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-copy>.eyebrow{
    margin-bottom:7px!important;
    font-size:.48rem!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-copy h2{
    margin:0 0 9px!important;
    padding-bottom:.08em!important;
    font-size:clamp(1.9rem,8.5vw,3.05rem)!important;
    line-height:.86!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-copy>p{
    display:-webkit-box!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
    color:#b9b4c0!important;
    font-size:.65rem!important;
    line-height:1.42!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  .myxx-studio .home-remyxx-section .chip-row{
    gap:5px!important;
    margin:0 0 10px!important;
  }
  .myxx-studio .home-remyxx-section .chip{
    min-height:23px!important;
    padding:4px 7px!important;
    font-size:.46rem!important;
  }
  .myxx-studio .home-remyxx-section .action-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0!important;
  }
  .myxx-studio .home-remyxx-section .action-row>*{
    width:100%!important;
    min-width:0!important;
    min-height:43px!important;
    padding:8px!important;
    justify-content:center!important;
    font-size:.53rem!important;
  }
}

@media(max-width:430px){
  body.myxx-studio .mobile-menu-panel{
    grid-template-rows:56px minmax(0,1fr) 62px!important;
    gap:7px!important;
  }
  body.myxx-studio .menu-head{height:56px!important}
  body.myxx-studio .menu-head img{width:108px!important}
  body.myxx-studio .mobile-nav{gap:6px!important}
  body.myxx-studio .mobile-nav a{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px!important;
    border-radius:13px!important;
  }
  body.myxx-studio .mobile-nav .nav-icon{width:32px!important;height:32px!important;border-radius:10px!important}
  body.myxx-studio .mobile-nav strong{font-size:.7rem!important}
  body.myxx-studio .mobile-nav small{font-size:.5rem!important}
  body.myxx-studio .menu-footer{height:62px!important;padding:6px!important}
  body.myxx-studio .menu-footer p{font-size:.52rem!important}
  body.myxx-studio .menu-footer .primary-action{min-height:44px!important;font-size:.57rem!important}

  .myxx-studio .home-remyxx-section .editorial-panel-remyxx{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:11px!important;
    padding:16px 13px!important;
  }
  .myxx-studio .home-remyxx-section .remyxx-copy h2{font-size:clamp(1.72rem,8.8vw,2.35rem)!important}
  .myxx-studio .home-remyxx-section .remyxx-copy>p{-webkit-line-clamp:2!important}
  .myxx-studio .home-remyxx-section .chip-row .chip:nth-child(n+3){display:none!important}
  .myxx-studio .home-remyxx-section .action-row{grid-template-columns:1fr!important}
}

@media(orientation:landscape) and (max-height:560px) and (max-width:900px){
  body.myxx-studio .mobile-menu-panel{
    grid-template-rows:45px minmax(0,1fr) 49px!important;
    gap:6px!important;
    padding:
      max(5px,env(safe-area-inset-top))
      max(7px,env(safe-area-inset-right))
      max(5px,env(safe-area-inset-bottom))
      max(7px,env(safe-area-inset-left))!important;
  }
  body.myxx-studio .menu-head{height:45px!important;padding-bottom:4px!important}
  body.myxx-studio .menu-head img{width:92px!important;max-height:38px!important}
  body.myxx-studio .menu-close{width:36px!important;height:36px!important}
  body.myxx-studio .mobile-nav{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  body.myxx-studio .mobile-nav a{
    grid-template-columns:29px minmax(0,1fr)!important;
    gap:6px!important;
    padding:5px 7px!important;
    border-radius:11px!important;
  }
  body.myxx-studio .mobile-nav .nav-icon{width:29px!important;height:29px!important;border-radius:8px!important}
  body.myxx-studio .mobile-nav svg{width:15px!important;height:15px!important}
  body.myxx-studio .mobile-nav strong{font-size:.62rem!important}
  body.myxx-studio .mobile-nav small{display:none!important}
  body.myxx-studio .menu-footer{
    height:49px!important;
    grid-template-columns:minmax(0,1fr) 145px!important;
    padding:4px 6px!important;
    border-radius:12px!important;
  }
  body.myxx-studio .menu-footer p{font-size:.48rem!important}
  body.myxx-studio .menu-footer .primary-action{min-height:39px!important;font-size:.54rem!important}
}

.myxx-studio .footer-brand-copy strong{color:#fff!important}