*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#f3f5f7;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wrap{max-width:1100px;margin:0 auto;padding:28px 18px 60px}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}h1{font-size:2rem;margin:.1rem 0}.eyebrow,.label{color:#8f9aa7;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.status{display:flex;align-items:center;gap:8px;color:#aab3bd;font-size:.9rem}.status #dot{width:9px;height:9px;border-radius:50%;background:#666}.status.online #dot{background:#5bd28b}.card{background:#15191f;border:1px solid #252b34;border-radius:18px;padding:22px}.hero{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:16px}.power{font-size:4rem;font-weight:750;letter-spacing:-.05em;line-height:1.1}.power .unit{font-size:1.4rem;color:#9da7b2}.direction{margin-top:8px;color:#b8c1ca}.today{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;min-width:380px}.today>div{background:#0f1216;padding:16px;border-radius:14px}.today span,.details span{display:block;color:#929da9;font-size:.85rem;margin-bottom:7px}.today strong{font-size:1.3rem}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.phase h2{margin:0 0 14px;color:#aab4bf}.phase strong{display:block;font-size:1.8rem;margin-bottom:12px}.phase span{display:inline-block;margin-right:14px;color:#9ca7b3}.chartHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.chartHead h2{margin:.2rem 0 0}.chartHead #chartInfo{color:#929da9;font-size:.9rem}canvas{width:100%;height:320px;background:#0f1216;border-radius:12px;display:block}.chartLegend{display:flex;flex-wrap:wrap;gap:18px;color:#98a3ae;font-size:.85rem;margin-top:10px}.chartLegend span{display:flex;align-items:center;gap:7px}.chartLegend i{width:22px;height:3px;border-radius:2px;display:inline-block}.chartLegend .net{background:#d5dde6}.chartLegend .inv{background:#73b7ff}.details{margin-top:16px}.details strong{font-size:1.25rem}.footnote{color:#78838f;font-size:.82rem;line-height:1.45;margin:4px 4px 0}@media(max-width:720px){header{align-items:start;flex-direction:column}.hero{align-items:stretch;flex-direction:column}.today{min-width:0}.grid3{grid-template-columns:1fr}.power{font-size:3.2rem}.chartHead{align-items:start;flex-direction:column;gap:6px}}