@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&family=Sora:wght@300;400;500;600&display=swap";:root{--color-bg: #faf8f5;--color-bg-warm: #f5f2ed;--color-card: #ffffff;--color-highlight: #3d5a47;--color-highlight-light: #4a6b54;--color-accent: #b8860b;--color-accent-light: #fff9f0;--color-text: #2d2a26;--color-text-secondary: #5a5650;--color-text-muted: #7a756d;--color-border: #e8e4dd;--color-border-dark: #2d2a26;--color-hydro: #4A90A4;--color-wind: #7BA05B;--color-solar: #D4A853;--color-other: #9B8AA0;--color-thermal: #C4704A;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-display: clamp(2.5rem, 7vw + .5rem, 3.5rem);--font-3xl: clamp(1.75rem, 4vw + .5rem, 2.25rem);--font-2xl: clamp(1.5rem, 3vw + .5rem, 2rem);--font-xl: clamp(1.25rem, 2vw + .5rem, 1.5rem);--font-lg: clamp(1rem, 1.5vw + .5rem, 1.25rem);--font-base: clamp(.875rem, 1vw + .5rem, 1rem);--font-sm: clamp(.75rem, .5vw + .5rem, .8125rem);--font-xs: clamp(.625rem, .5vw + .4rem, .75rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .8s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(61, 90, 71, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes pulseRing{0%{transform:scale(1);opacity:.5}to{transform:scale(2.5);opacity:0}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.app{min-height:100vh;background:var(--color-bg);font-family:Sora,sans-serif;color:var(--color-text);padding:var(--space-md);padding-bottom:100px}@media(min-width:480px){.app{padding:var(--space-lg)}}@media(min-width:768px){.app{padding:var(--space-xl);max-width:720px;margin:0 auto}}@media(min-width:1024px){.app{max-width:860px;padding:var(--space-2xl)}}.masthead{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0 var(--space-lg);border-bottom:2px solid var(--color-border-dark);margin-bottom:var(--space-lg);animation:slideUp var(--duration-slow) var(--ease-out) both}.masthead-left{display:flex;align-items:center;gap:var(--space-sm)}.masthead-logo{height:24px;opacity:.8}.masthead-title{font-family:Newsreader,serif;font-size:var(--font-lg);font-weight:600;letter-spacing:-.5px}.masthead-date{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.live-badge{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-highlight);background:#3d5a471a;padding:6px 12px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-dot{width:8px;height:8px;background:var(--color-highlight);border-radius:50%;position:relative}.live-dot--pulse{animation:pulse 1s ease}.live-dot--pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--color-highlight);animation:pulseRing 1s ease;z-index:-1}@media(min-width:480px){.masthead{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-md) 0 var(--space-lg)}.masthead-logo{height:28px}.masthead-title{font-size:var(--font-xl)}}.headline-section{margin-bottom:var(--space-xl);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:50ms}.kicker{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-accent);margin-bottom:var(--space-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.kicker:before{content:"";width:16px;height:2px;background:var(--color-accent);display:inline-block}.headline{font-family:Newsreader,serif;font-size:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-1.5px;margin-bottom:var(--space-xs)}.headline-unit{font-family:Sora,sans-serif;font-size:var(--font-lg);font-weight:300;color:var(--color-text-muted);letter-spacing:0}.subhead{font-family:Newsreader,serif;font-style:italic;font-size:var(--font-base);color:var(--color-text-secondary);margin-top:var(--space-md);line-height:1.5;max-width:45ch}.chart-section{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.1s;transition:box-shadow var(--duration-base) var(--ease-out)}.chart-section:hover{box-shadow:var(--shadow-md)}.chart-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.chart-title:before{content:"";width:3px;height:14px;background:var(--color-highlight);border-radius:2px}.wave-chart{width:100%;height:auto;aspect-ratio:400 / 120;display:block}.wave-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 1.5s var(--ease-out) forwards}.wave-dot{animation:pulseDot 2s ease infinite}.chart-footer{display:flex;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.chart-stat{text-align:center;flex:1}.chart-stat-value{font-family:Newsreader,serif;font-size:var(--font-lg);font-weight:600}.chart-stat-label{font-size:var(--font-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}@media(min-width:480px){.chart-stat-value{font-size:var(--font-xl)}}.two-col{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-lg);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.15s}.two-col:nth-of-type(2){animation-delay:.35s}@media(min-width:480px){.two-col{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}.card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-label{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.card-big-number{font-family:Newsreader,serif;font-size:var(--font-2xl);font-weight:600;line-height:1}.card-unit{font-family:Sora,sans-serif;font-size:var(--font-sm);font-weight:400;color:var(--color-text-muted);margin-top:var(--space-xs)}.card-context{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:var(--space-sm);line-height:1.4}.card.highlight{background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-highlight-light) 100%);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.card.highlight:hover{box-shadow:var(--shadow-lg),0 0 30px #3d5a4740}.card.highlight .card-label{color:#ffffffbf}.card.highlight .card-unit,.card.highlight .card-context{color:#ffffffd9}@media(min-width:480px){.card-big-number{font-size:var(--font-3xl)}}.ring-container{position:relative;width:140px;height:140px;margin:var(--space-md) auto}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-progress{transition:stroke-dashoffset var(--duration-slower) var(--ease-spring)}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-value{font-family:Newsreader,serif;font-size:var(--font-2xl);font-weight:600;line-height:1}.ring-unit{font-size:var(--font-sm);color:#ffffffb3;margin-top:4px}.clean-energy-section{background:linear-gradient(135deg,var(--color-highlight) 0%,var(--color-highlight-light) 100%);color:#fff;border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-md),var(--shadow-glow);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.15s;transition:box-shadow var(--duration-base) var(--ease-out)}.clean-energy-section:hover{box-shadow:var(--shadow-lg),0 0 30px #3d5a4740}.clean-energy-section .card-label{color:#ffffffbf;text-transform:uppercase;font-size:var(--font-xs);letter-spacing:.1em;font-weight:600;margin-bottom:var(--space-md)}.clean-energy-card{display:flex;flex-direction:column;gap:var(--space-lg)}.clean-energy-main{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}@media(min-width:600px){.clean-energy-main{flex-direction:row;align-items:flex-start}}.clean-energy-ring{position:relative;width:140px;height:140px;flex-shrink:0}.clean-energy-ring .ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.clean-energy-ring .ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.clean-energy-ring .ring-value{font-family:Newsreader,serif;font-size:var(--font-2xl);font-weight:600;line-height:1}.clean-energy-ring .ring-unit{font-size:var(--font-sm);color:#ffffffb3;margin-top:2px}.ring-subtitle{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:var(--font-xs);color:#ffffffb3;white-space:nowrap}.clean-energy-breakdown{flex:1;min-width:0}.clean-energy-section-title{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.breakdown-row{display:grid;grid-template-columns:10px 70px 1fr 50px;gap:var(--space-sm);align-items:center;padding:var(--space-xs) 0}.breakdown-dot{width:8px;height:8px;border-radius:50%}.breakdown-label{font-size:var(--font-sm);color:#ffffffe6}.breakdown-bar-track{height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-spring)}.breakdown-value{font-family:Newsreader,serif;font-size:var(--font-sm);font-weight:600;text-align:right;color:#fffffff2}.clean-energy-imports{padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.15)}.import-badge{font-size:var(--font-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600;text-transform:none;letter-spacing:0}.import-badge--clean{background:#7ba05b4d;color:#c5e8b0}.import-badge--mixed{background:#d4a8534d;color:#f5e0a8}.import-regions{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-sm)}.import-region{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm)}.import-indicator{width:8px;height:8px;border-radius:50%}.import-indicator--clean{background:#7ba05b}.import-indicator--mixed{background:#d4a853}.import-region-name{color:#ffffffe6;font-weight:500}.import-region-value{font-family:Newsreader,serif;font-weight:600}.import-region-percent{color:#fff9;font-size:var(--font-xs)}.clean-energy-comparison{padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.15)}.comparison-bars{margin-top:var(--space-sm)}.comparison-row{display:grid;grid-template-columns:70px 1fr 45px;gap:var(--space-sm);align-items:center;padding:var(--space-xs) 0}.comparison-label{font-size:var(--font-sm);color:#ffffffe6}.comparison-bar-track{height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.comparison-bar-fill{height:100%;border-radius:var(--radius-full);animation:growWidth var(--duration-slow) var(--ease-spring) both}.comparison-bar-fill--qc{background:#fff;animation-delay:.1s}.comparison-bar-fill--on{background:#ffffffb3;animation-delay:.2s}.comparison-bar-fill--ny{background:#ffffff80;animation-delay:.3s}.comparison-value{font-family:Newsreader,serif;font-size:var(--font-sm);font-weight:600;text-align:right}.comparison-note{margin-top:var(--space-sm);font-size:var(--font-sm);color:#ffffffb3;font-style:italic;text-align:center}@keyframes growWidth{0%{width:0}}.sources-section{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.2s;transition:box-shadow var(--duration-base) var(--ease-out)}.sources-section:hover{box-shadow:var(--shadow-md)}.sources-section__timestamp{font-family:var(--font-sans);font-size:var(--font-xs);color:var(--color-text-muted);margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-md)}.source-row{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-sm);margin:0 calc(-1 * var(--space-sm));border-radius:var(--radius-sm);border-bottom:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.source-row:last-child{border-bottom:none}.source-row:hover{background:#3d5a470a;transform:translate(4px)}.source-icon{font-size:20px;width:32px;text-align:center;flex-shrink:0}.source-info{flex:1;min-width:0}.source-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:var(--space-sm)}.source-label{font-size:var(--font-sm);font-weight:500}.source-value{font-family:Newsreader,serif;font-size:var(--font-sm);font-weight:600;white-space:nowrap}.source-track{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.source-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-spring);position:relative;overflow:hidden}.source-fill:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shine 3s ease-in-out infinite;animation-delay:var(--shine-delay, 0s)}.source-row:nth-child(1) .source-fill{--shine-delay: 0s}.source-row:nth-child(2) .source-fill{--shine-delay: .5s}.source-row:nth-child(3) .source-fill{--shine-delay: 1s}.source-row:nth-child(4) .source-fill{--shine-delay: 1.5s}.source-row:nth-child(5) .source-fill{--shine-delay: 2s}.exchange-section{background:var(--color-accent-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);border-left:4px solid var(--color-accent);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.25s;transition:box-shadow var(--duration-base) var(--ease-out)}.exchange-section:hover{box-shadow:var(--shadow-md)}.exchange-grid{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.exchange-box{text-align:center;padding:var(--space-sm)}.exchange-label{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.exchange-value{font-family:Newsreader,serif;font-size:var(--font-xl);font-weight:600}.exchange-arrow{font-size:24px;color:var(--color-accent);text-align:center;transform:rotate(90deg);transition:transform var(--duration-base) var(--ease-spring)}.exchange-section:hover .exchange-arrow{transform:rotate(90deg) scale(1.2)}.exchange-net{text-align:center;padding-top:var(--space-md);margin-top:var(--space-md);border-top:1px dashed rgba(184,134,11,.3)}.exchange-net-label{font-size:var(--font-xs);color:var(--color-text-muted)}.exchange-net-value{font-family:Newsreader,serif;font-size:var(--font-lg);font-weight:600;color:var(--color-highlight)}@media(min-width:480px){.exchange-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.exchange-arrow{transform:rotate(0)}.exchange-section:hover .exchange-arrow{transform:rotate(0) scale(1.2)}.exchange-value{font-size:var(--font-2xl)}}.pullquote{font-family:Newsreader,serif;font-size:var(--font-lg);font-style:italic;text-align:center;padding:var(--space-lg) var(--space-md);margin:var(--space-lg) 0;border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark);color:var(--color-highlight);line-height:1.5;animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.3s}@media(min-width:480px){.pullquote{font-size:var(--font-xl);padding:var(--space-xl) var(--space-lg)}}.footer{text-align:center;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--color-border);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.4s}.footer-logo{height:24px;opacity:.4;margin-bottom:var(--space-md);transition:opacity var(--duration-fast) var(--ease-out)}.footer:hover .footer-logo{opacity:.6}.footer-text{font-size:var(--font-xs);color:var(--color-text-muted);line-height:1.8}.footer-text strong{color:var(--color-text)}.footer-text a{color:var(--color-highlight);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.footer-text a:hover{color:var(--color-highlight-light)}.footer-credits{margin-top:var(--space-lg)}.footer-separator{display:block;font-family:Newsreader,serif;font-size:var(--font-lg);color:var(--color-text-muted);margin-bottom:var(--space-md)}.footer-credits-text{font-family:Newsreader,serif;font-style:italic;font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.footer-credits-links{font-size:var(--font-xs);color:var(--color-text-muted);line-height:1.8}.footer-credits-links a{color:var(--color-highlight);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.footer-credits-links a:hover{color:var(--color-highlight-light)}.masthead-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}@media(min-width:480px){.masthead-logo{height:40px}}.trend-indicator{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#3d5a470d;border-radius:var(--radius-md);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:75ms}.trend-item{display:flex;align-items:center;gap:var(--space-xs)}.trend-arrow{font-size:var(--font-lg);font-weight:700;transition:transform var(--duration-fast) var(--ease-spring)}.trend-item:hover .trend-arrow{transform:translateY(-2px)}.trend-value{font-family:Newsreader,serif;font-size:var(--font-base);font-weight:600}.trend-label{font-size:var(--font-xs);color:var(--color-text-muted)}.trend-separator{width:1px;height:24px;background:var(--color-border)}.trend--up{color:#c4704a}.trend--down{color:var(--color-highlight)}.trend--neutral{color:var(--color-text-secondary)}.network-health{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);animation:slideUp var(--duration-slow) var(--ease-out) both;animation-delay:.1s}.health-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.health-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted)}.health-status{font-size:var(--font-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-full)}.health-status.health--good{background:#3d5a471a;color:var(--color-highlight)}.health-status.health--elevated{background:#d4a8531a;color:#b8860b}.health-status.health--warning{background:#c48c4a26;color:#c48c4a}.health-status.health--critical{background:#c4704a26;color:#c4704a}.health-bar-container{position:relative;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:visible;margin-bottom:var(--space-sm)}.health-bar{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slower) var(--ease-spring)}.health-bar.health--good{background:linear-gradient(90deg,var(--color-highlight) 0%,var(--color-highlight-light) 100%)}.health-bar.health--elevated{background:linear-gradient(90deg,#d4a853,#e6c88a)}.health-bar.health--warning{background:linear-gradient(90deg,#c48c4a,#d9a870)}.health-bar.health--critical{background:linear-gradient(90deg,#c4704a,#d89070)}.health-markers{position:absolute;inset:0;pointer-events:none}.health-marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--color-text-muted);opacity:.3}.health-marker--critical{background:#c4704a;opacity:.5}.health-labels{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--color-text-muted)}.health-percentage{font-weight:600;color:var(--color-text)}.health-header-right{display:flex;align-items:center;gap:var(--space-xs)}.health-info-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-full);background:#b8860b1a;color:var(--color-accent);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.health-info-btn:hover{background:#b8860b33;transform:scale(1.1)}.health-tooltip{background:var(--color-accent-light, rgba(184, 134, 11, .08));border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-xs);line-height:1.5;color:var(--color-text);animation:slideDown var(--duration-normal) var(--ease-out)}.health-tooltip strong{font-family:var(--font-display);color:var(--color-highlight)}.health-status.health--import{background:#4a90a426;color:#4a90a4}.health-bar.health--import{background:linear-gradient(90deg,var(--color-highlight) 0%,#4A90A4 100%)}.health-marker--local{background:var(--color-text);opacity:.6;width:2px}.health-marker--local:after{content:"";position:absolute;top:-2px;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--color-text);opacity:.4}.health-import-zone{position:absolute;top:0;height:100%;background:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(74,144,164,.1) 2px,rgba(74,144,164,.1) 4px);border-radius:0 var(--radius-full) var(--radius-full) 0;pointer-events:none}.health-context{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-border);font-size:var(--font-xs);font-style:italic;color:var(--color-text-muted)}.health-context--import{color:#4a90a4}.health-context-icon{font-style:normal;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.carbon-comparison{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.carbon-comparison-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.carbon-bars{display:flex;flex-direction:column;gap:var(--space-xs)}.carbon-bar-row{display:grid;grid-template-columns:60px 1fr 40px;align-items:center;gap:var(--space-sm)}.carbon-bar-label{font-size:var(--font-xs);color:var(--color-text-secondary)}.carbon-bar-track{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.carbon-bar-fill{height:100%;border-radius:var(--radius-full);animation:growWidth var(--duration-slow) var(--ease-spring) both}@keyframes growWidth{0%{width:0!important}}.carbon-bar-value{font-family:Newsreader,serif;font-size:var(--font-xs);font-weight:600;text-align:right}.carbon-comparison-note{font-size:var(--font-xs);font-style:italic;color:var(--color-highlight);margin-top:var(--space-sm);text-align:center}.wave-chart-container{position:relative;padding-bottom:var(--space-xl)}.wave-dot-outer{animation:pulseDot 2s ease infinite}.peak-zone{transition:fill var(--duration-fast) var(--ease-out)}.wave-chart__time-axis{position:relative;height:20px;margin-top:var(--space-xs)}.wave-chart__time-label{position:absolute;transform:translate(-50%);font-family:Sora,sans-serif;font-size:11px;color:var(--color-text-muted);letter-spacing:.3px;transition:opacity var(--duration-fast) var(--ease-out)}.wave-chart__time-label--hidden{opacity:0}.wave-chart__now-indicator{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px}.wave-chart__now-dot{width:6px;height:6px;border-radius:50%;animation:pulseDot 2s ease infinite}.wave-chart__now-label{font-family:Sora,sans-serif;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center}.wave-chart__tooltip{position:absolute;transform:translate(-50%,-130%);background:var(--color-text);color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--font-xs);pointer-events:none;z-index:10;white-space:nowrap;box-shadow:var(--shadow-lg)}.wave-chart__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-text)}.wave-chart__tooltip-time{font-family:Sora,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:2px}.wave-chart__tooltip-value{font-family:Newsreader,serif;font-size:var(--font-base);font-weight:600}.wave-chart__tooltip-delta{display:flex;align-items:center;gap:var(--space-xs);margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.2);font-size:10px}.wave-chart__tooltip-delta--up{color:#e57373}.wave-chart__tooltip-delta--down{color:#81c784}.wave-chart__tooltip-delta-label{opacity:.6}.wave-chart__legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-sm);font-family:Sora,sans-serif;font-size:var(--font-xs);color:var(--color-text-muted)}.wave-chart__legend-item{display:flex;align-items:center;gap:var(--space-xs)}.wave-chart__legend-line{width:18px;height:2px;border-radius:1px}.wave-chart__legend-line--dashed{background:repeating-linear-gradient(90deg,#999 0,#999 4px,transparent 4px,transparent 8px)!important}.wave-chart__legend-zone{width:14px;height:10px;border-radius:2px;background:linear-gradient(180deg,#d4a8534d,#d4a8531a);border-top:2px solid rgba(212,168,83,.5)}@media(min-width:480px){.wave-chart__time-label{font-size:12px}.wave-chart__now-label{font-size:10px}.wave-chart__tooltip{padding:10px 14px}.wave-chart__tooltip-value{font-size:var(--font-md)}}.ring-container{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.ring-container:hover{transform:scale(1.05)}.ring-container--expanded{transform:scale(1)}.ring-tap-hint{position:absolute;bottom:-4px;right:50%;transform:translate(50%);width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-highlight);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring)}.ring-container:hover .ring-tap-hint{transform:translate(50%) scale(1.1)}.ring-breakdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border-radius:var(--radius-md);padding:var(--space-sm);margin-top:var(--space-sm);box-shadow:var(--shadow-lg);min-width:140px;z-index:10;animation:slideUp var(--duration-fast) var(--ease-out)}.ring-breakdown-title{font-size:var(--font-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:1px}.ring-breakdown-item{display:flex;align-items:center;gap:var(--space-xs);padding:4px 0;font-size:var(--font-xs);color:var(--color-text)}.ring-breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ring-breakdown-label{flex:1}.ring-breakdown-value{font-weight:600;font-family:Newsreader,serif}.source-value-container{display:flex;align-items:center;gap:var(--space-sm)}.source-sparkline{flex-shrink:0}.weather-indicator{margin-left:var(--space-xs);font-size:12px;display:inline-block}.weather-indicator--wind{animation:sway 2s ease-in-out infinite}.weather-indicator--solar.weather-indicator--active{animation:glow 2s ease-in-out infinite}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes glow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}.exchange-flow{padding:var(--space-md) 0}.exchange-flow-svg{width:100%;height:280px;display:block}.node-qc{transition:fill var(--duration-base) var(--ease-out);filter:drop-shadow(0 2px 4px rgba(61,90,71,.1))}.node-qc-label{font-size:16px;font-weight:700;fill:var(--color-highlight);font-family:Newsreader,serif;letter-spacing:1px}@keyframes qcPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.08)}}.node-qc-pulse{animation:qcPulse 3s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.node-market{transition:all var(--duration-fast) var(--ease-out)}.node-market-halo{transition:opacity var(--duration-fast) var(--ease-out)}.node-market-label{font-size:12px;font-weight:600;font-family:Sora,sans-serif}.flow-connection{transition:stroke-width var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.flow-connection--export{filter:drop-shadow(0 0 3px rgba(61,90,71,.35))}.flow-connection--import{filter:drop-shadow(0 0 3px rgba(184,134,11,.35))}.flow-group:hover .flow-connection{opacity:1}.flow-group:hover .flow-connection--export{filter:drop-shadow(0 0 6px rgba(61,90,71,.5))}.flow-group:hover .flow-connection--import{filter:drop-shadow(0 0 6px rgba(184,134,11,.5))}.flow-group:hover .node-market{transform:scale(1.15);transform-origin:center;transform-box:fill-box}.flow-group:hover .node-market-halo{opacity:.4}.flow-dot{opacity:.85}@media(prefers-reduced-motion:reduce){.node-qc-pulse{animation:none}.flow-dot animateMotion{animation:none}}.exchange-flow-details{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.flow-detail{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm);background:#3d5a4708;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}.flow-detail:hover{background:#3d5a470f}.flow-detail-label{flex:1;color:var(--color-text-muted)}.flow-detail-direction{font-size:var(--font-base);color:var(--color-highlight);font-weight:500}.flow-detail-value{font-family:Newsreader,serif;font-weight:600;color:var(--color-highlight);min-width:90px;text-align:right}.flow-detail--import{background:#b8860b0d}.flow-detail--import:hover{background:#b8860b14}.flow-detail--import .flow-detail-direction,.flow-detail--import .flow-detail-value{color:var(--color-accent)}.exchange-flow-impact{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#3d5a470d;border-radius:var(--radius-md);font-size:var(--font-xs);color:var(--color-highlight);text-align:center;line-height:1.4}.impact-icon{flex-shrink:0;color:var(--color-highlight)}.rotating-facts{position:relative;padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0;border-top:1px solid var(--color-border-dark);border-bottom:1px solid var(--color-border-dark)}.rotating-facts-quote{font-family:Newsreader,serif;font-size:var(--font-lg);font-style:italic;text-align:center;color:var(--color-highlight);line-height:1.5;margin:0;transition:opacity var(--duration-base) var(--ease-out)}.rotating-facts-quote--hidden{opacity:0}.rotating-facts-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--color-card);border-radius:50%;font-size:20px;color:var(--color-text-muted);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease-out)}.rotating-facts-nav:hover{background:var(--color-highlight);color:#fff;box-shadow:var(--shadow-md)}.rotating-facts-nav--prev{left:var(--space-xs)}.rotating-facts-nav--next{right:var(--space-xs)}.rotating-facts-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--space-md)}.rotating-facts-dot{width:6px;height:6px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.rotating-facts-dot:hover{background:var(--color-text-muted)}.rotating-facts-dot--active{background:var(--color-highlight);transform:scale(1.3)}@media(min-width:480px){.rotating-facts-quote{font-size:var(--font-xl)}}.weather-card{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out)}.weather-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.weather-main{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin:var(--space-sm) 0}.weather-icon{font-size:48px;line-height:1}.weather-temp{display:flex;align-items:flex-start}.weather-temp-value{font-family:Newsreader,serif;font-size:var(--font-3xl);font-weight:600;line-height:1}.weather-temp-unit{font-size:var(--font-lg);color:var(--color-text-muted);margin-top:4px}.weather-condition{text-align:center;font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.weather-impact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);background:#00000008;border-radius:var(--radius-sm);font-size:var(--font-xs)}.weather-impact-icon{font-size:14px}.weather-impact-text{font-weight:600}.weather-impact-label{color:var(--color-text-muted)}.peak-forecast{background:var(--color-card);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out)}.peak-forecast:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.peak-forecast--alert{border-left:4px solid var(--color-thermal)}.peak-forecast-main{text-align:center;margin-bottom:var(--space-md)}.peak-forecast-value{font-family:Newsreader,serif;font-size:var(--font-2xl);font-weight:600;line-height:1}.peak-forecast-unit{font-family:Sora,sans-serif;font-size:var(--font-sm);font-weight:400;color:var(--color-text-muted);margin-left:var(--space-xs)}.peak-forecast-time{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.peak-progress-container{margin-bottom:var(--space-sm)}.peak-progress-bar{position:relative;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:visible}.peak-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-highlight) 0%,var(--color-accent) 100%);border-radius:var(--radius-full);transition:width var(--duration-slower) var(--ease-spring)}.peak-progress-marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--color-thermal);opacity:.5}.peak-progress-labels{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.peak-remaining{text-align:center;font-size:var(--font-xs);color:var(--color-text-secondary)}.peak-remaining strong{color:var(--color-highlight)}.peak-alert{color:var(--color-thermal);font-weight:600}.ev-impact{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);margin-top:var(--space-md);background:#3d5a470d;border-radius:var(--radius-md);font-size:var(--font-xs)}.ev-impact-icon{font-size:18px}.ev-impact-text{color:var(--color-text-secondary)}.ev-impact-value{font-family:Newsreader,serif;font-weight:600;color:var(--color-highlight)}.analogy-switcher{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm)}.analogy-button{display:flex;align-items:center;justify-content:center;padding:10px;background:#3d5a471a;border:none;border-radius:var(--radius-md);color:var(--color-highlight);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.analogy-button:hover,.analogy-button--active{background:var(--color-highlight);color:#fff}.app--loading,.app--error{min-height:100vh;display:flex;flex-direction:column}.loading-message,.error-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.loading-message p{font-family:Newsreader,serif;font-size:var(--font-lg);color:var(--color-text-secondary)}.error-message h2{font-family:Newsreader,serif;font-size:var(--font-2xl);color:var(--color-highlight);margin:0 0 var(--space-sm) 0}.error-message p{font-size:var(--font-base);color:var(--color-text-secondary);margin:0;max-width:400px}.error-message .error-hint{margin-top:var(--space-md);font-size:var(--font-sm);color:var(--color-text-muted)}