/* Native, page-local theme switch for HTML design review. */
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;margin:0;color:#59586b;cursor:pointer;border-radius:50%}
.theme-toggle:hover{background:var(--lavender)}
.theme-toggle input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.theme-toggle:has(input:focus-visible){outline:2px solid var(--purple);outline-offset:3px}
.theme-toggle .icon{width:22px;height:22px;pointer-events:none}
.theme-toggle .theme-sun{display:none}
.theme-toggle:has(input:checked) .theme-moon{display:none}
.theme-toggle:has(input:checked) .theme-sun{display:block}
.header-actions{gap:18px}
@media(max-width:1050px){.header-actions{gap:12px}}
@media(max-width:650px){
 .header-inner{height:auto;display:flex;flex-wrap:wrap;gap:13px;padding-block:14px}
 .header-actions{width:100%;justify-content:flex-end;gap:10px}
 .header-actions .signin{display:inline-flex;font-size:12px;margin-right:auto}
 .theme-toggle{flex-basis:32px;width:32px;height:34px}
}

body:has(#preview-dark-mode:checked){color-scheme:dark;--paper:#15141c;--ink:#f4f1fa;--muted:#b3adbf;--purple:#aa9cff;--purple-dark:#bcb1ff;--lavender:#302941;--line:#373141;--green:#88d1ad;--mint:#213b2e;--cream:#30261e;--shadow:0 10px 35px -20px #0009}
body:has(#preview-dark-mode:checked) .theme-toggle{color:#eee5c5}
body:has(#preview-dark-mode:checked) .preview-strip{background:#292435;color:#c8bfd9}
body:has(#preview-dark-mode:checked) .announcement{background:#100e18}
body:has(#preview-dark-mode:checked) :is(.site-header,.site-footer){background:#191720;border-color:var(--line)}
body:has(#preview-dark-mode:checked) :is(.hero-window,.floating-note,.mini-deal,.deal-card,.panel,.form-panel,.quote-card,.price-card,.buyer-card,.campaign-card,.workspace-sidebar,.workspace-header,.mobile-nav[open]>nav,.rank-picker-summary,.rank-option){background:#211e2b;border-color:var(--line)}
body:has(#preview-dark-mode:checked) .hero-orbit{background:radial-gradient(ellipse at 72% 20%,#3b2c61,#261f36 48%,#1d1928 85%);border-color:#393047}
body:has(#preview-dark-mode:checked) .window-toolbar{background:#211e2b;border-color:var(--line);color:var(--muted)}
body:has(#preview-dark-mode:checked) :is(.btn,.btn:hover,.claim-quote,.claim-quote:hover){background:#6552ef;border-color:#6552ef;color:white}
body:has(#preview-dark-mode:checked) .btn:hover{background:#7563f6;border-color:#7563f6}
body:has(#preview-dark-mode:checked) :is(.btn.secondary,.btn.secondary:hover){background:#272332;border-color:#484050;color:var(--ink)}
body:has(#preview-dark-mode:checked) :is(input:not([type=radio]):not([type=checkbox]),select,textarea,.newsletter-field){background:#211d2c;border-color:#484050;color:var(--ink)}
body:has(#preview-dark-mode:checked) input::placeholder{color:#a69caf}
body:has(#preview-dark-mode:checked) .rank-card{background:#1c1925;border-color:var(--line)}
body:has(#preview-dark-mode:checked) .rank-card.podium-1{background:#342b4f;border-color:var(--purple)}
body:has(#preview-dark-mode:checked) .rank-card.podium-2{background:#292338;border-color:#44375c}
body:has(#preview-dark-mode:checked) .rank-card.podium-3{background:#221e2d;border-color:#393145}
body:has(#preview-dark-mode:checked) :is(.best-deals-inline,.offer-mini,.compact-offer){background:#30261f;border-color:#594433}
body:has(#preview-dark-mode:checked) :is(.today-pill,.activity-pill){background:#25202f;border-color:#3d344c}
body:has(#preview-dark-mode:checked) .pill.purple{background:#392d53;border-color:#584576;color:#d6cbff}
body:has(#preview-dark-mode:checked) .rank-card .product-info h3 .pill.purple{color:#d6cbff}
body:has(#preview-dark-mode:checked) .pill.saving{background:#203d30;border-color:#365944;color:#a1e4bd}
body:has(#preview-dark-mode:checked) :is(.pill:not(.purple):not(.saving):not(.yearly),.rank-option:hover){background:#2c2538;border-color:var(--line);color:var(--ink)}
body:has(#preview-dark-mode:checked) .take-rank{background:#362952;border-color:#564478;color:#d6cbff}
body:has(#preview-dark-mode:checked) .side-menu a:not(.active),body:has(#preview-dark-mode:checked) :is(.side-label,.side-rank-position,.side-ranking strong,.side-ranking-heading h2,.ranking-sidebar .period-shortcut){color:var(--ink)}
body:has(#preview-dark-mode:checked) .side-menu a.active{background:#342948;color:#cabeff}
body:has(#preview-dark-mode:checked) .side-menu a:hover{background:#2b2439}
body:has(#preview-dark-mode:checked) :is(.rank-entry-heading>p,.row-meta,.rank-total>small,.renewal,.mini-deal-stock,.rank-option-position,.field-hint,.info-note){color:var(--muted)}
body:has(#preview-dark-mode:checked) .row-meta strong{color:var(--muted)}
body:has(#preview-dark-mode:checked) :is(.claim-intro .board-periods,.footer-bottom,.footer-col,.board-pagination){border-color:var(--line)}
body:has(#preview-dark-mode:checked) .board-pagination button{color:var(--ink)}
body:has(#preview-dark-mode:checked) .board-pagination button[aria-current]{color:white;background:#6552ef}
body:has(#preview-dark-mode:checked) .newsletter{background:#252031;border:1px solid #403649}
body:has(#preview-dark-mode:checked) .rank-option:has(input:checked){background:#342948;border-color:#aa9cff}
body:has(#preview-dark-mode:checked) .rank-selection-empty .btn:disabled{background:#2c2636;border-color:var(--line);color:#b2a9bf}