:root{--fg: #111;--fg-muted: #555;--bg: #fff;--card: #fff;--card-border: #e5e7eb;--axis: #4b5563;--grid: #94a3b8;--accent: #2f6feb;--renewable-stroke: #16a34a;--price-stroke: #f97316;--forecast-tint: #f5f7fa;--band-fill: rgba(59, 130, 246, .16);--eu-benchmark: #1d4ed8;--radius: 12px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--fg: #e5e7eb;--fg-muted: #94a3b8;--bg: #0b0d12;--card: #131723;--card-border: #242a37;--axis: #a8b3c7;--grid: #64718a;--forecast-tint: #1a1f2b;--band-fill: rgba(56, 132, 239, .35);--eu-benchmark: #3b82f6}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased}.app-shell{max-width:1120px;margin:0 auto;padding:1.5rem 1rem 4rem}.app-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.site-header{padding:.75rem 0 1rem;border-bottom:1px solid var(--card-border);margin-bottom:1.5rem!important}.brand{min-width:0;flex:1 1 320px}.logo{margin:0;display:flex;align-items:center;gap:.7rem;letter-spacing:-.025em;font-weight:800;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1}.logo-mark{display:inline-flex;filter:drop-shadow(0 2px 4px rgba(47,111,235,.25));flex:0 0 auto}.logo-text{display:inline-flex;align-items:baseline}.logo-strom{color:var(--fg)}.logo-mix{background:linear-gradient(135deg,var(--renewable-stroke) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-tld{font-size:.55em;color:var(--fg-muted);font-weight:500;margin-left:.08em}.brand .tagline{margin:.5rem 0 0;color:var(--fg-muted);font-size:.95rem;line-height:1.45;max-width:52ch}.sticky-bar{position:sticky;top:0;z-index:5;padding:.5rem 0;background:linear-gradient(to bottom,var(--bg) 70%,transparent);margin-bottom:.5rem}.range-selector{display:inline-flex;gap:.25rem;background:var(--card);border:1px solid var(--card-border);padding:.25rem;border-radius:999px;flex-wrap:wrap}.range-selector button{background:transparent;border:0;color:var(--fg-muted);padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500}.range-selector button.active{background:var(--fg);color:var(--bg)}.chart-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:1rem 1rem 1.25rem;margin-top:1rem;overflow:visible;position:relative}.chart-body{touch-action:pan-y;-webkit-user-select:none;user-select:none}.chart-body svg{touch-action:pan-y}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.chart-header h2{margin:0;font-size:1.1rem;font-weight:600}.chart-header .subtitle{margin:2px 0 0;color:var(--fg-muted);font-size:.85rem}.chart-body{margin-top:.75rem}.chart-skeleton{height:300px;background:var(--grid);border-radius:8px;animation:shimmer 1.2s linear infinite alternate}@keyframes shimmer{0%{opacity:.5}to{opacity:1}}.chart-error{color:#dc2626;padding:1rem}.chart-empty{color:var(--fg-muted);padding:1rem}.chart-legend{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;color:var(--fg-muted)}.chart-legend li{display:inline-flex;align-items:center;gap:6px}.chart-legend .swatch{display:inline-block;width:12px;height:12px;border-radius:2px}.chart-tooltip{position:absolute;pointer-events:none;background:var(--card);color:var(--fg);border:1px solid var(--card-border);padding:.5rem .75rem;border-radius:8px;font-size:.8rem;box-shadow:0 6px 20px #0000001f;max-width:260px}.cursor-card{position:absolute;pointer-events:none;background:var(--card);color:var(--fg);border:1px solid var(--card-border);padding:.55rem .7rem;border-radius:10px;font-size:.78rem;line-height:1.35;box-shadow:0 8px 24px #0000002e;min-width:160px;max-width:280px;z-index:5;-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.cursor-card .cc-head{font-weight:600;margin-bottom:.25rem;display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.cursor-card .cc-head small{font-weight:400;color:var(--fg-muted);font-size:.7rem}.cursor-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr auto;gap:2px .75rem}.cursor-card ul li{display:contents}.cursor-card ul li .cc-k{display:flex;align-items:center;gap:.4rem;color:var(--fg-muted);white-space:nowrap}.cursor-card ul li .cc-k .swatch{width:9px;height:9px;border-radius:2px;display:inline-block;flex:0 0 9px}.cursor-card ul li .cc-v{font-variant-numeric:tabular-nums;color:var(--fg);text-align:right;white-space:nowrap}.cursor-card .cc-sep{height:1px;background:var(--card-border);margin:.35rem 0;grid-column:1 / -1}.cursor-card .cc-foot{margin-top:.3rem;color:var(--fg-muted);font-size:.7rem}.cursor-card .origin-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}.cursor-card .origin-dot.realized{background:#16a34a}.cursor-card .origin-dot.public_forecast{background:#f59e0b}.cursor-card .origin-dot.model_forecast{background:#8b5cf6}.cursor-card .origin-dot.none{background:var(--fg-muted)}.data-sources{margin-top:1.5rem}.data-sources details{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:.5rem 1rem}.data-sources summary{cursor:pointer;padding:.5rem 0;display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;list-style:none}.data-sources summary::-webkit-details-marker{display:none}.data-sources summary:before{content:"▸";color:var(--fg-muted);transition:transform .15s ease;display:inline-block}.data-sources details[open] summary:before{transform:rotate(90deg)}.data-sources summary h2{display:inline;margin:0;font-size:1.05rem;font-weight:600}.data-sources summary .hint{color:var(--fg-muted);font-size:.85rem}.ds-body{display:grid;gap:.75rem;padding:.5rem 0 .75rem}.ds-card{border:1px solid var(--card-border);border-radius:8px;padding:.7rem .85rem;background:color-mix(in srgb,var(--card) 96%,var(--accent) 4%)}.ds-card header h3{margin:0 0 .1rem;font-size:.95rem}.ds-card header h3 a{color:var(--fg);text-decoration:none}.ds-card header h3 a:hover{text-decoration:underline}.ds-meta{color:var(--fg-muted);font-size:.8rem;display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.35rem}.ds-meta a{color:var(--accent);text-decoration:none}.ds-meta a:hover{text-decoration:underline}.ds-card ul{list-style:disc;margin:.25rem 0 0 1.1rem;padding:0;font-size:.85rem;color:var(--fg)}.ds-card ul li{margin:.15rem 0}.ds-own{border-top:1px dashed var(--card-border);padding-top:.75rem;font-size:.85rem}.ds-own h3{margin:0 0 .35rem;font-size:.95rem}.ds-own p{margin:0;color:var(--fg-muted);line-height:1.45}.ds-footer{font-size:.75rem;color:var(--fg-muted);margin:.25rem 0 0;font-style:italic}.tl-share{margin-top:.5rem;padding:.75rem 1rem 1rem;background:var(--card);border:1px dashed var(--card-border);border-radius:var(--radius)}.tl-share-controls{display:flex;gap:.5rem;align-items:center}.tl-share select,.tl-share button{font-size:.9rem;padding:.4rem .75rem;border-radius:8px;border:1px solid var(--card-border);background:var(--card);color:var(--fg);cursor:pointer}.tl-share button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pwa-prompt{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pwa-prompt .primary{background:var(--accent);color:#fff;border:0;padding:.45rem .95rem;border-radius:8px;cursor:pointer;font-size:.9rem}.pwa-prompt .text{background:transparent;border:0;color:var(--fg-muted);cursor:pointer;padding:.45rem .5rem;font-size:.9rem}.pwa-ios-hint{flex-basis:100%;background:var(--card);border:1px solid var(--card-border);padding:.5rem .75rem;border-radius:8px;font-size:.85rem;margin-top:.5rem}footer{margin-top:2rem;color:var(--fg-muted);font-size:.85rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--card-border)}footer a{color:var(--fg-muted)}.visitor-ticker{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.visitor-ticker strong{color:var(--fg);font-weight:600}.vt-pulse{width:8px;height:8px;border-radius:50%;background:var(--renewable-stroke);box-shadow:0 0 0 0 currentColor;animation:vt-pulse 2.2s ease-out infinite;color:var(--renewable-stroke)}@keyframes vt-pulse{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}