/* User-selected dark palettes; artwork retains its original colour. */
:root{--appearance-tint:#187a74;--appearance-accent:#a5f3ed;--appearance-ground:#061f23}
:root[data-music-palette=red]{--appearance-tint:#b8253c;--appearance-accent:#f2a4a9;--appearance-ground:#180b10}
:root[data-music-palette=pink]{--appearance-tint:#b94383;--appearance-accent:#f3b2d3;--appearance-ground:#180d16}
:root[data-music-palette=purple]{--appearance-tint:#7251b4;--appearance-accent:#ccbbfa;--appearance-ground:#120d1d}
:root[data-music-palette=blue]{--appearance-tint:#2b65af;--appearance-accent:#a9ccfa;--appearance-ground:#0b1422}
:root[data-music-palette=graphite]{--appearance-tint:#59616d;--appearance-accent:#d6d9df;--appearance-ground:#101215}
:root[data-music-palette=custom]{--appearance-tint:var(--appearance-custom,#7399d9);--appearance-accent:color-mix(in srgb,var(--appearance-custom,#7399d9) 35%,white);--appearance-ground:color-mix(in srgb,var(--appearance-custom,#7399d9) 9%,#07080b)}
html[data-theme=dark][data-music-palette] body.music-room-page{
 --bg:var(--appearance-ground);--bg-2:color-mix(in srgb,var(--appearance-ground) 90%,var(--appearance-tint));--panel:color-mix(in srgb,var(--appearance-ground) 85%,var(--appearance-tint));--panel-2:color-mix(in srgb,var(--appearance-ground) 74%,var(--appearance-tint));
 --ink:#f1f3f5;--ink-2:#d4dce2;--muted:#aebbc6;--line:color-mix(in srgb,var(--appearance-accent) 14%,transparent);--line-2:color-mix(in srgb,var(--appearance-accent) 30%,transparent);--accent:var(--appearance-accent);--accent-deep:var(--appearance-accent);--accent-ink:var(--appearance-accent);--accent-soft:var(--panel-2);--control-surface:var(--panel-2);--control-edge:var(--line-2);--control-ink:var(--ink);
 background:var(--bg)!important;
}
html[data-theme=dark][data-music-palette] body.music-room-page::before{border-color:color-mix(in srgb,var(--appearance-accent) 55%,transparent);box-shadow:0 -5px 22px color-mix(in srgb,var(--appearance-accent) 40%,transparent),0 -26px 80px color-mix(in srgb,var(--appearance-tint) 40%,transparent),inset 0 23px 50px color-mix(in srgb,var(--appearance-tint) 25%,transparent);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--appearance-tint) 22%,transparent),transparent 43%)}
html[data-theme=dark][data-music-palette] body.music-room-page::after{background:radial-gradient(ellipse at 80% 25%,color-mix(in srgb,var(--appearance-tint) 12%,transparent),transparent 54%)}
html[data-theme=dark][data-music-palette] body.music-room-page :is(.player .play-lg,.btn-premium,.btn.primary,.atlas-primary,.hmg-primary,.hmg-deck-transport [data-deck=play],.atlas-room-play){background:var(--appearance-accent)!important;border-color:var(--appearance-accent)!important;color:#101217!important}
html[data-theme=dark][data-music-palette] body.music-room-page :is(.hmg-sound-slot .music-direction-quick,.hmg-deck,.atlas-room-details){background-color:var(--panel)!important;border-color:var(--line-2)}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-sound-slot .music-direction-quick{background-image:radial-gradient(circle,#ffffff0b 1px,transparent 1.4px)!important;--control-surface:var(--panel-2);--control-ink:var(--ink);--control-edge:var(--line-2);--muted:#aebbc6}
html[data-theme=dark][data-music-palette] body.music-room-page :is(.hmg-discovery-play,.hmg-secondary,.hmg-sound-slot .sc-preset-cards>button){background:var(--panel-2)!important;border-color:var(--line-2);color:var(--ink)}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-sound-slot .sc-preset-cards>button[aria-pressed=true]{background:var(--panel-2);border-color:var(--appearance-accent)}
html[data-music-palette] body.music-room-page dialog.listening-room[data-visual=lyric-theatre]{background:var(--appearance-ground)!important;--room-bg:var(--appearance-ground);--room-panel:color-mix(in srgb,var(--appearance-ground) 85%,var(--appearance-tint));--room-accent:var(--appearance-accent);color:#f1f3f5}
html[data-music-palette] body.music-room-page dialog.listening-room .atlas-room-details{background:color-mix(in srgb,var(--appearance-ground) 92%,var(--appearance-tint))!important}
html[data-music-palette] body.music-room-page dialog.listening-room .atlas-room-play{background:var(--appearance-accent)!important;color:#101217!important;border-color:var(--appearance-accent)!important}
html[data-music-palette] body.music-room-page dialog.listening-room .atlas-room-tools{display:flex;flex-wrap:wrap;gap:8px}
html[data-music-palette] body.music-room-page dialog.listening-room .room-appearance-button{display:inline-flex!important;align-items:center;justify-content:center;border:1px solid #ffffff30;border-radius:9px;color:#edf1f5}
html[data-room-photo=on] body.music-room-page dialog.listening-room[data-visual=lyric-theatre] .atlas-room-stage{background:linear-gradient(rgb(0 0 0 / var(--room-photo-dim,.65)),rgb(0 0 0 / var(--room-photo-dim,.65))),var(--room-personal-photo) center var(--room-photo-position,center)/cover no-repeat!important}
html[data-room-photo=on] dialog.listening-room :is(.atlas-room-context,.atlas-room-artist,.now-lyric-previous,.now-lyric-next){color:#d4dce2!important;text-shadow:0 1px 4px #000}
html[data-room-photo=on] dialog.listening-room .now-lyric-current{color:#f5f7f9!important;text-shadow:0 2px 18px #000a}
.music-appearance-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--line-2);border-radius:18px;background:var(--panel);color:var(--ink);font:400 12px/1.7 Unbounded,sans-serif;overflow:auto;overscroll-behavior:contain}
.music-appearance-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}
.appearance-header{position:sticky;top:-24px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:-24px -24px 20px;padding:18px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.appearance-header h2{font:500 18px/1.5 Unbounded,sans-serif;margin:0}
.music-appearance-dialog button{font:inherit;cursor:pointer;min-height:42px;border:1px solid var(--line-2);border-radius:9px;background:var(--panel-2);color:var(--ink);padding:8px 12px}
.music-appearance-dialog button:disabled{opacity:.45;cursor:default}.music-appearance-dialog :is(button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.appearance-close{flex:none}.appearance-modes{display:flex;gap:8px}.appearance-modes button{flex:1}.music-appearance-dialog button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.appearance-section{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.appearance-section h3{font-size:13px;margin:0 0 8px;font-weight:500}.appearance-hint{color:var(--muted);font-size:10px;line-height:1.9;margin:0 0 14px}
.appearance-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.music-appearance-dialog .appearance-swatch{display:grid;gap:8px;justify-items:start;min-width:0;font-size:10px;padding:10px}.appearance-sample{width:100%;height:38px;border-radius:6px;background:linear-gradient(125deg,#090a0d 35%,color-mix(in srgb,var(--sample-color) 27%,#0a0b0e));border:1px solid color-mix(in srgb,var(--sample-color) 25%,transparent)}
.appearance-custom{display:flex;gap:10px;align-items:center;margin-top:12px}.appearance-custom input{width:46px;height:42px;padding:3px;border:1px solid var(--line-2);border-radius:8px;background:var(--panel-2);cursor:pointer}
.appearance-photo-preview{aspect-ratio:16/7;border:1px solid var(--line-2);border-radius:10px;background-color:var(--bg-2);background-size:cover;background-position:center}.appearance-photo-preview[data-loaded=false]{display:none}.appearance-filename{font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin:12px 0}.appearance-photo-actions{display:flex;flex-wrap:wrap;gap:8px}.appearance-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0}.appearance-check input{width:18px;height:18px;accent-color:var(--accent)}
.appearance-field{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:10px}.appearance-field>span{flex-basis:100%}.appearance-field input[type=range]{flex:1;min-width:0;height:34px;accent-color:var(--accent)}.appearance-field output{min-width:36px;font-variant-numeric:tabular-nums}.appearance-field select{width:100%;padding:10px;border-radius:8px;background:var(--panel-2);color:var(--ink);border:1px solid var(--line-2);font:inherit}.appearance-status{margin:16px 0 0;color:var(--muted);font-size:10px;line-height:1.9;min-height:1.9em}.appearance-status[data-error=true]{color:#ec9d9d}
:root[data-theme=light] .appearance-status[data-error=true]{color:#98253b}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-sound-slot .sc-preset-cards>button[aria-pressed=true] svg{stroke:var(--appearance-accent)}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-sound-slot :is(#soundCharacterState,.md-quick-bottom input){color:var(--appearance-accent);accent-color:var(--appearance-accent)}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-sound-slot #musicQuickCompare[aria-pressed=true]{background:var(--appearance-accent);color:#101217}
html[data-theme=dark][data-music-palette] body.music-room-page .hmg-arm::after{border-bottom-color:var(--appearance-accent)}
@media(max-width:760px){.appearance-header{top:-18px;margin:-18px -18px 18px;padding:14px 18px}}
@media(max-width:760px){.music-appearance-dialog{padding:18px}.appearance-header h2{font-size:15px}.appearance-swatches{gap:7px}.music-appearance-dialog .appearance-swatch{font-size:9px;padding:8px}dialog.listening-room .atlas-room-header{flex-wrap:wrap;gap:10px}html[data-music-palette] body.music-room-page dialog.listening-room .atlas-room-tools{gap:6px;max-width:100%;width:100%}dialog.listening-room .atlas-room-tools button{font-size:10px;min-height:40px;padding:8px}}
