.energy-workbench{--energy-text:#e4eef0;--energy-muted:#8ea4ae;--energy-line:#293e48;min-height:100svh;background:#0c1921;color:var(--energy-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;padding-bottom:80px}.energy-workbench *{box-sizing:border-box}.energy-workbench [hidden]{display:none!important}.energy-workbench h1,.energy-workbench h2,.energy-workbench p{margin:0}.energy-workbench button,.energy-workbench input,.energy-workbench select{font:inherit}.energy-workbench button,.energy-workbench select{touch-action:manipulation}.energy-workbench button:focus-visible,.energy-workbench a:focus-visible{outline:2px solid #6bdccb;outline-offset:4px}.energy-workbench input:focus,.energy-workbench select:focus{outline:2px solid #6bdccb;outline-offset:2px}.energy-header{display:flex;align-items:center;gap:13px;padding:0 clamp(18px,3.5vw,52px);height:76px;border-bottom:1px solid var(--energy-line)}.energy-header a{display:grid;place-items:center;width:32px;height:42px;margin-left:-8px}.energy-header svg{width:21px;height:21px}.energy-header h1{font-size:1.1rem;font-weight:650;letter-spacing:-.03em}.energy-header>button{margin-left:auto;background:#152e38;border:1px solid #37545e;border-radius:5px;min-height:44px;padding:0 16px;color:#c1e8e3;font-size:.75rem;font-weight:650}.energy-workspace{max-width:1640px;margin:auto;padding:40px clamp(20px,4vw,64px);display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-areas:"inputs result" "inputs forecast";gap:42px 65px;align-items:start}.energy-inputs{grid-area:inputs}.energy-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px}.energy-section-head h2,.energy-result-heading h2{font-size:1.06rem;letter-spacing:-.025em;font-weight:650}.energy-section-head button{background:transparent;border:0;color:var(--energy-muted);font-size:.76rem;min-height:38px}.energy-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 15px}.energy-field{display:block;min-width:0;font-size:.76rem;font-weight:500;color:#b0c0c6}.energy-field>input,.energy-field>select{display:block;width:100%;height:48px;margin-top:9px;padding:0 12px;color:var(--energy-text);background:#12262f;border:1px solid #344b55;border-radius:5px;font-size:1rem;font-weight:500}.energy-field option{background:#12262f}.energy-full{grid-column:1/-1}.energy-unit-input{display:flex;align-items:center;gap:12px;height:54px;background:#12262f;border:1px solid #344b55;border-radius:5px;margin-top:9px;padding:0 14px}.energy-unit-input input{width:100%;min-width:0;background:transparent;border:0;color:#f2f8f7;font-size:1.23rem;font-weight:550;outline-offset:0!important}.energy-unit-input span{flex-shrink:0;font-size:.72rem;color:#8eaab5}.energy-volume .energy-unit-input{height:70px;background:#18343d;border-color:#406873}.energy-volume input{font-size:1.85rem;font-variant-numeric:tabular-nums;letter-spacing:-.035em}.energy-rate-note{font-size:.68rem;color:var(--energy-muted);margin-top:10px!important}.energy-growth{padding-top:28px;margin-top:28px;border-top:1px solid var(--energy-line)}.energy-name{margin-top:26px}.energy-name>span{float:right;font-size:.67rem;color:#6f8a95}.energy-name>input{font-size:1rem}.energy-result{grid-area:result;border-bottom:1px solid var(--energy-line);padding-bottom:30px}.energy-result-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.energy-result-heading>span{font-size:.67rem;color:var(--energy-muted)}.energy-total{display:flex;align-items:baseline;gap:14px;margin:18px 0 10px}.energy-total strong{min-width:0;overflow-wrap:anywhere;font-size:clamp(3.3rem,6vw,5.7rem);font-weight:550;letter-spacing:-.065em;line-height:1.05;color:#d2faf0;font-variant-numeric:tabular-nums}.energy-total>span{font-size:.85rem;color:#9db4bd}.energy-result>p{font-size:.78rem;color:#93aab4;line-height:1.5}.energy-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:31px}.energy-metrics>div{border-left:1px solid #34515b;padding-left:16px}.energy-metrics>div:first-child{border:0;padding-left:0}.energy-metrics span,.energy-metrics small{display:block;font-size:.68rem;color:var(--energy-muted);line-height:1.45}.energy-metrics strong{display:block;font-size:1.48rem;letter-spacing:-.035em;font-weight:550;margin:7px 0 4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.energy-metrics small{font-size:.61rem}.energy-forecast{grid-area:forecast;min-width:0}.energy-forecast .energy-section-head{margin-bottom:15px}.energy-section-head p{font-size:.73rem;color:var(--energy-muted);margin-top:7px}.energy-chart-key{display:flex;align-items:center;gap:8px;font-size:.65rem;color:var(--energy-muted);white-space:nowrap}.energy-chart-key i{height:2px;width:20px;background:#61e0c8}.energy-chart{position:relative;margin:16px 0 4px}.energy-chart svg{display:block;width:100%;height:auto;overflow:visible}.energy-chart text{font-family:Inter,system-ui,sans-serif;fill:#8ea5af;font-size:12px}.energy-chart>p{position:absolute;left:0;right:0;top:37%;text-align:center;font-size:.82rem;color:#a2bbc3}.energy-chart[data-empty=true] #forecastLine,.energy-chart[data-empty=true] #forecastArea,.energy-chart[data-empty=true] #forecastDots{visibility:hidden}.energy-checkpoints{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--energy-line);padding:20px 0;gap:18px}.energy-checkpoints span{display:block;font-size:.68rem;color:var(--energy-muted)}.energy-checkpoints strong{display:block;font-size:1.2rem;letter-spacing:-.03em;font-weight:550;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.energy-checkpoints>div:last-child strong{color:#89e7d5}.energy-method,.energy-assumptions{font-size:.73rem;line-height:1.7;color:var(--energy-muted);margin-top:17px!important}.energy-assumptions{font-size:.67rem;color:#758e9b;margin-top:8px!important}.energy-toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);max-width:calc(100vw - 36px);padding:13px 18px;border:1px solid #456975;border-radius:5px;background:#193740;color:#d9f6ef;z-index:70;font-size:.8rem}@media (max-width:1100px){.energy-workspace{gap:32px;grid-template-columns:300px minmax(0,1fr);padding:30px}.energy-chart-key{display:none}.energy-metrics{gap:12px}.energy-metrics strong{font-size:1.22rem}.energy-metrics>div{padding-left:11px}.energy-result-heading>span{font-size:.62rem}.energy-checkpoints strong{font-size:1rem}}@media (max-width:760px){.energy-header{height:64px;padding:0 17px;gap:8px}.energy-header h1{font-size:1rem}.energy-header>button{font-size:.69rem;padding:0 10px;min-height:42px}.energy-workspace{display:flex;flex-direction:column;padding:25px 20px;gap:30px}.energy-result{order:0;width:100%;padding-bottom:25px}.energy-inputs{order:1;width:100%}.energy-forecast{order:2;width:100%;padding-top:26px;border-top:1px solid var(--energy-line)}.energy-result-heading h2{font-size:.86rem}.energy-result-heading>span{font-size:.61rem}.energy-total{margin:17px 0 10px;gap:9px}.energy-total strong{font-size:3.55rem}.energy-total>span{font-size:.74rem}.energy-result>p{font-size:.68rem}.energy-metrics{margin-top:24px;gap:10px}.energy-metrics span{font-size:.62rem}.energy-metrics small{font-size:.56rem}.energy-metrics strong{font-size:1.08rem;margin-top:6px}.energy-section-head{margin-bottom:15px}.energy-section-head h2{font-size:1rem}.energy-form{gap:19px 14px}.energy-field{font-size:.72rem}.energy-field>input,.energy-field>select{height:46px;font-size:1rem}.energy-volume .energy-unit-input{height:61px}.energy-volume input{font-size:1.55rem}.energy-growth{margin-top:23px;padding-top:23px}.energy-name{margin-top:22px}.energy-checkpoints{gap:10px;padding-block:17px}.energy-checkpoints span{font-size:.63rem}.energy-checkpoints strong{font-size:1rem}.energy-method{font-size:.72rem}.energy-assumptions{font-size:.65rem}.energy-chart svg{min-height:160px}.energy-toast{bottom:88px;white-space:normal;width:-moz-max-content;width:max-content;text-align:center}}@media (max-width:360px){.energy-workspace{padding-inline:16px}.energy-header h1{font-size:.92rem}.energy-header{gap:4px}.energy-total strong{font-size:3.2rem}.energy-metrics strong{font-size:1rem}.energy-metrics small{font-size:.52rem}.energy-checkpoints strong{font-size:.87rem}}
