:root{--perks-bg:#f5f5f3;--perks-surface:#fff;--perks-soft:#edeee7;--perks-text:#191a1b;--perks-muted:#676b62;--perks-border:#d9dcd3;--perks-accent:#e6ff32;--perks-link:#4e38b2;color-scheme:light}
html[data-theme="dark"]{--perks-bg:#131512;--perks-surface:#1e211b;--perks-soft:#282c23;--perks-text:#f2f4eb;--perks-muted:#b5bdab;--perks-border:#393f32;--perks-link:#e6ff32;color-scheme:dark;background:var(--perks-bg);color:var(--perks-text)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 11px;border:1px solid var(--perks-border);border-radius:7px;background:transparent;color:var(--perks-text);font:inherit;cursor:pointer;min-height:38px}
.theme-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.header nav .theme-toggle span{margin:0}
.theme-toggle:hover{background:var(--perks-soft)}
html[data-theme="dark"] .perks-wordmark{filter:invert(1)}
html[data-theme="dark"] .header,html[data-theme="dark"] .toolbar,html[data-theme="dark"] .note,html[data-theme="dark"] footer,html[data-theme="dark"] .guide-panel,html[data-theme="dark"] .tips{border-color:var(--perks-border)}
html[data-theme="dark"] .intro-bottom p,html[data-theme="dark"] .membership small,html[data-theme="dark"] .collection-label,html[data-theme="dark"] .section-head p,html[data-theme="dark"] .how-steps p,html[data-theme="dark"] .guide-explainer,html[data-theme="dark"] .application-checklist,html[data-theme="dark"] .guide-reminder p,html[data-theme="dark"] .phase ul,html[data-theme="dark"] .tips ul,html[data-theme="dark"] .note,html[data-theme="dark"] footer,html[data-theme="dark"] .detail-copy,html[data-theme="dark"] .review-date,html[data-theme="dark"] #empty,html[data-theme="dark"] .partner-disclaimer{color:var(--perks-muted)}
html[data-theme="dark"] .intro-bottom strong,html[data-theme="dark"] .collection-label>span:last-child,html[data-theme="dark"] .note h3,html[data-theme="dark"] .note a,html[data-theme="dark"] .detail-copy h2,html[data-theme="dark"] .guide-panel summary{color:var(--perks-text)}
html[data-theme="dark"] .search,html[data-theme="dark"] .how-steps li,html[data-theme="dark"] .redeem{background:var(--perks-surface);border-color:var(--perks-border);color:var(--perks-text)}
html[data-theme="dark"] .search input{color:var(--perks-text)}
html[data-theme="dark"] .search input::placeholder{color:var(--perks-muted)}
html[data-theme="dark"] .browse-title span,html[data-theme="dark"] .phase,html[data-theme="dark"] .guide-reminder{background:var(--perks-soft);color:var(--perks-text)}
html[data-theme="dark"] .filters button{border-color:var(--perks-border);color:var(--perks-muted)}
html[data-theme="dark"] .filters button:hover{background:var(--perks-soft)}
html[data-theme="dark"] .filters button[aria-pressed=true],html[data-theme="dark"] .join{background:var(--perks-accent);color:#171b12;border-color:var(--perks-accent)}
html[data-theme="dark"] .step-number{background:#384126;color:var(--perks-accent)}
html[data-theme="dark"] .period{color:var(--perks-accent)}
html[data-theme="dark"] .dot{background:var(--perks-accent)}
html[data-theme="dark"] .theme-5{background:#272b24;color:var(--perks-text);border-color:#42483b}
html[data-theme="dark"] .redeem>a:not(.perk-gold):not(.quiet){background:var(--perks-accent);color:#171b12}
html[data-theme="dark"] .redeem .quiet{background:var(--perks-soft);color:var(--perks-text)}
html[data-theme="dark"] .exclusive-detail-note{background:#312b1b;border-color:#665429;color:#f3da9d}
html[data-theme="dark"] a:focus-visible,html[data-theme="dark"] button:focus-visible,html[data-theme="dark"] input:focus-visible,html[data-theme="dark"] summary:focus-visible{outline-color:var(--perks-accent)}
@media(max-width:520px){.header nav{gap:9px}.theme-toggle{width:35px;height:35px;min-height:35px;padding:8px}.theme-toggle [data-theme-label]{display:none}.header nav .join{padding:10px 12px}.header nav .sign-in{font-size:11px;white-space:nowrap}}
@media(max-width:360px){.header{padding:16px}.header .perks-brand{width:130px}.header .brand .perks-wordmark{width:96px!important}.header .brand .perks-mark,.header .perks-brand .perks-mark-wrap{width:28px!important;height:28px!important}.header nav{gap:7px}.header nav .join{padding:9px;font-size:10px}}

html[data-theme="dark"] .perks-mark-wrap{background:#e6ff32;border-radius:7px}