.energy-grid,.closing-grid{background-image:linear-gradient(to right, color-mix(in srgb, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--foreground) 5%, transparent) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000,#0000 88%)}.chart-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-2xl);overflow:hidden}.chart-frame{padding:1.1rem 1.1rem .3rem}.energy-chart{width:100%;height:auto;display:block;overflow:visible}.chart-grid line{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 4}.chart-grid line:last-child{stroke-dasharray:none}.chart-axis,.chart-note-label{fill:var(--muted-foreground);font-family:var(--font-body);font-size:10px;font-weight:600}.chart-axis-title{fill:var(--foreground);font-family:var(--font-body);font-size:10px;font-weight:800}.history-line,.forecast-line,.typical-line,.early-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.history-line,.typical-line{stroke:var(--primary);stroke-width:2.4px}.forecast-line{stroke:var(--secondary);stroke-width:3.2px}.early-line{stroke:var(--color-brand-sky);stroke-width:2.4px;stroke-dasharray:7 6}.interval-band{fill:var(--secondary);fill-opacity:.16}.now-line{stroke:color-mix(in srgb, var(--muted-foreground) 65%, transparent);stroke-width:1.2px;stroke-dasharray:4 4}.annotation-line,.badge-line{stroke:var(--secondary);stroke-width:1.2px;stroke-dasharray:2 3}.history-label,.forecast-label,.chart-value,.badge-label,.badge-value,.plain-badge-text{font-family:var(--font-body);font-weight:700}.history-label{fill:var(--primary);font-size:11px}.forecast-label{fill:var(--color-brand-green-deep);font-size:10.5px}.chart-value{fill:var(--foreground);font-size:12.5px}.chart-caption{border-top:1px solid var(--border);color:var(--foreground);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.55rem;padding:.85rem 1.25rem;font-size:.75rem;font-weight:800;display:flex}.status-dot{background:var(--secondary);width:.55rem;height:.55rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--secondary) 16%, transparent);border-radius:9999px}.chart-source{color:var(--muted-foreground);padding:0 1.25rem 1rem;font-size:.72rem;line-height:1.5}.impact-frame{padding-bottom:.75rem}.peak-badge{fill:var(--color-brand-green-tint);stroke:var(--secondary)}.badge-label{fill:var(--color-brand-green-deep);letter-spacing:.05em;text-transform:uppercase;font-size:8.5px}.badge-value{fill:var(--foreground);font-size:10.5px}.plain-badge{fill:var(--card);stroke:var(--border)}.plain-badge-text{fill:var(--foreground);font-size:10px}.chart-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.market-note{color:var(--foreground);align-items:center;gap:.8rem;font-size:.78rem;display:flex}.market-note strong,.market-note span{display:block}.market-note span{color:var(--muted-foreground);margin-top:.15rem}.market-calendar{background:color-mix(in srgb, var(--secondary) 15%, transparent);width:2.45rem;height:2.45rem;font-family:var(--font-display);border-radius:.65rem;flex:none;place-items:center;font-size:.65rem;font-weight:800;color:var(--color-brand-green-deep)!important;display:grid!important}.chart-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:1rem;font-size:.75rem;font-weight:700;display:flex}.chart-legend>span{align-items:center;gap:.45rem;display:inline-flex}.legend-line{border-top:2px solid var(--primary);width:1.5rem}.legend-line-dashed{border-color:var(--color-brand-sky);border-top-style:dashed}.impact-card,.step-card{border:1px solid var(--border);border-top:3px solid var(--secondary);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);padding:1.5rem}.calculator-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-2xl);display:grid;overflow:hidden}.calculator-input,.calculator-output{padding:1.5rem}.calculator-output{color:#fff;background:#0f172a}.consumption-input{border:0;border-bottom:2px solid var(--input);width:min(100%,13rem);color:var(--foreground);font-family:var(--font-display);background:0 0;outline:none;font-size:clamp(2.2rem,8vw,3.5rem);font-weight:800;line-height:1}.consumption-input:focus{border-color:var(--primary)}.consumption-range{--range-fill:24.24%;appearance:none;background:linear-gradient(to right, var(--primary) var(--range-fill), var(--input) var(--range-fill));border-radius:9999px;width:100%;height:.45rem}.consumption-range::-webkit-slider-thumb{appearance:none;background:var(--primary);width:1.25rem;height:1.25rem;box-shadow:0 0 0 1px var(--primary), 0 3px 8px #01309b40;cursor:pointer;border:3px solid #fff;border-radius:9999px}.consumption-range::-moz-range-thumb{background:var(--primary);width:1rem;height:1rem;box-shadow:0 0 0 1px var(--primary);cursor:pointer;border:3px solid #fff;border-radius:9999px}.savings-band{background:linear-gradient(90deg, var(--color-brand-sky) 0%, var(--secondary) 49%, var(--color-brand-green-tint) 100%);border-radius:9999px;height:.5rem;position:relative}.savings-pin{background:var(--secondary);width:1rem;height:1rem;box-shadow:0 0 0 2px var(--secondary);border:3px solid #0f172a;border-radius:9999px;position:absolute;top:50%;left:49%;transform:translate(-50%,-50%)}.calculation-details{border-top:1px solid #94a3b847;padding-top:1rem}.calculation-details summary{cursor:pointer;color:#fff;font-size:.85rem;font-weight:800}.workflow-board{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(to right, #0f172a09 1px, transparent 1px), linear-gradient(to bottom, #0f172a09 1px, transparent 1px), var(--card);background-size:32px 32px;align-items:center;gap:1rem;padding:1.25rem;display:grid}.workflow-stage{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);padding:1.25rem}.stage-number{background:var(--primary);color:#fff;width:2.25rem;height:2.25rem;font-family:var(--font-display);border-radius:9999px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.workflow-arrow{color:var(--secondary);font-family:var(--font-display);font-size:2rem;font-weight:800;display:none}.closing-grid{opacity:.13;filter:invert()}@media (width>=768px){.calculator-shell{grid-template-columns:1fr 1.05fr}.calculator-input,.calculator-output{padding:2.25rem}.workflow-board{grid-template-columns:1fr auto 1fr auto 1fr;padding:1.75rem}.workflow-arrow{display:block}}@media (width<=639px){.chart-frame{padding:.75rem .45rem 0}.chart-footer{align-items:flex-start}.chart-axis,.chart-note-label,.chart-axis-title,.history-label,.forecast-label,.energy-chart text:nth-last-of-type(-n+2){font-size:8px}}