:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#243332;background:#f6f8f9;font-synthesis:none;letter-spacing:0;color-scheme:light;--pv:#19866b;--load:#c26243;--soc:#596bb5;--muted:#687573;--line:#dce4e2}
*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #23846b;outline-offset:3px}[hidden]{display:none!important}
.app{max-width:1100px;margin:0 auto;padding:0 32px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center}.brand>img{width:38px;height:38px;padding:5px;border:1px solid #cbded5;border-radius:6px;background:#e9f3ee}.brand h1{font-size:23px;margin:0;font-weight:700;line-height:1.2}.brand p{font-size:13px;color:var(--muted);margin:5px 0 0}.header-actions{display:flex;gap:14px;align-items:center}.connection{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection:before{content:"";width:7px;height:7px;background:#a2aaa8;border-radius:50%}.connection.live:before{background:var(--pv)}.connection.error:before{background:#b13f36}.icon-button{width:38px;height:38px;border:1px solid #cfd9d5;background:white;border-radius:5px;display:grid;place-items:center}.icon-button:hover{background:#edf3ef}.icon-button img{opacity:.75}.icon-button:disabled img{opacity:.3}
.demo-note,.error-note{margin:18px 0 0;padding:11px 14px;font-size:13px;border-left:3px solid #c99b2f;background:#faf0d7;color:#644a13;line-height:1.5}.error-note{border-color:#bc5147;color:#8e322d;background:#fbece9}section{padding:28px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.section-heading h2{margin:0;font-size:18px;font-weight:680}.muted{font-size:12px;color:var(--muted);line-height:1.5}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.metric-label{font-size:13px;font-weight:600;color:#52645c;display:flex;gap:8px;align-items:center}.metric-label img{opacity:.7}.battery-number{display:flex;align-items:baseline;gap:8px;margin:13px 0 15px}.battery-number>strong{font-size:48px;line-height:1;font-weight:700}.battery-number>span{font-size:24px;color:#62736c}.battery-number .battery-state{margin-left:auto;font-size:12px;color:#4d6e60;text-align:right}.battery-track{position:relative;height:13px;width:100%;background:#e3eae6;border-radius:3px;overflow:hidden}.battery-track progress{appearance:none;-webkit-appearance:none;width:100%;height:13px;display:block;border:0;border-radius:3px;background:transparent}.battery-track progress::-webkit-progress-bar{background:transparent}.battery-track progress::-webkit-progress-value{background:var(--pv)}.battery-track progress::-moz-progress-bar{background:var(--pv)}.reserve-zone{position:absolute;left:0;top:0;bottom:0;width:10%;background:repeating-linear-gradient(135deg,#aab5b1 0 2px,#d7ddda 2px 5px)}.reserve-line{position:absolute;top:0;bottom:0;left:10%;width:2px;background:#53605b}.battery-scale{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:9px}.runtime{margin-top:24px;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:baseline}.runtime>span{font-size:13px;line-height:1.5}.runtime>strong{font-size:25px;font-variant-numeric:tabular-nums}.runtime p{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0}.takeover-number{font-size:48px;font-weight:700;line-height:1.05;margin:12px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.takeover-number.compact{font-size:27px;line-height:1.35;padding-top:8px}.takeover-date{margin:7px 0 21px;font-size:13px;color:var(--muted);line-height:1.5}.bridge{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-left:3px solid #729485;background:#edf4ef;color:#365947}.bridge.good{border-color:#228769;background:#eaf4ee;color:#256149}.bridge.bad{border-color:#c26243;background:#fbf0e9;color:#995035}.bridge.unknown{border-color:#b4beb8;background:#f0f3f1;color:#606f67}.bridge .status-dot{width:7px;height:7px;flex:none;margin-top:5px;border-radius:50%;background:currentColor}.bridge strong{font-size:13px}.bridge p{font-size:12px;line-height:1.5;margin:4px 0 0}.estimate{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.5}.power-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e8e5}.power-grid>div,.totals-grid>div{display:flex;flex-direction:column;gap:7px;min-width:0}.power-grid span,.totals-grid span,.learning-grid>div>span{font-size:12px;color:var(--muted)}.power-grid strong{font-size:21px;font-weight:650;white-space:nowrap}.stale{color:#9a6b23!important}
.scenario-label{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}select{min-height:34px;padding:5px 28px 5px 9px;border:1px solid #cdd9d3;border-radius:4px;font-size:12px;background:white;color:#314a3d;max-width:100%}.forecast-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.segments{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:3px;background:#e6ece8;border:1px solid #d5dfd8;border-radius:5px;width:192px}.segments button{border:0;border-radius:3px;background:transparent;padding:7px 12px;font-size:13px;color:#617368;min-width:0}.segments button.active{background:white;color:#204e3b;box-shadow:0 1px 2px #00000012;font-weight:650}.forecast-total{text-align:right;display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:baseline}.forecast-total>span{font-size:12px;color:var(--muted)}.forecast-total>strong{font-size:24px;color:var(--pv);font-variant-numeric:tabular-nums}.forecast-total small{font-size:11px;color:var(--muted);grid-column:1/-1}.chart-legend{display:flex;flex-wrap:wrap;gap:19px;font-size:11px;color:#617068;margin-bottom:12px}.chart-legend>span{display:flex;gap:6px;align-items:center}.chart-legend i{width:13px;height:3px;border-radius:1px}.legend-pv{background:var(--pv)}.legend-load{background:var(--load)}.legend-soc{background:var(--soc)}.chart-wrap{position:relative;height:290px;width:100%}canvas{display:block;width:100%;height:100%;touch-action:pan-y}.chart-tooltip{position:absolute;pointer-events:none;background:#fff;box-shadow:0 3px 16px #173b2a20;border:1px solid #d1dcd5;border-radius:5px;padding:10px;font-size:12px;line-height:1.7;color:#354b40;max-width:210px;z-index:2;white-space:pre-line}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px;pointer-events:none}.outlook-footer{display:flex;justify-content:space-between;gap:12px;color:#647469;font-size:12px;line-height:1.5;margin-top:13px}.values-details{margin-top:17px;font-size:12px;color:#52695b}summary{cursor:pointer;padding:9px 0;line-height:1.5}.values-details .table-scroll{max-height:280px;margin-top:7px}.totals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.totals-grid strong{font-size:22px;font-weight:650;white-space:nowrap}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:18px}.learning-grid>div{display:flex;flex-direction:column;gap:7px}.learning-grid strong{font-size:22px}.learning-grid p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;font-variant-numeric:tabular-nums}th{font-weight:550;color:var(--muted);font-size:11px;background:#edf2ef}th,td{padding:10px 11px;border-bottom:1px solid #e2e9e4;white-space:nowrap}th:first-child,td:first-child{padding-left:0}caption{text-align:left;font-size:12px;color:#586b60;margin-bottom:10px}.quality-yes{color:#198366}.quality-no{color:#969e98}.quality-details{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;color:#52695b}.quality-details ul{margin:4px 0 12px;padding-left:20px;line-height:1.8;color:#936725}footer{display:flex;justify-content:space-between;gap:14px;padding:24px 0 32px;font-size:11px;color:#849087;line-height:1.5}
.archive-source{color:var(--muted);font-size:12px;margin:-8px 0 20px;line-height:1.5}.archive-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:22px}.archive-summary>div{display:flex;flex-direction:column;gap:7px;min-width:0}.archive-summary span,.archive-summary small{font-size:12px;color:var(--muted);line-height:1.5}.archive-summary strong{font-size:22px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.archive-summary small{font-size:11px}.archive-scroll{max-height:360px}.archive-scroll thead{position:sticky;top:0;z-index:1}.archive-low{color:#a64733;font-weight:650}.archive-warning{white-space:normal;min-width:220px;max-width:500px;color:#805e20;background:#faf4e6;font-size:11px;line-height:1.6}
@media(max-width:650px){.archive-summary{grid-template-columns:1fr 1fr;gap:20px 16px}.archive-summary>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:15px}.archive-summary strong{font-size:20px}.archive-summary span{font-size:11px}.archive-source{font-size:11px}}
@media(min-width:1100px){.app{padding:0 42px}.chart-wrap{height:310px}}
@media(max-width:650px){.app{padding:0 18px}.header{padding:20px 0}.brand h1{font-size:20px}.brand>img{width:33px;height:33px}.header-actions{gap:8px}.connection{font-size:11px}.summary-grid{grid-template-columns:1fr;gap:26px}.section-heading{align-items:flex-start;gap:8px;margin-bottom:18px}.section-heading h2{font-size:17px}.section-heading .muted{text-align:right;max-width:160px;font-size:11px}.battery-number>strong,.takeover-number{font-size:44px}.takeover-panel{padding-top:23px;border-top:1px solid #e2e8e5}.takeover-number.compact{font-size:25px}.takeover-date{margin-bottom:15px}.power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:24px}.power-grid strong{font-size:20px}.scenario-label{flex-direction:column;align-items:flex-end;gap:5px}.scenario-label select{font-size:11px;max-width:185px}.forecast-heading{align-items:flex-start}.segments{width:152px;flex-shrink:0}.forecast-total{grid-template-columns:1fr;gap:4px}.forecast-total>span{font-size:11px}.forecast-total>strong{font-size:22px}.forecast-total small{font-size:10px}.chart-wrap{height:254px}.chart-legend{gap:12px;font-size:10px}.outlook-footer{flex-direction:column;gap:5px;font-size:11px}.totals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 16px}.totals-grid strong{font-size:21px}.learning-grid{gap:15px}.learning-grid strong{font-size:20px}.learning-grid p{font-size:11px}section{padding:23px 0}th,td{padding:10px 9px}footer{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:no-preference){.battery-track progress::-webkit-progress-value{transition:width .4s ease}}