:root{--theme-panel:#fff;--theme-result:#efe9dc;--theme-input:#fffdfa;--theme-soft:#f0eadf;--theme-timeline:#eceee4;--theme-on-accent:#fff}
html[data-theme=matcha]{--ink:#263d31;--muted:#596d60;--paper:#f4f7ee;--orange:#416b45;--line:#cdd8c7;--theme-panel:#fffef8;--theme-result:#e5eddc;--theme-input:#fbfdf7;--theme-soft:#e9efdf;--theme-timeline:#dfe9d5}
html[data-theme=minimal]{--ink:#202b34;--muted:#5d6974;--paper:#fff;--orange:#285d89;--line:#d9e0e5;--theme-panel:#fff;--theme-result:#f0f4f7;--theme-input:#fff;--theme-soft:#f5f7f9;--theme-timeline:#edf2f6}
html[data-theme=night]{color-scheme:dark;--ink:#eee8de;--muted:#bab4a9;--paper:#1b201e;--orange:#efb47e;--line:#414a43;--theme-panel:#252c28;--theme-result:#2d3630;--theme-input:#202722;--theme-soft:#2b332d;--theme-timeline:#303a30;--theme-on-accent:#242019}
form{background:var(--theme-panel)}input,select{background:var(--theme-input)}.results,.notice,.hero-menu a{background:var(--theme-result)}.note-card{background:var(--theme-soft)}.timeline{background:var(--theme-timeline)}.button,.drink-result>a.recipe-action{color:var(--theme-on-accent)}.drink-result>a.recipe-action:hover{background:var(--orange);border-color:var(--orange);filter:brightness(.9)}.drink-result,.results td,.results th{border-color:var(--line)}.timeline li>span{color:var(--orange)}.card-art{color:var(--ink)}html[data-theme=night] .card-art{background:#374337}html[data-theme=night] .skip:focus{background:var(--theme-panel)}
.theme-switcher{position:fixed;right:22px;bottom:20px;z-index:50;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--theme-panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 24px #0002}.theme-switcher label{margin:0;font-size:12px;white-space:nowrap;color:var(--ink)}.theme-switcher select{width:auto;margin:0;padding:7px 26px 7px 10px;font-size:12px;border-color:var(--line)}body{padding-bottom:65px}@media(max-width:600px){.theme-switcher{right:12px;bottom:12px;padding:8px 10px;gap:8px}.theme-switcher select{padding:6px;font-size:12px}}@media print{.theme-switcher{display:none!important}html[data-theme]{--ink:#222;--muted:#555;--paper:#fff;--orange:#8d3c23;--line:#ccc;--theme-panel:#fff;--theme-result:#fff;--theme-input:#fff;--theme-soft:#fff;--theme-timeline:#fff;color-scheme:light}body{padding-bottom:0}}
