/* ASTROMER V0.2 — sculpted space-glass controls.
 * Scoped overrides after all legacy sheets; leave music, bookings and cinema untouched.
 * Hero card: no interior star pattern, external halo, or roaming firefly.
 */
:root{
 --astro-v02-glass:linear-gradient(121deg,rgba(221,242,255,.12),rgba(39,58,76,.23) 48%,rgba(6,12,21,.44));
 --astro-v02-line:rgba(225,241,255,.34);
}
#top .hero-featured-track.hero-featured-track-v2{
 position:absolute;left:50%;top:clamp(160px,18svh,220px);
 display:block;width:min(356px,calc(100% - 90px));min-height:0;max-height:none;
 padding:0!important;margin:0;background:transparent!important;
 border:0!important;border-radius:999px!important;box-shadow:none!important;
 filter:none!important;overflow:visible;isolation:isolate;appearance:none;
 transform:translateX(-50%);transition:transform .4s ease!important;
}
#top .hero-featured-track.hero-featured-track-v2::before,
#top .hero-featured-track.hero-featured-track-v2::after{
 content:none!important;display:none!important;animation:none!important;
}
#top .hero-featured-track.hero-featured-track-v2:hover{
 transform:translateX(-50%) translateY(-2px);box-shadow:none!important;
 background:transparent!important;
}
#top .hero-featured-track.hero-featured-track-v2:focus-visible{
 outline:2px solid #effaff;outline-offset:4px;
}
#top .hero-featured-track-v2 .hero-featured-shell{
 position:relative;z-index:1;display:grid;align-items:center;
 grid-template-columns:46px minmax(0,1fr) 15px 20px;gap:8px;
 min-height:64px;width:100%;padding:6px 10px 6px 5px;
 border-radius:999px;border:1px solid var(--astro-v02-line);
 background:var(--astro-v02-glass);
 backdrop-filter:blur(23px) saturate(114%);
 -webkit-backdrop-filter:blur(23px) saturate(114%);
 box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 -1px rgba(255,255,255,.035);
 isolation:isolate;overflow:hidden;transition:border-color .45s ease,background .45s ease;
}
#top .hero-featured-track-v2 .hero-featured-shell::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 border-radius:inherit;
 background:linear-gradient(110deg,transparent 0%,transparent 37%,rgba(253,255,255,.02) 43%,rgba(245,253,255,.115) 50%,rgba(245,253,255,.025) 57%,transparent 65%);
 transform:translateX(-155%);
 animation:astro-v02-scan 8.8s cubic-bezier(.22,.64,.28,1) infinite;
}
#top .hero-featured-track-v2 .hero-featured-shell::after{
 content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;
 border-radius:inherit;
 background:linear-gradient(180deg,rgba(253,255,255,.065),transparent 30%);
}
#top .hero-featured-track-v2:hover .hero-featured-shell{
 border-color:rgba(240,250,255,.67);
 background:linear-gradient(128deg,rgba(229,246,255,.16),rgba(38,57,77,.25) 48%,rgba(6,12,21,.4));
}
#top .hero-featured-track-v2 .hero-featured-shell>span{position:relative;z-index:2}
#top .hero-featured-track-v2 .hero-featured-avatar{
 display:grid;place-items:center;width:46px;height:48px;min-height:0;flex:none;
 border:0!important;border-radius:50%;overflow:visible;
 background:radial-gradient(circle,rgba(225,242,255,.1),rgba(217,238,255,.025) 53%,transparent 73%);
}
#top .hero-featured-track-v2 .hero-featured-avatar .astro-intro-suit{
 width:35px;height:46px;display:block;overflow:visible;filter:grayscale(1);
 animation:astro-v02-float 6.6s ease-in-out infinite;
}
#top .hero-featured-track-v2 .astro-suit-arm-right{
 transform-box:view-box;transform-origin:145px 151px;
 animation:astro-v02-wave 8.9s ease-in-out infinite;
}
#top .hero-featured-track-v2 .astro-suit-arm-left{
 transform-box:view-box;transform-origin:68px 148px;
 animation:astro-v02-micro-gesture 10.4s ease-in-out infinite;
}
#top .hero-featured-track-v2 .hero-featured-copy{
 display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;
}
#top .hero-featured-track-v2 .hero-featured-kicker{
 font:400 7px/1.25 'Space Grotesk',Arial,sans-serif;
 color:rgba(200,219,230,.82);letter-spacing:.10em;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#top .hero-featured-track-v2 .hero-featured-copy strong{
 color:#f3f8fd;font:400 11.5px/1.2 'Space Grotesk',Arial,sans-serif;
 letter-spacing:-.02em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#top .hero-featured-track-v2 .hero-featured-track-name{
 color:rgba(199,216,228,.77);font:400 7px/1.25 'Space Grotesk',Arial,sans-serif;
 letter-spacing:.08em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
