:root{--font: "Outfit Variable", "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5625rem;--fs-2xl: 1.953rem;--fs-hero: clamp(2rem, 7vw, 2.75rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--r-panel: 1.25rem;--r-control: .75rem;--r-pill: 999px;--dur-fast: .15s;--dur: .22s;--ease: cubic-bezier(.2, .7, .2, 1);--nav-h: 4.25rem;--header-h: 3.75rem;--content-w: 68rem;color-scheme:light;--bg: #eef2f6;--surface: #ffffff;--surface-2: #e4eaf0;--ink: #122031;--ink-2: #4a596a;--line: #d3dce5;--track: #dde4eb;--focus: #3a4fd1;--sun: #f0a500;--sun-ink: #875600;--sun-soft: #fdf1d6;--home: #3a4fd1;--home-ink: #3a4fd1;--home-soft: #e6e9fb;--export: #17a371;--export-ink: #0b6d4c;--export-soft: #dcf3ea;--import: #d63d2b;--import-ink: #ad2e1f;--import-soft: #fbe3df;--amber: #e39a00;--amber-ink: #875600;--amber-soft: #fdf1d6;--warn-soft: #fff4dc;--lamp-housing: #122031;--lamp-off: #34465a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1420;--surface: #122030;--surface-2: #1a2b3d;--ink: #e9eff5;--ink-2: #a2b3c4;--line: #26394d;--track: #223447;--focus: #9aabff;--sun: #ffb82e;--sun-ink: #ffc75c;--sun-soft: #33280f;--home: #93a4ff;--home-ink: #a9b7ff;--home-soft: #1e2750;--export: #3fd6a0;--export-ink: #5ee0b1;--export-soft: #11342a;--import: #ff7d66;--import-ink: #ff9582;--import-soft: #3b1d19;--amber: #ffb82e;--amber-ink: #ffc75c;--amber-soft: #33280f;--warn-soft: #2e2512;--lamp-housing: #05090f;--lamp-off: #26374a}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1420;--surface: #122030;--surface-2: #1a2b3d;--ink: #e9eff5;--ink-2: #a2b3c4;--line: #26394d;--track: #223447;--focus: #9aabff;--sun: #ffb82e;--sun-ink: #ffc75c;--sun-soft: #33280f;--home: #93a4ff;--home-ink: #a9b7ff;--home-soft: #1e2750;--export: #3fd6a0;--export-ink: #5ee0b1;--export-soft: #11342a;--import: #ff7d66;--import-ink: #ff9582;--import-soft: #3b1d19;--amber: #ffb82e;--amber-ink: #ffc75c;--amber-soft: #33280f;--warn-soft: #2e2512;--lamp-housing: #05090f;--lamp-off: #26374a}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);font-size:100%;line-height:1.5;-webkit-text-size-adjust:100%;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100dvh;background:var(--bg);font-feature-settings:"tnum" 1}h1,h2,h3,p,dl,dd{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;inset-inline-start:var(--sp-4);inset-block-start:-4rem;z-index:30;padding:var(--sp-3) var(--sp-4);background:var(--ink);color:var(--bg);border-radius:var(--r-control);text-decoration:none}.skip-link:focus{inset-block-start:var(--sp-3)}.muted{color:var(--ink-2);font-size:var(--fs-sm)}.shell{min-height:100dvh}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--line)}.topbar__inner{display:flex;align-items:center;gap:var(--sp-3);max-width:var(--content-w);min-height:var(--header-h);margin:0 auto;padding:var(--sp-2) var(--sp-4)}.topbar__title{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em;margin-inline-end:auto}.icon-btn{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--r-control);color:var(--ink-2);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover,.icon-btn.is-active{background:var(--surface-2);color:var(--ink)}.content{max-width:var(--content-w);margin:0 auto;padding:var(--sp-4) var(--sp-4) calc(var(--nav-h) + var(--sp-6) + env(safe-area-inset-bottom,0px))}.content:focus{outline:none}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar__list{display:grid;grid-template-columns:repeat(4,1fr);max-width:32rem;margin:0 auto;padding:0 var(--sp-2);list-style:none}.tabbar__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--nav-h);color:var(--ink-2);font-size:var(--fs-xs);font-weight:500;text-decoration:none;transition:color var(--dur-fast) var(--ease)}.tabbar__link:before{content:"";position:absolute;top:0;width:2rem;height:3px;border-radius:0 0 3px 3px;background:transparent;transition:background var(--dur) var(--ease)}.tabbar__link:hover{color:var(--ink)}.tabbar__link.active{color:var(--ink);font-weight:600}.tabbar__link.active:before{background:var(--sun)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:2rem;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-xs);font-weight:500;white-space:nowrap}.chip__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-2)}.chip--live .chip__dot{background:var(--export);box-shadow:0 0 0 3px color-mix(in srgb,var(--export) 25%,transparent)}.chip--stale .chip__dot{background:var(--amber)}.chip--offline .chip__dot{background:var(--import)}.chip--stale{background:var(--amber-soft);border-color:transparent}.chip--offline{background:var(--import-soft);border-color:transparent}.chip__age{color:var(--ink-2);font-weight:400}@media(max-width:30rem){.chip__age{display:none}}.stack{display:grid;gap:var(--sp-4)}.stack--narrow{max-width:36rem}.grid-2{display:grid;gap:var(--sp-4)}@media(min-width:56rem){.grid-2{grid-template-columns:1fr 1fr;align-items:start}}.view-intro{color:var(--ink-2);font-size:var(--fs-md)}.view-intro:first-letter{text-transform:uppercase}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--sp-3)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);padding:var(--sp-4);min-width:0}@media(min-width:40rem){.panel{padding:var(--sp-5)}}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.panel__title{font-size:var(--fs-lg);font-weight:600;line-height:1.3}.chart{width:100%}.now{display:grid;gap:var(--sp-4)}.now>.notice{grid-column:1 / -1}@media(min-width:56rem){.now{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.now__flow{padding:var(--sp-3);aspect-ratio:400 / 250}.now__flow.skeleton-block{background:var(--surface-2);border-color:transparent}.now__side{display:grid;gap:var(--sp-4)}.flow{display:block;width:100%;height:100%;overflow:visible}.flow__track{fill:none;stroke:var(--track);stroke-width:7;stroke-linecap:round}.flow__track--unknown{stroke-dasharray:3 5;stroke-width:3;stroke:var(--ink-2);opacity:.6}.flow__particles,.flow__static{fill:none;stroke-linecap:round}.flow__particles{stroke-width:9}.flow__static{stroke-width:4}.flow__link--sun .flow__particles,.flow__link--sun .flow__static{stroke:var(--sun)}.flow__link--export .flow__particles,.flow__link--export .flow__static{stroke:var(--export)}.flow__link--import .flow__particles,.flow__link--import .flow__static{stroke:var(--import)}.flow__marker--sun path{fill:var(--sun)}.flow__marker--export path{fill:var(--export)}.flow__marker--import path{fill:var(--import)}.flow__node circle{fill:var(--surface);stroke-width:2.5;stroke:var(--line)}.flow__node svg{color:var(--ink-2)}.flow__node text{fill:var(--ink);font-size:18px;font-weight:500}.flow__node--sun circle{stroke:var(--sun);fill:var(--sun-soft)}.flow__node--sun svg{color:var(--sun-ink)}.flow__node--home circle{stroke:var(--home);fill:var(--home-soft)}.flow__node--home svg{color:var(--home-ink)}.flow--frozen .flow__node circle{stroke:var(--line);fill:var(--surface-2)}.flow--frozen .flow__node svg{color:var(--ink-2)}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.readout{display:grid;align-content:start;gap:2px;padding:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-panel);min-width:0}@media(min-width:40rem){.readout{padding:var(--sp-4)}}.readout__label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:500;color:var(--ink-2)}.readout__label:before{content:"";width:.625rem;height:.625rem;border-radius:3px;background:var(--ink-2)}.readout--sun .readout__label:before{background:var(--sun)}.readout--home .readout__label:before{background:var(--home)}.readout--export .readout__label:before{background:var(--export)}.readout--import .readout__label:before{background:var(--import)}.readout__value{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:.2em;line-height:1.1}.readout__num{font-size:var(--fs-hero);font-weight:600;letter-spacing:-.02em}.readout__num--none{color:var(--ink-2)}.readout__unit{font-size:var(--fs-md);font-weight:500;color:var(--ink-2)}.readout__note{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.35}.readout--export .readout__note{color:var(--export-ink)}.readout--import .readout__note{color:var(--import-ink)}@media(max-width:26rem){.readout__num{font-size:1.625rem}.readout__unit{font-size:var(--fs-sm)}}.is-dimmed{opacity:.7}.signal{display:flex;gap:var(--sp-4);align-items:center;padding:var(--sp-4);border-radius:var(--r-panel);background:var(--surface);border:1px solid var(--line);transition:background var(--dur) var(--ease)}.signal--green{background:var(--export-soft);border-color:transparent}.signal--amber{background:var(--amber-soft);border-color:transparent}.signal--red{background:var(--import-soft);border-color:transparent}.signal__lamps{display:grid;gap:6px;padding:8px;border-radius:var(--r-pill);background:var(--lamp-housing);flex:none}.signal__lamp{width:1rem;height:1rem;border-radius:50%;background:var(--lamp-off);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.signal__lamp--red.is-on{background:var(--import);box-shadow:0 0 10px var(--import)}.signal__lamp--amber.is-on{background:var(--amber);box-shadow:0 0 10px var(--amber)}.signal__lamp--green.is-on{background:var(--export);box-shadow:0 0 10px var(--export)}.signal__title{font-size:var(--fs-md);font-weight:600}.signal--green .signal__title{color:var(--export-ink)}.signal--amber .signal__title{color:var(--amber-ink)}.signal--red .signal__title{color:var(--import-ink)}.signal__action{font-size:var(--fs-lg);line-height:1.35;font-weight:500;text-wrap:pretty}.notice{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-panel);border:1px solid var(--line);background:var(--surface)}.notice__icon{flex:none;margin-top:2px}.notice__title{font-weight:600}.notice__body{color:var(--ink-2);font-size:var(--fs-sm)}.notice--warn{background:var(--warn-soft);border-color:transparent}.notice--warn .notice__icon{color:var(--amber-ink)}.notice--danger{background:var(--import-soft);border-color:transparent}.notice--danger .notice__icon{color:var(--import-ink)}.notice--info .notice__icon{color:var(--home-ink)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--sp-4) var(--sp-3)}.stat{display:grid;gap:2px;align-content:start}.stat__label{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2)}.stat--sun .stat__label:before,.stat--home .stat__label:before,.stat--export .stat__label:before,.stat--import .stat__label:before{content:"";width:.625rem;height:.625rem;border-radius:3px}.stat--sun .stat__label:before{background:var(--sun)}.stat--home .stat__label:before{background:var(--home)}.stat--export .stat__label:before{background:var(--export)}.stat--import .stat__label:before{background:var(--import)}.stat__value{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em}.stat__hint{font-size:var(--fs-xs);color:var(--ink-2)}.meters{display:grid;gap:var(--sp-5)}.meter__row{display:flex;justify-content:space-between;align-items:baseline}.meter__label{font-weight:500}.meter__value{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.02em}.meter__track{height:.625rem;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden;margin:var(--sp-2) 0}.meter__fill{display:block;height:100%;border-radius:inherit;background:var(--sun);transition:inline-size var(--dur) var(--ease)}.meter__hint{font-size:var(--fs-sm);color:var(--ink-2)}.baseline{display:grid;gap:var(--sp-2)}.baseline__value{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-3);font-size:var(--fs-2xl);font-weight:600}.baseline__trend{font-size:var(--fs-sm);font-weight:500;color:var(--export-ink)}.baseline__trend.is-up{color:var(--import-ink)}.timeline__bar{display:flex;height:1.75rem;border-radius:var(--r-control);overflow:hidden;background:var(--surface-2)}.timeline__seg--online{background:var(--export)}.timeline__seg--offline{background:var(--import);min-inline-size:3px}.timeline__axis{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--ink-2);margin:var(--sp-1) 0 var(--sp-3)}.events{display:grid;gap:var(--sp-2);margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}.events li{display:flex;gap:var(--sp-2);align-items:baseline}.events__dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--import);transform:translateY(-1px)}.segmented{display:inline-flex;padding:4px;gap:4px;border-radius:calc(var(--r-control) + 4px);background:var(--surface-2)}.segmented__opt{min-height:2.75rem;min-width:2.75rem;padding:0 var(--sp-4);border:0;border-radius:var(--r-control);background:transparent;color:var(--ink-2);font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.segmented__opt:hover{color:var(--ink)}.segmented__opt[aria-checked=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 18%,transparent)}.field{display:grid;gap:var(--sp-1)}.field--inline{min-width:12rem}.field__label{font-size:var(--fs-sm);font-weight:500}.field__hint{font-size:var(--fs-sm);color:var(--ink-2)}.field__error{font-size:var(--fs-sm);color:var(--import-ink);font-weight:500}.input,.select{min-height:2.75rem;width:100%;padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-control);background:var(--surface);font-size:var(--fs-md)}.input:hover,.select:hover{border-color:var(--ink-2)}.input[aria-invalid=true]{border-color:var(--import)}.select{cursor:pointer}.form{display:grid;gap:var(--sp-4)}.form__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.form__status{min-height:1.5em;font-size:var(--fs-sm);color:var(--export-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:2.75rem;padding:0 var(--sp-5);border-radius:var(--r-control);border:1px solid transparent;font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:disabled{opacity:.6;cursor:progress}.btn--primary{background:var(--ink);color:var(--bg)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 85%,var(--bg))}.btn--secondary{background:var(--surface);border-color:var(--line)}.btn--secondary:hover{border-color:var(--ink-2)}.btn--ghost{background:transparent;color:var(--ink-2)}.btn--ghost:hover{background:var(--surface-2);color:var(--ink)}.btn--danger{background:var(--import-soft);color:var(--import-ink)}.btn--danger:hover{border-color:var(--import)}.btn--block{width:100%}.state{display:grid;place-content:center;justify-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-4)}.state__title{font-weight:600}.state__body{color:var(--ink-2);font-size:var(--fs-sm);max-width:36ch}.state--loading{place-content:stretch;padding:0}.skeleton{display:block;width:100%;height:100%;min-height:inherit;border-radius:var(--r-control);background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.login{display:grid;place-items:center;min-height:100dvh;padding:var(--sp-5) var(--sp-4)}.login__card{width:100%;max-width:24rem;display:grid;gap:var(--sp-3)}.login__mark{width:3.5rem;height:3.5rem}.login__mark circle{fill:var(--sun)}.login__mark path{stroke:var(--home);stroke-width:3.5;stroke-linecap:round;fill:none}.login__title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2}.login__lead{color:var(--ink-2);margin-bottom:var(--sp-4)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}