/* Appearance controls shared by both themes. */
.appearance-trigger{display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 8px;font-size:12px;color:inherit}
.appearance-trigger svg{width:18px;height:18px}.mobile-header .appearance-trigger{margin-left:auto;margin-right:14px;width:36px;height:36px;padding:8px;justify-content:center}
#appearance-dialog{width:min(420px,calc(100vw - 32px));padding:30px 24px 24px;max-height:calc(100dvh - 32px);border:1px solid #ffffff14;border-radius:18px;background:#202024;color:#f5f5f7;box-shadow:0 24px 90px #0005;overflow:auto}
#appearance-dialog::backdrop{background:#0007;backdrop-filter:blur(8px)}#appearance-dialog h2{font-size:24px;letter-spacing:-.5px;margin:0 40px 8px 0}#appearance-dialog>p{font-size:13px;line-height:1.5;color:#aaaab5;margin-bottom:22px}
.appearance-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#ffffff0c;font-size:24px;line-height:1}
.appearance-options{display:grid;gap:8px}.appearance-options button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 12px;border:1px solid transparent;border-radius:10px;text-align:left;min-height:74px}.appearance-options button:hover{background:#ffffff08}.appearance-options button[aria-checked=true]{background:#8b9dff12;border-color:#8b9dff70}.appearance-options strong{display:block;font-size:14px;font-weight:600}.appearance-options small{display:block;font-size:11px;margin-top:5px;color:#aaaab5}
.appearance-swatch{width:42px;height:32px;border:1px solid #8886;border-radius:6px;flex-shrink:0}.swatch-light{background:#fafafa}.swatch-dark{background:#101014}.swatch-system{background:linear-gradient(90deg,#fafafa 50%,#101014 50%)}.appearance-check{margin-left:auto;flex:0 0 17px;height:17px;border:1px solid #8888;border-radius:50%}[aria-checked=true]>.appearance-check{border:5px solid #8b9dff;background:#fff}
/* Neutral white canvas, quiet separators and readable indigo accents. */
html[data-theme=light]{color-scheme:light;background:#fff;color:#242426;--muted:#696973;--line:#e3e3e8;--accent:#4659c7;--brand-primary:#4659c7;--brand-secondary:#97502a}
html[data-theme=light] body:not(.artist-world),html[data-theme=light] body:not(.artist-world) #main{background:#fff;color:#242426}
html[data-theme=light] :is(.sidebar,.mobile-header,.mobile-nav){background:#f5f5f7ed!important;color:#242426!important;border-color:#dedee3!important}
html[data-theme=light] body:not(.artist-world) :is(.brand img,.mobile-header>a:first-child img){filter:brightness(0)}
html[data-theme=light] #player .player-brand{filter:brightness(0)}
html[data-theme=light] :is(.primary-nav a,.primary-nav a svg,.mobile-nav a,.about-link,.sidebar-note,.sidebar-note p){color:#61616a!important;border-color:#dddde3!important}
html[data-theme=light] .primary-nav a:hover{background:#e9e9ed}html[data-theme=light] :is(.primary-nav a.current,.mobile-nav a.current){background:#4659c710!important;color:#3547ad!important}html[data-theme=light] .primary-nav a.current svg{color:#3547ad!important}
html[data-theme=light] :is(.signin,.green,.membership-primary,.country-continue){background:#4659c7;color:#fff}
html[data-theme=light] #player{background:#f6f6f8e8!important;color:#242426!important;border-color:#00000012!important;box-shadow:0 6px 28px #00000016,inset 0 1px #fff}
html[data-theme=light] #player :is(.transport .icon,.extras>.icon,.volume-control>.icon,.player-menu-wrap>.icon){color:#37373d!important}html[data-theme=light] #player .now small{color:#696973}html[data-theme=light] #player .preview-badge{background:#e3e3e9;color:#555560}html[data-theme=light] #player .progress input{background:#0003}
html[data-theme=light] :is(#song-menu,#player-menu,.volume-popover::before,.profile-menu,#right-panel,#country-dialog,.country-banner){background:#f7f7fa!important;color:#242426!important;border-color:#dcdce3!important;box-shadow:0 10px 35px #0002}
html[data-theme=light] :is(#song-menu button,#player-menu button,.profile-menu a,.profile-menu button,.country-grid button,.country-dialog-close){color:#34343d}html[data-theme=light] :is(#song-menu button:hover,#player-menu button:hover,.profile-menu a:hover,.profile-menu button:hover){background:#4659c710}
html[data-theme=light] :is(#song-menu>p,.country-search-field label,.country-search-status,.profile-menu small){color:#696973}
html[data-theme=light] :is(.country-trigger,#country-dialog #country-search){background:#fff;color:#242426;border-color:#cfcfd8}
html[data-theme=light] #dialog:not(.artist-info-dialog){background:#fff;color:#242426;border-color:#dddde3}
html[data-theme=light] #dialog:not(.artist-info-dialog)>.close{background:#ededf2;color:#555560}
html[data-theme=light] #dialog .zamar-auth{color:#242426}html[data-theme=light] #dialog .zamar-auth>img{filter:brightness(0)}html[data-theme=light] #dialog .zamar-auth :is(h2,label){color:#242426}html[data-theme=light] #dialog .zamar-auth p{color:#696973}html[data-theme=light] #dialog .zamar-auth :is(input,select){background:#f6f6f8;color:#242426;border-color:#ccccd5}html[data-theme=light] #dialog .zamar-auth input:focus{background:#fff;border-color:#4659c7}
html[data-theme=light] .membership-prompt{background:#f8f8fa;color:#242426}html[data-theme=light] .membership-copy h2{color:#242426}html[data-theme=light] .membership-description{color:#52525c}html[data-theme=light] :is(.membership-note,.membership-switch,.membership-status){color:#70707a}html[data-theme=light] :is(.membership-topbar img,.membership-logo,.upgrade-brand img){filter:brightness(0)}html[data-theme=light] .upgrade-local-price{color:#242426}html[data-theme=light] .upgrade-brand span{color:#4659c7;border-color:#4659c750}html[data-theme=light] .upgrade-home{background:#f8f8fa}
html[data-theme=light] #appearance-dialog{background:#fff;color:#242426;border-color:#e3e3e8}html[data-theme=light] #appearance-dialog :is(p,small){color:#696973}html[data-theme=light] .appearance-close{background:#efeff4}html[data-theme=light] .appearance-options button:hover{background:#f6f6fa}html[data-theme=light] .appearance-options button[aria-checked=true]{background:#4659c70a;border-color:#4659c770}
/* Artist artwork and video remain dark, keeping their intentional media contrast. */
html[data-theme=light] body:not(.artist-world) :is(.search,.view-switch,.library-tabs button,.home-quick,.listener-shortcuts>a,.search-destinations a){background:#f3f3f7;color:#34343d;border-color:#dcdce3}
html[data-theme=light] body:not(.artist-world) :is(.search input,.search input::placeholder){color:#62626d}
html[data-theme=light] body:not(.artist-world) :is(.view-switch button,.view-all,.shelf-arrow,.text-action,.library-tabs button,.home-filters button){color:#51515d;border-color:#d7d7e1}
html[data-theme=light] body:not(.artist-world) :is(.view-switch button[aria-pressed=true],.library-tabs button[aria-pressed=true],.home-filters button[aria-pressed=true]){background:#4659c7;color:#fff}
html[data-theme=light] body:not(.artist-world) :is(.track:hover,.song:hover,.listener-library-list>.card:hover){background:#f3f3f7}
html[data-theme=light] body:not(.artist-world) :is(.site-footer,.text-page p,.hint,.charts-note,.charts-meta,.charts-section-description,.page-intro,.card-desc,.playlist-meta,.listener-heading p,.home-quick small){color:#696973}
html[data-theme=light] body:not(.artist-world) :is(.section-head>a,.card-title:hover,.name-link:hover,.site-footer a:hover,.site-footer button:hover){color:#4659c7}
html[data-theme=light] body:not(.artist-world) :is(.outline,.view-all){border-color:#cfcfd8}
html[data-theme=light] body:not(.artist-world) .home-filters{background:#fffffff2}
html[data-theme=light] body:not(.artist-world) .light{background:#4659c710;color:#4659c7}
html[data-theme=light] body:not(.artist-world) .cinema-hero-copy{background:#f1f1f6;color:#242426}html[data-theme=light] body:not(.artist-world) :is(.cinema-hero-description,.cinema-description,.cinema-meta,.cinema-card .card-desc){color:#696973}
html[data-theme=light] .play-float{background:#4659c7;color:#fff}html[data-theme=light] .play-float.is-playing{background:#4659c7;color:#fff}
html[data-theme=light] .guest-banner{background:#eef0ff;color:#242426;border-color:#dce0f5}html[data-theme=light] .guest-banner strong{color:#242426}html[data-theme=light] .guest-banner p{color:#626779}html[data-theme=light] .guest-banner>a{background:#4659c7;color:#fff}
html[data-theme=light] body.zamar-free .guest-banner{background:#c62c45}html[data-theme=light] body.zamar-free .guest-banner strong{color:#fff}
html[data-theme=light] body:not(.artist-world) .icon:hover{background:#00000007}html[data-theme=light] #player .icon:hover{background:transparent}
html[data-theme=light] .artist-info-dialog{--brand-primary:#a9b6ff}html[data-theme=light] .artist-world .appearance-trigger{color:#34343d}
@media(prefers-reduced-motion:no-preference){#appearance-dialog[open]{animation:membership-enter .18s ease-out}}
html[data-theme=light] .member-welcome{color:#fff}
html[data-theme=light] :is(.native-video,.cinema-feature-label,.radio-feature,.station-art){color:#fff}
html[data-theme=light] body:not(.artist-world) :is(.cinema-heading>p,.cinema-feature-artist,.cinema-artist,.cinema-signoff,.cinema-count,.member-benefits p){color:#696973}
html[data-theme=light] body:not(.artist-world) :is(.cinema-eyebrow,.member-benefits svg){color:#4659c7}
html[data-theme=light] body:not(.artist-world) :is(.cinema-filters button,.home-filters button){background:#f3f3f7;border-color:#dcdce3;color:#51515d}
html[data-theme=light] body:not(.artist-world) :is(.cinema-filters button[aria-pressed=true],.home-filters button[aria-pressed=true],.cinema-primary,.home-quick-play){background:#4659c7;color:#fff}
html[data-theme=light] #dialog .zamar-auth input:autofill{box-shadow:0 0 0 100px #f6f6f8 inset;-webkit-text-fill-color:#242426;caret-color:#242426}
html[data-theme=light] #dialog .product-detail .product-price{color:#242426}
html[data-theme=light] #dialog .product-detail p{color:#696973}

/* Anchored appearance popover; artist navigation always stays in its dark world. */
#appearance-dialog{position:fixed;inset:auto;margin:0;width:min(300px,calc(100vw - 24px));padding:22px 18px 16px;max-height:calc(100dvh - 24px);border-radius:12px}
#appearance-dialog::backdrop{background:transparent;backdrop-filter:none;pointer-events:none}
#appearance-dialog h2{font-size:19px}#appearance-dialog>p{font-size:12px;margin-bottom:14px}
#appearance-dialog .appearance-options{gap:4px}#appearance-dialog .appearance-options button{min-height:62px;padding:10px 8px;gap:10px}.appearance-options small{font-size:10px}
#appearance-dialog:popover-open{animation:membership-enter .16s ease-out}
html[data-theme] .artist-world :is(.sidebar,.mobile-header,.mobile-nav){background:color-mix(in srgb,var(--artist-page-tone) 75%,#09090d)!important;color:#e4e5e9!important;border-color:#ffffff10!important;color-scheme:dark}
html[data-theme] .artist-world :is(.primary-nav a,.primary-nav a svg,.mobile-nav a,.about-link,.sidebar-note,.sidebar-note p,.appearance-trigger){color:#d0d0db!important;border-color:#ffffff14!important}
html[data-theme] .artist-world :is(.primary-nav a.current,.mobile-nav a.current){background:#ffffff10!important;color:#fff!important}
html[data-theme] .artist-world .primary-nav a.current svg{color:#c5ceff!important}
html[data-theme] .artist-world :is(.brand img,.mobile-header>a:first-child img){filter:brightness(0) invert(1)}
html[data-theme] .artist-world #appearance-dialog{background:#202024;color:#f5f5f7;border-color:#ffffff14;color-scheme:dark}
html[data-theme] .artist-world #appearance-dialog :is(p,small){color:#aaaab5}
html[data-theme] .artist-world #appearance-dialog .appearance-close{background:#ffffff0c}
html[data-theme] .artist-world #appearance-dialog .appearance-options button:hover{background:#ffffff08}
html[data-theme] .artist-world #appearance-dialog .appearance-options button[aria-checked=true]{background:#8b9dff12;border-color:#8b9dff70}
.artist-sidebar-ambient{inset:-24px auto auto -24px;width:max(600px,calc(100% + 48px));height:auto;max-width:none;filter:blur(38px) brightness(.3) saturate(.75);mask-image:linear-gradient(to bottom,#000 25%,transparent 100%)}

/* Shared text-only appearance menu across player routes. */
#appearance-dialog{width:min(180px,calc(100vw - 24px));padding:4px 14px;border-radius:10px;box-shadow:0 10px 28px #0003;--appearance-divider:#ffffff1a;--appearance-text:#aaaab5;--appearance-selected:#f5f5f7}
html[data-theme=light] #appearance-dialog{--appearance-divider:#e6e6ec;--appearance-text:#6b6b76;--appearance-selected:#242426}
html[data-theme] .artist-world #appearance-dialog{--appearance-divider:#ffffff1a;--appearance-text:#aaaab5;--appearance-selected:#f5f5f7}
#appearance-dialog .appearance-options{display:block}
html[data-theme] :is(body,.artist-world) #appearance-dialog .appearance-options button{display:block;width:100%;min-height:44px;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--appearance-text);font-size:13px;font-weight:400;text-align:left;line-height:20px}
html[data-theme] :is(body,.artist-world) #appearance-dialog .appearance-options button+button{border-top:1px solid var(--appearance-divider)}
html[data-theme] :is(body,.artist-world) #appearance-dialog .appearance-options button[aria-checked=true]{background:transparent;color:var(--appearance-selected);font-weight:600}
html[data-theme] :is(body,.artist-world) #appearance-dialog .appearance-options button:hover{background:transparent;color:var(--appearance-selected)}
#appearance-dialog .appearance-options button:focus-visible{outline:2px solid currentColor;outline-offset:2px}