: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;--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}}*{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}.brand h1{margin:0;font-size:1.8rem;letter-spacing:-.02em}.brand .subtitle{margin:2px 0 0;color:var(--fg-muted);font-size:.95rem}.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)}.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}footer a{color:var(--fg-muted)}