body{min-height:100vh;background:radial-gradient(ellipse at 35% 35%,#24415c,transparent 60%),var(--night)}.display-header{margin:0 43px;padding:26px 0;display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid var(--line)}.display-selection{display:flex;align-items:center;gap:25px;margin-left:auto}.display-selection select{background:#17304d;border:1px solid var(--line);border-radius:7px;padding:9px 13px;color:var(--paper);max-width:250px;min-height:44px;font-size:13px}.display-clock{font:12px var(--mono);color:var(--muted)}.back-link{color:var(--battery);font-size:13px}main{max-width:1500px;margin:auto;padding:35px 43px 28px}.display-title{display:flex;align-items:center;justify-content:space-between;gap:30px}.display-title h1{font-size:43px;font-weight:500;margin:0;letter-spacing:-1.5px}.display-title .eyebrow{margin-bottom:13px}.display-controls{display:flex;align-items:center;gap:9px}.display-controls .motion-control{font-size:11px}.display-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:24px;margin:22px 0 24px;align-items:center}.display-visual{min-width:0}.display-status{font:11px var(--mono);color:var(--muted);padding:5px 15px}.display-caption{font-size:11px;text-align:center;margin:0}.display-readings{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:8px 20px 8px 0}.reading{padding:28px 0;min-width:0;border-top:1px solid var(--line)}.reading-label{font:11px var(--body);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.reading strong{display:block;font:clamp(25px,2.5vw,39px) var(--mono);letter-spacing:-1.5px;margin:12px 0 8px;font-weight:400}.reading.solar strong{color:var(--solar)}.reading.battery strong{color:var(--battery)}.reading.grid strong{color:var(--grid)}.reading-note{font-size:12px;color:var(--muted)}.charge-track{height:5px;border-radius:6px;background:#344e64;overflow:hidden;margin:22px 0 8px}.charge-track>div{height:100%;background:var(--battery);width:0;transition:width .5s}.soc-note{font-size:11px;color:var(--muted)}.today{border-top:1px solid var(--line);padding-top:25px;display:flex;gap:40px;align-items:center;justify-content:space-between}.today h2{font:18px var(--display);margin:0;flex:1}.today h2 span{display:block;font:11px var(--body);color:var(--muted);margin-top:9px}.today-metrics{display:flex;gap:50px;flex:2;justify-content:space-between}.today-metrics>div{flex:1}.today-metrics span{display:block;font-size:11px;color:var(--muted)}.today-metrics strong{display:block;margin-top:8px;font:23px var(--mono);letter-spacing:-.7px}.display-footer{margin:0 43px;border-top:1px solid var(--line);padding:22px 0 25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.status-message{font-size:12px;margin-top:23px;margin-bottom:0}.status-message a{display:inline-block;margin-left:10px;min-height:32px;padding-top:4px}.status-message button{color:var(--solar);background:transparent;border:1px solid var(--line);border-radius:6px;padding:6px 13px;margin-left:10px;min-height:38px}@media(min-width:1550px){main{padding-top:44px}.display-layout{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}.display-readings{gap:0 38px}.reading{padding:39px 0}.reading strong{font-size:45px}}@media(max-width:1000px){.display-header{margin-inline:25px}.display-clock{display:none}main{padding-inline:25px}.display-footer{margin-inline:25px}.display-layout{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:12px}.display-readings{gap:0 17px;padding-right:0}.reading strong{font-size:27px}.reading-label{font-size:9px}.today{gap:25px}.today-metrics{gap:24px}.today-metrics strong{font-size:21px}.display-title h1{font-size:36px}}@media(max-width:750px){.display-header{gap:15px;padding-block:20px;flex-wrap:wrap}.display-header .wordmark{font-size:23px}.display-header .wordmark img{width:35px;height:35px}.display-selection{order:3;width:100%;margin:0}.display-selection:has(select[hidden]){display:none}.display-selection select{max-width:100%;width:100%}.display-title{gap:20px;align-items:flex-start;flex-direction:column}.display-title h1{font-size:34px}.display-title .eyebrow{font-size:10px}.display-controls{width:100%;justify-content:flex-end;margin-top:-12px}.display-layout{grid-template-columns:1fr;margin-top:18px}.display-visual .energy-scene{max-width:680px;margin:auto}.display-readings{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.reading{padding:20px 0}.reading strong{font-size:22px}.reading-note{font-size:10px}.reading-label{font-size:8px;letter-spacing:.04em}.soc-note{font-size:9px}.today{align-items:flex-start;flex-direction:column}.today-metrics{width:100%;gap:15px}.today-metrics span{font-size:10px}.today-metrics strong{font-size:20px}}@media(max-width:450px){main{padding:26px 18px}.display-header{margin-inline:18px}.display-footer{margin-inline:18px;flex-direction:column;gap:6px;padding-block:18px}.display-header .wordmark{font-size:22px}.back-link{font-size:11px}.display-title h1{font-size:33px}.display-controls{justify-content:flex-start;margin-top:-5px}.display-controls .motion-control{font-size:10px;min-height:40px}.status-message{padding:13px 15px;font-size:11px;margin-top:17px}.display-status{padding-inline:0;font-size:9px}.display-visual .energy-scene{width:106%;max-width:none;margin-left:-3%}.display-caption{font-size:10px}.display-readings{grid-template-columns:1fr 1fr;gap:0 22px}.reading-label{font-size:10px;letter-spacing:.07em}.reading strong{font-size:30px}.reading-note{font-size:11px}.soc-note{font-size:10px}.today-metrics{gap:14px}.today-metrics strong{font-size:18px}.today-metrics span{font-size:9px}.today h2{font-size:17px}.today h2 span{font-size:10px}}
@media(max-width:520px){.display-readings{display:none}.display-layout{margin-bottom:22px}.display-visual .scene-readouts{margin-bottom:20px}}

#display-costs{margin-top:30px}