/* One saved palette across every customer screen. Browsing never changes it. */
:root[data-theme]{--ink:#344f3e;--muted:#65705f;--paper:#f8f6ef;--line:#d9ddce;--lime:#dfe9c7;--mint:#e4ead9;--lilac:#e5e9dc;--surface:#fcfcf6;--accent:#657954;--green:var(--ink);--cream:var(--paper);--white:var(--surface)}
:root[data-theme="lifestyle"]{--ink:#655345;--muted:#77695d;--paper:#f7f1e9;--line:#e2d8cc;--lime:#e7d7c5;--mint:#ece2d5;--lilac:#e8ddd0;--surface:#fffbf5;--accent:#896648}
:root[data-theme="toys"]{--ink:#51446e;--muted:#756786;--paper:#f6f3fc;--line:#e3dced;--lime:#e4daf7;--mint:#eae3f5;--lilac:#e5ddf7;--surface:#fdfbff;--accent:#7d5aa1}
:root[data-theme="cars"]{--ink:#334e63;--muted:#607583;--paper:#f0f5f8;--line:#d9e3e9;--lime:#d9e6ee;--mint:#e0eaf0;--lilac:#dce5ef;--surface:#f9fcff;--accent:#4d728e}
[data-theme] .member-card,[data-theme] .wallet-card{background:var(--mint)}
[data-theme] .checkin{background:var(--lilac)}
[data-theme] .checkin .button{background:var(--lime);color:var(--ink)}
[data-theme] .mini-banner{border-color:var(--line);color:var(--muted)}
[data-theme] .mini-banner b{color:var(--ink)}
[data-theme] .panel,[data-theme] .mobile-nav{background:var(--surface)}
[data-theme] .notice{background:var(--mint);color:var(--ink)}
[data-theme] .hero-copy h1 em{color:var(--accent)}
[data-theme] .tier-box.selected{background:var(--lilac);border-color:var(--accent)}
[data-theme] .slot.available{background:var(--surface);border-color:var(--accent)}
[data-theme] input,[data-theme] select,[data-theme] textarea{accent-color:var(--ink)}
.appearance-panel{margin-bottom:24px}
.appearance-panel .eyebrow{color:var(--accent)}
.appearance-panel h3{margin-top:8px}
.appearance-options{border:0;margin:24px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.appearance-options legend{font-size:12px;font-weight:600;margin-bottom:12px}
.appearance-choice{position:relative;cursor:pointer;min-width:0}
.appearance-choice input{position:absolute;top:16px;right:14px;width:16px;height:16px;margin:0}
.appearance-choice>span{display:flex;flex-direction:column;gap:8px;padding:18px 14px;border:1px solid var(--line);border-radius:14px;height:100%;background:var(--paper)}
.appearance-choice input:checked+span{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:var(--mint)}
.appearance-choice input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}
.appearance-choice b{font-size:14px}.appearance-choice small{color:var(--muted);font-size:11px;line-height:1.5}
.appearance-swatches{display:flex;margin-bottom:14px;padding-right:22px}
.appearance-swatches i{width:25px;height:25px;border-radius:50%;border:2px solid var(--surface);margin-right:-5px;background:var(--swatch)}
.appearance-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.appearance-actions p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:800px){.appearance-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body{transition:none}}
[data-theme] .order-card,[data-theme] .slot-scroller,[data-theme] .form-field input,[data-theme] .form-field select,[data-theme] .option-row span,[data-theme] .hour-options span,[data-theme] .pay-options span,[data-theme] .amount-grid span,[data-theme] .coupon-row input,[data-theme] .interest-card,[data-theme] .interest-card.picked .interest-icon,[data-theme] .wallet-card .button.lime{background:var(--surface)}
[data-theme] .empty,[data-theme] .discover-card,[data-theme] .wallet-balance{background:var(--mint);border-color:var(--line)}
[data-theme] .option-row input:checked+span,[data-theme] .hour-options input:checked+span,[data-theme] .pay-options input:checked+span,[data-theme] .amount-grid input:checked+span,[data-theme] .interest-card.picked,[data-theme] .day.current b,[data-theme] .day.checked b{background:var(--lime);border-color:var(--accent)}
[data-theme] .add-round{border-color:var(--line)}
[data-theme] .search:focus-within{outline-color:var(--accent)}