/* MeshMelo shared noir palette. Only pages opting into mm-noir-unified. */
body.mm-shell-v19:has(.mm-noir-unified){
 --mm-site-bg:#0f1012!important;--mm-site-surface:#17181b!important;
 --mm-site-sidebar:#101114!important;--mm-site-header:rgba(15,16,18,.96)!important;
 --mm-site-text:#e7e8ea!important;--mm-site-muted:#a3a7b0!important;
 --mm-site-line:#2b2e34!important;--mm-site-accent:#df6b74!important;
 --mm-site-player:rgba(20,21,24,.98)!important;--mm-site-queue:#14161a!important;
 --mm-site-gradient:linear-gradient(180deg,#17191d,#0d0e10)!important;
 background:#0f1012!important;color:#e7e8ea!important;color-scheme:dark;
}
body.mm-shell-v19:has(.mm-noir-unified) #container.mm-site-main,
body.mm-shell-v19 #container .mm-noir-unified{background:#0f1012!important;color:#e7e8ea!important}
body.mm-shell-v19:has(.mm-noir-unified) :is(#mmSidebar,#mmGlobalHeader,#mmQueueDrawer,.mm-side-bottom,.mm-footer){
 background:#101114!important;color:#e7e8ea!important;border-color:#2b2e34!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebar :is(.mm-side-brand,.mm-side-link,.mm-side-member,.mm-side-account-links a,.mm-side-utilities a,.mm-side-login,.mm-side-join),
body.mm-shell-v19:has(.mm-noir-unified) #mmGlobalHeader :is(a,.mm-nav-link){
 color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebar :is(.mm-side-search,.mm-side-search input,.mm-side-bottom,.mm111-side-language-bottom select),
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebarAd{
 background:#17181b!important;color:#e7e8ea!important;border-color:#34363d!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebar .mm-side-search input::placeholder{color:#a3a7b0!important;-webkit-text-fill-color:#a3a7b0!important}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebar :is(.mm-side-link.is-current,.mm-side-link:hover){background:#26282e!important;border-color:#434650!important}
body.mm-shell-v19:has(.mm-noir-unified) :is(#mmSidebarAd .mm-ad-card,#mmSidebarAd .mm-ad-inner){background:#17181b!important;color:#e7e8ea!important;border-color:#2b2e34!important}
body.mm-shell-v19:has(.mm-noir-unified) #mmGlobalPlayer.mm-global-player{background:rgba(20,21,24,.92)!important;color:#e7e8ea!important;border-color:#34363d!important}
body.mm-shell-v19:has(.mm-noir-unified) #mmGlobalPlayer :is(.mm-player-title,.mm-player-artist,.mm-player-time,.mm-player-icon-btn,.mm-player-plus){color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important}
body.mm-shell-v19:has(.mm-noir-unified) :is(.mm-footer,.mm-ad-bottom,.mm-ad-footer,.mm-bottom-ad,#mmBottomAd,#mmFooterAd){background:#101114!important;color:#a3a7b0!important;border-color:#2b2e34!important}
body.mm-shell-v19:has(.mm-noir-unified) .mm-footer :is(a,.mm-footer-brand,.mm-footer-copy){color:#a3a7b0!important;-webkit-text-fill-color:#a3a7b0!important}
body.mm-shell-v19 #container .mm-noir-unified :is(h1,h2,h3,.mm232-card-title,.mm230-name,.mm32-am-name){color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm232-intro p,.mm232-card-owner,.mm230-genres,.mm230-growth,.mm32-am-small,.mm-help,.mm-sub){color:#a3a7b0!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm232-card,.mm230-artist,.mm32-am-card,.mm56-channel-intro,.mm56-privacy-fact,.mm-panel,.mm-guide-tile,.mm-free-future,.mm-free-values article,.mm-guide-story,.mm-artist-step,.mm-guide-note){
 background:#17181b!important;color:#e7e8ea!important;border-color:#2b2e34!important;box-shadow:none!important;
}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm232-card,.mm230-artist,.mm32-am-card):is(:hover,:focus-within){background:#26282e!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm238-sort a,.mm232-card-play,.mm32-am-btn,.mm-artist-start,.mm212-load-more){
 background:#26282e!important;color:#e7e8ea!important;border-color:#41434a!important;
}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm238-sort a.is-active,.mm32-am-btn.primary){background:#383039!important;color:#fff!important;border-color:#df6b74!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm-upload .mm-panel,.mm-upload .mm-topnote,.mm-upload .mm55-upload-drop,.mm-upload .mm-file){background:#17181b!important;border-color:#41434a!important;color:#e7e8ea!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm-upload input,.mm-upload select,.mm-upload textarea,.mm162-genre-choice){background:#26282e!important;color:#e7e8ea!important;border-color:#41434a!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm160-copyright,.mm163-filename-warning,.mm66-channel-warning){background:#382528!important;color:#ffced2!important;border-color:#8e4951!important}
body.mm-shell-v19 #container .mm-noir-unified .mm-guide{color:#e7e8ea!important}
body.mm-shell-v19 #container .mm-noir-unified .mm-apple-feature,
body.mm-shell-v19 #container .mm-noir-unified .mm-apple-feature.mm-apple-alt,
body.mm-shell-v19 #container .mm-noir-unified .mm-apple-feature.mm-apple-last{background:#0f1012!important;color:#e7e8ea!important}
body.mm-shell-v19 #container .mm-noir-unified .mm-apple-feature :is(h2,p){color:#e7e8ea!important}
body.mm-shell-v19 #container .mm-noir-unified .mm-apple-feature p{color:#a3a7b0!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm-guide-section>p,.mm-free-values p,.mm-free-policy,.mm-artist-step p){color:#a3a7b0!important}
body.mm-shell-v19 #container .mm-noir-unified :is(.mm-before-price,.mm-guide-artist){background:#17181b!important;color:#e7e8ea!important;border-color:#2b2e34!important}
@media(max-width:650px){body.mm-shell-v19 #container .mm-noir-unified{max-width:100%;min-width:0}}

/* v2: plans.php content is a sibling of the opt-in marker, not its child. */
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide{
 background:#0f1012!important;color:#e7e8ea!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-intro,
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-feature,
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-feature.mm-apple-alt,
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-feature.mm-apple-last{
 background:#0f1012!important;background-color:#0f1012!important;color:#e7e8ea!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-feature :is(h2,p){color:#e7e8ea!important}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide .mm-apple-feature p{color:#a3a7b0!important}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide :is(.mm-guide-section,.mm-guide-story,.mm-guide-story-node,.mm-artist-step,.mm-free-future,.mm-free-values article,.mm-guide-note,.mm-before-price,.mm-guide-artist){
 background:#17181b!important;color:#e7e8ea!important;border-color:#2b2e34!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide :is(.mm-guide-section h2,.mm-artist-step h3,.mm-free-future h2,.mm-free-values strong,.mm-artist-promo h2){
 color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #container .mm-guide :is(.mm-guide-section>p,.mm-artist-step p,.mm-free-values p,.mm-free-policy,.mm-before-price p){
 color:#a3a7b0!important;
}
/* Sidebar advertising: dark framing but readable advertisement copy. */
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebarAd,
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebarAd :is(.mm-ad-card,.mm-ad-body,.mm-ad-inner){
 background:#17181b!important;border-color:#34363d!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebarAd :is(h2,h3,strong,p,small,span,.mm-ad-title,.mm-ad-desc){
 color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important;opacity:1!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmSidebarAd :is(.mm-ad-label,.mm-ad-note){color:#a3a7b0!important;-webkit-text-fill-color:#a3a7b0!important}
/* Bottom house-promotion bar: match the branded crimson seen on the homepage. */
body.mm-shell-v19:has(.mm-noir-unified) #mmPromoBar.mm-promo-bar{
 --mm-promo-bg:#a5253e!important;--mm-promo-fg:#fff4f6!important;
 background:#a5253e!important;background-color:#a5253e!important;
 color:#fff4f6!important;border-color:#a5253e!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmPromoBar :is(.mm-promo-copy,.mm-promo-label,strong,p,small,span){
 color:#fff4f6!important;-webkit-text-fill-color:#fff4f6!important;opacity:1!important;
}
body.mm-shell-v19:has(.mm-noir-unified) #mmPromoBar .mm-promo-button{
 background:#fff4f6!important;color:#272024!important;-webkit-text-fill-color:#272024!important;border-color:#fff4f6!important;
}

/* v3: the guide's outer canvas must match the actual content, including gutters. */
body.mm-shell-v19:has(#mmServiceNoirPage),
body.mm-shell-v19:has(#mmServiceNoirPage) #container,
body.mm-shell-v19:has(#mmServiceNoirPage) #container.mm-site-main,
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-site-main,
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-guide,
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-apple-intro{
 background:#0f1012!important;background-color:#0f1012!important;
}
body.mm-shell-v19:has(#mmServiceNoirPage) #container{color:#e7e8ea!important;min-height:100vh}
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-guide{max-width:none!important;width:100%!important;box-sizing:border-box!important}
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-apple-feature{border-color:#0f1012!important}

/* v4: Service guide header navigation must match the black-noir shell. */
body.mm-shell-v19:has(#mmServiceNoirPage) #mmGlobalHeader.mm-global-header,
body.mm-shell-v19:has(#mmServiceNoirPage) #mmGlobalHeader,
body.mm-shell-v19:has(#mmServiceNoirPage) .mm-browse-header{
 background:#101114!important;background-color:#101114!important;
 color:#e7e8ea!important;border-color:#2b2e34!important;
}
body.mm-shell-v19:has(#mmServiceNoirPage) #mmGlobalHeader :is(.mm-nav-link,.mm-genre-row a,.mm-genre-trigger,[data-mm-genre-link]){
 color:#e7e8ea!important;-webkit-text-fill-color:#e7e8ea!important;
 background:transparent!important;border-color:transparent!important;opacity:1!important;
}
body.mm-shell-v19:has(#mmServiceNoirPage) #mmGlobalHeader :is(.mm-nav-link,.mm-genre-row a,.mm-genre-trigger,[data-mm-genre-link]):is(:hover,:focus-visible,.is-current,[aria-current="page"]){
 background:#26282e!important;background-color:#26282e!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#434650!important;
}