:root{color-scheme:light}
.back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 17px;border:1px solid #b9aa7d;border-radius:28px;background:#f6f4e9;color:#183b26;box-shadow:0 4px 18px #10251a24;font-size:13px;cursor:pointer}
.back-to-top[hidden]{display:none}.back-to-top svg{width:20px;height:20px;flex-shrink:0}.back-to-top:hover{background:#e9eddf;border-color:#73846a}.back-to-top:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
[data-theme="dark"] .back-to-top{background:#243329;color:#eeeade;border-color:#8d9579;box-shadow:0 4px 18px #050a0750}[data-theme="dark"] .back-to-top:hover{background:#334631}
@media(max-width:620px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:12px 15px}}
.header-actions .theme-toggle{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;padding:9px;border:1px solid var(--line);border-radius:50%;background:#f6f7f2;transition:background .2s,border-color .2s}
.theme-toggle:hover{border-color:var(--wine);background:#eaf0e3}
.theme-toggle svg{width:20px;height:20px;stroke-width:1.3}
.theme-toggle .theme-sun{display:none}
:root[data-theme="dark"]{color-scheme:dark;--paper:#121c17;--ink:#eeeade;--wine:#c9dab9;--muted:#aeb8ab;--line:#38463b;--surface:#1b2820;--raised:#243329}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
[data-theme="dark"] ::selection{background:#53684a;color:#fff}
[data-theme="dark"] header{border-bottom-color:var(--line)}
[data-theme="dark"] .header-search{background:#202d24}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#a3afa1;opacity:1}
[data-theme="dark"] #cart-count{background:#26372b;color:var(--ink);border-color:#6c8063}
[data-theme="dark"] .header-actions .theme-toggle{background:#25372a;border-color:#4a5d45;color:#dfdfbc}
[data-theme="dark"] .theme-toggle:hover{background:#314634;border-color:#8da47c}
[data-theme="dark"] .theme-toggle .theme-moon{display:none}
[data-theme="dark"] .theme-toggle .theme-sun{display:block}
[data-theme="dark"] .hero{background:#1d2b21;isolation:isolate}
[data-theme="dark"] .hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#142219 0%,#142219f2 25%,#142219a8 40%,#14221922 63%,transparent 80%)}
[data-theme="dark"] .hero-copy{z-index:2}
[data-theme="dark"] .hero h1,[data-theme="dark"] .hero .intro{color:#f0ebd9}
[data-theme="dark"] .hero .textlink{color:#e5dfc8}
[data-theme="dark"] .solid{background:#cadbb9;border-color:#cadbb9;color:#152319}
[data-theme="dark"] .solid:hover{background:#deebd0;border-color:#deebd0}
[data-theme="dark"] .outline:hover{background:#243329;border-color:#a0b68f}
[data-theme="dark"] .direction-card{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .direction-card>span{color:var(--ink)}
[data-theme="dark"] .direction-card:hover{border-color:#859a77}
[data-theme="dark"] .atelier{background:#19261e;border-color:#334234}
[data-theme="dark"] .atelier .eyebrow{color:#b1c4a1}
[data-theme="dark"] .note-chip{background:transparent;color:#d8ded2}
[data-theme="dark"] .note-chip:hover,[data-theme="dark"] .note-chip.active{background:#34492f;border-color:#a6bf92;color:#f2f1df}
[data-theme="dark"] .note-builder{border-top-color:#9bae8b}
[data-theme="dark"] .photo-wrap{background:#e8e7db;border:1px solid #46513f}
[data-theme="dark"] .favorite{background:#f7f2e3ed;color:#233824;border-color:#9eab95}
[data-theme="dark"] .favorite[aria-pressed="true"]{background:#c9dab9;color:#16301c;border-color:#708564}
[data-theme="dark"] .tag{background:#f5f0e4ed;color:#263626}
[data-theme="dark"] .about{background:#213024}
[data-theme="dark"] .no-photo{background:#26372b;color:#becbb2}
[data-theme="dark"] select option{background:#1b2820;color:#eeeade}
[data-theme="dark"] dialog{background:#1b2820;color:var(--ink);border-color:#52614e;box-shadow:0 24px 100px #050a0770}
[data-theme="dark"] dialog::backdrop{background:#060c09bf}
[data-theme="dark"] fieldset{border:1px solid var(--line)}
[data-theme="dark"] .variant:has(input:checked){background:#2b3d2a;border-color:#b7cda4}
[data-theme="dark"] .variant input{accent-color:#c9dab9}
[data-theme="dark"] #checkout textarea{background:#121d17;border-color:#4b5a45;color:#eeeade}
[data-theme="dark"] #toast{background:#d9e4cb;color:#17251a;border:1px solid #a4b792}
[data-theme="dark"] .quantity button:hover{background:#2b3d2a}
[data-theme="dark"] :focus-visible{outline-color:#d0e5b5}
@media(max-width:620px){.header-actions{gap:11px}.header-actions .theme-toggle{width:38px;height:38px;flex-basis:38px;padding:8px}[data-theme="dark"] .hero:before{display:none}[data-theme="dark"] .hero-copy{background:#1d2b21}[data-theme="dark"] .header-search:focus-within{background:#202d24}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}