.theme-toggle{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;padding:8px;border:1px solid #dfe7d8;border-radius:8px;background:#f1f5ec;color:#416b4d;cursor:pointer}.theme-toggle:hover{background:#e5eddc}.theme-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-controls{gap:12px}.header>.theme-toggle{margin-left:0}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark;background:#111a16;color:#dfebe3;--green:#89d6ae;--muted:#a4b5aa;--line:#304238}
html[data-theme=dark] .tool-card,html[data-theme=dark] .admin-card{background:#19251e;border-color:#34483a;box-shadow:0 12px 35px #0002}
html[data-theme=dark] .side-panel,html[data-theme=dark] .how-section{background:#17271e;border-color:#304535}
html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .admin-card input[type=text],html[data-theme=dark] .admin-card input[type=url],html[data-theme=dark] .admin-card select{background:#111c16;color:#e0ece3;border-color:#3b5041}
html[data-theme=dark] textarea::placeholder,html[data-theme=dark] input::placeholder{color:#91a698;opacity:1}
html[data-theme=dark] .primary{background:#387e58;color:#fff}html[data-theme=dark] .primary:hover{background:#438f65}
html[data-theme=dark] .empty-state,html[data-theme=dark] .result{background:#14241a;border-color:#3c5340}
html[data-theme=dark] .copy{background:#22382a;border-color:#46604b;color:#a6e6be}html[data-theme=dark] .copy:hover{background:#2c4635}
html[data-theme=dark] .local-badge,html[data-theme=dark] .step-number{background:#263e2b;border-color:#3d5941;color:#b7ddbd}
html[data-theme=dark] .header .language-switch{background:#19291f;border-color:#36503e}html[data-theme=dark] .language-switch a[aria-current]{background:#35503d;color:#c1f1d3}
html[data-theme=dark] .theme-toggle{background:#263c2d;color:#c5e7b5;border-color:#415a43}html[data-theme=dark] .theme-toggle:hover{background:#314d39}
html[data-theme=dark] .admin-notice{background:#203b28;border-color:#395c40}html[data-theme=dark] .ad-frame{border-color:#486043;background:repeating-linear-gradient(135deg,#1a2b1e,#1a2b1e 9px,#1d3022 9px,#1d3022 18px)}
html[data-theme=dark] .header nav,html[data-theme=dark] .header-note,html[data-theme=dark] .eyebrow,html[data-theme=dark] .step-label,html[data-theme=dark] .field-hint,html[data-theme=dark] label>span,html[data-theme=dark] .settings,html[data-theme=dark] .settings summary span,html[data-theme=dark] .privacy-strip,html[data-theme=dark] .side-panel>p,html[data-theme=dark] .trust-list,html[data-theme=dark] .feature-line,html[data-theme=dark] .section-heading p,html[data-theme=dark] .steps p,html[data-theme=dark] .learning p,html[data-theme=dark] footer p,html[data-theme=dark] footer nav,html[data-theme=dark] footer small,html[data-theme=dark] .result-top,html[data-theme=dark] .remaining,html[data-theme=dark] .remove,html[data-theme=dark] .prose p,html[data-theme=dark] .prose li,html[data-theme=dark] .admin-intro,html[data-theme=dark] .admin-card p,html[data-theme=dark] .admin-card li,html[data-theme=dark] .admin-reset{color:#acbfae}
html[data-theme=dark] .side-panel>a,html[data-theme=dark] .trust-list span,html[data-theme=dark] .privacy-strip>span,html[data-theme=dark] .faq summary:after{color:#97cf9e}
html[data-theme=dark] .empty-state p,html[data-theme=dark] .empty-state small,html[data-theme=dark] .ad-label,html[data-theme=dark] .ad-placeholder,html[data-theme=dark] .ad-size{color:#a4b79e}
html[data-theme=dark] .code-placeholder{color:#6c8b70}html[data-theme=dark] .privacy-strip{border-color:#304535}html[data-theme=dark] .error{color:#ffb2a6}html[data-theme=dark] .progress{background:#304633}html[data-theme=dark] .progress span{background:#85bd88}html[data-theme=dark] .shield{background:#35583c;color:#b6e0a6}html[data-theme=dark] .orbit{border-color:#39553c}html[data-theme=dark] .spark{color:#7eaa72}html[data-theme=dark] .art-dot{background:#769b68}html[data-theme=dark] .toast{background:#345d42;color:#f0faf1}html[data-theme=dark] .clear-input{color:#b6c8b7}
@media(max-width:760px){.header-controls{gap:10px}.header>.theme-toggle{margin-left:auto}.header:has(>.language-switch)>.language-switch{margin-left:auto}.header:has(>.language-switch)>.theme-toggle{margin-left:0}}

html[data-theme=dark] .brand-icon{background:#387e58;color:#fff}html[data-theme=dark] .brand-dot{color:#89d6ae}