.theme-toggle{border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--ink);padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:40px}
.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
html[data-theme="light"]{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark;--ink:#e7eff9;--muted:#b8c8dc;--line:#42546d;--soft:#23344a;--white:#19283b;--blue:#59b6ff;--blue2:#84caff;--shadow:0 16px 45px rgba(0,0,0,.24)}
html[data-theme="dark"] body{background:#122033;color:var(--ink)}
html[data-theme="dark"] .content-pane{background:linear-gradient(135deg,#142338,#1c2d43)}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .sidebar{background:#19283b}
html[data-theme="dark"] :is(.cards article,.auth-card,.price-card,.download-card,.account-preview,.policy-prose,.brand-card,.steps>div,.quantity-card,.checkout-card,.license-summary div,.device-list article){background:#23344a;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.callout,.policy-notice){background:#263c54;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.nav-item,.legal-links button,.secondary,.mobile-menu,.price-card span,.auth-card label){color:var(--ink)}
html[data-theme="dark"] .nav-item:is(:hover,.active){background:#2b4662;color:#a5d8ff}
html[data-theme="dark"] :is(.eyebrow,.section-heading span,.text-button,.price-card strong,.policy-notice strong){color:#8bceff}
html[data-theme="dark"] a{color:#99d4ff}
html[data-theme="dark"] :is(.primary,.account-button){background:linear-gradient(135deg,#096bca,#084da8);color:#fff}
html[data-theme="dark"] .secondary,html[data-theme="dark"] :is(input,select,textarea){background:#17283c;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.launch-pill,.account-preview span,.trial-note strong,.steps b){background:#29445e;color:#c4e6ff;border-color:var(--line)}
html[data-theme="dark"] #installerDownload{background:#eff7ff;border-color:#7898ba}
html[data-theme="dark"] .download-verify{color:#bdcede}
html[data-theme="dark"] .brand{background:#f6fbff;border-radius:8px;padding:4px}
html[data-theme="dark"] dialog{background:#23344a;color:var(--ink);border-color:var(--line)}
@media(max-width:650px){.header-actions{gap:6px}.header-actions .product-pill{display:none}.theme-toggle{font-size:12px;padding:8px}.topbar .brand{width:130px;flex-shrink:1}.header-actions .account-button{font-size:12px;padding:10px}}

/* Dark surfaces need transparent logo containers and light lettering.
   Screen blending suppresses pale raster canvases after colour inversion,
   while hue rotation keeps the blue/cyan brand family. */
html[data-theme="dark"] .brand{background:transparent;padding:0}
html[data-theme="dark"] #installerDownload{background:#17283c;border-color:#7898ba}
html[data-theme="dark"] #installerDownload:hover{background:#29445e}
html[data-theme="dark"] img:is(.zaiclox5-wordmark,.inline-logo,.tools-wordmark,.product-wordmark,.account-product-logo,.installer-download-logo),
html[data-theme="dark"] :is(.brand-card,.product-pill,.download-card,.individual-tool-logo) img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
html[data-theme="dark"] .brand-card{background:transparent}

html[data-theme="dark"] :is(.nav-item,.tools-brand-mark,.brand-eyebrow) img{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}

/* Light mode keeps the original blue artwork without a separate pale panel. */
html:not([data-theme="dark"]) #installerDownload{background:transparent;border-color:#87b9e5;box-shadow:0 4px 14px rgba(29,104,167,.08);transition:border-color .18s,box-shadow .18s,background .18s}
html:not([data-theme="dark"]) #installerDownload:hover{background:rgba(8,119,232,.035);border-color:#0877e8;box-shadow:0 6px 20px rgba(29,104,167,.16)}
html:not([data-theme="dark"]) #installerDownload .installer-download-logo{mix-blend-mode:multiply}

/* The home Download call to action keeps the product lettering legible. */
html:not([data-theme="dark"]) button.primary[data-page="download"]{background:#fff;color:#075ac7;border:1px solid #b8d8f7;box-shadow:0 4px 14px rgba(29,104,167,.08)}
html:not([data-theme="dark"]) button.primary[data-page="download"]:hover{background:#f8fbff;border-color:#0877e8}

/* Preserve the original blended installer artwork on themed surfaces. */
html[data-theme="dark"] #installerDownload .installer-download-logo{filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}

/* Account and supporting panels use the same readable dark palette. */
html[data-theme="dark"] :is(.status-card,.account-details,.purchase-panel,.devices-panel,.verification-card,.dashboard-card){background:#23344a;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] :is(.offer-box,.volume-note){background:#263c54;border-color:var(--line)}
html[data-theme="dark"] :is(.status-days,.offer-box span,.offer-box small,.account-details dt,.dashboard-card span,.dashboard-card small,.dashboard-status,.checkout-card>div span,.field-label,.fineprint,.trial-note){color:var(--muted)}
html[data-theme="dark"] :is(.account-details dd,.checkout-card>div strong){color:var(--ink)}
html[data-theme="dark"] :is(.offer-box strong,.dashboard-card strong,.license-summary strong,.checkout-card .total-row strong,.cards article>b){color:#8bceff}
html[data-theme="dark"] :is(.account-details dl div,.checkout-card>div){border-color:var(--line)}
html[data-theme="dark"] :is(.journey-step,.status-badge){background:#29445e;color:#c4e6ff;border-color:#7898ba}
html[data-theme="dark"] :is(.journey-step.done,.device-active){background:#183f36;color:#9de4bc;border-color:#43886c}
html[data-theme="dark"] .journey-step.current{background:#204a70;color:#d6eeff;border-color:#7898ba}
html[data-theme="dark"] .verified-mark{color:#9de4bc}
html[data-theme="dark"] .status-card[data-state="paid"] :is(.status-badge,.offer-box){background:#183f36;color:#9de4bc;border-color:#43886c}
html[data-theme="dark"] .status-card[data-state="paid"] .offer-box strong{color:#9de4bc}
html[data-theme="dark"] .status-card[data-state="expired"] .status-badge{background:#582d36;color:#ffd3d8}
html[data-theme="dark"] .panel-close{background:#29445e;color:#e7eff9}
html[data-theme="dark"] .guide-skip{background:#19283b;color:#c4e6ff}
html[data-theme="dark"] :is(.nav-section-label,.nav-item span){color:#b8c8dc}
html[data-theme="dark"] .nav-item.active span{color:#c4e6ff}