:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f3f6f8;--surface:#fff;--ink:#10243a;--muted:#475a6e;--line:#d3dce4;--field-line:#6b7c8d;--brand:#0f3a5f;--on-brand:#fff;--sun:#f4a900;--on-sun:#10243a;--link:#0b5cad;--focus:#0b5cad;--error:#b3261e;--selected:#e8f0f7;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:12px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a1522;--surface:#11233a;--ink:#e9eff5;--muted:#a3b3c4;--line:#27405a;--field-line:#7389a0;--brand:#0a1522;--on-brand:#e9eff5;--sun:#f4b21e;--on-sun:#0a1522;--link:#8ec1f5;--focus:#f4b21e;--error:#ff9c94;--selected:#1a3350}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:1rem/1.5 var(--font);margin:0}.wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 16px}.site-header{background:var(--brand);color:var(--on-brand);border-bottom:1px solid var(--line)}.site-header .wrap{align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}.logo{color:var(--sun);flex:none}.site-header h1{letter-spacing:.01em;margin:0;font-size:1.375rem;line-height:1.2}.site-header p{opacity:.9;margin:0;font-size:.875rem}main{min-height:100dvh;padding-top:32px;padding-bottom:48px}h2{margin:0 0 8px;font-size:1.5rem;line-height:1.25}h2:focus{outline:none}h3{margin:0 0 4px;font-size:1.25rem;line-height:1.3}h4{letter-spacing:.02em;margin:24px 0 8px;font-size:.875rem;line-height:1.3}.lead{max-width:40rem;color:var(--muted);margin:0 0 24px}.hint,.note{color:var(--muted);margin:4px 0 0;font-size:.875rem}a,.link{color:var(--link)}.step{max-width:34rem}.step-count{color:var(--muted);margin:0 0 8px;font-size:.875rem;font-weight:600}.progress{gap:4px;margin-bottom:16px;display:flex}.progress span{background:var(--line);border-radius:2px;flex:1;height:4px}.progress span.on{background:var(--sun)}.noscript{background:var(--sun);color:var(--on-sun);margin:0;padding:12px 16px;font-weight:700}.notice{border-radius:var(--radius);background:var(--selected);margin:0 0 16px;padding:12px 16px;font-weight:600}.utility-note{margin:-8px 0 24px}.field{margin-bottom:24px}label{margin-bottom:8px;font-weight:600;display:block}input[type=text],select{border:1px solid var(--field-line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:8px 12px;display:block}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);border-width:2px}.input-affix{border:1px solid var(--field-line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:0 12px;display:flex}.input-affix:focus-within{outline:3px solid var(--focus);outline-offset:2px}.input-affix input{background:0 0;border:0;outline:0;padding-left:0;padding-right:0}.input-affix span{color:var(--muted);font-weight:600}.input-affix:has(input[aria-invalid=true]){border-color:var(--error);border-width:2px}.live{min-height:1.5em;margin:8px 0 0;font-weight:600}.rate-note{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.rate-note p{margin:0 0 4px}.link{min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.error{color:var(--error);margin:0 0 16px;font-weight:600}.segmented{border:1px solid var(--field-line);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;display:flex;overflow:hidden}.segmented label{flex:1;margin:0;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented span{text-align:center;min-height:48px;padding:12px 8px;font-weight:600;display:block}.segmented input:checked+span{background:var(--brand);color:var(--on-brand)}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:-3px}.cards{gap:12px;margin-bottom:24px;display:grid}.radio-card{margin:0;font-weight:400;position:relative}.radio-card input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.radio-card-body{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:64px;padding:16px 16px 16px 56px;display:block;position:relative}.radio-card-body:before{content:"";border:2px solid var(--field-line);background:var(--surface);border-radius:50%;width:24px;height:24px;position:absolute;top:18px;left:16px}.radio-card input:checked+.radio-card-body{border-color:var(--brand);background:var(--selected)}.radio-card input:checked+.radio-card-body:before{border-color:var(--brand);background:radial-gradient(circle, var(--brand) 0 5px, var(--surface) 6px)}.radio-card input:focus-visible+.radio-card-body{outline:3px solid var(--focus);outline-offset:2px}.radio-card-title{font-weight:700;display:block}.radio-card-desc{color:var(--muted);margin-top:4px;font-size:.9375rem;display:block}@media (prefers-color-scheme:dark){.radio-card input:checked+.radio-card-body{border-color:var(--sun)}.radio-card input:checked+.radio-card-body:before{border-color:var(--sun);background:radial-gradient(circle, var(--sun) 0 5px, var(--surface) 6px)}.segmented input:checked+span{background:var(--sun);color:var(--on-sun)}}.actions{flex-direction:column-reverse;gap:12px;display:flex}.btn{border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 24px;font-weight:700;display:inline-flex}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-quiet{border-color:var(--field-line);color:var(--ink);background:0 0}@media (prefers-color-scheme:dark){.btn-primary{background:var(--sun);color:var(--on-sun)}}.btn:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.btn,.radio-card-body,.segmented span{transition:background-color .15s ease-out,border-color .15s ease-out}}@media (width>=40rem){.actions{flex-direction:row;justify-content:space-between}.actions:has(>:only-child){justify-content:flex-start}}.results-actions{flex-wrap:wrap;align-items:flex-start;gap:12px 24px;margin-bottom:32px;display:flex}.share-status{min-height:1.5em;margin:8px 0 0;font-weight:600}.share .field{min-width:min(100%,22rem);margin:8px 0 0}.option-grid{gap:24px;max-width:40rem;margin-bottom:32px;display:grid}.option{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;padding:24px 16px;display:flex}.option-pick{border:3px solid var(--sun)}.badge{background:var(--selected);color:var(--ink);border-radius:999px;align-self:flex-start;margin:0 0 8px;padding:2px 12px;font-size:.875rem;font-weight:700}.badge-pick{background:var(--sun);color:var(--on-sun)}.gloss{color:var(--muted);margin:0 0 16px}.price-label{margin:0;font-size:.875rem;font-weight:600}.price{margin:0;font-size:1.375rem;font-weight:800;line-height:1.3}.typical{color:var(--muted);font-size:1rem;font-weight:600;display:block}.facts{margin:16px 0 0}.facts .row{border-top:1px solid var(--line);padding:12px 0}.facts dt{color:var(--muted);font-size:.875rem;font-weight:600}.facts dd{margin:0}.facts .value{font-size:1.0625rem;font-weight:700;display:block}.facts .note{display:block}.callout{border-radius:var(--radius);background:var(--selected);margin:16px 0 0;padding:12px 16px}.why,.warnings ul,.errors,.footnote ul{margin:0;padding-left:20px}.why li,.warnings li{margin-bottom:8px}.warnings{margin-top:8px}.warnings h4{margin-top:16px}.warnings ul{border-radius:var(--radius);background:var(--selected);padding:12px 16px 4px 32px}.footnote{max-width:40rem;color:var(--muted);margin-top:32px;font-size:.875rem}.footnote h3{color:var(--ink);font-size:1rem}.footnote li{margin-bottom:4px}.errors li{margin-bottom:8px}@media (width>=62rem){.option-grid{grid-template-columns:repeat(3,1fr);max-width:none}.option-budget{order:1}.option-recommended{order:2}.option-full-backup{order:3}}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0;font-size:.875rem}.site-footer p{margin:0 0 4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fold{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}.fold>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:700;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:before{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:8px;height:8px;transition:transform .15s ease-out;transform:rotate(-45deg)}.fold[open]>summary:before{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.fold>summary:before{transition:none}}.parts-list,.steps,.plain-list{margin:0;padding:0;list-style:none}.parts-list li{border-top:1px solid var(--line);padding:12px 0}.part-head{flex-wrap:wrap;gap:0 12px;margin:0;display:flex}.part-qty,.part-price{color:var(--muted)}.part-price{color:var(--ink);margin-left:auto;font-weight:700}.parts-list .note{margin:4px 0 0}.next-steps{max-width:40rem;margin-top:32px}.next-steps h4{margin-top:32px}.steps{counter-reset:step}.steps li{counter-increment:step;padding:0 0 16px 40px;position:relative}.steps li:before{content:counter(step);background:var(--selected);border-radius:999px;place-items:center;width:28px;height:28px;font-size:.875rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.steps .note{display:block}.plain-list li{border-top:1px solid var(--line);padding:8px 0}html{scroll-padding-bottom:96px}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:8px;padding:0;font-weight:600}.appliances{gap:8px;margin-bottom:24px;display:grid}.appl-group{gap:8px;display:grid}.appl-group legend{color:var(--muted);margin-top:8px;font-size:.875rem}.appl{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.appl-on{border-color:var(--brand);background:var(--selected)}.appl-check{cursor:pointer;align-items:center;gap:12px;min-height:56px;margin:0;padding:8px 16px;font-weight:600;display:flex}.appl-check input{width:24px;height:24px;accent-color:var(--brand);flex:none;margin:0}.appl-name{flex:1}.appl-have{color:var(--muted);font-size:.875rem;font-weight:400}.appl-fields,.appl-unit{padding:0 16px 16px}.appl-unit+.appl-unit{border-top:1px solid var(--line);padding-top:16px}.appl-unit .appl-fields{padding:0}.appl-fields{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.appl-fields .field,.appl-unit .field{margin-bottom:12px}.appl-fields .num label{font-size:.9375rem}.appl-watts{grid-column:1/-1}.appl-watts summary,.optional summary{min-height:44px;color:var(--link);cursor:pointer;align-items:center;padding:8px 0;font-weight:600;display:flex}.optional{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:24px;padding:0 16px}.optional[open]{padding-bottom:8px}.optional .segmented span{padding:12px}.optional legend{margin-bottom:8px}.appl-add{margin:0 16px 8px}.appl-unit>.link{min-height:44px}.appl-total{border:2px solid var(--brand);border-radius:var(--radius);background:var(--surface);margin:8px 0 0;padding:12px 16px;font-weight:600;position:sticky;bottom:0}.appl-wait .skeleton{border-radius:var(--radius);background:var(--line);opacity:.5;height:160px}.appl-wait .btn{margin-top:12px}.num-hint{color:var(--error)}@media (prefers-color-scheme:dark){.appl-on{border-color:var(--sun)}.appl-check input{accent-color:var(--sun)}.appl-total{border-color:var(--sun)}}@media (width>=40rem){.appl-fields{grid-template-columns:10rem 10rem}}.appl-watts summary:before,.optional summary:before{content:"+";flex:none;width:20px;font-weight:700}.appl-watts[open] summary:before,.optional[open] summary:before{content:"−"}