/* Appearance is independent of art direction. Product photographs are untouched. */
html[data-appearance=light]{color-scheme:light}
html[data-appearance=dark]{color-scheme:dark}
body[data-theme=lab]{--bg:#f6f3ec;--fg:#282820;--muted:#68695f;--rule:#d5d0c4;--image-bg:#e1ddd3;--closing-bg:#e9e5db;background:var(--bg);color:var(--fg)}
html[data-appearance=light] body[data-theme=minimal]{--muted:#6d6b63}
html[data-appearance=light] body[data-theme=botanical]{--muted:#626b55}
html[data-appearance=light] body[data-theme=archive]{--muted:#62655c}
html[data-appearance=dark] body[data-theme=minimal]{--bg:#211f1c;--fg:#eee9df;--muted:#b9b1a4;--rule:#49443d;--image-bg:#36322d;--badge-bg:#d8c9b2;--badge-fg:#24211d;--closing-bg:#2c2823}
html[data-appearance=dark] [data-theme=minimal] .announcer{background:#2c2823}
html[data-appearance=dark] [data-theme=minimal] .hero h1 em,
html[data-appearance=dark] [data-theme=minimal] .closing-editorial h2 em{color:#c0b29d}
html[data-appearance=dark] body[data-theme=botanical]{--bg:#1c251e;--fg:#e2e6d7;--muted:#b0bda3;--rule:#465443;--image-bg:#303d30;--badge-bg:#b9c4a4;--badge-fg:#202b21;--closing-bg:#28382a}
html[data-appearance=dark] [data-theme=botanical] .announcer{background:#28382a;color:#cbd5bc}
html[data-appearance=dark] [data-theme=botanical] .site-header,
html[data-appearance=dark] [data-theme=botanical] .card-bottom{border-color:var(--rule)}
html[data-appearance=dark] [data-theme=botanical] .hero h1 em,
html[data-appearance=dark] [data-theme=botanical] .section-heading h2 em,
html[data-appearance=dark] [data-theme=botanical] .closing-editorial h2 em{color:#b1bf99}
html[data-appearance=dark] [data-theme=botanical] .hero p,
html[data-appearance=dark] [data-theme=botanical] .botanical-note span,
html[data-appearance=dark] [data-theme=botanical] .botanical-subtitle{color:var(--muted)}
html[data-appearance=dark] [data-theme=botanical] .botanical-note{background:#28382a}
html[data-appearance=dark] [data-theme=botanical] .botanical-main,
html[data-appearance=dark] [data-theme=botanical] .botanical-small{background:#334034;box-shadow:0 12px 40px #0004}
html[data-appearance=dark] [data-theme=botanical] figcaption{color:#d2dcc4}
html[data-appearance=dark] [data-theme=botanical] .organic-button{border-color:#9ba98b}
html[data-appearance=dark] body[data-theme=archive]{--bg:#1f221f;--fg:#f0eee5;--muted:#b4b9af;--rule:#4d534b;--image-bg:#353b34;--badge-bg:#cb9478;--badge-fg:#1d211d;--closing-bg:#151714}
html[data-appearance=dark] [data-theme=archive] .site-header{border-color:var(--fg)}
html[data-appearance=dark] [data-theme=archive] .hero-archive,
html[data-appearance=dark] [data-theme=archive] .announcer{background:#151714}
html[data-appearance=dark] [data-theme=archive] .hero h1 em,
html[data-appearance=dark] [data-theme=archive] .section-heading h2 em,
html[data-appearance=dark] [data-theme=archive] .archive-marquee span:nth-child(even){color:#d29a7d}
html[data-appearance=light] [data-theme=archive] .hero-archive{background:#dedbd0;color:#242523}
html[data-appearance=light] [data-theme=archive] .archive-hero-bottom p{color:#5c6055}
html[data-appearance=light] [data-theme=archive] .archive-hero-bottom .text-link{border-color:#5c6055}
html[data-appearance=dark] body[data-theme=lab]{--bg:#191c1b;--fg:#ecebe3;--muted:#b4b8ad;--rule:#41483e;--image-bg:#30362e;--closing-bg:#252c25}
html[data-appearance=dark] .heart-button[aria-pressed=true]{color:#f1a59a}
html[data-appearance=dark] dialog::backdrop{background:#000b}
html[data-appearance=dark] .tool-right select option{background:var(--bg);color:var(--fg)}
/* Small, independent control: no header reflow or product-image overlay. */
.appearance-control{position:fixed;z-index:40;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--rule,#c8c8bc);border-radius:24px;background:var(--bg,#f6f3ec);color:var(--fg,#282820);box-shadow:0 3px 20px #0001;font:11px/1.2 Arial,Helvetica,sans-serif}
.appearance-control label{display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer}
.appearance-control .appearance-symbol{font-size:16px;line-height:1}
.appearance-control select{font:inherit;max-width:104px;border:0;background:transparent;color:inherit;padding:4px 1px;cursor:pointer;min-height:24px}
.appearance-control select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.appearance-control select option{color:var(--fg);background:var(--bg)}
body:has(dialog[open]) .appearance-control{display:none}
body{padding-bottom:max(68px,calc(52px + env(safe-area-inset-bottom)))}
@media(max-width:550px){.appearance-control{left:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:7px 10px;gap:5px}.appearance-control label{font-size:10px}.appearance-control select{font-size:11px;max-width:98px}.toast{bottom:75px;max-width:calc(100vw - 24px);white-space:normal;text-align:center}}