.wh-intro{max-width:70ch}.wh-tabs{flex-wrap:wrap;gap:8px;margin:1.4em 0 0;display:flex}.wh-tabs button{font:inherit;color:#0e2a32;cursor:pointer;background:#edf5f7;border:1px solid #cbdce1;border-bottom:0;border-radius:10px 10px 0 0;padding:10px 20px;font-weight:700}.wh-tabs button[aria-selected=true]{color:#fff;background:#0e2a32}.wh-panel{background:#f7fafb;border:1px solid #cbdce1;border-radius:0 14px 14px;margin-bottom:2em;padding:clamp(14px,2.4vw,26px)}.wh-dash{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.wh-inputs{gap:12px;display:grid}.wh-inputs fieldset{background:#fff;border:1px solid #d5e3e7;border-radius:12px;margin:0;padding:10px 14px 6px}.wh-inputs legend{color:#0e2a32;padding:0 6px;font-size:.92rem;font-weight:800}.wh-row{border-bottom:1px solid #edf3f5;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:.9rem;line-height:1.3;display:flex}.wh-row:last-child{border-bottom:0}.wh-row small{color:#5a7178}.wh-row input,.wh-row select{font:inherit;background:#fff;border:1px solid #9fb8bf;border-radius:8px;padding:6px 8px}.wh-row input{text-align:right;width:5em}.wh-row select{max-width:11.5em}.wh-check{align-items:flex-start;gap:8px;padding:7px 0;font-size:.88rem;line-height:1.35;display:flex}.wh-actions{padding:4px 0}.wh-calc{width:100%;font:inherit;color:#fff;cursor:pointer;background:#e0812e;border:0;border-radius:10px;padding:13px;font-size:1.05rem;font-weight:800;box-shadow:0 8px 20px -10px #e0812ee6}.wh-calc:hover{background:#c96d1d}.wh-calc.is-dirty{animation:1.4s ease-in-out infinite wh-pulse}@keyframes wh-pulse{50%{box-shadow:0 0 0 6px #e0812e40}}.wh-dirty{color:#8a4a12;text-align:center;margin:.5em 0 0!important;font-size:.82rem!important}.wh-results{gap:16px;min-width:0;display:grid}.wh-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.wh-charts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.wh-tile{background:#fff;border:1px solid #d5e3e7;border-radius:14px;min-width:0;padding:16px 18px;box-shadow:0 14px 30px -26px #0e2a3299}.wh-tile h3{letter-spacing:.06em;text-transform:uppercase;color:#0b5a6f!important;margin:0 0 .5em!important;font-size:.8rem!important}.wh-stat{color:#0e2a32;font-variant-numeric:tabular-nums;font-weight:800;margin:.1em 0 .2em!important;font-size:2rem!important;line-height:1.1!important}.wh-stat--sm{font-size:1.35rem!important}.wh-stat small{color:#5a7178;font-size:.85rem;font-weight:600}.wh-tile__note{color:#40585f;margin:0!important;font-size:.86rem!important;line-height:1.5!important}.wh-gauge{width:100%;max-width:220px;margin:0 auto;display:block}.wh-gauge path{fill:none;stroke-width:16px;stroke-linecap:round}.wh-gauge__track{stroke:#e3edf0}.wh-gauge__value{stroke:#0e7490;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.wh-gauge__needle{transform-origin:100px 100px;transition:transform 1s cubic-bezier(.3,1.4,.4,1);transform:rotate(-90deg)}.wh-gauge__needle line{stroke:#0e2a32;stroke-width:3px;stroke-linecap:round}.wh-gauge__needle circle{fill:#e0812e}.wh-gauge__tick{fill:#5a7178;font-size:10px}.wh-tank-stage{justify-content:center;align-items:flex-end;height:215px;padding-top:12px;display:flex}.wh-tank{--h:120px;width:86px;height:var(--h);background:linear-gradient(90deg,#cfd9dc,#f4f7f8 40%,#c3cfd3);border:2px solid #8fa6ad;border-radius:18px 18px 10px 10px;transition:height .9s cubic-bezier(.3,1.3,.4,1);position:relative;overflow:hidden}.wh-tank:before,.wh-tank:after{content:"";background:#b87333;border-radius:2px;width:8px;height:10px;position:absolute;top:-2px}.wh-tank:before{left:20px}.wh-tank:after{right:20px}.wh-tank__water{background:linear-gradient(#e0812ed9,#c2410cd9);height:0;position:absolute;bottom:0;left:0;right:0}.wh-tank__water.is-filling{animation:.8s cubic-bezier(.2,.8,.2,1) .15s forwards wh-fill}@keyframes wh-fill{0%{height:0}to{height:88%}}.wh-tank__label{text-align:center;color:#fff;text-shadow:0 1px 3px #0006;font-size:1.3rem;font-weight:800;position:absolute;inset:auto 0 12px}.wh-reels{color:#0e2a32;font-variant-numeric:tabular-nums;justify-content:center;gap:4px;height:1.25em;margin:18px 0 12px;font-size:3rem;font-weight:800;line-height:1.25em;display:flex}.wh-reel{text-align:center;background:linear-gradient(#eef4f6,#fff 30% 70%,#eef4f6);border:1px solid #cbdce1;border-radius:8px;width:.9em;height:1.25em;display:inline-block;overflow:hidden;box-shadow:inset 0 6px 8px -6px #00000040,inset 0 -6px 8px -6px #00000040}.wh-reel__col{flex-direction:column;transition:transform .9s cubic-bezier(.15,.8,.25,1);display:flex}.wh-reel__col span{height:1.25em;font-size:1em;line-height:1.25em}.wh-reel__sep{align-self:flex-end}.wh-clock{width:100%;max-width:340px;margin:0 auto;display:block}.wh-clock__face{fill:#f1f6f8}.wh-clock__rim{fill:none;stroke:#e3edf0;stroke-dasharray:2 4}.wh-wedge{fill:#0e7490;opacity:0;transition:transform .6s cubic-bezier(.3,1.3,.4,1),opacity .4s;transition-delay:calc(var(--i) * 25ms);transform:scale(.35)}.wh-wedge.is-drawn{opacity:1;transform:scale(1)}.wh-wedge.is-short{fill:#c2410c}.wh-clock__hours text{fill:#5a7178;font-size:12px}.wh-clock__hand{stroke:#e0812e;stroke-width:2.5px;stroke-linecap:round;opacity:0}.wh-clock__hand.is-sweeping{animation:.9s ease-in-out forwards wh-sweep}@keyframes wh-sweep{0%{opacity:1;transform:rotate(0)}90%{opacity:1}to{opacity:0;transform:rotate(360deg)}}.wh-clock__total{fill:#0e2a32;font-size:24px;font-weight:800}.wh-clock__unit{fill:#5a7178;font-size:11px}.wh-legend{justify-content:center;font-size:.8rem;list-style:none;gap:16px!important;margin:.4em 0 .6em!important;padding:0!important;display:flex!important}.wh-legend li{align-items:center;gap:6px;display:flex;font-size:.8rem!important}.sw{border-radius:3px;width:12px;height:12px;display:inline-block}.sw--ok{background:#0e7490}.sw--short{background:#c2410c}.wh-bars{gap:12px;display:grid}.wh-bar{grid-template-rows:auto auto;grid-template-columns:6.5em 1fr;align-items:center;column-gap:10px;font-size:.86rem;display:grid}.wh-bar__label{color:#0e2a32;grid-row:1/3;font-weight:700}.wh-bar__track{background:#edf3f5;border-radius:7px;height:14px;overflow:hidden}.wh-bar__fill{background:#0e7490;border-radius:7px;width:0;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}.wh-bar.is-highlight .wh-bar__fill{background:#e0812e}.wh-bar__value{color:#40585f;font-variant-numeric:tabular-nums;font-size:.78rem}.wh-bars--cost .wh-bar{grid-template-columns:8.5em 1fr}.wh-energy__grid{gap:14px;margin:12px 0;display:grid}.wh-energy__rates{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));column-gap:24px;display:grid}.wh-energy__rates details{grid-column:1/-1}.wh-energy details{margin-top:8px;font-size:.86rem}.wh-energy summary{cursor:pointer;color:#0b6379;font-weight:700}.wh-method{border-top:1px solid #dbe6e9;margin-top:2.4em;padding-top:1.2em}.wh-method h2{margin:0 0 .6em!important;font-size:1.05rem!important}.wh-method p,.wh-method li{color:#4b6168;font-size:.8rem!important;line-height:1.55!important}.wh-method ol{gap:.3em!important}@media (width<=900px){.wh-dash{grid-template-columns:1fr}.wh-inputs{position:static}.wh-energy__grid{grid-template-columns:1fr}}.wh-still *,.wh-still :before{transition:none!important;animation-duration:0s!important;animation-delay:0s!important}@media (prefers-reduced-motion:reduce){.wh-tank,.wh-gauge__value,.wh-gauge__needle,.wh-wedge,.wh-bar__fill,.wh-reel__col{transition:none!important}.wh-tank__water.is-filling{height:88%;animation:none}.wh-calc.is-dirty{animation:none}}