/* Shared semantic colors. Component rules below change paint only. */
@property --hero-atmosphere-dark{syntax:"<color>";inherits:false;initial-value:#242428}
@property --hero-atmosphere-mid{syntax:"<color>";inherits:false;initial-value:#34343A}
@property --hero-atmosphere-glow{syntax:"<color>";inherits:false;initial-value:#5A5A60}
:root{
 --muze-gold-primary:#E0B42E;--muze-gold-standard:#D2A72C;--muze-gold-muted:#A88328;
 --muze-song-primary:#A46FC3;--muze-song-standard:#8F5AAA;--muze-song-muted:#684273;
 --muze-rose-primary:#C98272;--muze-rose-standard:#B46F63;--muze-rose-muted:#80534D;
 --muze-popular-primary:#F0C64A;--muze-popular-standard:#DDB63F;--muze-popular-muted:#A88A37;
 --muze-action-primary:#684386;--muze-action-standard:#5B3975;--muze-action-muted:#402A52;
 --muze-slate-light:#6F8996;--muze-slate-mid:#526A75;--muze-slate-dark:#34454E;--muze-slate-deep:#202A30;
 --muze-bg:#0A0A0C;--muze-surface:#111115;--muze-raised:#16161B;--muze-soft:#1B1B20;
 --muze-ivory:#F2EDE4;--muze-secondary:#C9C6C0;--muze-muted:#96938D;--muze-low:#77746F;
 --muze-border:rgba(255,255,255,.08);--muze-border-gold:rgba(224,180,46,.22);
 --muze-border-song:rgba(164,111,195,.20);--muze-border-loved:rgba(201,130,114,.20);
 --muze-border-popular:rgba(240,198,74,.22);--muze-border-action:rgba(104,67,134,.22);
 --muze-pill-bg:rgba(255,255,255,.05);--muze-pill-border:rgba(255,255,255,.10);--muze-pill-text:#D2CEC7;
 --muze-gold-glow:rgba(224,180,46,.10);--muze-rose-glow:rgba(201,130,114,.08);
 --muze-slate-gradient:linear-gradient(100deg,#6F8996 0%,#586F7A 35%,#40525C 68%,#27343B 100%);
}
body:not(.light){
 --bg:var(--muze-bg);--panel:var(--muze-surface);--panel2:var(--muze-raised);
 --text:var(--muze-ivory);--muted:var(--muze-muted);--line:var(--muze-border);--accent:var(--muze-gold-primary);
 --muze-gold:var(--muze-gold-standard);--album-polish-gold:var(--muze-gold-standard);
 --gold-gradient:linear-gradient(90deg,var(--muze-gold-primary),var(--muze-gold-standard),var(--muze-gold-muted));
 --glow:0 0 20px var(--muze-gold-glow);
}
/* Important color declarations in this layer take precedence over legacy unlayered overrides. */
@layer muzePalette {
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>h2,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>h3,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSideCard h3,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactCard h3,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionsHeader h3,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactTrackTitle h3{color:var(--muze-ivory)!important;-webkit-text-fill-color:var(--muze-ivory)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .albumHeroDescription,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>p:not(.eyebrow),
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .heroSideCard p,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactAbout p,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionCopy p,
html body:not(.light) #albumModal:not(.libraryDetailModal) .allReactionCardBody>p,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyTitle>strong{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopularBody small,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopularBody em,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionTime,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSimilarItem small,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyRow>time,
html body:not(.light) #albumModal:not(.libraryDetailModal) .heroSideCard .moodScale em{color:var(--muze-muted)!important;-webkit-text-fill-color:var(--muze-muted)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionUser,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSimilarItem strong{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .heroSideCard h4,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .heroSideCard h4>span{color:var(--muze-gold-standard)!important;-webkit-text-fill-color:var(--muze-gold-standard)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .albumHeroDescriptionToggle,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactTextLink,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionsMore,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactAbout button{color:var(--muze-gold-primary)!important;-webkit-text-fill-color:var(--muze-gold-primary)!important;}
@media(min-width:851px){
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>.eyebrow,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .exceptionalStatus b,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerAccoladeStat>span,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .albumScoreStat>span{color:var(--muze-gold-muted)!important;-webkit-text-fill-color:var(--muze-gold-muted)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>.eyebrow{background-color:var(--muze-surface)!important;border-color:var(--muze-border-gold)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .albumScoreStat>strong.statValueWithIcon{color:var(--muze-gold-primary)!important;-webkit-text-fill-color:var(--muze-gold-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerAccoladeStat>strong.statValueWithIcon{color:var(--muze-ivory)!important;-webkit-text-fill-color:var(--muze-ivory)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .exceptionalFeather{color:var(--muze-gold-primary)!important;-webkit-text-fill-color:var(--muze-gold-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .exceptionalFeather{stroke:var(--muze-gold-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero :is(.linerHeroStatsDeck,.linerHeroCopy>.linerStats) :is(.albumScoreStat,.linerAccoladeStat)>small{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero :is(.linerHeroStatsDeck,.linerHeroCopy>.linerStats)>:is(.albumScoreStat,.linerAccoladeStat){background:var(--muze-surface)!important;}
html body #albumModal:not(.libraryDetailModal) .linerHero .albumScoreStat{border:1px solid rgba(224,180,46,.65)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .albumScoreStat:has(.exceptionalStatus){box-shadow:0 0 20px var(--muze-gold-glow)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .statDivider{background:linear-gradient(90deg,var(--muze-gold-standard),var(--muze-border-gold))!important;}
}
/* Keep the eyebrow treatment independent from desktop score-card overrides. */
@media(max-width:850px){
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerHeroCopy>.eyebrow{color:var(--muze-gold-muted)!important;-webkit-text-fill-color:var(--muze-gold-muted)!important;background-color:var(--muze-surface)!important;border-color:var(--muze-border-gold)!important;}
}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactCard,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSideCard,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyList,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumInfluenceLegacy,
html body:not(.light) #albumModal:not(.libraryDetailModal) .sameArtistEssentials,
html body:not(.light) #albumModal:not(.libraryDetailModal) .allReactionCard{background:var(--muze-surface)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopularBody strong{color:#B7C8C7!important;-webkit-text-fill-color:#B7C8C7!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopularBody .featurePlay{color:var(--muze-popular-primary)!important;-webkit-text-fill-color:var(--muze-popular-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopular>h3::before,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactPopular::before{background-color:var(--muze-popular-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactTrackTitle::after{background:rgb(var(--album-perimeter-soft-rgb,166,123,195))!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSequenceLabel{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::after{color:var(--muze-song-standard)!important;-webkit-text-fill-color:var(--muze-song-standard)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::before{color:var(--muze-muted)!important;-webkit-text-fill-color:var(--muze-muted)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton:hover .trackRatingStars i::after,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton:focus-visible .trackRatingStars i::after,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyRow.isPlaying .trackRatingStars i::after{color:var(--muze-song-primary)!important;-webkit-text-fill-color:var(--muze-song-primary)!important;}
html body:not(.light) #albumModal[data-abbey-road]:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::after{color:var(--muze-gold-primary)!important;-webkit-text-fill-color:var(--muze-gold-primary)!important;}
html body:not(.light) #albumModal[data-abbey-road]:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::before{color:var(--muze-gold-muted)!important;-webkit-text-fill-color:var(--muze-gold-muted)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyPulseButton small,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyRow .trackNo{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyRow:hover{background-color:rgba(164,111,195,.045)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart .trackHeartType,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart h4,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart .featurePlay,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerFeaturedTrack .momentIcon{color:var(--muze-rose-primary)!important;-webkit-text-fill-color:var(--muze-rose-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart .trackHeartArtist,
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart .trackHeartArtist span{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .trackJourneyHeart{background-color:var(--muze-surface)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionLike,
html body:not(.light) #albumModal:not(.libraryDetailModal) .reactionLikeButton{color:var(--muze-muted)!important;-webkit-text-fill-color:var(--muze-muted)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionLike.liked,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionsWide .albumCompactReactionLike.liked,
html body:not(.light) #albumModal:not(.libraryDetailModal) .reactionLikeButton.liked,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionLike:hover,
html body:not(.light) #albumModal:not(.libraryDetailModal) .reactionLikeButton:hover{color:var(--muze-rose-primary)!important;-webkit-text-fill-color:var(--muze-rose-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReaction:hover{background-color:rgba(201,130,114,.025)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionBadge,
html body:not(.light) #albumModal:not(.libraryDetailModal) .allReactionScope{border-color:var(--muze-border-song)!important;background-color:rgba(164,111,195,.04)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionBadge,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionsWide .albumCompactReactionBadge{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionBadge i,
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactReactionsWide .albumCompactReactionBadge i{color:var(--muze-song-primary)!important;-webkit-text-fill-color:var(--muze-song-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerTags>*,
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .heroSideCard>div>small{background:var(--muze-pill-bg)!important;border-color:var(--muze-pill-border)!important;color:var(--muze-pill-text)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerActions>button{background:var(--muze-gold-primary)!important;border-color:var(--muze-border-gold)!important;color:#17130A!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerActions>a{background:var(--muze-action-primary)!important;border-color:var(--muze-border-action)!important;color:var(--muze-ivory)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero .linerActions>a:hover{background:var(--muze-action-standard)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs button{color:var(--muze-secondary)!important;-webkit-text-fill-color:var(--muze-secondary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs button.active{color:var(--muze-ivory)!important;-webkit-text-fill-color:var(--muze-ivory)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs button.active::after{background:var(--muze-gold-primary)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSimilarItem>span{border-color:var(--muze-border-gold)!important;}
html body:not(.light) #albumModal:not(.libraryDetailModal) .albumCompactSimilarItem:hover>span{border-color:rgba(224,180,46,.30)!important;}
/* Desktop rank prestige tiers; preserve the existing mobile stat strip. */
@media(min-width:851px){
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier]{border:1px solid rgba(168,131,40,.16)!important;box-shadow:none!important;--rank-accent:#A88328}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier]>span{color:var(--rank-accent)!important;-webkit-text-fill-color:var(--rank-accent)!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier]>.statDivider{background:linear-gradient(90deg,var(--rank-accent),transparent)!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="top-ten"]{background:#0B0B0D!important;border-color:rgba(175,199,216,.28)!important;--rank-accent:#7F98A8}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="top-ten"]>strong{color:#AFC7D8!important;background:linear-gradient(180deg,#DCEAF2 0%,#AFC7D8 55%,#7F98A8 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="top-ten"]>small{color:#D3CDC2!important;-webkit-text-fill-color:#D3CDC2!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="top-ten"]>.statDivider{background:linear-gradient(90deg,#AFC7D8 0%,#7F98A8 58%,rgba(127,152,168,.08) 100%)!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="first"]{background:#0B0B0D!important;border-color:rgba(241,213,138,.42)!important;box-shadow:0 0 20px rgba(241,213,138,.07)!important;--rank-accent:#BFA76A}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="first"]>strong{color:#F1D58A!important;background:linear-gradient(180deg,#FFF0BE 0%,#F1D58A 55%,#C8A95F 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 0 8px rgba(241,213,138,.12))!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="first"]>small{color:#D3CDC2!important;-webkit-text-fill-color:#D3CDC2!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="first"]>span{font-size:10px!important;font-weight:600!important;letter-spacing:.12em!important;text-transform:uppercase;white-space:nowrap}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero .linerAccoladeStat[data-rank-tier="first"]>.statDivider{background:linear-gradient(90deg,#F1D58A 0%,#BFA76A 58%,rgba(191,167,106,.08) 100%)!important}
}
/* Prestige is driven by the existing real #1 rank, never applied to other ranks. */
/* Dynamic atmosphere: Abbey Road is deliberately excluded from every selector. */
html body:not(.light) #albumModal:not([data-abbey-road]):not(.libraryDetailModal) .linerAlbumPage .linerHero[data-dynamic-atmosphere]{
  --hero-glow-strength:12%;
  background-color:#0B0B0D!important;
  background-image:
    linear-gradient(180deg,rgba(10,10,12,0) 60%,rgba(10,10,12,.08) 63%,rgba(10,10,12,.22) 68%,rgba(10,10,12,.40) 78%,rgba(10,10,12,.59) 90%,rgba(10,10,12,.77) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.42) 100%),
    radial-gradient(circle at 48% 32%,color-mix(in srgb,var(--hero-atmosphere-glow) var(--hero-glow-strength),transparent) 0%,color-mix(in srgb,var(--hero-atmosphere-mid) 9%,transparent) 28%,color-mix(in srgb,var(--hero-atmosphere-dark) 5%,transparent) 50%,transparent 70%),
    linear-gradient(105deg,#0B0B0D 0%,var(--hero-atmosphere-dark) 28%,var(--hero-atmosphere-mid) 46%,var(--hero-atmosphere-dark) 64%,#0B0B0D 100%)!important;
  transition:--hero-atmosphere-dark 250ms ease,--hero-atmosphere-mid 250ms ease,--hero-atmosphere-glow 250ms ease;
}
html body:not(.light) #albumModal:not([data-abbey-road]):not(.libraryDetailModal) .linerAlbumPage :is(.linerTabs,#trackRatingsList.albumTrackSections){background-color:#0B0B0D!important}
@media(max-width:1050px){html body:not(.light) #albumModal:not([data-abbey-road]):not(.libraryDetailModal) .linerAlbumPage .linerHero[data-dynamic-atmosphere]{--hero-glow-strength:10.5%}}
@media(max-width:700px){html body:not(.light) #albumModal:not([data-abbey-road]):not(.libraryDetailModal) .linerAlbumPage .linerHero[data-dynamic-atmosphere]{--hero-glow-strength:10%}}
@media(prefers-reduced-motion:reduce){html body:not(.light) #albumModal:not([data-abbey-road]):not(.libraryDetailModal) .linerAlbumPage .linerHero[data-dynamic-atmosphere]{transition:none}}
/* End dynamic atmosphere. */
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero:has(.linerAccoladeStat[data-rank-tier="first"]){
  background-image:
    linear-gradient(180deg,rgba(10,10,12,0) 60%,rgba(10,10,12,.08) 63%,rgba(10,10,12,.22) 68%,rgba(10,10,12,.40) 78%,rgba(10,10,12,.59) 90%,rgba(10,10,12,.77) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.32) 100%),
    radial-gradient(circle at 48% 35%,rgba(191,167,106,.16) 0%,rgba(106,98,62,.14) 30%,rgba(94,81,52,.08) 52%,rgba(11,11,13,0) 72%),
    linear-gradient(105deg,#0B0B0D 0%,#27251E 24%,#4A432E 46%,#2A2922 68%,#0B0B0D 100%)!important;
}
@media(min-width:1051px){
/* Use the existing artwork sampler for each album; share only the neutral fade. */
/* Reduce only the base color; keep every gradient overlay and fade stop intact. */
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerAlbumPage :is(.linerHero,.linerTabs,#trackRatingsList.albumTrackSections){background-color:rgb(var(--album-hero-color-rgb,var(--album-perimeter-rgb,214,171,53)))!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerHero{background:linear-gradient(180deg,rgba(10,10,12,0) 60%,rgba(10,10,12,.08) 63%,rgba(10,10,12,.22) 68%,rgba(10,10,12,.40) 78%,rgba(10,10,12,.59) 90%,rgba(10,10,12,.77) 100%),linear-gradient(90deg,rgba(5,5,7,.40) 0%,rgba(5,5,7,.52) 58%,rgba(5,5,7,.68) 100%),rgb(var(--album-perimeter-rgb,214,171,53))!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) .linerTabs{background:linear-gradient(180deg,rgba(10,10,12,.77),rgba(10,10,12,.94)),linear-gradient(90deg,rgba(5,5,7,.40) 0%,rgba(5,5,7,.52) 58%,rgba(5,5,7,.68) 100%),rgb(var(--album-perimeter-rgb,214,171,53))!important}
html body:not(.light) #albumModal:not(.libraryDetailModal) #trackRatingsList.albumTrackSections{background:linear-gradient(180deg,rgba(10,10,12,.94) 0%,rgba(10,10,12,.97) 24px,rgba(10,10,12,.99) 36px,var(--muze-bg) 44px,var(--muze-bg) 100%),linear-gradient(90deg,rgba(5,5,7,.40) 0%,rgba(5,5,7,.52) 58%,rgba(5,5,7,.68) 100%),rgb(var(--album-perimeter-rgb,214,171,53))!important}
}
/* Universal Thriller coloration: neutral charcoal atmosphere, never cover artwork. */
html body:not(.light) #albumModal#albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero{
  background-color:#0B0B0D!important;
  background-image:
    linear-gradient(180deg,rgba(10,10,12,0) 60%,rgba(10,10,12,.08) 63%,rgba(10,10,12,.22) 68%,rgba(10,10,12,.40) 78%,rgba(10,10,12,.59) 90%,rgba(10,10,12,.77) 100%),
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.42) 100%),
    radial-gradient(circle at 48% 32%,rgba(90,90,96,.12) 0%,rgba(52,52,58,.09) 28%,rgba(36,36,40,.05) 50%,rgba(0,0,0,0) 70%),
    linear-gradient(105deg,#0B0B0D 0%,rgb(36,36,40) 28%,rgb(52,52,58) 46%,rgb(36,36,40) 64%,#0B0B0D 100%)!important;
}
html body:not(.light) #albumModal#albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero::before,
html body:not(.light) #albumModal#albumModal:not(.libraryDetailModal) .linerAlbumPage .linerHero::after{display:none!important}
/* Tracklist polish: gold ratings, bars-only popular marker, regular influence copy. */
html body #albumModal#albumModal:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::after{
  color:var(--muze-gold-primary)!important;
  -webkit-text-fill-color:var(--muze-gold-primary)!important;
}
html body #albumModal#albumModal:not(.libraryDetailModal) .trackJourneyList .trackRatingStars i::before{
  color:var(--muze-gold-muted)!important;
  -webkit-text-fill-color:var(--muze-gold-muted)!important;
}
html body #albumModal#albumModal:not(.libraryDetailModal) .trackJourneyRow.isMostLoved .trackNo{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  font-size:0!important;
}
html body #albumModal#albumModal:not(.libraryDetailModal) .heroSideCard.influence :is(.influencePreview,.influencePreviewDesktop,.influenceFull),
html body #albumModal#albumModal:not(.libraryDetailModal) .heroSideCard.influence :is(.influencePreview,.influencePreviewDesktop,.influenceFull) :is(strong,b){
  font-weight:400!important;
}
}