:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#173d36;background:#f3f5ee}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:54px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px}h1{font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:-.055em;line-height:1.08;margin:20px 0}h2{font-size:1.2rem;margin:0}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.15em}.intro,footer{color:#536d65}button{border:1px solid #173d36;border-radius:28px;background:transparent;color:inherit;padding:13px 20px;font:inherit;cursor:pointer;white-space:nowrap}button:hover{background:#e1e9db}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #5688bc;outline-offset:3px}.day{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:48px 0 20px}#status{font-size:.85rem;color:#536d65}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{border-radius:20px;padding:30px;background:#fff;border:1px solid #dce2d7}.solar{border-top:5px solid #dca933}.wind{border-top:5px solid #5b9e8a}.card h2{margin-top:26px}.card>p:not(.value):not(.eyebrow){font-size:.9rem;color:#536d65;min-height:44px;line-height:1.5}.value{font-size:3.4rem;letter-spacing:-.05em;margin:18px 0}.unit{font-size:1.15rem;letter-spacing:0;color:#536d65}dl{margin-top:26px}dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #e7ebe3;font-size:.85rem}dt{max-width:70%}dd{margin:0;text-align:right;font-weight:650}.quality{margin-top:26px}label{display:flex;justify-content:space-between;font-size:.85rem;gap:12px}progress{width:100%;height:9px;margin-top:12px;accent-color:#478773}.solar progress{accent-color:#dca933}aside{margin-top:28px;padding:26px 30px;background:#e7ede1;border-radius:18px}aside p{line-height:1.65;font-size:.9rem;max-width:92ch}footer{margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:.75rem}@media(max-width:700px){main{padding:28px 18px}header{align-items:flex-start;flex-direction:column}.day{margin-top:30px;align-items:flex-start;flex-direction:column;gap:0}.cards{grid-template-columns:1fr}.card{padding:24px}.value{font-size:2.9rem}footer{flex-direction:column}}
.production{background:#173d36;color:#fff;border-radius:20px;padding:30px;margin-bottom:32px}.production .cards{margin-top:20px}.production article{padding:0 20px 8px 0}.production article+article{border-left:1px solid #547168;padding-left:24px}.production .unit{color:#c5d6cc}.production p:not(.value):not(.eyebrow){font-size:.85rem;line-height:1.6;color:#d4e2d7}.production .value{margin:14px 0}.measurements-title{margin:0 0 18px}@media(max-width:700px){.production{padding:24px}.production article+article{border-left:0;border-top:1px solid #547168;padding:16px 0 0}}
.history{background:white;border:1px solid #dce2d7;border-radius:20px;padding:28px;margin-bottom:32px}.chart-controls{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.chart-controls label{align-items:center}.chart-controls select,.chart-controls input{padding:9px;border:1px solid #a9b9ac;border-radius:8px;background:white;font:inherit;color:inherit}.history p{font-size:.85rem;line-height:1.6;color:#536d65}.chart-scroll{overflow-x:auto}.chart-container{position:relative;width:100%;height:350px}.chart-container canvas{display:block}.history table{border-collapse:collapse;width:100%;font-size:.8rem}.history th,.history td{text-align:left;padding:10px;border-bottom:1px solid #e7ebe3;white-space:nowrap}.history summary{cursor:pointer;padding:12px 0}
.production .production-higher .value,.production .production-higher strong{color:#86efac}.production .production-lower .value,.production .production-lower strong{color:#fca5a5}.production .production-higher .unit,.production .production-lower .unit{color:inherit}
.pv-inputs label{flex-direction:column;align-items:flex-start;gap:8px;flex:1;min-width:220px}.pv-inputs input{width:100%;max-width:320px}#own-pv-result{background:#e7ede1;border-radius:12px;padding:18px;line-height:1.7;font-weight:650;font-size:1rem}
.current-wind{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;margin-top:32px;border:1px solid #c7d8c9;border-radius:20px;background:#e7ede1}.current-wind>div:last-child{text-align:right}.current-wind .value{margin:0}.current-wind p:not(.value):not(.eyebrow){font-size:.85rem;color:#536d65;line-height:1.5}.current-wind h2{font-size:1.5rem}@media(max-width:600px){.current-wind{align-items:flex-start;flex-direction:column;padding:24px}.current-wind>div:last-child{text-align:left}}
.live-readings{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.live-readings .current-wind{margin-top:0;flex-direction:column;align-items:flex-start;gap:10px}.live-readings .current-wind>div:last-child{text-align:left}.current-solar{background:#faf1d9;border-color:#e5d3a4}.live-readings .value{font-size:2.8rem}@media(max-width:700px){.live-readings{grid-template-columns:1fr}}