.listen-now-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; border: 0; color: transparent; -webkit-text-fill-color: transparent; font: inherit; font-size: .82rem; font-weight: 600; letter-spacing: .03em; text-shadow: none; background: linear-gradient(155deg,#ef86e8 0%,#dc50db 12%,#cc45ca 27%,#94338f 43%,#ec78e4 55%,#dc50db 67%,#983791 84%,#cd49c7 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(1px 1px 0 #d3d3d3); cursor: pointer; }
.listen-now-button:hover, .listen-now-button:focus-visible { background-image: linear-gradient(155deg,#77797c 0%,#686a6d 12%,#595a5c 27%,#3f4246 43%,#77797c 55%,#595a5c 67%,#43464a 84%,#686a6d 100%); }
.listen-now-button:focus-visible { outline: 2px dotted #dc50db; outline-offset: 5px; }
.listen-now-label { position: relative; z-index: 0; }
.listen-now-icon { position: absolute; z-index: 1; top: 50%; left: 50%; width: 4.35em; height: 4.35em; overflow: visible; transform: translate(-50%,-50%); pointer-events: none; }
.listen-now-icon path { fill: #94338f; fill-opacity: .32; stroke: #94338f; stroke-width: .55; stroke-linejoin: round; stroke-opacity: .48; opacity: .82; }
.listen-now-button[aria-pressed="true"] .listen-now-icon path { fill-opacity: .42; stroke-opacity: .65; }
.universe nav .home-listen-now { grid-column: 1; grid-row: 2; justify-self: start; margin-left: 8%; }
.universe nav .home-listen-now .listen-now-icon path { transform-box: view-box; transform-origin: center; transform: scale(1.6); }
.media-suite-track { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 24px; }
.media-suite-track-title { margin: 0; color: transparent; -webkit-text-fill-color: transparent; font-size: 16px; font-weight: 600; line-height: 1.25; letter-spacing: .02em; white-space: nowrap; background: linear-gradient(155deg,#ef86e8 0%,#dc50db 12%,#cc45ca 27%,#94338f 43%,#ec78e4 55%,#dc50db 67%,#983791 84%,#cd49c7 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(1px 1px 0 #d3d3d3); }
.listen-now-player { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.song-controls { display: flex; align-items: center; gap: 12px; width: min(230px, 70vw); }
.song-controls[hidden] { display: none; }
.song-seek { --seek-progress: 0%; appearance: none; flex: 1; min-width: 72px; height: 3px; margin: 8px 0; border-radius: 99px; background: linear-gradient(to right, #94338f var(--seek-progress), rgba(148,51,143,.2) var(--seek-progress)); cursor: pointer; }
.song-seek::-webkit-slider-thumb { appearance: none; width: 9px; height: 9px; border: 1px solid #94338f; border-radius: 50%; background: #f7e5f4; box-shadow: 0 0 0 2px rgba(148,51,143,.12); }
.song-seek::-moz-range-thumb { width: 8px; height: 8px; border: 1px solid #94338f; border-radius: 50%; background: #f7e5f4; box-shadow: 0 0 0 2px rgba(148,51,143,.12); }
.song-seek:focus-visible, .song-repeat:focus-visible { outline: 2px solid #94338f; outline-offset: 4px; }
.song-repeat { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; color: #94338f; background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
.song-repeat svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.song-repeat[aria-pressed="true"] { color: #dc50db; filter: drop-shadow(0 0 2px rgba(148,51,143,.35)); }
.media-suite-track .song-controls { width: 230px; }
@media (max-width: 700px) { .universe nav .home-listen-now { grid-column: 1; grid-row: 2; margin-left: 0; } }


/* Glossy raised treatment only on the Media Suite track title. */
.media-suite-track-title { display: inline-block; position: relative; margin: 0; padding: .25rem .1rem; color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke: .3px rgba(107,35,96,.82); font-size: 1.05rem; font-weight: 800; line-height: 1.25; letter-spacing: .06em; white-space: nowrap; background: linear-gradient(165deg,#fff9ff 0%,#f3c6ec 8%,#e879d6 24%,#c847b1 48%,#92337f 72%,#f1a0dc 100%); -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 1px 0 rgba(255,255,255,.92)) drop-shadow(0 3px 0 #78276d) drop-shadow(0 6px 7px rgba(59,22,55,.42)); }


/* Add gloss and raised depth while preserving the Listen Now core design. */
.listen-now-button { filter: drop-shadow(1px 1px 0 #d3d3d3) drop-shadow(0 -1px 0 rgba(255,255,255,.82)) drop-shadow(0 2px 0 rgba(93,35,92,.72)) drop-shadow(0 5px 5px rgba(48,14,47,.32)); }
.listen-now-icon path { filter: drop-shadow(0 -1px 0 rgba(255,255,255,.8)) drop-shadow(0 2px 0 rgba(86,28,84,.8)) drop-shadow(0 5px 5px rgba(48,14,47,.32)); }



/* Make Listen Now text bold with a visible dark-pink shadow across shared placements. */
.listen-now-button .listen-now-label { font-weight: 800; text-shadow: 0 1px 0 rgba(65,25,64,.86), 0 2px 4px rgba(38,10,38,.62); }