#top .hero-featured-track-v2 .hero-featured-chip{
 display:grid;place-items:center;width:15px;height:15px;min-width:0;
 border-radius:50%;border:1px solid rgba(225,241,253,.23);
 background:rgba(244,253,255,.02);
}
#top .hero-featured-track-v2 .hero-featured-chip-core{
 display:block;width:4px;height:4px;border-radius:50%;background:#f1faff;
 animation:astro-v02-chip-pulse 3.8s ease-in-out infinite;
}
#top .hero-featured-track-v2 .hero-featured-arrow{
 display:grid;place-items:center;width:20px;height:20px;min-width:0;flex:none;
 border-radius:50%;border:1px solid rgba(228,243,253,.21);
 background:rgba(238,250,255,.02);transform:none!important;
}
#top .hero-featured-track-v2 .hero-featured-arrow svg{width:12px;height:12px;stroke:#eef8ff}
#top .hero-featured-track-v2:hover .hero-featured-arrow{background:rgba(244,252,255,.08);color:#f3f9fc}
/* The radio link remains a real href=#music; glass is now its only visual surface. */
#top .hero-actions .hero-radio-cta-v2{
 position:relative;display:block;isolation:isolate;min-width:0;
 width:min(380px,100%);max-width:100%;padding:0!important;margin:0;
 border:0!important;border-radius:19px;background:transparent!important;
 box-shadow:none!important;color:#f7fbff!important;text-decoration:none;
 overflow:visible;transition:transform .4s ease!important;
}
#top .hero-actions .hero-radio-cta-v2:hover{
 transform:translateY(-2px);background:transparent!important;
}
#top .hero-actions .hero-radio-cta-v2:focus-visible{outline:2px solid #effaff;outline-offset:5px}
#top .hero-radio-cta-v2 .hero-radio-cta-inner{
 position:relative;display:flex;align-items:center;justify-content:space-between;
 gap:14px;min-height:76px;padding:13px 23px;
 border:1px solid rgba(225,242,254,.34);border-radius:18px;
 background:linear-gradient(127deg,rgba(223,242,253,.13),rgba(35,52,70,.26) 46%,rgba(7,14,25,.39));
 backdrop-filter:blur(23px) saturate(116%);-webkit-backdrop-filter:blur(23px) saturate(116%);
 box-shadow:inset 0 1px rgba(248,253,255,.13),inset 0 -1px rgba(247,253,255,.025);
 isolation:isolate;overflow:hidden;transition:border-color .4s ease;
}
#top .hero-radio-cta-v2 .hero-radio-cta-inner::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:linear-gradient(107deg,transparent 0%,transparent 37%,rgba(252,255,255,.15) 51%,transparent 64%);
 transform:translateX(-160%);
 animation:astro-v02-scan 10s cubic-bezier(.22,.63,.29,1) infinite;
}
#top .hero-radio-cta-v2 .hero-radio-cta-inner::after{
 content:"";position:absolute;inset:1px;pointer-events:none;z-index:0;
 border-radius:inherit;background:linear-gradient(180deg,rgba(251,253,255,.045),transparent 42%);
}
#top .hero-radio-cta-v2:hover .hero-radio-cta-inner{border-color:rgba(248,253,255,.68)}
#top .hero-radio-cta-v2 .hero-radio-cta-copy{
 position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;
 min-width:0;text-align:left;
}
#top .hero-radio-cta-v2 .hero-radio-cta-label{
 color:#f5faff;font:500 10.5px/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:.19em;
}
#top .hero-radio-cta-v2 .hero-radio-cta-sub{
 color:rgba(202,222,232,.8);font:400 8px/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:.14em;
}
#top .hero-radio-cta-v2 .hero-radio-cta-pulse{
 position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:3px;
 width:38px;height:38px;flex:0 0 38px;border-radius:50%;
 border:1px solid rgba(226,243,254,.3);
 background:radial-gradient(circle,rgba(245,253,255,.09),rgba(245,253,255,.01) 70%);
}
#top .hero-radio-cta-v2 .hero-radio-cta-pulse i{
 display:block;width:2px;height:12px;border-radius:3px;background:#ecf8fc;
 animation:astro-v02-equalizer 2.3s ease-in-out infinite;
}
#top .hero-radio-cta-v2 .hero-radio-cta-pulse i:nth-child(2){height:18px;animation-delay:-.8s}
#top .hero-radio-cta-v2 .hero-radio-cta-pulse i:nth-child(3){height:8px;animation-delay:-1.5s}
#top .hero-actions .button-ghost{transition:color .3s ease,letter-spacing .35s ease,border-color .35s ease}
#top .hero-actions .button-ghost:hover{color:#fff;letter-spacing:.19em;border-color:#e6f5ff}
#top .hero-opening{transition:color .3s ease,letter-spacing .35s ease,border-color .35s ease}
#top .hero-opening:hover{color:#fff;letter-spacing:.19em;border-color:#eff8ff}
@keyframes astro-v02-scan{
 0%,23%{transform:translateX(-160%);opacity:0}
 33%{opacity:.8}
 59%{transform:translateX(160%);opacity:.15}
 100%{transform:translateX(160%);opacity:0}
}
@keyframes astro-v02-chip-pulse{
 0%,100%{transform:scale(.82);opacity:.64}
 47%{transform:scale(1.16);opacity:1}
}
@keyframes astro-v02-equalizer{
 0%,100%{transform:scaleY(.56);opacity:.6}
 50%{transform:scaleY(1.13);opacity:1}
}
@keyframes astro-v02-float{
 0%,100%{transform:translateY(1px) rotate(-3deg)}
 50%{transform:translateY(-3px) rotate(1deg)}
}
@keyframes astro-v02-wave{
 0%,14%,53%,100%{transform:rotate(0deg)}
 18%,28%,37%{transform:rotate(-35deg)}
 22%,33%,44%{transform:rotate(-13deg)}
 69%{transform:rotate(12deg)}78%{transform:rotate(-8deg)}
}
@keyframes astro-v02-micro-gesture{
 0%,42%,75%,100%{transform:rotate(0deg)}
 48%{transform:rotate(12deg)}55%{transform:rotate(-7deg)}
 83%{transform:rotate(-8deg)}
}
@media(max-width:700px){
 #top .hero-featured-track.hero-featured-track-v2{
  top:clamp(129px,15svh,152px);width:min(250px,calc(100% - 116px));min-height:0;
  padding:0!important;
 }
 #top .hero-featured-track-v2 .hero-featured-shell{
  grid-template-columns:34px minmax(0,1fr) 12px 16px;
  min-height:51px;gap:5px;padding:4px 7px 4px 3px;
 }
 #top .hero-featured-track-v2 .hero-featured-avatar{width:34px;height:41px}
 #top .hero-featured-track-v2 .hero-featured-avatar .astro-intro-suit{width:29px;height:39px}
 #top .hero-featured-track-v2 .hero-featured-kicker{font-size:5.3px;letter-spacing:.02em}
 #top .hero-featured-track-v2 .hero-featured-copy strong{font-size:9.7px;line-height:1.18}
 #top .hero-featured-track-v2 .hero-featured-track-name{font-size:6px;letter-spacing:.02em}
 #top .hero-featured-track-v2 .hero-featured-chip{width:12px;height:12px}
 #top .hero-featured-track-v2 .hero-featured-chip-core{width:3px;height:3px}
 #top .hero-featured-track-v2 .hero-featured-arrow{width:16px;height:16px}
 #top .hero-featured-track-v2 .hero-featured-arrow svg{width:10px;height:10px}
 #top .hero-actions .hero-radio-cta-v2{width:min(294px,calc(100vw - 66px))}
 #top .hero-radio-cta-v2 .hero-radio-cta-inner{min-height:61px;padding:11px 15px;border-radius:16px}
 #top .hero-radio-cta-v2 .hero-radio-cta-label{font-size:9px;letter-spacing:.15em}
 #top .hero-radio-cta-v2 .hero-radio-cta-sub{font-size:7px;letter-spacing:.1em}
 #top .hero-radio-cta-v2 .hero-radio-cta-pulse{width:30px;height:30px;flex-basis:30px}
 #top .hero-radio-cta-v2 .hero-radio-cta-pulse i{height:9px}
 #top .hero-radio-cta-v2 .hero-radio-cta-pulse i:nth-child(2){height:14px}
 #top .hero-radio-cta-v2 .hero-radio-cta-pulse i:nth-child(3){height:7px}
}
@media(max-width:380px){
 #top .hero-featured-track.hero-featured-track-v2{width:min(238px,calc(100% - 80px))}
}
html.astro-v0-motion-off #top .hero-featured-track-v2 .hero-featured-shell::before,
html.astro-v0-motion-off #top .hero-radio-cta-v2 .hero-radio-cta-inner::before,
html.astro-v0-motion-off #top .hero-featured-track-v2 .hero-featured-chip-core,
html.astro-v0-motion-off #top .hero-radio-cta-v2 .hero-radio-cta-pulse i,
html.astro-v0-motion-off #top .hero-featured-track-v2 .astro-intro-suit,
html.astro-v0-motion-off #top .hero-featured-track-v2 .astro-suit-arm-right,
html.astro-v0-motion-off #top .hero-featured-track-v2 .astro-suit-arm-left{animation:none!important}
@media(prefers-reduced-motion:reduce){
 #top .hero-featured-track-v2 .hero-featured-shell::before,
 #top .hero-radio-cta-v2 .hero-radio-cta-inner::before,
 #top .hero-featured-track-v2 .hero-featured-chip-core,
 #top .hero-radio-cta-v2 .hero-radio-cta-pulse i,
 #top .hero-featured-track-v2 .astro-intro-suit,
 #top .hero-featured-track-v2 .astro-suit-arm-right,
 #top .hero-featured-track-v2 .astro-suit-arm-left{animation:none!important}
 #top .hero-featured-track.hero-featured-track-v2,
 #top .hero-featured-track-v2 .hero-featured-shell,
 #top .hero-radio-cta-v2 .hero-radio-cta-inner{transition:none!important}
}