:root{--bg:#0b0c0f;--panel:#13151a;--panel2:#191c22;--text:#f4f4f0;--muted:#999da7;--line:#2a2d35;--accent:#d7f36b;--accent-dark:#a9c744;--hero-one:#151a20;--hero-two:#26323b;--hero-three:#555344;--accent-soft:#1b2115}
html.theme-midnight{--bg:#0b0c0f;--panel:#13151a;--panel2:#191c22;--text:#f4f4f0;--muted:#999da7;--line:#2a2d35;--accent:#d7f36b;--accent-dark:#a9c744;--hero-one:#151a20;--hero-two:#26323b;--hero-three:#555344;--accent-soft:#1b2115}
html.theme-cream{--bg:#f5f1e9;--panel:#fffdf8;--panel2:#eee8dc;--text:#302e28;--muted:#77746a;--line:#ddd5c7;--accent:#537a59;--accent-dark:#3e6245;--hero-one:#d8e2d2;--hero-two:#a9c3a5;--hero-three:#d3b99e;--accent-soft:#e7eee2}
html.theme-ocean{--bg:#10212a;--panel:#172c35;--panel2:#203943;--text:#edf5f4;--muted:#a3b8ba;--line:#34515a;--accent:#83c8ce;--accent-dark:#5ea9b1;--hero-one:#193943;--hero-two:#34747d;--hero-three:#758d9c;--accent-soft:#1e3941}
html.theme-mist{--bg:#e8f0f3;--panel:rgba(250,253,254,.84);--panel2:#d9e7eb;--text:#203b49;--muted:#617b86;--line:rgba(62,104,122,.22);--accent:#4d91a4;--accent-dark:#367589;--hero-one:#bdd8e1;--hero-two:#8bb8c8;--hero-three:#809cae;--accent-soft:rgba(194,220,227,.8)}
html.theme-coral{--bg:#211819;--panel:#2b2020;--panel2:#382727;--text:#fbf1eb;--muted:#c0a9a2;--line:#594241;--accent:#ef9b7e;--accent-dark:#d77b61;--hero-one:#402c32;--hero-two:#9b5c59;--hero-three:#d09b71;--accent-soft:#3b2827}
.appearance-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.appearance-button:hover{color:var(--text)}.palette-icon{color:var(--accent);font-size:16px}.theme-panel{position:fixed;top:69px;right:max(18px,calc((100vw - var(--max))/2 + 18px));width:300px;padding:22px;background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.32);z-index:8;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.theme-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.theme-panel-head{display:flex;justify-content:space-between;align-items:start}.theme-panel-head .eyebrow{margin-bottom:7px}.theme-panel-head h2{font-size:19px;margin:0}.theme-panel-head button{background:none;border:0;color:var(--muted);font-size:22px;cursor:pointer}.theme-panel-copy{color:var(--muted);font-size:11px;line-height:1.6;margin:15px 0 17px}.theme-options{display:grid;gap:8px}.theme-option{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer}.theme-option:hover,.theme-option.selected{border-color:var(--accent-dark);background:var(--panel2)}.theme-option b,.theme-option small{display:block}.theme-option b{font-size:12px}.theme-option small{color:var(--muted);font-size:10px;margin-top:2px}.theme-option i{font-style:normal;color:var(--accent);margin-left:auto;opacity:0}.theme-option.selected i{opacity:1}.swatch{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.16)}.swatch-midnight{background:linear-gradient(135deg,#11151b 50%,#d7f36b 51%)}.swatch-cream{background:linear-gradient(135deg,#fffaf2 50%,#c86b3c 51%)}.swatch-ocean{background:linear-gradient(135deg,#0d2028 50%,#7ee2d0 51%)}.swatch-coral{background:linear-gradient(135deg,#251719 50%,#ff9d7a 51%)}
.hero-art{border-color:var(--line);background:linear-gradient(140deg,var(--hero-one),var(--hero-two) 46%,var(--hero-three))}.membership-section{border-color:var(--accent-dark);background:linear-gradient(100deg,var(--accent-soft),var(--panel))}
.category-grid{grid-template-columns:1fr;gap:10px}.category-card{min-height:112px;display:grid;grid-template-columns:minmax(190px,.8fr) 1.8fr;align-items:center;gap:28px;padding:18px 22px}.category-main{display:flex;flex-direction:column;gap:7px}.category-main strong{order:3}.category-main span{order:4}.category-main b{font-size:21px}.subcategory-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.subcategory-list button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:9px 13px;font-size:11px;cursor:pointer}.subcategory-list button:hover{border-color:var(--accent-dark);color:var(--text)}.subcategory-list .add-subcategory{border-style:dashed;color:var(--accent);font-size:16px;padding:5px 12px}.theme-mist .category-card,.theme-mist .theme-panel{backdrop-filter:blur(14px)}
.swatch-mist{background:linear-gradient(135deg,#dcebea 50%,#6daeb2 51%)}
@media(max-width:800px){.appearance-button span:last-child{display:none}.theme-panel{top:62px;right:14px;left:14px;width:auto}.category-card{grid-template-columns:1fr;gap:14px}.subcategory-list{justify-content:flex-start}}
.swatch-midnight{background:linear-gradient(135deg,#11151b 50%,#d7f36b 51%)}
.swatch-cream{background:linear-gradient(135deg,#fffdf8 50%,#537a59 51%)}
.swatch-ocean{background:linear-gradient(135deg,#172c35 50%,#83c8ce 51%)}
.swatch-mist{background:linear-gradient(135deg,#e8f0f3 50%,#4d91a4 51%)}
.swatch-coral{background:linear-gradient(135deg,#2b2020 50%,#ef9b7e 51%)}