/* Light workspace, dark result: separate controls from the answer. */
:root{--paper:#f0f2f7;--ink:#22283c;--muted:#5a647c;--line:#d2d8e4;--white:#fff}body{background:#f0f2f7;background-image:none;color:#22283c}header{border-color:#cfd6e3}.brand{color:#262d43}nav{color:#515e78}.nav-cta{background:#e9e4fa;border-color:#a393c7;color:#49356e}.nav-cta:hover{background:#ddd4f2}.hero h1{color:#242b40}.hero-description{color:#58637c}.hero h1 .heading-accent,.section h2,.article h2{background-image:linear-gradient(100deg,#3659aa 0%,#7044a5 30%,#a33e70 60%,#9d4c24 82%,#246e5a 100%);color:#593a8e}.panel{background:#fff;border-color:#b8c1d3;box-shadow:0 3px 14px #25345b05}.step-label{color:#3c3156}.step-number{background:#eee8fa;border-color:#af9acb;color:#68458d}.appliance{background:#f5f6fa;border-color:#c1c9d9;color:#45516b}.appliance:hover{background:#eeebf8;border-color:#9b88bc}.appliance.active{background:#e9e1f8;border-color:#8e6daf;color:#44295f}.appliance.active svg,.appliance.active:after{color:#70458d}.appliance:nth-child(1) svg{color:#985d42}.appliance:nth-child(2) svg{color:#6e62a1}.appliance:nth-child(3) svg{color:#3b7a7e}.appliance:nth-child(4) svg{color:#9b7838}.appliance:nth-child(5) svg{color:#7b6495}.appliance:nth-child(6) svg{color:#63718c}.divider{border-color:#d4dbe7}.field label,.label{color:#39445d}.input-box input,.field select{background:#f6f8fc;border-color:#aebbd0;color:#26344e;box-shadow:none}.input-box input::placeholder{color:#7c89a0}.input-box input:focus,.field select:focus{background:white;border-color:#8d67b7}.input-box .unit{color:#65738c}.helper{color:#64718b}.helper a,.rate-details summary{color:#6c4797}.rate-details p{color:#56657f}.mode-switch{background:#eef1f7;border-color:#bdc8db}.mode-switch button{color:#586781}.mode-switch button.active{background:#ded5ef;color:#513570}.advanced summary,.input-assumptions summary{color:#654b84}.calc-note,.input-assumptions .calc-note{background:#f2f4f9;border-color:#cdd6e5;color:#5b6881}.compact-trust{color:#616e88}.compact-trust a,.body-copy a{color:#654592}.section{border-color:#cbd4e3}.section-header p{color:#586782}.subtle{color:#63728d}.plain-button,.household-row button{background:#fff;border-color:#b4bfd3;color:#56406f}.plain-button:hover,.household-row button:hover{background:#eee8f7}#list-empty{background:#fafbfe;border-color:#bdc8db;color:#606f89}.household-row{border-color:#d0d8e6}.household-appliance strong{color:#3c3154}.household-appliance p{color:#66758e}.household-value strong,.household-total{color:#9c4c2e}.household-value small{color:#65738c}.household-total:before,#household-note{color:#5e6c85}.share-track{background:#dfe4ef}.share-track i{background:#9471bd}.guide-card{background:#fff;border-color:#b8c4d8}.guide-card:hover{border-color:#8d70b1}.guide-art{background:#f2e8e6}.guide-card:nth-child(2) .guide-art{background:#e9e7f5}.guide-card:nth-child(3) .guide-art{background:#e1efec}.guide-card:nth-child(4) .guide-art{background:#f2ebde}.guide-card:nth-child(5) .guide-art{background:#eee6f3}.guide-art svg{color:#996c71}.guide-card:nth-child(2) .guide-art svg{color:#7f72a7}.guide-card:nth-child(3) .guide-art svg{color:#4b8278}.guide-card:nth-child(4) .guide-art svg{color:#9a794b}.guide-card:nth-child(5) .guide-art svg{color:#866b9c}.guide-text .tag{color:#6d5a86}.guide-text h3{color:#503b71}.guide-card:nth-child(1) .guide-text h3{color:#8b513e}.guide-card:nth-child(3) .guide-text h3{color:#306d60}.guide-text h3 span{color:#835797}.guide-text p{color:#5e6c85}.body-copy{color:#5a6983}.formula{background:#eae5f5;border-color:#ae9bc9}.formula code{color:#563777}.formula p{color:#655978}.faq summary{color:#3e3355}.faq summary:after{color:#845caa}.faq p{color:#5d6c85}.faq details{border-color:#ccd5e5}.article h1{color:#3e3157}.article p,.article li{color:#56667f}.article a{color:#694493}.article th{background:#e7e1f3;color:#503a70}.article th,.article td{border-color:#cdd5e4}.article .primary-link{background:#e7dff5;border-color:#b19bc9;color:#50326f}.breadcrumb{color:#6c7892}footer{border-color:#cad3e2}footer .brand{color:#37415a}footer p{color:#68768e}footer .footer-links{color:#6c4b8a}.error{background:#fff1e9;color:#a03e1e;border-color:#d99a7e}.toast{background:#e6dcf5;color:#493361;border-color:#a68ac2}input,select{color-scheme:light}
/* Keep costs and savings in their own high-contrast panels. */
.result{background:linear-gradient(140deg,#2c2948,#1b253c 80%);border-color:#8a76ad;box-shadow:0 5px 18px #26305214;color:#f3ecff}.result .eyebrow{color:#d7bbff}.result .live{color:#a8d7bc}.result .big-cost{color:#ffc5a6}.result .result-caption{color:#c6cee3}.result .period-tabs{background:#171e31;border-color:#64617e}.result .period-tabs button{color:#c2c8dc}.result .period-tabs button.active{background:#685185;color:#f6eaff}.result .result-actions button{color:#d3cee8;border-color:#74718e}.result .result-actions button:hover:enabled{background:#3b3855}.result .result-actions:last-child button{color:#211c37;background:#c2abf3;border-color:#cfb7ff}.result .result-actions:last-child button:hover:enabled{background:#d4bfff}.result .result-stats strong{color:#ded1ff}.result .cost-breakdown strong{color:#e5d1f3}.saving{background:#e2f0eb;border-color:#75a494;color:#244b40}.saving-heading{color:#265448}.saving p,.saving p:last-child{color:#507267}.saving-controls output{color:#345f51}.saving-total{color:#456d5e;border-color:#a2c6b7}.saving-total strong{color:#247356}.saving input[type=range]{accent-color:#437f69}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#8050a8}