.header-actions{display:flex;align-items:center;gap:18px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 13px;border:2px solid #9b89b4;border-radius:8px;background:#fff;color:#4e326f;font:600 13px Jakarta,Arial,sans-serif;cursor:pointer;white-space:nowrap}.theme-toggle span{font-size:18px;line-height:1}.theme-toggle:hover{background:#ece4f7}
html[data-theme=dark]{--paper:#111827;--ink:#edf0fa;--line:#47516b;--muted:#bac4d8;--white:#202a3d}
html[data-theme=dark] body{background:#111827;color:#edf0fa}html[data-theme=dark] header,html[data-theme=dark] footer{border-color:#46516b}html[data-theme=dark] .brand{color:#f0f0ff}html[data-theme=dark] nav{color:#c0c9dd}html[data-theme=dark] .nav-cta{background:#39304f;border-color:#9f81c1;color:#e7d5ff}html[data-theme=dark] .theme-toggle{background:#28334a;border-color:#8898b7;color:#eee7ff}html[data-theme=dark] .theme-toggle:hover{background:#3a3c59}html[data-theme=dark] .hero h1{color:#f3f2ff}html[data-theme=dark] .hero-description{color:#c1c9de}
html[data-theme=dark] .hero h1 .heading-accent,html[data-theme=dark] .section h2,html[data-theme=dark] .article h2{background-image:linear-gradient(100deg,#b6c8ff,#c8b2ff 30%,#f0b7d5 60%,#ffd0a7 82%,#b7e8d3);color:#d6c5ff}html[data-theme=dark] .panel{background:#202a3d;border-color:#75839f}html[data-theme=dark] .step-label{color:#eee3ff}html[data-theme=dark] .step-number{background:#48375d;border-color:#ae8fc8;color:#f0ddff}html[data-theme=dark] .appliance{background:#182337;border-color:#6d7b97;color:#d3dcf1}html[data-theme=dark] .appliance:hover{background:#35314d;border-color:#a98bd0}html[data-theme=dark] .appliance.active{background:#51416d;border-color:#c6a0ed;color:#fff0ff}html[data-theme=dark] .appliance svg{color:#bdb3d6}html[data-theme=dark] .appliance:nth-child(1) svg{color:#efb597}html[data-theme=dark] .appliance:nth-child(2) svg{color:#c7b4f2}html[data-theme=dark] .appliance:nth-child(3) svg{color:#98d2ca}html[data-theme=dark] .appliance:nth-child(4) svg{color:#dfc18e}html[data-theme=dark] .appliance:nth-child(5) svg{color:#d2a6df}html[data-theme=dark] .appliance.active svg,html[data-theme=dark] .appliance.active:after{color:#e7ceff}html[data-theme=dark] .divider{border-color:#52617a}
html[data-theme=dark] .field label,html[data-theme=dark] .label{color:#deddf0}html[data-theme=dark] .input-box input,html[data-theme=dark] .field select{background:#111d31;border-color:#8292af;color:#f0f2fc;color-scheme:dark}html[data-theme=dark] .input-box input:focus,html[data-theme=dark] .field select:focus{background:#202a42;border-color:#ceb0ef}html[data-theme=dark] .input-box input::placeholder{color:#a3b0c8}html[data-theme=dark] .input-box .unit{color:#b3bfd6}html[data-theme=dark] .helper{color:#b6c2d8}html[data-theme=dark] .helper a,html[data-theme=dark] .rate-details summary{color:#d3b4f1}html[data-theme=dark] .rate-details p{color:#bdc9df}html[data-theme=dark] .mode-switch{background:#152136;border-color:#7e8ba7}html[data-theme=dark] .mode-switch button{color:#c5cce1}html[data-theme=dark] .mode-switch button.active{background:#624c7c;color:#faeaff}html[data-theme=dark] .advanced summary,html[data-theme=dark] .input-assumptions summary{color:#d3b8ed}html[data-theme=dark] .calc-note{background:#172337;border-color:#64728d;color:#c4cde0}html[data-theme=dark] .result{background:linear-gradient(140deg,#302a4b,#19253c 80%);border-color:#ac8ec5;color:#f3ecff}
html[data-theme=dark] .saving{background:#1b3937;border-color:#7da897}html[data-theme=dark] .saving-heading{color:#c5f1dd}html[data-theme=dark] .saving p{color:#b8d4ca}html[data-theme=dark] .saving-total{border-color:#5a8575;color:#c0dfd0}html[data-theme=dark] .saving-total strong{color:#a6edc9}html[data-theme=dark] .saving-controls output{color:#c7efd8}html[data-theme=dark] .saving input{accent-color:#9bdbb9}
html[data-theme=dark] .compact-trust,html[data-theme=dark] .section-header p,html[data-theme=dark] .subtle{color:#b9c5dc}html[data-theme=dark] .compact-trust a,html[data-theme=dark] .body-copy a{color:#d1b0f2}html[data-theme=dark] .section{border-color:#485671}html[data-theme=dark] #household{background:#202a3d;border-color:#7c8ba7}html[data-theme=dark] .household-row{border-color:#53617d}html[data-theme=dark] .household-appliance strong{color:#efe3fc}html[data-theme=dark] .household-appliance p,html[data-theme=dark] .household-value small{color:#bdcbe1}html[data-theme=dark] .household-value strong,html[data-theme=dark] .household-total{color:#ffc1a3}html[data-theme=dark] .household-total:before,html[data-theme=dark] #household-note{color:#cccee0}html[data-theme=dark] #household-summary{background:#302b46;border-color:#9680b1}html[data-theme=dark] #list-empty{background:#18243a;border-color:#8292ac;color:#c1cce1}html[data-theme=dark] .plain-button,html[data-theme=dark] .household-row button,html[data-theme=dark] #household-summary .plain-button{background:#39304f;border-color:#a68abd;color:#f0ddff}html[data-theme=dark] .share-track{background:#45506b}html[data-theme=dark] .share-track i{background:#bb9be8}
html[data-theme=dark] .guide-card{background:#202a3d;border-color:#7a88a4}html[data-theme=dark] .guide-art{background:#49383e}html[data-theme=dark] .guide-card:nth-child(2) .guide-art{background:#39334e}html[data-theme=dark] .guide-card:nth-child(3) .guide-art{background:#29453f}html[data-theme=dark] .guide-card:nth-child(4) .guide-art{background:#4a4130}html[data-theme=dark] .guide-card:nth-child(5) .guide-art{background:#43334e}html[data-theme=dark] .guide-art svg{color:#e9bbc3}html[data-theme=dark] .guide-card:nth-child(2) svg{color:#c7b5ee}html[data-theme=dark] .guide-card:nth-child(3) svg{color:#a3d8c9}html[data-theme=dark] .guide-card:nth-child(4) svg{color:#ddc08c}html[data-theme=dark] .guide-card:nth-child(5) svg{color:#d8b0eb}html[data-theme=dark] .guide-text .tag{color:#cfb7ea}html[data-theme=dark] .guide-text h3{color:#e5d3ff}html[data-theme=dark] .guide-card:first-child .guide-text h3{color:#f3c6b2}html[data-theme=dark] .guide-card:nth-child(3) .guide-text h3{color:#b5e2d5}html[data-theme=dark] .guide-text h3 span{color:#d7b4eb}html[data-theme=dark] .guide-text p,html[data-theme=dark] .body-copy,html[data-theme=dark] .faq p{color:#bdcbe1}html[data-theme=dark] .formula{background:#352c4b;border-color:#a789c0}html[data-theme=dark] .formula code{color:#e2c6fb}html[data-theme=dark] .formula p{color:#c9bddc}html[data-theme=dark] .faq summary{color:#eadff5}html[data-theme=dark] .faq summary:after{color:#d0adee}html[data-theme=dark] .faq details{border-color:#53627e}html[data-theme=dark] footer .brand{color:#e6e7fa}html[data-theme=dark] footer p{color:#b2bfd7}html[data-theme=dark] footer .footer-links{color:#d6b9ef}
html[data-theme=dark] .article h1{color:#ead9ff}html[data-theme=dark] .article p,html[data-theme=dark] .article li{color:#bdcbe1}html[data-theme=dark] .article a,html[data-theme=dark] .breadcrumb{color:#d3b6f0}html[data-theme=dark] .article th{background:#3a3050;color:#e6d3f9}html[data-theme=dark] .article td,html[data-theme=dark] .article th{border-color:#60708c}html[data-theme=dark] .article .primary-link{background:#4c395f;color:#f0dfff;border-color:#b18ecb}html[data-theme=dark] .toast{background:#49375e;color:#f5e8ff;border-color:#b69acf}html[data-theme=dark] .error{background:#4b2f28;color:#ffd6bd;border-color:#ce997f}
@media(max-width:760px){.header-actions{gap:10px}.header-actions nav{display:none}.theme-toggle{font-size:12px;padding:8px 11px;min-height:39px}.header-actions>.nav-cta{display:none}}