:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--text:#1a1a1a;--muted:#555;--chart-bg:#f7f8fa;--chart-text:#1a1a1a;--axis-line:#ccc;font-family:system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--text:#f0f0f0;--muted:#aaa;--chart-bg:#1e1e1e;--chart-text:#f0f0f0;--axis-line:#444}body{background:var(--bg);max-width:960px;color:var(--text);margin:0 auto;padding:2rem 1.5rem 3rem;transition:background-color .2s,color .2s}.page-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{margin:0;font-size:1.75rem}h2{margin:2rem 0 0;font-size:1.25rem}#theme-toggle{border:1px solid var(--muted);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1.1rem;line-height:1}#status,#generation-status,#renewable-status{color:var(--muted);margin:.5rem 0 1.5rem}.chart-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;display:flex}.chart-toolbar h2{margin:0}.granularity-toggle{background:var(--chart-bg);border:1px solid var(--axis-line);border-radius:999px;gap:.2rem;margin-left:auto;padding:.2rem;display:inline-flex}.granularity-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .9rem;font-size:.85rem;transition:background-color .2s,color .2s}.granularity-toggle button.active{background:var(--text);color:var(--bg)}.page-footer{border-top:1px solid var(--axis-line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem;display:flex}.page-footer p{margin:0}.page-footer a{color:inherit;text-underline-offset:2px;text-decoration:underline;transition:opacity .2s}.page-footer a:hover,.page-footer a:focus-visible{opacity:.75}.chart-container{background:var(--chart-bg);box-sizing:border-box;border-radius:12px;height:75vh;margin-top:1rem;padding:1rem .75rem .5rem;position:relative}.chart-container>div{width:100%;height:100%}@media (width<=600px){body{padding:1.25rem 1rem 2rem}h1{font-size:1.3rem}.chart-toolbar{flex-wrap:wrap}.chart-container{height:70vh;padding:.75rem .25rem .5rem}}