/* Store-only presentation. No player, spectrum, or player-control selectors. */
body[data-page=store]{background:#080e1b;background-image:radial-gradient(ellipse at 85% 12%,#172f5660,transparent 45%);color:#edf4ff}
body[data-page=store] .wrap{max-width:1340px;width:calc(100% - 80px)}
.preview-banner{display:flex;align-items:center;gap:20px;padding:10px 40px;background:#1c2d47;color:#c8e5ff;font:11px system-ui;letter-spacing:1px}.preview-banner span{letter-spacing:0;color:#9fb1cd}.preview-banner a{margin-left:auto;color:#dceeff}
.pearl-intro{display:flex;justify-content:space-between;align-items:end;padding:42px 0 30px}.pearl-intro .eyebrow{color:#8098ba;font-size:10px;letter-spacing:2.3px;margin-bottom:17px}.pearl-intro h1{font:500 clamp(28px,3vw,44px)/1.14 system-ui;letter-spacing:-1.8px;margin:0}.pearl-intro h1 span{color:#9daec8}.pearl-intro>p{font:12px/2 system-ui;text-align:right;color:#a4b5ce}.pearl-intro .originals-tagline{font-size:9px;letter-spacing:.7px}
.spotlight{position:relative;display:grid;grid-template-columns:1.3fr 1fr;min-height:400px;overflow:hidden;border:1px solid #7bacd760;border-radius:20px;background:radial-gradient(ellipse at 10% 5%,#c7edff88,transparent 60%),linear-gradient(115deg,#0b315d 0%,#3d6da1 35%,#99b5d1 63%,#4b659a 100%);box-shadow:0 15px 70px #0005,inset 0 1px 0 #e9faff99}.spotlight-copy{padding:44px 48px;z-index:1}.spotlight .eyebrow{color:#e0efff;font-size:10px;letter-spacing:2.4px;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#d9faff;box-shadow:0 0 14px #fff}.spotlight h2{font:550 clamp(44px,5.8vw,82px)/1 system-ui;letter-spacing:-4px;color:#f5f9ff;margin:28px 0 14px;text-shadow:0 2px 20px #14396055}.spotlight-byline{letter-spacing:3px;font:600 12px system-ui}.spotlight-byline span{color:#c5ddf4;font-weight:400}.spotlight-description{color:#d5e7f9;font:14px/1.7 system-ui;margin:22px 0}.spotlight-actions{display:flex;gap:12px}.spotlight-actions button{border-radius:30px;background:#eef8ff;color:#102846;border:1px solid #d8eaff99;padding:13px 24px;display:flex;gap:10px;align-items:center;font:600 12px system-ui}.spotlight-actions button+button{background:#183c6344;color:#fff}.spotlight-actions svg{width:13px;height:13px;fill:currentColor}.spotlight-copy>small{display:block;font:8px system-ui;letter-spacing:1.6px;color:#d4e6f4;margin-top:30px}.spotlight-art{position:relative;border:0;background:none;padding:28px 42px 28px 10px;display:flex;align-items:center;justify-content:center}.spotlight-art img{width:min(100%,370px);aspect-ratio:1;object-fit:cover;border-radius:8px;transform:rotate(3deg);box-shadow:0 25px 45px #061a4777,0 0 0 1px #e8f6ff66}
main .releases{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin-top:48px}.shelf-heading,.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.shelf-heading .eyebrow,.section-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#7793b6;margin:0 0 9px}.shelf-heading h2,.section-heading h2{font:500 28px/1.1 system-ui;letter-spacing:-.8px;margin:0;color:#e9f2ff}.shelf-heading h2 span{margin-left:12px;color:#97ceff}.shelf-heading>p,.shelf-heading>a{font:11px system-ui;color:#9caec5}.highlights{margin:0 0 42px!important;padding:0!important;border:0!important}.highlight-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important}.shelf-card{min-width:0}.shelf-art{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #8bbdea33;background:#14233b;box-shadow:0 12px 28px #0005}.shelf-art>button:first-child{display:block;padding:0;width:100%;height:100%;border:0;background:none}.shelf-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.shelf-art:hover img{transform:scale(1.04)}.format-pill{position:absolute;top:10px;left:10px;padding:5px 8px;background:#08111edb;border:1px solid #ffffff30;border-radius:5px;font:9px system-ui;text-transform:uppercase;letter-spacing:.6px}.shelf-play{position:absolute;right:10px;bottom:10px;width:34px;height:34px;background:#dcf1ff;border:0;border-radius:50%;display:grid;place-items:center;color:#132c4c;box-shadow:0 3px 15px #0005}.shelf-play svg{width:13px;height:13px;fill:currentColor}.shelf-title{background:none;border:0;color:#e9f3ff;font:600 13px system-ui;padding:13px 0 0;text-align:left}.shelf-card>p{font:11px/1.6 system-ui;color:#98acc8;margin:5px 0}.shelf-card>p span{display:block;color:#647e9e;font-size:10px}.empty-highlight{aspect-ratio:1;border:1px dashed #5c7ba755;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#23395566,#0b1425);gap:12px;color:#7995ba}.empty-highlight>span{font-size:34px;color:#9fbddd}.empty-highlight strong{font:12px system-ui}.empty-highlight small{font:9px system-ui}.preview-caption{font:10px system-ui;color:#657b98;margin-top:12px}.new-arrivals{margin:0 0 50px}#new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.new-card{display:flex;align-items:center;gap:16px;padding:13px;border:1px solid #7ba0d326;border-radius:12px;background:linear-gradient(100deg,#16253d,#111b2b)}.new-card>button:first-child{width:72px;height:72px;border:0;background:none;padding:0;flex-shrink:0}.new-card img{width:100%;height:100%;border-radius:6px;object-fit:cover}.new-card>div{flex:1;min-width:0}.new-card small{font:8px system-ui;letter-spacing:1.5px;color:#8cb7de}.new-card>div>button{display:block;background:none;border:0;font:500 15px system-ui;color:#edf5ff;padding:5px 0}.new-card p{font:11px system-ui;color:#8a9db8;margin:0}.new-play{border:1px solid #6588ab44;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#20334d;color:#bfdfff}.new-play svg{width:11px;height:11px;fill:currentColor}
#catalog-start{border-top:1px solid #6c8ab12e;padding-top:35px;scroll-margin-top:100px}#catalog-start>div:last-child{display:flex;flex-direction:column;gap:6px;text-align:right;font-size:9px}.catalog-toolbar{background:#111d30!important;border:1px solid #5a7ca233!important;border-radius:12px!important;padding:12px!important;gap:15px!important;margin:20px 0!important}.catalog-toolbar .tabs{gap:3px}.catalog-toolbar .tabs button{border-radius:7px!important;padding:10px 13px!important;font:10px system-ui!important;background:none;color:#90a5bf}.catalog-toolbar .tabs .selected{background:linear-gradient(120deg,#a8dbf6,#9cb4ef)!important;color:#152c4e!important;box-shadow:0 2px 12px #71b6eb22!important}.category-control{font:9px system-ui!important;color:#8da1bf}.category-control select{background:#14243b!important;border:1px solid #57739655!important;border-radius:6px!important;font:11px system-ui!important;color:#d3e3fa}.catalog-toolbar .search{margin-left:auto;max-width:220px}.catalog-toolbar .search input{font:11px system-ui!important}.release-list-heading{display:none!important}main .release-row{grid-template-columns:20px 32px 64px minmax(140px,1fr) 0 42px 150px!important;gap:14px!important;padding:20px!important;background:#101b2c!important;border:1px solid #536f9426!important;border-radius:12px!important;margin:0 0 9px!important;box-shadow:none!important}main .release-row:hover{background:#15243a!important;border-color:#87bee555!important}main .release-cover,main .cover-button{width:64px!important;height:64px!important;border-radius:5px!important}main .release-record{display:none!important}main .card-title{color:#e4f2ff!important;background:none!important;-webkit-text-fill-color:initial!important;font:600 14px system-ui!important;text-align:left;letter-spacing:0!important}main .title-version{font:11px system-ui!important;color:#9bbedc!important;padding-top:4px}main .release-artist{font:9px system-ui!important;letter-spacing:.8px;color:#7894b4!important;margin:7px 0!important}main .release-meta{font-size:9px!important;color:#7387a3!important}main .release-metrics{font-size:9px!important;color:#617895!important}main .release-number{font:10px system-ui;color:#64809f}main .preview-button{width:30px!important;height:30px!important;background:#1b324e!important;color:#bfddf7!important;border:1px solid #799dbb44!important}main .release-action .mini-button{font:9px system-ui!important;padding:10px 12px!important;border:1px solid #89b6df66!important;border-radius:7px!important;background:linear-gradient(130deg,#314c6b,#1a2b47)!important;color:#dceeff!important}main .release-duration{font:10px system-ui;color:#9db4d0}main .share-actions{margin:8px 0 0!important;gap:12px!important}main .share-icon{width:17px!important;height:17px!important;color:#829dbb!important}main .share-icon svg{width:13px!important;height:13px!important}main .track-waveform{grid-column:4/-1!important;margin:0!important;padding:0!important;height:36px!important;min-height:0!important;overflow:hidden}main .track-waveform svg{height:25px!important}main .track-waveform small{font-size:8px!important;color:#60738d!important}main .release-version{display:none!important}main .is-classic{border:1px solid #d6b65f!important;box-shadow:inset 0 0 18px #b9953e0d!important}main .classic-badge{color:#efcd7b!important;font-size:9px}.free-downloads{padding:20px!important;background:linear-gradient(120deg,#1b35514d,#13213744)!important;border:1px solid #86b7df44!important;border-radius:14px!important;margin-bottom:22px!important}.free-heading{margin-bottom:14px!important}.free-heading h2{font:500 20px system-ui!important;color:#d9edff}.free-heading .eyebrow{font-size:8px;color:#82b0d2}.free-heading>p{font-size:11px!important;color:#8ba5bf}.free-downloads .release-row{margin:0!important;background:#0e1d2e!important}.catalog-note,.popularity-note{color:#687c98!important;font:10px/1.7 system-ui!important}.store-footer{margin-top:45px!important;border-top:1px solid #7795b52e!important;padding-top:30px!important}.store-footer p,.store-footer a{font-size:10px!important}
@media(max-width:900px){body[data-page=store] .wrap{width:calc(100% - 36px)}.pearl-intro{padding:25px 0;display:block}.pearl-intro>p{text-align:left;margin-top:14px}.spotlight-copy{padding:30px}.spotlight h2{letter-spacing:-2px;font-size:50px}.spotlight-art{padding:20px}.highlight-grid{gap:12px!important}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar .search{max-width:none}.shelf-heading h2{font-size:24px}main .release-row{grid-template-columns:28px 52px minmax(100px,1fr) 100px!important;gap:12px!important}main .release-number{display:none!important}main .release-version,main .release-duration{display:none!important}main .preview-button{grid-column:1!important}main .cover-button{grid-column:2!important;width:52px!important;height:52px!important}main .release-cover{width:52px!important;height:52px!important}main .release-info{grid-column:3!important}main .release-action{grid-column:4!important}main .track-waveform{grid-column:3/-1!important}}
@media(max-width:600px){.preview-banner{padding:8px 18px;font-size:8px;gap:10px}.preview-banner span{display:none}.pearl-intro h1{font-size:31px;letter-spacing:-1px}.pearl-intro>p{font-size:10px}.spotlight{grid-template-columns:1fr;min-height:0}.spotlight-art{grid-row:1;padding:22px 55px 0}.spotlight-art img{width:210px;transform:rotate(2deg)}.spotlight-copy{padding:26px}.spotlight h2{font-size:43px;margin:20px 0 12px}.spotlight-description{font-size:12px;margin:16px 0}.spotlight-copy>small{font-size:7px;line-height:1.6;margin-top:18px}.spotlight-actions button{padding:11px 16px;font-size:11px}main .releases{margin-top:32px}.shelf-heading{align-items:center;gap:15px}.shelf-heading>p{max-width:95px;font-size:9px;text-align:right}.shelf-heading>a{font-size:9px;max-width:95px;text-align:right}.highlight-grid{grid-template-columns:repeat(5,145px)!important;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory}.shelf-card,.empty-highlight{scroll-snap-align:start}.shelf-title{font-size:12px}#new-grid{grid-template-columns:1fr}.new-card>button:first-child{width:56px;height:56px}.new-card>div>button{font-size:13px}.new-arrivals{margin-bottom:32px}.catalog-toolbar .tabs{width:100%;overflow:auto;flex-wrap:nowrap!important}.catalog-toolbar .tabs button{white-space:nowrap;padding:9px!important;font-size:9px!important}.category-control{order:2}.catalog-toolbar .search{order:3;max-width:150px}.section-heading h2{font-size:24px}#catalog-start>div:last-child{font-size:8px}.free-downloads{padding:12px!important}main .release-row{grid-template-columns:26px 44px minmax(0,1fr)!important;padding:12px!important;gap:10px!important}main .cover-button,main .release-cover{width:44px!important;height:44px!important}main .release-info{grid-column:3!important}main .release-action{grid-column:3!important;grid-row:auto!important;justify-self:start!important}main .track-waveform{grid-column:1/-1!important}main .card-title{font-size:13px!important}main .release-meta{font-size:8px!important;line-height:1.7}.free-heading>p{max-width:90px;font-size:9px!important;text-align:right}.store-footer{flex-wrap:wrap!important}.spotlight .eyebrow{font-size:8px}}
/* Mobile refinement: fewer competing elements and larger touch targets. */
@media(max-width:600px){
.preview-banner{padding:8px 18px}.pearl-intro{padding:26px 0 22px}.pearl-intro .eyebrow{display:none}.pearl-intro h1{font-size:26px;line-height:1.22;letter-spacing:-.7px}.pearl-intro h1 br{display:none}.pearl-intro h1 span{display:block;font-size:19px;margin-top:5px}.pearl-intro>p{font-size:10px;margin:13px 0 0}.pearl-intro .originals-tagline{display:none}
.spotlight{display:grid;grid-template-columns:minmax(0,1fr) 108px;min-height:0;border-radius:15px;padding:22px;gap:14px;align-items:center}.spotlight-copy{padding:0;min-width:0}.spotlight-art{grid-row:1;grid-column:2;padding:0;align-self:start}.spotlight-art img{width:108px;transform:none;border-radius:6px}.spotlight .eyebrow{font-size:7px;letter-spacing:1.2px;margin:0 0 12px}.spotlight h2{font-size:29px;letter-spacing:-1px;line-height:1.05;margin:0 0 10px}.spotlight-byline{font-size:8px;letter-spacing:1px;margin:0}.spotlight-description,.spotlight-copy>small{display:none}.spotlight-actions{margin-top:20px;flex-direction:column;align-items:start;gap:8px}.spotlight-actions button{font-size:10px;padding:12px 16px;min-height:42px}.spotlight-actions button+button{border:0;padding:6px 0;min-height:32px;background:transparent;font-size:9px}
main .releases{margin-top:38px!important}.shelf-heading{margin-bottom:18px}.shelf-heading .eyebrow,.shelf-heading>p,.shelf-heading h2 span{display:none}.shelf-heading h2{font-size:23px}.highlight-grid{grid-template-columns:repeat(5,155px)!important;gap:16px!important}.shelf-card>p span{display:none}.shelf-title{padding-top:12px;font-size:13px}.shelf-card>p{margin-top:5px;font-size:11px}.shelf-play{width:42px;height:42px}.preview-caption{font-size:9px;line-height:1.5;margin-top:14px}.highlights{margin-bottom:38px!important}.new-arrivals{margin-bottom:38px}.new-card{padding:12px;gap:13px}.new-card small{display:none}.new-card>div>button{font-size:13px}.new-play{width:42px;height:42px;flex-shrink:0}.new-card p{margin-top:4px;font-size:11px}
#catalog-start{padding-top:28px}.section-heading .eyebrow,#catalog-start>div:last-child{display:none}.catalog-toolbar{padding:12px!important;gap:12px!important}.catalog-toolbar .tabs{padding-bottom:4px;gap:6px}.catalog-toolbar .tabs button{min-height:40px;padding:10px 12px!important}.category-control{flex:1;min-width:0}.category-control select{width:100%;min-height:42px}.catalog-toolbar .search{flex:1;max-width:none!important;min-width:0}.catalog-toolbar .search input{width:100%;min-height:42px}.free-heading .eyebrow,.free-heading>p{display:none}.free-heading h2{font-size:19px!important}.free-downloads{padding:14px!important;margin-bottom:24px!important}
main .release-row{grid-template-columns:48px minmax(0,1fr) 38px!important;gap:12px!important;padding:16px!important;margin-bottom:14px!important}main .cover-button{grid-column:1!important;grid-row:1!important}main .release-cover,main .cover-button{width:48px!important;height:48px!important}main .release-info{grid-column:2!important;grid-row:1!important;min-width:0}main .preview-button{grid-column:3!important;grid-row:1!important;width:38px!important;height:38px!important}main .release-artist,main .release-meta,main .release-metrics{display:none!important}main .card-title{font-size:13px!important;line-height:1.3!important}main .title-version{font-size:11px!important;line-height:1.4!important;padding-top:6px}main .share-actions{gap:10px!important;margin-top:12px!important}main .share-icon{width:28px!important;height:32px!important}main .share-icon svg{width:15px!important;height:15px!important}main .track-waveform{grid-column:1/-1!important;grid-row:2!important;height:28px!important;margin-top:3px!important}main .track-waveform small{display:none!important}main .release-action{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch!important}main .release-action .mini-button{width:100%;min-height:42px;font-size:10px!important;text-align:center}main .catalog-note,main .popularity-note{display:none!important}.store-footer{margin-top:25px!important;padding-bottom:30px!important}
}
@media(max-width:600px){
.highlight-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;overflow:visible;padding-bottom:0;scroll-snap-type:none}
.highlight-grid .shelf-art{border-radius:5px;box-shadow:none}
.highlight-grid .format-pill,.highlight-grid .shelf-play,.highlight-grid .shelf-title,.highlight-grid .shelf-card>p{display:none}
.highlight-grid .shelf-art>button:first-child{min-width:0;min-height:0}
.highlight-grid .empty-highlight{border-radius:5px;gap:0;min-width:0}
.highlight-grid .empty-highlight>span{font-size:22px}
.highlight-grid .empty-highlight strong,.highlight-grid .empty-highlight small{display:none}
}

/* Serve the regular Eurostile face to mobile and use it consistently in the
   store cards, album track rows, and player credits. The earlier Rajdhani
   override made the public mobile store look different from the preview. */
@font-face{
  font-family:AngelXEurostileRegular;
  src:url('/assets/eurostile-regular.otf') format('opentype'),local('Eurostile'),local('Eurostile Regular');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
#main .release-row .card-title .track-name,
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#release-page .track-copy .track-name,
#release-page .track-copy .track-artist,
#release-page .detail-artist,
#player .player-title strong,
#player #player-artist,
#player .player-title .player-credit {
  font-family:AngelXEurostileRegular,Eurostile,'Eurostile Next','Eurostile LT Std',Rajdhani,Arial,sans-serif !important;
}
#main .release-row .card-title .track-name,
#release-page .track-copy .track-name,
#player .player-title strong {
  font-size:25px !important;
  line-height:30px !important;
  font-weight:400 !important;
}
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#release-page .track-copy .track-artist,
#release-page .detail-artist,
#player #player-artist,
#player .player-title .player-credit {
  font-size:10px !important;
  line-height:11.5px !important;
  font-weight:400 !important;
  letter-spacing:1.1px !important;
}

/* Album navigation stays compact on mobile and opens the existing tracklist. */
.go-to-album{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 0;border:0;background:transparent;color:#a7d9ff;font:inherit;font-size:12px;cursor:pointer;text-align:left}
.go-to-album:hover{color:#fff;text-decoration:underline}
.go-to-album:focus-visible{outline:2px solid #a7d9ff;outline-offset:3px;border-radius:3px}
.detail-actions{gap:16px;flex-wrap:wrap}
.new-card .go-to-album{font-size:11px;min-height:32px}
/* Compact mobile collection; leave the popup player untouched. */
@media(max-width:600px){
main .release-row{grid-template-columns:40px minmax(0,1fr) 36px!important;gap:6px 10px!important;padding:10px!important;margin-bottom:8px!important;border-radius:9px!important}
main .release-info{display:contents!important}
main .release-row .cover-button,main .release-row .release-cover{width:40px!important;height:40px!important}
main .release-row .card-title{grid-column:2!important;grid-row:1!important;font-size:12px!important;line-height:1.2!important;padding:0!important;margin:0!important;align-self:center}
main .release-row .title-version{display:block;font-size:10px!important;padding-top:3px!important}
main .release-row .preview-button{width:36px!important;height:36px!important}
main .release-row .track-waveform{grid-row:2!important;height:20px!important;margin:0!important}
main .release-row .track-waveform svg{height:20px!important}
main .release-row .share-actions{grid-column:1/3!important;grid-row:3!important;justify-self:start;margin:0!important;gap:4px!important}
main .release-row .share-icon{width:30px!important;height:32px!important}
main .release-row .go-to-album{grid-column:2/4!important;grid-row:3!important;justify-self:end;min-height:32px;padding:0;font-size:10px}
main .release-row .release-action{grid-row:4!important;margin:0!important}
main .release-row .release-action .mini-button{min-height:34px;padding:7px 10px!important;font-size:9px!important}
main .release-row .classic-badge{grid-column:2;grid-row:1;justify-self:end;align-self:start;font-size:8px}
.free-downloads{padding:10px!important;margin-bottom:14px!important}.free-heading{margin-bottom:8px!important}.free-heading h2{font-size:17px!important}
}

.release-page{padding-top:30px;padding-bottom:60px;min-height:75vh}.back-to-store{display:inline-flex;padding:12px 0;margin-bottom:24px;color:#afd9fa;font-size:13px;text-decoration:none}.release-page .detail-head{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:center;margin-bottom:28px}.release-page .detail-head>img{width:240px;height:240px;object-fit:cover;border-radius:12px;box-shadow:0 15px 50px #0005}.release-page h2{font-size:40px;line-height:1.15;margin:12px 0}.release-page .detail-actions{display:flex;margin:20px 0 32px}.release-page .track-row{display:grid;grid-template-columns:28px 1fr 50px 120px;gap:14px;align-items:center;padding:20px 0 10px;border-top:1px solid #6585a944}.release-page .track-row small{display:block;color:#95b5d2;margin-top:5px}.release-page .track-waveform{height:35px!important;margin:0!important}.page-track-actions{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px}.release-page .mini-button{background:#223e5e;border:1px solid #729bc066;color:#e4f2ff;border-radius:6px;padding:10px 14px}.release-page .play-icon{width:12px;height:12px;fill:currentColor}.release-page .share-actions{display:flex;gap:14px}.release-page .share-icon{width:32px!important;height:32px!important}.release-page .release-meta{display:block!important}
@media(max-width:600px){.release-page{padding-top:14px}.back-to-store{margin-bottom:16px}.release-page .detail-head{grid-template-columns:110px minmax(0,1fr);gap:18px;margin-bottom:20px}.release-page .detail-head>img{width:110px;height:110px;border-radius:8px}.release-page h2{font-size:25px}.release-page .eyebrow{font-size:10px}.release-page .detail-head p{font-size:11px}.release-page .track-row{grid-template-columns:20px minmax(0,1fr) 90px;gap:8px;font-size:13px}.release-page .track-row>small{display:none}.release-page .mini-button{font-size:10px;padding:10px}.release-page .track-waveform{height:28px!important}.page-track-actions{margin-bottom:20px}.release-page .share-actions{gap:5px!important}}

/* Release page controls: stable dimensions, clear primary action. */
.release-page .track-row{grid-template-columns:28px minmax(0,1fr) 50px 48px}
.release-page .track-play-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #badfff99;background:linear-gradient(135deg,#d5f3ff,#98b8ed);color:#102d50;box-shadow:0 3px 12px #0003;cursor:pointer;flex-shrink:0}
.release-page .track-play-button svg{width:17px;height:17px;display:block;fill:currentColor}
.release-page .track-play-button:hover{filter:brightness(1.1)}
.release-page .page-track-actions .mini-button,.release-page .detail-actions .button,.release-page .detail-actions .mini-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:154px;padding:10px 16px;white-space:nowrap;font:600 11px/1.2 system-ui!important;letter-spacing:.3px;border:1px solid #b4d8ff77;border-radius:8px;background:linear-gradient(120deg,#abcfe9,#a6b5e1);color:#10243f;box-shadow:0 3px 12px #0002;cursor:pointer}
.release-page .page-track-actions .mini-button.in-bag{background:#1f3b4c;color:#c2f4dc;border-color:#75bc9c77}
.release-page .track-play-button:focus-visible,.release-page .mini-button:focus-visible{outline:2px solid #d7edff;outline-offset:3px}
@media(max-width:600px){.release-page .track-row{grid-template-columns:20px minmax(0,1fr) 44px}.release-page .page-track-actions{gap:12px}.release-page .page-track-actions .mini-button{min-width:150px;font-size:10px!important}.release-page .track-play-button{width:44px;height:44px}}
/* Smaller visible controls, retaining a comfortable play tap area. */
.release-page .track-play-button{width:44px;height:44px;border:0;background:radial-gradient(circle at center,#bddcf5 0 16px,transparent 17px);box-shadow:none}
.release-page .track-play-button svg{width:13px;height:13px}
.release-page .page-track-actions .mini-button,.release-page .detail-actions .button,.release-page .detail-actions .mini-button{min-height:34px;min-width:124px;padding:8px 12px;font-size:9px!important;border-radius:6px}
@media(max-width:600px){.release-page .page-track-actions .mini-button{min-width:124px;font-size:9px!important}}
/* Dark control treatment, retaining the approved compact sizing. */
.release-page .track-play-button{background:radial-gradient(circle at center,#203b57 0 15px,#496784 15px 16px,transparent 17px);color:#c5e5ff}
.release-page .page-track-actions .mini-button,.release-page .detail-actions .button,.release-page .detail-actions .mini-button{background:linear-gradient(120deg,#263e58,#172b43);border-color:#607e9e88;color:#d8ecff;box-shadow:none}
.release-page .page-track-actions .mini-button.in-bag{background:#1f3b4c;color:#c2f4dc;border-color:#75bc9c77}
/* Mobile search: one clear field, one category selector, aligned format tabs. */
@media(max-width:700px){
main .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:12px!important;align-items:stretch!important}
main .catalog-toolbar .search{order:0!important;display:flex!important;align-items:center;gap:10px;width:100%!important;max-width:none!important;margin:0!important;padding:0 12px!important;min-height:44px;border:1px solid #6686aa55!important;border-radius:7px;background:#0d192b;box-sizing:border-box}
main .catalog-toolbar .search svg{width:16px;height:16px;flex:0 0 16px}
main .catalog-toolbar .search input{min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;min-width:0!important;outline-offset:-2px}
main .catalog-toolbar .category-control{order:1!important;display:grid!important;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:10px;width:100%;font-size:10px!important}
main .catalog-toolbar .category-control select{min-height:40px;width:100%;font-size:11px!important}
main .catalog-toolbar .tabs{order:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px!important;padding:0!important;overflow:visible!important;border:0;background:none;width:100%;min-width:0}
main .catalog-toolbar .tabs button{width:100%;min-width:0;min-height:40px;padding:5px 2px!important;white-space:normal!important;font-size:9px!important;line-height:1.25!important;border-radius:5px!important;margin:0!important}
#catalog-start{justify-content:flex-start!important}#catalog-start>div:first-child{text-align:left!important}
}
/* Main collection follows the approved album tracklist presentation. */
#main .release-row{display:grid!important;grid-template-columns:28px minmax(0,1fr) 44px!important;gap:10px 14px!important;padding:22px 0!important;margin:0!important;border:0!important;border-top:1px solid #6585a944!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#main .release-row:hover{background:transparent!important}
#main .release-row .release-info{display:contents!important}
#main .release-row .release-number{display:block!important;grid-column:1!important;grid-row:1!important;align-self:center;font-size:12px;color:#aab4c5}
#main .release-row .cover-button,#main .release-row .release-duration,#main .release-row .release-version,#main .release-row .release-artist,#main .release-row .release-meta,#main .release-row .release-metrics{display:none!important}
#main .release-row .card-title{grid-column:2!important;grid-row:1!important;align-self:center;font:400 13px/1.3 system-ui!important;color:#a7dfff!important;text-transform:none!important;padding:0!important;margin:0!important}
#main .release-row .title-version{font:400 11px/1.4 system-ui!important;padding-top:4px!important;color:#bae4ff!important;text-transform:none!important}
#main .release-row .preview-button{grid-column:3!important;grid-row:1!important;width:44px!important;height:44px!important;border:0!important;box-shadow:none!important;background:radial-gradient(circle at center,#203b57 0 15px,#496784 15px 16px,transparent 17px)!important;color:#c5e5ff!important}
#main .release-row .preview-button svg{width:13px;height:13px}
#main .release-row .track-waveform{grid-column:1/-1!important;grid-row:2!important;height:28px!important;margin:0!important}
#main .release-row .track-waveform svg{height:25px!important}
#main .release-row .track-waveform small{display:none!important}
#main .release-row .share-actions{grid-column:1/3!important;grid-row:3!important;justify-self:start;margin:0!important;gap:10px!important}
#main .release-row .share-icon{width:30px!important;height:34px!important}
#main .release-row .go-to-album{grid-column:1/3!important;grid-row:4!important;justify-self:start;min-height:28px;font-size:10px;padding:0}
#main .release-row .release-action{grid-column:2/4!important;grid-row:3!important;justify-self:end!important;margin:0!important}
#main .release-row .release-action .mini-button{width:auto!important;min-width:124px;min-height:34px!important;padding:8px 12px!important;font:600 9px/1.2 system-ui!important;border-radius:6px!important;background:linear-gradient(120deg,#263e58,#172b43)!important;color:#d8ecff!important}
#main .free-downloads{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;margin-bottom:28px!important}
#main .free-heading{margin-bottom:12px!important}
#main .release-row.is-classic{border-top-color:#d6b65f!important;border-left:2px solid #d6b65f!important;padding-left:12px!important}
#main .release-row .classic-badge{grid-column:2;grid-row:4;justify-self:end}
@media(max-width:600px){#main .release-row{grid-template-columns:20px minmax(0,1fr) 44px!important;gap:8px 8px!important;padding:18px 0!important}}
#main .release-list{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
/* Compact mobile search panel. */
@media(max-width:700px){
main .catalog-toolbar{padding:8px!important;gap:6px!important;margin:12px 0!important;border-radius:8px!important}
main .catalog-toolbar .search{min-height:36px!important;padding:0 9px!important;gap:8px}
main .catalog-toolbar .search input{min-height:36px!important;font-size:11px!important}
main .catalog-toolbar .category-control{grid-template-columns:52px minmax(0,1fr);gap:6px;font-size:9px!important}
main .catalog-toolbar .category-control select{min-height:32px!important;height:32px;padding:5px 8px!important;font-size:10px!important}
main .catalog-toolbar .tabs button{min-height:32px!important;padding:4px 2px!important;font-size:9px!important}
}
/* Give the category chevron consistent inset spacing. */
main .catalog-toolbar .category-control select{appearance:none;-webkit-appearance:none;padding-right:32px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23bdd6ee' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 12px!important}

#latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:600px){#latest-grid{grid-template-columns:1fr}}

.highlight-placeholder{min-height:82px;box-sizing:border-box}.highlight-placeholder .placeholder-art{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;background:#182d46;border:1px dashed #6989ad66;border-radius:6px;color:#88b8df;font-size:24px}.highlight-placeholder p{font:12px/1.5 system-ui;color:#9cb2cc;margin:0}

#main .release-row .track-added-date{grid-column:2/4;grid-row:4;justify-self:end;align-self:center;text-align:right;font:9px/1.4 system-ui;color:#829bb7;white-space:nowrap}#main .release-row .go-to-album{max-width:120px}#main .release-row .classic-badge{grid-row:5}

/* Palette matched to the live site's pearl-theme.css. */
body[data-page=store]{background:radial-gradient(ellipse at 72% 28%,#49328848,transparent 49%),radial-gradient(ellipse at 28% 22%,#126ac138,transparent 51%),#090b12}
#main .spotlight{background:radial-gradient(ellipse at 90% 10%,#6244a93d,transparent 57%),linear-gradient(125deg,#111c30,#110e1b);border-color:#a2a9e178;box-shadow:0 16px 40px #0005,inset 0 1px #dce5ff20}
#main .spotlight h2,#main .shelf-heading h2,#main .section-heading h2{background:var(--pearl-metal);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#main .spotlight-actions button:first-child{background:var(--pearl-button);color:#101127;border-color:#dae0ff;box-shadow:inset 0 1px #ffffffb3,0 5px 22px #667ce52b}
#main .new-card{background:linear-gradient(125deg,#111b2b,#1b1429);border-color:var(--pearl-edge)}
#main .placeholder-art{background:linear-gradient(130deg,#152a44,#251839);color:#bfcaf5;border-color:var(--pearl-edge)}
#main .catalog-toolbar{background:linear-gradient(110deg,#142136,#20162f)!important;border-color:var(--pearl-edge)!important}
#main .catalog-toolbar .tabs .selected{background:var(--pearl-button)!important;color:#101127!important}
#main .release-row .release-action .mini-button,.release-page .page-track-actions .mini-button{background:linear-gradient(120deg,#19416b4d,#4d2a774d)!important;border-color:#a5b3ed80!important;color:#dce5ff!important}
#main .release-row .preview-button,.release-page .track-play-button{color:#bfcaf5!important}

/* Match the live “Own the sound” title finish without changing the player. */
#main .spotlight h2,#main .shelf-heading h2,#main .section-heading h2,
#main .free-heading h2,#main .new-card h3,#main .new-card strong,
#main .release-row .card-title,#main .release-row .title-version,
#release-page h1,#release-page h2,#release-page .track-row>span:nth-child(2),#release-page .track-row small{
 background:linear-gradient(115deg,#65c9ff 0%,#a8dfff 23%,#878dff 47%,#cf9bff 72%,#9275ff 100%)!important;
 background-clip:text!important;-webkit-background-clip:text!important;
 color:transparent!important;-webkit-text-fill-color:transparent!important;
 text-shadow:none!important;-webkit-text-stroke:0;
}
#main .release-row .card-title,#main .release-row .title-version,#main .free-heading h2,#main .spotlight h2,#main .shelf-heading h2,#release-page h2,#release-page .track-row>span:nth-child(2){width:fit-content;max-width:100%}
/* Keep each track title and version together as one compact label. */
#main .release-row .card-title{line-height:1.2!important;min-height:0!important;font-weight:500!important}
#main .release-row .title-version{display:block!important;margin:1px 0 0!important;padding:0!important;line-height:1.2!important}
#release-page .track-row small{margin-top:1px!important;line-height:1.2!important}
/* Inline title and version preview. */
#main .release-row .title-version{display:inline!important;margin:0 0 0 4px!important;padding:0!important;white-space:normal}
#release-page .track-row>span:nth-child(2)>small{display:inline!important;margin:0 0 0 4px!important}

/* Center duration independently of the labels on either side. */
#main .release-row .track-inline-duration{grid-column:1/-1;grid-row:4;justify-self:center;align-self:center;font:9px/1.4 system-ui;color:#a9bfd9;pointer-events:none}

#main .release-row .track-category{display:block;margin-top:2px;font:400 10px/1.3 system-ui;color:#a9bfd9;-webkit-text-fill-color:#a9bfd9;background:none;letter-spacing:.02em}

@media(max-width:700px){main .catalog-toolbar .sort-control{grid-column:1/-1;grid-row:3}main .catalog-toolbar .tabs{grid-row:4!important}}
/* Open search controls without an enclosing card. */
#main .catalog-toolbar{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
#main #catalog-start h2{display:none!important}

#main .nav-arrow,#release-page .nav-arrow,.bag-page .nav-arrow{display:inline-block;width:12px;height:12px;flex:0 0 12px;vertical-align:-2px;margin-left:4px;fill:none;stroke:currentColor} .back-to-store{align-items:center;gap:6px}.back-to-store .nav-arrow{margin-left:0!important}

/* Keep mobile text-entry controls at Safari's non-zooming size. */
@media (max-width:1024px),(pointer:coarse){
#main input:not([type=range]):not([type=checkbox]):not([type=radio]),#main textarea,#main select,
main .catalog-toolbar .search input,main .catalog-toolbar .category-control select,main .catalog-toolbar .sort-control select,
#release-page input,#release-page textarea,#release-page select,.bag-page input,.bag-page textarea,.bag-page select{font-size:16px!important}
}

/* New-release spotlight: continuous cyan / blue-violet / magenta pearlescent light. */
.spotlight{isolation:isolate;border-color:transparent;background:radial-gradient(ellipse at 10% 5%,#18dfff36,transparent 52%),radial-gradient(ellipse at 100% 92%,#f20dca30,transparent 50%),linear-gradient(115deg,#091f3d 0%,#123f78 37%,#382b78 68%,#330e3e 100%);}
.spotlight::before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from 0deg,#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;animation:spotlight-border-flow 8s linear infinite;filter:drop-shadow(0 0 7px #20d9ff99) drop-shadow(0 0 16px #d21cff66);}
.spotlight>*,.spotlight-copy>*{position:relative;z-index:3;}
.spotlight-copy{display:flex;flex-direction:column;justify-content:center;}
.spotlight-art{align-self:stretch;}
@keyframes spotlight-border-flow{to{transform:rotate(1turn)}}
@media(max-width:600px){.spotlight-copy{justify-content:flex-start}.spotlight-art{align-self:stretch;align-items:flex-start;padding-top:0}.spotlight-art img{margin-top:0}}
@media(prefers-reduced-motion:reduce){.spotlight::before{animation:none}}

/* Perimeter-only spotlight light: animate the border gradient angle, never the card layer. */
@property --spotlight-angle{syntax:"<angle>";inherits:false;initial-value:0deg;}
.spotlight{border:2px solid transparent;background:radial-gradient(ellipse at 10% 5%,#18dfff36,transparent 52%),radial-gradient(ellipse at 100% 92%,#f20dca30,transparent 50%),linear-gradient(115deg,#091f3d 0%,#123f78 37%,#382b78 68%,#330e3e 100%) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box;animation:spotlight-border-flow 8s linear infinite;}
.spotlight::before{content:none;display:none;}
@keyframes spotlight-border-flow{to{--spotlight-angle:360deg}}
@media(prefers-reduced-motion:reduce){.spotlight{animation:none}}

/* Win the storefront card's more-specific base rule while keeping the card contents static. */
#main .spotlight{border:2px solid transparent!important;background:linear-gradient(125deg,#111b2b,#1b1429) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;animation:spotlight-border-flow 8s linear infinite!important;}

/* Keep desktop artwork visually aligned with the complete New Release copy and actions. */
@media(min-width:601px){#main .spotlight-art{align-items:center!important;justify-content:center!important}#main .spotlight-art img{width:min(100%,350px)!important;height:auto!important;aspect-ratio:1!important}}

/* Final New Release hero redesign: make the release unmistakable at a glance. */
#main .spotlight{
  grid-template-columns:minmax(0,1fr) minmax(420px,1.05fr)!important;
  min-height:520px!important;
  padding:22px!important;
  gap:24px!important;
  border-radius:28px!important;
  background:linear-gradient(125deg,#111b2b,#1b1429) padding-box,
    conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  box-shadow:0 28px 80px #0009,0 0 42px #6654ff38,inset 0 1px #f3f2ff2a!important;
}
#main .spotlight-copy{padding:46px 42px!important;justify-content:center!important}
#main .spotlight h2{font-size:clamp(56px,6.1vw,96px)!important;letter-spacing:-5px!important;margin:34px 0 18px!important;line-height:.96!important}
#main .spotlight-description{font-size:15px!important;line-height:1.8!important;margin:24px 0!important}
#main .spotlight-actions{gap:14px!important;margin-top:4px}
#main .spotlight-actions button{min-height:48px!important;padding:14px 25px!important;font-size:12px!important}
#main .spotlight-art{position:relative!important;min-height:100%!important;padding:0!important;align-self:stretch!important;align-items:center!important;justify-content:center!important}
#main .spotlight-art::before{content:"";position:absolute;z-index:0;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#5b79ff70 0%,#9c39ed3d 38%,transparent 70%);filter:blur(24px);pointer-events:none}
#main .spotlight-art img{position:relative!important;z-index:1;width:min(100%,470px)!important;max-width:100%!important;height:auto!important;aspect-ratio:1!important;transform:none!important;border-radius:16px!important;box-shadow:0 30px 65px #000b,0 0 0 1px #f3f0ff80,0 0 34px #5c76ff4a!important}

@media(max-width:900px) and (min-width:601px){
  #main .spotlight{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)!important;min-height:460px!important;padding:16px!important}
  #main .spotlight-copy{padding:34px 26px!important}
  #main .spotlight h2{font-size:clamp(48px,6vw,70px)!important}
  #main .spotlight-art img{width:min(100%,360px)!important}
}

@media(max-width:600px){
  #main .spotlight{grid-template-columns:1fr!important;min-height:0!important;padding:16px!important;gap:20px!important;border-radius:24px!important}
  #main .spotlight-art{grid-column:1!important;grid-row:1!important;min-height:0!important;align-self:auto!important;padding:0!important}
  #main .spotlight-art::before{width:92%;filter:blur(20px)}
  #main .spotlight-art img{width:100%!important;max-width:none!important;height:auto!important;border-radius:14px!important}
  #main .spotlight-copy{grid-column:1!important;grid-row:2!important;padding:4px 8px 10px!important;justify-content:flex-start!important}
  #main .spotlight .eyebrow{font-size:8px!important;letter-spacing:1.8px!important;margin-bottom:14px!important}
  #main .spotlight h2{font-size:clamp(42px,12vw,58px)!important;letter-spacing:-2.5px!important;line-height:.98!important;margin:0 0 14px!important}
  #main .spotlight-byline{font-size:9px!important;letter-spacing:1.8px!important}
  #main .spotlight-description{display:block!important;font-size:12px!important;line-height:1.6!important;margin:16px 0 0!important}
  #main .spotlight-copy>small{display:none!important}
  #main .spotlight-actions{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;margin-top:22px!important}
  #main .spotlight-actions button{min-height:46px!important;padding:13px 18px!important;font-size:10px!important}
  #main .spotlight-actions button+button{padding:10px 0!important;min-height:38px!important}
}

/* Keep the store, album pages, and popup visualizer on one readable identity system. */
#main .release-row .card-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
#main .release-row .card-title .track-name{display:block!important;font-size:inherit!important;line-height:1.15!important}
#main .release-row .card-title .track-artist{display:block!important;font:500 10px/1.25 system-ui!important;letter-spacing:.08em!important;color:#c7d8ff!important;background:none!important;-webkit-text-fill-color:#c7d8ff!important}
#main .release-row .card-title .track-category{display:block!important;margin:0!important;font:400 9px/1.25 system-ui!important;letter-spacing:.08em!important;color:#95a9c7!important;background:none!important;-webkit-text-fill-color:#95a9c7!important;text-transform:uppercase}
#release-page .detail-artist{font:600 12px/1.4 system-ui;color:#d8e4ff;letter-spacing:1.2px;margin-top:8px}
#release-page .detail-category{font:400 10px/1.4 system-ui;color:#9db2d0;letter-spacing:1px;text-transform:uppercase;margin-top:7px}
#release-page .track-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
#release-page .track-copy .track-name{font:500 15px/1.2 system-ui;color:#dceaff}
#release-page .track-copy .track-artist{font:500 10px/1.3 system-ui;color:#bcd0f2;letter-spacing:.08em}
#release-page .track-copy .track-category{font:400 9px/1.3 system-ui;color:#899fbe;letter-spacing:.08em;text-transform:uppercase}
#release-page .back-to-store-bottom{margin:38px 0 0;padding:22px 0;border-top:1px solid #7087ad44;border-bottom:0}

/* Popup visualizer hierarchy: title, artist credit, then preview state. */
#player .player-title .player-credit,#player .player-title .player-mode-line{display:block!important;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#player .player-title .player-credit{font-size:10px!important;line-height:1.35!important;letter-spacing:1.1px!important;margin-top:7px!important}
#player .player-title .player-mode-line{font-size:8px!important;line-height:1.35!important;letter-spacing:1.8px!important;margin-top:4px!important}
#player .player-title .player-credit .player-scroll-content,#player .player-title .player-mode-line .player-scroll-content{display:block!important;width:auto!important;max-width:100%!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:600px){
  #main .release-row .card-title .track-artist{font-size:9px!important}
  #main .release-row .card-title .track-category{font-size:8px!important}
  #release-page .detail-artist{font-size:10px}
  #release-page .track-copy .track-name{font-size:13px}
  #release-page .track-copy .track-artist{font-size:9px}
  #release-page .track-copy .track-category{font-size:8px}
  #release-page .back-to-store-bottom{margin-top:28px}
}

/* Popup hierarchy and animated controls: title, artist, preview state, then time. */
#player .player-title .player-credit{margin-top:2px!important}
#player .player-title .player-mode-line{margin-top:4px!important}
#player #player-time.player-loading-label{font-size:18px!important;letter-spacing:2px!important;color:transparent!important;background:linear-gradient(100deg,#dff7ff 8%,#7fdcff 35%,#a882ff 55%,#f228db 76%,#dff7ff 94%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:player-loading-shimmer 1.15s ease-in-out infinite;filter:drop-shadow(0 0 8px #6fd8ff66)}
@keyframes player-loading-shimmer{0%{background-position:120% 0;opacity:.55}50%{opacity:1}100%{background-position:-120% 0;opacity:.55}}
#player .player-actions #player-add{background:#fff!important;color:#111b2b!important;border-color:#fff!important;box-shadow:0 0 0 1px #fff8!important}
#player .player-actions #player-download{border:2px solid transparent!important;border-radius:999px!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#00dcff!important;animation:spotlight-border-flow 8s linear infinite,player-download-text-flow 8s linear infinite!important;box-shadow:0 0 14px #6c63ff45!important}
@keyframes player-download-text-flow{0%,100%{color:#00dcff!important}25%{color:#8264ff!important}55%{color:#f801ff!important}78%{color:#a52bff!important}}
@media(prefers-reduced-motion:reduce){#player #player-time.player-loading-label,#player .player-actions #player-download{animation:none!important}}

/* Keep Download at the same full-brightness pearlescent treatment as New Release. */
#player .player-actions #player-download:disabled{opacity:1!important;filter:none!important}
#player .player-actions #player-download{color:transparent!important;text-shadow:none!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;box-shadow:0 0 0 1px #00dcff88,0 0 12px #4d86ff99,0 0 24px #f801ff66!important}
#player .player-actions #player-download .download-label{display:inline-block;background:conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px #00dcffaa) drop-shadow(0 0 10px #a52bff88);animation:spotlight-border-flow 8s linear infinite}
@media(prefers-reduced-motion:reduce){#player .player-actions #player-download .download-label{animation:none!important}}

/* Final clean Download pass: same pearlescent gradient and motion, with a calmer control shape. */
#player .player-actions #player-download{border-radius:6px!important;min-width:112px!important;padding-inline:18px!important;box-shadow:0 0 0 1px #00dcff55,0 0 10px #4d86ff66!important}
#player .player-actions #player-download .download-label{font-weight:700;letter-spacing:1px;line-height:1;filter:none!important;text-shadow:none!important;background:conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:spotlight-border-flow 8s linear infinite!important}

/* Popup action redesign: keep the white Add to bag and Play controls readable, with the same moving edge light. */
#player .player-actions #player-add{border:2px solid transparent!important;border-radius:6px!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#111b2b!important;box-shadow:0 0 0 1px #00dcff55,0 0 10px #4d86ff66!important;animation:spotlight-border-flow 8s linear infinite!important}
#player .player-actions #player-add:disabled{opacity:.62!important}
#player #player-toggle{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#111b2b!important;box-shadow:0 0 0 1px #00dcff55,0 0 16px #4d86ff77!important;animation:spotlight-border-flow 8s linear infinite!important}
#player #player-toggle .play-icon{color:#111b2b!important}
#player .player-title .player-credit{margin-top:0!important;line-height:1.15!important}
#player .player-actions #player-add{background:linear-gradient(#173024,#173024) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#cfe8d5!important}
#player #player-toggle{background:linear-gradient(#173024,#173024) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#cfe8d5!important}
#player #player-toggle .play-icon{color:#cfe8d5!important}

/* Let long popup titles and artist credits glide instead of truncating. */
#player .player-title .player-scroll-line{overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
#player .player-title .player-scroll-content{display:inline-block!important;width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}

/* Popup action colors: blue interiors, cyan Add to bag text, magenta Download text. */
#player .player-actions #player-add{background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#00dcff!important}
#player .player-actions #player-download .download-label{background:none!important;color:#f801ff!important;-webkit-text-fill-color:#f801ff!important;animation:none!important;filter:drop-shadow(0 0 5px #f801ffaa)!important}

/* Keep the animated outlines crisp and thin. */
#player .player-actions #player-add,#player .player-actions #player-download,#player #player-toggle{border-width:1px!important;border-style:solid!important;border-color:transparent!important}
#player .player-actions #player-add,#player .player-actions #player-download{border-radius:4px!important;box-shadow:0 0 7px #4d86ff55!important}
#player #player-toggle{box-shadow:0 0 11px #4d86ff66!important}

/* Make the popup close control easy to find without obscuring the artwork. */
#player #player-close{top:0!important;right:4px!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;padding:0!important;border:1px solid transparent!important;border-radius:50%!important;background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;color:#effaff!important;font-size:21px!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:0 0 8px #00dcff88,0 0 18px #a52bff66!important;animation:spotlight-border-flow 8s linear infinite!important;transition:transform .2s ease,box-shadow .2s ease!important}
#player #player-close:hover{filter:none!important;transform:scale(1.08) rotate(8deg)!important;box-shadow:0 0 10px #00dcffbb,0 0 24px #f801ff88!important}

/* Keep popup action labels clean and regular-weight. */
#player .player-actions #player-add,#player .player-actions #player-download,#player .player-actions #player-download .download-label{font-weight:400!important}

/* Prev/Next controls stay text-only with no filled button surface. */
#player .player-transport .transport-step,
#player .player-transport .transport-step:hover,
#player .player-transport .transport-step:focus-visible{
  background:transparent!important;
}

/* Popup actions and timers use the same Highlights gradient. */
#player .player-actions #player-add .add-label,
#player .player-actions #player-download .download-label,
#player #player-time,
#main .release-duration,
#release-page .track-row>small{
  display:inline-block;
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Make track navigation explicit instead of relying on angle marks. */
#player .player-transport .transport-step{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;min-width:58px!important;min-height:34px!important;padding:7px 6px!important;border:0!important;border-radius:4px!important;background:#111b2b!important;color:#dffaff!important;font:400 9px/1 system-ui,sans-serif!important;letter-spacing:1.2px!important;white-space:nowrap!important;box-shadow:none!important}
#player .player-transport .transport-step:hover{filter:none!important;border:0!important;color:#ffffff!important;box-shadow:none!important}
@media(max-width:400px){#player .player-transport .transport-step{min-width:52px!important;font-size:8px!important;letter-spacing:.9px!important;padding-inline:4px!important}}

/* Final override: Prev/Next remain text-only. */
#player .player-transport .transport-step,
#player .player-transport .transport-step:hover,
#player .player-transport .transport-step:focus-visible{
  background:transparent!important;
}

/* Match the Play/Pause control interior to the popup's dark-blue buttons. */
#player #player-toggle{background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important}

/* Main-store saturation pass: deeper surfaces and brighter cyan / violet / magenta accents. */
body[data-page="store"]{background:#070b17!important;background-image:none!important}
#main .pearl-intro h1{background:linear-gradient(110deg,#00dcff 0%,#83b8ff 34%,#9272ff 64%,#f801ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 26px #2d7dff22!important}
#main .pearl-intro>p{color:#91dfff!important}
#main .pearl-intro .originals-tagline{color:#d39bff!important}
#main .spotlight{background:radial-gradient(ellipse at 8% 12%,#00dcff26,transparent 40%),radial-gradient(ellipse at 92% 88%,#f801ff2d,transparent 44%),linear-gradient(125deg,#081a35 0%,#111a43 46%,#260d3b 100%) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;box-shadow:0 28px 80px #000b,0 0 56px #4535b94d,inset 0 1px #ffffff24!important}
#main .spotlight-byline{color:#e8f8ff!important}
#main .spotlight-byline span{color:#78eaff!important}
#main .spotlight-description{color:#c2d8ff!important}
#main .shelf-heading h2,#main .section-heading h2,#main .free-heading h2{background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
#main .new-card,#main .highlight-placeholder{background:linear-gradient(125deg,#0d1c38,#15113a)!important;border-color:#4d86ff66!important;box-shadow:0 12px 28px #0008,0 0 18px #3824a82e!important}
#main .catalog-toolbar{background:linear-gradient(110deg,#0d1a35,#1a1033)!important;border-color:#6c52e688!important}
#main .release-row{background:linear-gradient(100deg,#09152b,#0d1024)!important;border-top-color:#3d5f9c88!important}
#main .release-row .card-title .track-name{color:#a9eaff!important;background:none!important;-webkit-text-fill-color:#a9eaff!important}
#main .release-row .card-title .track-artist{color:#59e6ff!important;-webkit-text-fill-color:#59e6ff!important}
#main .release-row .card-title .track-category{color:#ba8cff!important;-webkit-text-fill-color:#ba8cff!important}
#main .release-row .preview-button{background:linear-gradient(135deg,#102d58,#241447)!important;color:#00dcff!important;box-shadow:0 0 0 1px #00dcff77,0 0 14px #4d86ff55!important}
#main .release-row .release-action .mini-button{background:linear-gradient(110deg,#102b54,#241344)!important;border-color:#00dcff88!important;color:#c7f7ff!important;box-shadow:0 0 12px #4d86ff33!important}
#main .release-row .go-to-album{color:#83eaff!important}

/* Desktop store split: collection left, New Release and Highlights right. */
.store-layout{display:block}
@media(min-width:901px){
  #main .store-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:32px;align-items:start}
  #main .catalog-panel,#main .feature-panel{min-width:0}
  #main .feature-panel{display:flex;flex-direction:column;gap:30px}
  #main .feature-panel #spotlight{margin:0;min-height:0;grid-template-columns:1fr;display:grid}
  #main .feature-panel .spotlight-art{grid-row:1;padding:22px 28px 0;min-height:0}
  #main .feature-panel .spotlight-art img{width:min(100%,330px);transform:none}
  #main .feature-panel .spotlight-copy{grid-row:2;padding:26px 30px 30px}
  #main .feature-panel .spotlight h2{font-size:clamp(46px,4vw,68px);letter-spacing:-3px;margin:24px 0 14px}
  #main .feature-panel .new-arrivals{margin:0!important}
  #main .catalog-panel>.section-heading{margin-top:0}
  #main .catalog-panel .catalog-toolbar{margin-top:0}
  #main .catalog-panel .release-list-heading{margin-top:10px}
  #main .catalog-panel #new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  #main .store-layout{display:flex;flex-direction:column;gap:0}
  #main .feature-panel{display:flex;flex-direction:column;order:-1;min-width:0}
  #main .catalog-panel{order:0;min-width:0}
  #main .feature-panel #spotlight{margin:0}
  #main .feature-panel .new-arrivals{margin-top:38px!important}
}
@media(min-width:901px){
  #main .feature-panel #spotlight{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;min-height:0!important}
  #main .feature-panel #spotlight .spotlight-art{grid-column:1!important;grid-row:1!important;min-height:260px!important;align-self:stretch!important;align-items:center!important;justify-content:center!important;padding:22px 28px 0!important}
  #main .feature-panel #spotlight .spotlight-art img{width:min(100%,330px)!important;max-width:100%!important;height:auto!important}
  #main .feature-panel #spotlight .spotlight-copy{grid-column:1!important;grid-row:2!important;width:auto!important;min-width:0!important;padding:26px 30px 30px!important}
}
/* Keep the store catalog open on the page; card surfaces belong only to featured content. */
body[data-page="store"] #main .catalog-panel,
body[data-page="store"] #main .catalog-panel .catalog-toolbar,
body[data-page="store"] #main .catalog-panel .release-list,
body[data-page="store"] #main .catalog-panel .release-row{background:transparent!important;box-shadow:none!important}
body[data-page="store"] #main .catalog-panel .catalog-toolbar{border-color:transparent!important}
/* Restore one continuous store background in the New Release color family. */
body[data-page="store"]{background:radial-gradient(ellipse at 8% 7%,#00dcff18,transparent 34%),radial-gradient(ellipse at 92% 86%,#f801ff22,transparent 38%),linear-gradient(125deg,#071527 0%,#0d1735 48%,#1c0c2d 100%)!important;background-image:radial-gradient(ellipse at 8% 7%,#00dcff18,transparent 34%),radial-gradient(ellipse at 92% 86%,#f801ff22,transparent 38%),linear-gradient(125deg,#071527 0%,#0d1735 48%,#1c0c2d 100%)!important}
@media(min-width:901px){#main .feature-panel #new-grid{grid-template-columns:1fr!important}}
@media(min-width:901px){#main .feature-panel .new-arrivals,#main .feature-panel #new-grid,#main .feature-panel .new-card{width:100%!important;max-width:none!important;box-sizing:border-box}}
/* Featured release marker sits above the artwork with no separator dot. */
#main .feature-panel #spotlight{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
#main .feature-panel #spotlight .spotlight-release-label{grid-column:1!important;grid-row:1!important;display:inline-flex!important;align-self:start!important;justify-self:start!important;margin:18px 30px 0!important;padding:9px 14px!important;border:1px solid transparent!important;border-radius:999px!important;font:800 10px/1 system-ui,sans-serif!important;letter-spacing:2.8px!important;text-transform:uppercase!important;color:#f7feff!important;-webkit-text-fill-color:#f7feff!important;background:linear-gradient(#102844,#102844) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;box-shadow:0 0 0 1px #00dcff55,0 0 12px #00dcff99,0 0 24px #f801ff66!important;animation:spotlight-border-flow 8s linear infinite!important}
#main .feature-panel #spotlight .spotlight-art{grid-column:1!important;grid-row:2!important}
#main .feature-panel #spotlight .spotlight-copy{grid-column:1!important;grid-row:3!important}
#player .player-artist i{display:none!important}
@media(min-width:901px){#main .feature-panel #spotlight .spotlight-art{min-height:0!important;padding:10px 24px 0!important}#main .feature-panel #spotlight .spotlight-art img{width:min(100%,300px)!important}#main .feature-panel #spotlight .spotlight-copy{padding:18px 26px 24px!important}}
@media(max-width:900px){#main .feature-panel #spotlight .spotlight-release-label{margin:12px 20px 0!important;padding:8px 11px!important;font-size:9px!important}#main .feature-panel #spotlight .spotlight-art{padding-top:8px!important}#main .feature-panel #spotlight .spotlight-copy{padding-top:14px!important}}
@media(min-width:901px){#main .feature-panel{gap:18px!important}#main .feature-panel #spotlight{padding:10px!important;gap:0!important;border-radius:24px!important}#main .feature-panel #spotlight .spotlight-release-label{margin:10px 20px 0!important}#main .feature-panel #spotlight .spotlight-art{padding:4px 16px 0!important}#main .feature-panel #spotlight .spotlight-copy{padding:10px 20px 16px!important}#main .feature-panel #spotlight h2{margin:8px 0!important}#main .feature-panel #spotlight .spotlight-description{margin:8px 0!important;line-height:1.45!important}#main .feature-panel #spotlight .spotlight-actions{gap:8px!important;margin-top:2px!important}}
@media(max-width:900px){#main .feature-panel{gap:18px!important}#main .feature-panel #spotlight{padding:10px!important;gap:8px!important}#main .feature-panel #spotlight .spotlight-release-label{margin:8px 12px 0!important}#main .feature-panel #spotlight .spotlight-art{padding-top:0!important}#main .feature-panel #spotlight .spotlight-copy{padding:4px 8px 8px!important}#main .feature-panel #spotlight h2{margin:0 0 8px!important}#main .feature-panel #spotlight .spotlight-description{margin:8px 0!important}#main .feature-panel #spotlight .spotlight-actions{margin-top:10px!important}}

/* Keep the split store on the same content rails as the intro and footer. */
@media(min-width:901px){
  #main .store-layout{width:calc(100% - 80px)!important;max-width:1340px!important;margin-inline:auto!important;box-sizing:border-box!important}
  #main .feature-panel #spotlight{width:100%!important;max-width:none!important;box-sizing:border-box!important}
}
@media(max-width:900px){
  #main .store-layout{width:calc(100% - 36px)!important;margin-inline:auto!important;box-sizing:border-box!important}
  #main .feature-panel #spotlight{width:100%!important;max-width:none!important;box-sizing:border-box!important}
}

/* Align the release artwork with the card's text rail and remove the pill treatment. */
#main .feature-panel #spotlight .spotlight-release-label{
  margin:10px 20px 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-size:11px!important;
  letter-spacing:3.4px!important;
  text-shadow:none!important;
  animation:none!important;
}
#main .feature-panel #spotlight .spotlight-release-label::after{
  content:none!important;
  display:none!important;
}
@keyframes new-release-label-glow{
  0%,100%{opacity:.84;text-shadow:0 0 5px #ffffff77,0 0 14px #00dcff55}
  50%{opacity:1;text-shadow:0 0 9px #ffffffcc,0 0 22px #00dcff99,0 0 30px #8a5cff66}
}
@keyframes new-release-light-sweep{to{background-position:-220% 0}}
#main .feature-panel #spotlight .spotlight-art{
  justify-content:flex-start!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
#main .feature-panel #spotlight .spotlight-art img{
  margin-left:0!important;
  margin-right:auto!important;
  will-change:scale;
  transform-origin:center;
  border:2px solid transparent!important;
  box-sizing:border-box!important;
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  animation:spotlight-border-flow 8s linear infinite,new-release-art-heartbeat 2.2s ease-in-out infinite!important;
}
@keyframes new-release-art-heartbeat{
  0%,36%,100%{scale:1}
  42%{scale:1.035}
  47%{scale:1}
  52%{scale:1.022}
  58%{scale:1}
}
@media(max-width:900px){
  #main .feature-panel #spotlight .spotlight-release-label{margin:8px 8px 10px!important}
  #main .feature-panel #spotlight .spotlight-release-label{font-size:10px!important;letter-spacing:2.8px!important}
  #main .feature-panel #spotlight .spotlight-art{justify-content:flex-start!important;padding:0 8px!important}
}

/* Use white for the store's matching section-label text. */
#main .pearl-intro .eyebrow,
#main .shelf-heading .eyebrow,
#main .section-heading .eyebrow,
#main .free-heading .eyebrow{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .pearl-intro .originals-tagline{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .pearl-intro .genre-line{
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
@media(min-width:901px){
  /* Match the right inset to the artwork's left inset. */
  #main .feature-panel{width:min(100%,364px)!important}
  #main .feature-panel #spotlight,
  #main .feature-panel .new-arrivals,
  #main .feature-panel #new-grid,
  #main .feature-panel .new-card{width:100%!important}
}
#main .release-row .card-title .track-name,
#release-page .track-copy .track-name{
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
#main .release-row .card-title .track-artist,
#release-page .track-copy .track-artist{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .release-row .go-to-album,
#release-page .go-to-album{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .release-row .track-inline-duration,
#main .release-row .track-added-date{
  background:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .release-row .preview-button{
  width:48px!important;
  height:48px!important;
  border:1px solid transparent!important;
  border-radius:50%!important;
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  color:#cfe8d5!important;
  box-shadow:0 0 0 1px #00dcff55,0 0 11px #4d86ff66!important;
  animation:spotlight-border-flow 8s linear infinite!important;
}
#main .release-row .preview-button,
#player #player-toggle{
  color:#ffffff!important;
}
#main .release-row .preview-button svg,
#player #player-toggle .play-icon{
  color:#ffffff!important;
  fill:#ffffff!important;
}
#main .catalog-toolbar .tabs{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#player .player-actions #player-add .add-label,
#player .player-actions #player-download .download-label{
  background:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  animation:none!important;
  filter:none!important;
}
#main .release-row .release-action .mini-button{
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 0 7px #4d86ff55!important;
  animation:spotlight-border-flow 8s linear infinite!important;
}
#main .release-row .card-title .track-category,
#release-page .track-copy .track-category{
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
#main .catalog-toolbar .tabs button{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .catalog-toolbar .tabs .selected{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#main .catalog-toolbar .tabs button{
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 0 7px #4d86ff55!important;
  animation:spotlight-border-flow 8s linear infinite!important;
}
#main .catalog-toolbar .tabs button.selected{
  background:linear-gradient(#111b2b,#111b2b) padding-box,conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box!important;
}
#main .catalog-toolbar .search input,
#main .catalog-toolbar .search input::placeholder{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
#main .catalog-toolbar .search svg,
#main .catalog-toolbar .search svg *{
  color:#ffffff!important;
  stroke:#ffffff!important;
}
@media(min-width:901px){
  #main .store-layout{
    grid-template-columns:minmax(0,1fr) 364px!important;
  }
  #main .feature-panel{
    width:364px!important;
  }
}
#player .player-title> .player-scroll-line:first-child .player-scroll-content{
  background:linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
#player .player-title #player-artist{
  background:none!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
/* Keep album navigation compact and metadata typography consistent. */
.go-to-album {
  white-space: nowrap !important;
  min-width: max-content !important;
  width: max-content !important;
  flex-wrap: nowrap !important;
}

#main .release-row .track-added-date,
#main .release-row .track-inline-duration,
#main .release-row .release-duration,
#main .release-row .release-meta,
.release-page .track-added-date,
.release-page .track-inline-duration,
.release-page .release-duration,
.release-page .release-meta {
  font-family: Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}

/* Artist names use one consistent Eurostile face in store listings and player. */
#main .release-artist,
#main .track-artist,
#main .spotlight-byline,
#player #player-artist,
#player .player-artist,
#player .player-credit,
.release-page .detail-artist,
.release-page .track-copy .track-artist {
  font-family: Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}

/* Win the track-list artist rule so it matches the player artist. */
#main .release-row .card-title .track-artist,
#main .release-row .release-artist {
  font-family: Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}

/* Player artist credit is displayed in uppercase. */
#player #player-artist,
#player .player-artist,
#player .player-credit {
  text-transform: uppercase !important;
}


/* Regular Eurostile artist preview. */
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#main .track-artist,
#main .spotlight-byline,
#player #player-artist,
#player .player-artist,
#player .player-credit,
.release-page .detail-artist,
.release-page .track-copy .track-artist {
  font-family: "Eurostile Regular", Eurostile, "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}

/* Match Music Store artist lines to the player title face. */
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#main .track-artist,
#main .spotlight-byline,
.release-page .detail-artist,
.release-page .track-copy .track-artist {
  font-family: Rajdhani, Arial, Helvetica, sans-serif !important;
}

/* Larger Music Store artist labels. */
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#main .track-artist,
#main .spotlight-byline,
.release-page .detail-artist,
.release-page .track-copy .track-artist {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

/* Make Music Store track lines use the same typography as the popup player. */
#main .release-row .card-title .track-name {
  font-family: Rajdhani !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 30px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

#main .release-row .card-title .track-artist {
  font-family: "Eurostile Regular", Eurostile, "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 11.5px !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Put each category label directly below its waveform and center it. */
#main .release-row .track-category-below {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  text-align: center !important;
  font: 400 9px/1.25 system-ui !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

#main .release-row .share-actions,
#main .release-row .release-action {
  grid-row: 4 !important;
}
#main .release-row .go-to-album,
#main .release-row .track-added-date,
#main .release-row .track-inline-duration {
  grid-row: 5 !important;
}
#main .release-row .classic-badge { grid-row: 6 !important; }

@media(max-width:600px){
  #main .release-row .track-category-below { grid-row: 3 !important; }
  #main .release-row .share-actions,
  #main .release-row .go-to-album { grid-row: 4 !important; }
  #main .release-row .release-action,
  #main .release-row .track-added-date,
  #main .release-row .track-inline-duration { grid-row: 5 !important; }
  #main .release-row .classic-badge { grid-row: 6 !important; }
}

/* Live fallback while cached store scripts refresh: keep the label below the waveform. */
#main .release-row .card-title .track-category { display: none !important; }
#main .release-row:not(:has(.track-category-below)):has(.track-waveform)::after {
  content: "CATEGORY PENDING";
  grid-column: 1 / -1;
  grid-row: 3;
  justify-self: center;
  align-self: center;
  font: 400 9px/1.25 system-ui;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Desktop action row: category sits between the share links and Add to Bag. */
#main .release-row .track-category-below,
#main .release-row:not(:has(.track-category-below)):has(.track-waveform)::after {
  grid-row: 4 !important;
}

@media(max-width:600px){
  /* Preserve a clean stacked mobile layout where the action row is narrower. */
  #main .release-row .track-category-below,
  #main .release-row:not(:has(.track-category-below)):has(.track-waveform)::after {
    grid-row: 3 !important;
  }
}

/* Make the complete-album offer unmistakable beside the individual $2.49 tracks. */
#main .spotlight-byline::after {
  content: "FULL ALBUM · $24.99  /  SAVE $4.89";
  display: block;
  margin-top: 12px;
  font: 600 16px/1.15 Rajdhani, Arial, sans-serif;
  letter-spacing: 1.4px;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 7px #6f7dff66);
}

#release-page .detail-actions .button[data-add] {
  min-width: 280px !important;
  min-height: 60px !important;
  padding: 16px 26px !important;
  border: 2px solid transparent !important;
  border-radius: 8px !important;
  background: linear-gradient(#111b2b,#111b2b) padding-box,
    conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box !important;
  color: #ffffff !important;
  font: 600 14px/1.15 Rajdhani, Arial, sans-serif !important;
  letter-spacing: 1.2px !important;
  box-shadow: 0 0 0 1px #00dcff55,0 0 14px #4d86ff77,0 0 24px #f801ff44 !important;
  animation: spotlight-border-flow 8s linear infinite !important;
}

@media(max-width:600px){
  #main .spotlight-byline::after { font-size: 13px; margin-top: 9px; }
  #release-page .detail-actions .button[data-add] {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 12px !important;
  }
}

/* Album sale callout: compare the individual-track value with the full-album price. */
#release-page .album-sale-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 22px 0 16px;
  padding: 15px 18px;
  border: 2px solid transparent;
  border-radius: 10px;
  background: linear-gradient(#111b2b,#111b2b) padding-box,
    conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box;
  box-shadow: 0 0 0 1px #00dcff55,0 0 14px #4d86ff66,0 0 24px #f801ff44;
  animation: spotlight-border-flow 8s linear infinite;
}
#release-page .album-sale-copy { min-width: 0; }
#release-page .album-sale-label {
  display: block;
  font: 700 10px/1 Rajdhani, Arial, sans-serif;
  letter-spacing: 2.6px;
  color: #fff6df;
  text-shadow: 0 0 12px #f5d99c66;
}
#release-page .album-sale-prices {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 7px;
}
#release-page .album-individual-total {
  color: #a7b2c5;
  font: 500 12px/1 Rajdhani, Arial, sans-serif;
  letter-spacing: .7px;
}
#release-page .album-sale-prices strong {
  font: 700 30px/1 Rajdhani, Arial, sans-serif;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 7px #6f7dff88);
}
#release-page .album-sale-full {
  color: #ffffff;
  font: 700 10px/1 Rajdhani, Arial, sans-serif;
  letter-spacing: 1.4px;
}
#release-page .album-sale-save {
  display: block;
  max-width: 560px;
  margin-top: 8px;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  font: 400 11px/1.45 "Eurostile MN",Eurostile,Arial,sans-serif;
  letter-spacing: 1.1px;
  filter: drop-shadow(0 0 8px #b995ff66);
}
#release-page .album-sale-save-plain {
  max-width: 860px;
  margin: 22px 0 14px;
  padding: 0;
  border: 0;
  background-color: transparent;
}
#release-page .album-sale-callout > small {
  max-width: 190px;
  color: #e4d8bb;
  font: 600 9px/1.5 Rajdhani, Arial, sans-serif;
  letter-spacing: 1.4px;
  text-align: right;
}
@media(max-width:600px){
  #release-page .album-sale-callout { align-items: flex-start; flex-direction: column; gap: 9px; margin-top: 16px; }
  #release-page .album-sale-callout > small { max-width: none; text-align: left; }
}

/* Album pages use the same track-row structure as the Music Store. */
#release-page .album-track-row {
  display: grid !important;
  grid-template-columns: 28px minmax(0,1fr) 44px !important;
  gap: 10px 14px !important;
  padding: 22px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-top: 1px solid #6585a944 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#release-page .album-track-inner { display: contents !important; }
#release-page .album-track-inner > span.muted {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  font: 400 12px/1 system-ui !important;
  color: #aab4c5 !important;
}
#release-page .album-track-inner > small.muted { display: none !important; }
#release-page .album-track-row .track-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}
#release-page .album-track-row .track-copy .track-name {
  display: block !important;
  font: 600 25px/30px Rajdhani !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#release-page .album-track-row .track-copy .track-artist {
  display: block !important;
  font: 400 10px/11.5px "Eurostile Regular", Eurostile, "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#release-page .album-track-row .track-copy .track-category,
#release-page .album-track-row > .track-category-below {
  font: 400 9px/1.25 system-ui !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#release-page .album-track-row > .track-category-below {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  text-align: center !important;
}
#release-page .album-track-row > .track-waveform {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  height: 28px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#release-page .album-track-row > .page-track-actions { display: contents !important; }
#release-page .album-track-row > .page-track-actions > .share-actions {
  grid-column: 1 / 3 !important;
  grid-row: 3 !important;
  justify-self: start !important;
  margin: 0 !important;
}
#release-page .album-track-row > .page-track-actions > .mini-button {
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  justify-self: end !important;
  min-width: 124px !important;
  min-height: 34px !important;
  padding: 8px 12px !important;
  font-size: 9px !important;
}
#release-page .album-track-row .track-play-button {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid transparent !important;
  border-radius: 50% !important;
  background: linear-gradient(#111b2b,#111b2b) padding-box,
    conic-gradient(from var(--spotlight-angle),#00dcff 0deg,#4d86ff 72deg,#8264ff 130deg,#f801ff 205deg,#a52bff 270deg,#00dcff 360deg) border-box !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px #00dcff55,0 0 11px #4d86ff66 !important;
  animation: spotlight-border-flow 8s linear infinite !important;
}
#release-page .album-track-row .track-play-button svg { width: 13px !important; height: 13px !important; fill: #ffffff !important; color: #ffffff !important; }

/* Increase album metadata legibility without changing the album layout. */
#release-page .detail-head > div > p {
  font: 500 14px/1.55 "Eurostile MN",Eurostile,Arial,sans-serif !important;
  color: #d5e5f8 !important;
  letter-spacing: .35px;
}
#release-page .detail-head > div > .detail-artist {
  color: #ffffff !important;
  font-size: 15px !important;
}
#release-page .detail-head > div > .detail-category {
  color: #bcdcff !important;
  font-size: 12px !important;
  letter-spacing: 1.8px;
  text-transform: uppercase;
}
#release-page .detail-head > div > .release-meta {
  color: #c7d8ed !important;
  font-size: 12px !important;
}
#release-page > .muted.small {
  max-width: 720px;
  color: #d5e5f8 !important;
  font: 500 14px/1.7 "Eurostile MN",Eurostile,Arial,sans-serif !important;
  letter-spacing: .2px;
}
@media(max-width:600px){
  #release-page .album-track-row {
    grid-template-columns: 20px minmax(0,1fr) 44px !important;
    gap: 8px !important;
    padding: 18px 0 !important;
  }
  #release-page .album-track-row .track-copy .track-name { font-size: 22px !important; line-height: 26px !important; }
  #release-page .album-track-row > .page-track-actions > .share-actions { grid-row: 4 !important; }
  #release-page .album-track-row > .page-track-actions > .mini-button { grid-row: 4 !important; }
  #release-page .album-track-row > .track-category-below { grid-row: 3 !important; }
}

/* Album title: use the same Highlights gradient with the extended Eurostile face. */
#release-page .detail-head .detail-title {
  font-family: AngelXEurostileExtended, "Eurostile LT Std Bold Extended 2", "Eurostile MN Extended Bold", Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .5px !important;
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

#release-page .detail-head > div > .detail-category {
  background: linear-gradient(110deg,#00dcff 0%,#8b78ff 55%,#f801ff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#release-page .detail-head > div > .release-meta {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#release-page .detail-head > div > .release-meta + p {
  background: linear-gradient(110deg,#f801ff 0%,#8b78ff 55%,#00dcff 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Final font lock: this must come after the legacy Rajdhani rules above. */
#main .release-row .card-title .track-name,
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#release-page .track-copy .track-name,
#release-page .track-copy .track-artist,
#release-page .detail-artist,
#player .player-title strong,
#player #player-artist,
#player .player-title .player-credit {
  font-family: AngelXEurostileRegular, Eurostile, "Eurostile Next", "Eurostile LT Std", Rajdhani, Arial, sans-serif !important;
}
#main .release-row .card-title .track-name,
#release-page .track-copy .track-name,
#player .player-title strong {
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
}
#main .release-row .card-title .track-artist,
#main .release-row .release-artist,
#release-page .track-copy .track-artist,
#release-page .detail-artist,
#player #player-artist,
#player .player-title .player-credit {
  font-size: 10px !important;
  line-height: 11.5px !important;
  font-weight: 400 !important;
  letter-spacing: 1.1px !important;
}

/* Reversible public-store pause screen. */
.store-closed-panel{
  min-height:58vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  max-width:720px;
  margin:0 auto;
  padding:72px 0;
}
.store-closed-panel h1{
  margin:12px 0 16px;
  color:#edf5ff;
  font:400 clamp(42px,7vw,78px)/.98 AngelXEurostileExtended,"Eurostile LT Std Bold Extended 2",Eurostile,Arial,sans-serif;
  letter-spacing:.02em;
}
.store-closed-panel>p:not(.eyebrow){
  max-width:420px;
  margin:0 0 28px;
  color:#aebed7;
  font:400 15px/1.6 AngelXEurostileRegular,Eurostile,Arial,sans-serif;
}
.store-closed-panel .back-to-store{
  color:#fff;
  border:1px solid #8c7dff;
  padding:12px 18px;
  text-decoration:none;
}
@media(max-width:600px){
  .store-closed-panel{min-height:62vh;padding:48px 8px}
  .store-closed-panel h1{font-size:42px}
  .store-closed-panel>p:not(.eyebrow){font-size:13px}
}