:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d1420;--surface:#142033;--grid:#22314a;--border:#22314a;--text:#f2f5fa;--text-secondary:#b3bfd2;--text-muted:#8a97ad;--accent:#3b8cf0;--on-accent:#0d1420;--detail:#ff8a1f;--notice:#2a1f12;--notice-border:#5a3a14;--c-solar:#ff8a1f;--c-radiation:#f2c94c;--c-grid:#3b8cf0;--c-temp:#ef6a6a;--c-pool:#2bbf8a;--c-price:#9b8cf2;--c-lights:#e573a3;--c-gas:#4cb556;--bin-gft:#4cb556;--bin-pmd:#ff8a1f;--bin-papier:#3b8cf0;--bin-rest:#8a97ad}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--detail);outline-offset:2px}html,body{background:var(--page);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.app{max-width:1100px;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}h1{letter-spacing:-.01em;margin:0;font-size:24px}h1.brand{align-items:center;gap:10px;display:flex}h1.brand img{flex:none}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:24px 0 8px;font-size:13px;font-weight:600}.muted{color:var(--text-muted)}.small{font-size:13px}.center{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:80vh;display:grid}.signin h1{margin-bottom:8px}.top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.top p{margin:2px 0 0}.btn{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;min-height:44px;padding:10px 18px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.btn.ghost{background:0 0}.btn.small{min-height:36px;padding:6px 12px;font-size:13px}.segmented{background:var(--grid);border-radius:10px;gap:2px;margin-bottom:12px;padding:2px;display:inline-flex}.segmented button{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:6px 14px;font-size:14px}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:inset 0 -2px 0 var(--detail);font-weight:600}.notice{background:var(--notice);border:1px solid var(--notice-border);color:var(--text-secondary);border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:13px}.notice.error{border-color:var(--c-temp)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.tile-value{font-variant-numeric:proportional-nums;margin:2px 0;font-size:24px;font-weight:600}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chart{min-width:0;margin:0}.chart figcaption{align-items:center;gap:8px;margin-bottom:6px;font-size:14px;display:flex}.chart .title,.bins .title{font-weight:600}.chart .latest{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-left:auto}.key{border-radius:2px;flex:none;width:12px;height:3px}.tag{color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.caption{margin:4px 0 0;font-size:12px}.tooltip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:13px;box-shadow:0 4px 14px #00000073}.tooltip .value{font-size:15px;font-weight:600}.table-view{margin-top:4px;font-size:13px}.table-view summary{color:var(--text-muted);cursor:pointer;padding:4px 0}.table-view table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.table-view th,.table-view td{text-align:left;border-bottom:1px solid var(--grid);padding:3px 4px}.table-view tbody{max-height:220px;display:block;overflow-y:auto}.table-view thead,.table-view tbody tr{table-layout:fixed;width:100%;display:table}.bins-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bins ul{margin:0;padding:0;list-style:none}.bins li{border-bottom:1px solid var(--grid);align-items:center;gap:10px;padding:8px 0;display:flex}.bins li:last-child{border-bottom:0}.bin{border-radius:3px;flex:none;width:12px;height:12px}.bin-gft{background:var(--bin-gft)}.bin-pmd{background:var(--bin-pmd)}.bin-papier{background:var(--bin-papier)}.bin-rest{background:var(--bin-rest)}.bin-name{min-width:84px;font-weight:600}footer{text-align:center;margin-top:24px}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}@media (width<=760px){.grid{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.notice.passkey{background:var(--surface);border-color:var(--border);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.passkey-actions{gap:6px;display:inline-flex}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}