:root{color-scheme:light;--ink:#192b30;--muted:#637579;--line:#dce5e3;--green:#17694f;--bg:#f3f6f3;--gold:#b8741b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:80px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:16px}.brand{font-weight:750;font-size:19px;letter-spacing:1px;text-decoration:none;color:inherit;white-space:nowrap}.brand .muted{font-weight:400;font-size:15px;letter-spacing:0}.sun{color:var(--gold);font-size:27px;margin-right:10px}.header-right{display:flex;gap:16px;align-items:center}main{max-width:1288px;margin:auto;padding:32px 24px 48px}h1{font-size:38px;line-height:1.15;margin:10px 0 14px;letter-spacing:-1.2px}h2{font-size:21px;margin:0 0 16px;letter-spacing:-.4px}h3{font-size:22px;line-height:1.35;margin:16px 0 12px}p{margin:10px 0 14px}.muted,.footnote{color:var(--muted)}.footnote{font-size:12px;line-height:1.6}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--green)}.intro{display:flex;justify-content:space-between;align-items:center;margin:10px 0 24px;gap:20px}.intro p{color:var(--muted);margin-bottom:0}.status,.chip{font-size:12px;border:1px solid var(--line);border-radius:30px;padding:6px 12px;background:#fff;white-space:nowrap}.status{padding:10px 16px;background:#e5f1e9;color:var(--green)}.status.stale{background:#fff0d5;color:#875718}.notice{border-left:3px solid var(--green);padding:16px 20px;background:#e9f0eb;margin-bottom:24px;border-radius:0 12px 12px 0;font-size:14px}.energy{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric{border:1px solid var(--line);background:#fff;padding:24px;border-radius:16px}.metric>span{font-size:14px;color:var(--muted)}.metric>div{font-size:36px;font-weight:650;letter-spacing:-1px;margin:12px 0 4px}.metric small{color:var(--muted);font-size:12px}.solar{border-top:3px solid #d5a254}.battery{border-top:3px solid var(--green)}.grid{border-top:3px solid #85a8bc}.house{border-top:3px solid #8998a5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:26px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-title h2{margin-bottom:0}ul{padding-left:20px;color:var(--muted)}li{margin-bottom:8px}.blocked{padding:12px 14px;background:#fff6e7;border:1px solid #efddbd;border-radius:8px;font-size:13px;color:#80591d;margin-top:18px}.weather-main{font-size:27px;margin-top:20px}.facts{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 14px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}.facts>span{color:var(--muted)}.facts b{font-weight:500}.history{margin-bottom:24px}.legend{display:flex;gap:16px;font-size:12px}.legend-pv{color:#ba862e}.legend-load{color:#177156}.legend-grid{color:#7399b3}svg{display:block;width:100%;height:220px;margin-top:16px}svg text{font-size:12px;fill:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}input,select{border:1px solid #c9d7d2;border-radius:8px;padding:11px;color:var(--ink);background:#fff;font:inherit;font-size:15px;min-width:0;width:100%}input:focus,select:focus{outline:2px solid #83b4a1;outline-offset:1px}button{background:var(--green);color:white;border:1px solid var(--green);padding:11px 16px;border-radius:8px;cursor:pointer;font:inherit;font-weight:550}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}.quiet{color:var(--green);background:#f3f8f4;border:1px solid #d1e1d8;font-size:12px;padding:7px 11px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.wide{grid-column:1/-1;margin-top:6px}.simulation-result{margin-top:20px;padding:16px;background:#f0f6f2;border:1px solid #c6dbce;border-radius:10px}.simulation-result h3{font-size:17px;margin-top:0}.simulation-result p{font-size:13px;margin-bottom:0}.events{margin-top:18px;max-height:340px;overflow:auto}.event{display:grid;grid-template-columns:150px 1fr;gap:18px;border-top:1px solid #edf0ed;padding:12px 0;font-size:13px}.event time{font-size:12px;color:var(--muted)}footer{font-size:12px;color:var(--muted);text-align:center;padding:24px 10px 0}.login{max-width:460px;margin:70px auto}.login form{display:flex;flex-direction:column;gap:16px}.login p{color:var(--muted)}#login-error,#rules-result{font-size:13px;color:#9a451e}[hidden]{display:none!important}@media(max-width:800px){.energy{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.intro{align-items:flex-start;flex-direction:column}.header-right>.chip{display:none}h1{font-size:31px}.metric{padding:20px}.metric>div{font-size:30px}.section-title{flex-wrap:wrap}header{height:70px;padding:0 20px}main{padding:24px 16px}.panel{padding:22px}.event{grid-template-columns:100px 1fr;gap:12px}}@media(max-width:420px){.brand .muted{display:none}.energy{gap:10px}.metric{padding:15px}.metric>div{font-size:27px}.form-grid{gap:12px}.legend{gap:9px}}

.phase-detail{font-size:12px;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.phase-detail>div{margin:4px 0}.phase-detail small{color:var(--muted);display:block;margin-top:8px}.scenarios{margin-bottom:24px}.scenarios summary{font-size:18px;font-weight:600;cursor:pointer}.table-wrap{overflow:auto;margin:18px 0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px;min-width:180px}th{background:#f2f7f3}a{color:var(--green)}