:root[data-appearance] .banner{background:var(--palette-bg2)!important;color:var(--palette-accent)!important;border-bottom-color:var(--palette-line)!important}
:root[data-appearance] .brand span{color:var(--palette-accent)!important}
:root[data-appearance] .deal{background:var(--palette-bg2)!important;border-color:var(--palette-line)!important;border-top-color:var(--palette-accent)!important}
:root[data-appearance] :is(.deal h3,.dn,.dp b,.price,.eyebrow,.pq,.pqb,.ty,.history-year,.pn b,.stars,.rstars button){color:var(--palette-accent)!important}
:root[data-appearance] .card{background:var(--palette-bg2);border-color:var(--palette-line)}
:root[data-appearance] .card:hover{border-color:var(--palette-accent)}
:root[data-appearance] .scent-match strong{color:var(--palette-ink)!important}
:root[data-appearance] .pframe{background:var(--palette-bg2);color:var(--palette-ink);--ink:var(--palette-ink);--muted:var(--palette-muted);--ember:var(--palette-accent);--glow:var(--palette-accent)}
:root[data-appearance] .btn{background:var(--palette-button)!important;color:var(--palette-buttonInk)!important}
:root[data-appearance] .pn img.on{border-color:var(--palette-accent)!important}
:root[data-appearance] .tag{background:var(--palette-button);color:var(--palette-buttonInk)}
:root[data-appearance] #fcnt{background:var(--palette-button)!important;color:var(--palette-buttonInk)}

:root[data-appearance] {--gold:var(--palette-accent);--panel:var(--palette-bg2)}
:root[data-appearance] :is(.nm,.nm::after){color:var(--palette-accent)!important}
:root[data-appearance] .dots button.on{background:var(--palette-accent)!important}
:root[data-appearance] :is(.card,.menu){border-color:var(--palette-line)!important}
:root[data-appearance] .menu{z-index:45;min-width:min(290px,calc(100vw - 32px));left:auto;right:0;max-height:75vh;overflow-y:auto}
.store-appearance-field{display:block;padding:14px 16px;color:var(--ink);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.store-appearance-field select{display:block;width:100%;max-width:100%;margin-top:8px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);padding:8px;font:14px system-ui;letter-spacing:0;text-transform:none}
.store-appearance-field select:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
@media(max-width:480px){:root[data-appearance] .menu{position:fixed;top:auto;left:16px;right:16px;min-width:0;width:auto;max-height:65vh}}