:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--card:#fff;--card-2:#f2f2f7;--fill:#7676801f;--fill-strong:#76768033;--text:#1d1d1f;--text-2:#636366;--sep:#3c3c431f;--scrim:#00000047;--glass:#f2f2f7c7;--glass-card:#ffffffd1;--wasser:#2563eb;--pv1:#e0a800;--pv2:#ea580c;--exp:#178a46;--imp:#e5484d;--cons:#48484a;--self:#b4b4ba;--exp-text:#12703a;--imp-text:#bd2530;--warn:#b25000;--error:#c62828;--danger:#b42318;--accent:#a0562a;--heat-low:#a8d5b0;--heat-mid:#f3c58c;--heat-high:#e8968c;--heat-empty:var(--card-2);--radius:20px;--radius-m:14px;--radius-s:10px;--shadow:0 1px 2px #0000000a, 0 8px 24px -16px #0000002e;--shadow-float:0 10px 40px -10px #0000004d;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--gutter:16px;--header-h:52px;--font:-apple-system, blinkmacsystemfont, "Inter", system-ui, "Segoe UI", roboto, "Helvetica Neue", sans-serif;--fs-hero:clamp(2.75rem, 11vw, 3.5rem);--fs-title:1.375rem;--fs-head:1.0625rem;--fs-body:1.0625rem;--fs-dense:.9375rem;--fs-caption:.8125rem;--fs-micro:.6875rem;--ease:cubic-bezier(.2, .8, .2, 1);--t-fast:.16s;--t:.26s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--card:#1c1c1e;--card-2:#2c2c2e;--fill:#7676803d;--fill-strong:#7676805c;--text:#f5f5f7;--text-2:#98989d;--sep:#5454587a;--scrim:#0000008c;--glass:#121214c7;--glass-card:#1c1c1ed1;--wasser:#3b82f6;--pv1:#facc15;--pv2:#ea5a1a;--exp:#22c55e;--imp:#ef4444;--cons:#d1d1d6;--self:#6c6c70;--exp-text:#22c55e;--imp-text:#ff7a75;--warn:#ffb340;--error:#ff6b61;--danger:#ff9a92;--accent:#e09a6a;--heat-low:#3e7a52;--heat-mid:#a8743c;--heat-high:#a8524b;--shadow:none;--shadow-float:0 10px 40px -10px #000000b3}}@media (min-width:768px){:root{--gutter:24px}}@media (min-width:1200px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.4}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.01em;font-weight:600}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}svg{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{min-height:100dvh}.topbar{z-index:20;align-items:center;gap:var(--s2);height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(var(--gutter), env(safe-area-inset-right)) 0 max(calc(var(--gutter) - 10px), env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);transition:border-color var(--t) var(--ease);border-bottom:.5px solid #0000;grid-template-columns:auto 1fr auto;display:grid;position:sticky;top:0}.topbar.scrolled{border-bottom-color:var(--sep)}.topbar-title{min-width:0;font-size:var(--fs-head);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--text);transition:background-color var(--t-fast) var(--ease);border-radius:12px;place-items:center;display:grid}.icon-btn:hover{background:var(--fill)}.icon-btn:active{background:var(--fill-strong)}.icon-btn svg{width:22px;height:22px}.live-pill{font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.live-dot{background:var(--text-2);border-radius:50%;width:7px;height:7px}.live-pill.ok .live-dot{animation:live-breathe 2.4s var(--ease) infinite}.live-pill.bad{color:var(--warn)}.live-pill.bad svg{width:14px;height:14px}@keyframes live-breathe{0%,to{opacity:1}50%{opacity:.35}}.main{width:100%;padding:var(--s3) max(var(--gutter), env(safe-area-inset-right)) calc(var(--s7) + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left))}.stack{gap:var(--s4);display:grid}.drawer-scrim{z-index:40;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--t) var(--ease);position:fixed;inset:0}.drawer{z-index:41;width:min(320px,86vw);padding:calc(env(safe-area-inset-top) + var(--s3)) var(--s3) calc(env(safe-area-inset-bottom) + var(--s4)) max(var(--s3), env(safe-area-inset-left));background:var(--card);box-shadow:var(--shadow-float);visibility:hidden;transition:transform var(--t) var(--ease), visibility 0s linear var(--t);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.drawer-open .drawer{visibility:visible;transition:transform var(--t) var(--ease);transform:none}.drawer-head{align-items:center;gap:var(--s3);padding:var(--s2) var(--s2) var(--s4);display:flex}.drawer-head img{width:36px;height:36px}.drawer-head strong{font-size:var(--fs-head);flex:1;font-weight:600;line-height:1.2}.nav-section{padding:var(--s4) var(--s3) var(--s2);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-weight:600}.nav-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav-gap{margin-top:var(--s4)}.nav-link{align-items:center;gap:var(--s3);min-height:44px;padding:0 var(--s3);border-radius:var(--radius-s);font-size:var(--fs-body);transition:background-color var(--t-fast) var(--ease);display:flex}.nav-link:hover{background:var(--fill)}.nav-link[aria-current=page]{background:var(--fill);font-weight:600}.nav-link svg{width:20px;height:20px;color:var(--text-2)}.nav-link .dot{width:10px;height:10px;margin:0 5px}.drawer-foot{padding:var(--s5) var(--s3) 0;gap:var(--s3);margin-top:auto;display:grid}.drawer-foot small{color:var(--text-2);font-size:var(--fs-caption)}@media (prefers-reduced-motion:reduce){.drawer,.drawer-scrim{transition:none}}.c-wasser{--c:var(--wasser)}.c-pv1{--c:var(--pv1)}.c-pv2{--c:var(--pv2)}.c-exp{--c:var(--exp)}.c-netz{--c:var(--text-2)}.dot.c-netz{background:linear-gradient(135deg, var(--exp) 0 50%, var(--imp) 50% 100%)}.c-imp{--c:var(--imp)}.c-haus,.c-cons{--c:var(--cons)}.c-self{--c:var(--self)}.c-avoided,.c-soc{--c:var(--accent)}.dot{background:var(--c,var(--text-2));border-radius:50%;flex:none;width:10px;height:10px}.card{min-width:0;padding:var(--s4);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);position:relative}@media (min-width:768px){.card{padding:20px}}.card-flush{padding:var(--s2) 0}.card-head{justify-content:space-between;align-items:baseline;gap:var(--s3);margin-bottom:var(--s3);display:flex}.card-flush .card-head{padding:var(--s2) var(--s4) 0}.card-title{font-size:var(--fs-head);font-weight:600}.caption{font-size:var(--fs-caption);color:var(--text-2)}.muted{color:var(--text-2)}.value{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:.22em;display:inline-flex}.value .unit{color:var(--text-2);font-size:.62em;font-weight:500}.hero-label{font-size:var(--fs-dense);color:var(--text-2);font-weight:500}.hero-value{margin:2px 0 var(--s1);font-size:var(--fs-hero);letter-spacing:-.025em;font-weight:600;line-height:1.05;display:block}.hero-value .value .unit{font-size:.45em;font-weight:600}.hero-sub{font-size:var(--fs-dense);color:var(--text-2)}.hero-sub strong{color:var(--text);font-weight:600}.trend{white-space:nowrap}.stats{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.stat{gap:2px;min-width:0;display:grid}.stat-label{font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stat-value{font-size:var(--fs-title);letter-spacing:-.015em;font-weight:600}.stat-sub{font-size:var(--fs-caption);color:var(--text-2)}.sharebar-wrap{margin:var(--s3) 0 var(--s2)}.sharebar-track{fill:var(--fill)}.legend{gap:var(--s1) var(--s4);font-size:var(--fs-caption);color:var(--text-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.legend li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend .dot{width:8px;height:8px}.legend b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.legend .line-key{background:var(--c);border-radius:1px;width:14px;height:2px}.rows{margin:0;padding:0;list-style:none}.row{align-items:center;gap:var(--s3);min-height:64px;padding:var(--s2) var(--s4);transition:background-color var(--t-fast) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}a.row:hover{background:var(--fill)}a.row:active{background:var(--fill-strong)}.rows>li+li>.row:before{content:"";border-top:.5px solid var(--sep);position:absolute;top:0;left:60px;right:0}.row-icon{width:32px;height:32px;color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border-radius:9px;place-items:center;display:grid}.row-icon svg{width:18px;height:18px}.row-main{min-width:0;display:grid}.row-title{font-size:var(--fs-body);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.row-sub{font-size:var(--fs-caption);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-end{align-items:center;gap:var(--s3);display:flex}.row-value{text-align:right;min-width:4.6em;font-size:var(--fs-body);font-weight:600}.row-chev{width:16px;height:16px;color:var(--text-2);opacity:.6}.src-row{column-gap:var(--s3);padding-top:var(--s3);padding-bottom:var(--s3);grid-template-columns:32px minmax(0,1fr) auto 16px;grid-template-areas:"icon title value chev""icon sub spark chev";row-gap:2px}.src-row .row-icon{grid-area:icon}.src-row .row-title{grid-area:title}.src-row .row-value{grid-area:value;min-width:0}.src-row .row-sub{grid-area:sub;align-self:center}.src-row .row-spark{grid-area:spark;justify-self:end}.src-row .row-chev{grid-area:chev}.row-spark .spark{width:56px;height:22px}.rows{container-type:inline-size}@container (width<=447.98px){.src-row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"icon title value""icon sub spark"}.src-row .row-chev{display:none}}@container (width>=368px){.row-spark .spark{width:72px}}@container (width>=528px){.row-spark .spark{width:120px}}.state-warn{color:var(--warn);align-items:center;gap:4px;font-weight:500;display:inline-flex}.state-warn svg{flex:none;width:13px;height:13px}.dir{font-weight:600}.dir-exp{color:var(--exp-text)}.dir-imp{color:var(--imp-text)}.banners{gap:var(--s2);margin-bottom:var(--s4);display:grid}.banner{align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--radius-m);background:var(--card);box-shadow:var(--shadow);font-size:var(--fs-dense);display:flex}.banner svg{flex:none;width:18px;height:18px;margin-top:1px}.banner.warn svg{color:var(--warn)}.banner.error svg{color:var(--error)}.banner.info svg{color:var(--text-2)}.banner b{font-weight:600}.progress{width:100%;height:4px;margin-top:var(--s2);background:var(--fill);appearance:none;border:0;border-radius:2px;display:block;overflow:hidden}.progress::-webkit-progress-bar{background:var(--fill)}.progress::-webkit-progress-value{background:var(--accent)}.progress::-moz-progress-bar{background:var(--accent)}.segmented{background:var(--fill);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid;position:relative}.segmented button{z-index:1;min-height:32px;padding:0 var(--s2);font-size:var(--fs-caption);white-space:nowrap;transition:color var(--t-fast) var(--ease);border-radius:8px;font-weight:500;position:relative}.segmented button[aria-checked=true]{background:var(--card);font-weight:600;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}@media (prefers-color-scheme:dark){.segmented button[aria-checked=true]{background:#636366}}.pager{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid}.pager-label{text-align:center;font-size:var(--fs-head);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pager-label small{font-size:var(--fs-caption);color:var(--text-2);font-weight:400;display:block}button.pager-label{min-width:0;min-height:44px;padding:2px var(--s2);border-radius:var(--radius-s);transition:background-color var(--t-fast) var(--ease)}button.pager-label:hover{background:var(--fill)}.pager-title{white-space:normal;text-wrap:balance;justify-content:center;align-items:center;gap:6px;max-width:100%;display:inline-flex}.pager-edit{width:14px;height:14px;color:var(--text-2);flex:none}.range-dialog{gap:var(--s3);padding:var(--s4);border-radius:var(--radius-m);background:var(--card);box-shadow:var(--shadow-float);display:grid}.range-fields{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.range-field{font-size:var(--fs-caption);color:var(--text-2);gap:6px;font-weight:600;display:grid}.range-field .input{color:var(--text);font-weight:400}.range-actions{justify-content:flex-end;gap:var(--s2);display:flex}@media (min-width:768px){.range-dialog{grid-column:1/-1;justify-self:end;width:min(440px,100%)}}.pager .icon-btn:disabled{opacity:.25;background:0 0}.period-bar{top:calc(var(--header-h) + env(safe-area-inset-top));z-index:10;gap:var(--s2);margin:calc(-1 * var(--s3)) calc(-1 * var(--gutter)) 0;padding:var(--s2) var(--gutter);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);display:grid;position:sticky}@media (min-width:768px){.period-bar{align-items:center;gap:var(--s5);grid-template-columns:minmax(300px,1fr) minmax(0,1fr)}}.pager-wrap{gap:var(--s2);min-width:0;display:grid}@media (min-width:1280px){.period-bar{justify-content:center;column-gap:var(--s6);grid-template-columns:auto 340px}.period-bar .segmented{grid-auto-columns:auto}.period-bar .segmented button{min-height:36px;padding:0 var(--s4)}.period-bar .segmented button:not([aria-checked=true]):hover{background:var(--fill)}.pager-label{font-size:1.1875rem}.pager-wrap{position:relative}.range-dialog{top:calc(100% + var(--s2));z-index:11;width:420px;position:absolute;left:50%;translate:-50%}}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);background:var(--fill);font-size:var(--fs-dense);transition:background-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);border-radius:12px;font-weight:600;display:inline-flex}.btn:hover{background:var(--fill-strong)}.btn.primary{background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#1d1d1f}}.btn.primary:hover{opacity:.9}.btn:disabled{opacity:.45}.btn svg{width:18px;height:18px}.link{color:var(--accent);font-weight:500}.skeleton{background:linear-gradient(90deg, var(--fill) 0%, var(--fill-strong) 50%, var(--fill) 100%) 0 0 / 200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{justify-items:center;gap:var(--s2);padding:var(--s6) var(--s4);text-align:center;color:var(--text-2);font-size:var(--fs-dense);display:grid}.empty svg{width:28px;height:28px}.note{gap:var(--s2);font-size:var(--fs-caption);color:var(--text-2);align-items:flex-start;display:flex}.note svg{flex:none;width:14px;height:14px;margin-top:2px}.chart{min-width:0;margin:0}.readout{align-items:baseline;gap:2px var(--s3);min-height:2.9em;margin-bottom:var(--s2);font-size:var(--fs-caption);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.zoom-info{align-items:baseline;gap:0 var(--s3);flex-wrap:wrap;display:flex}.zoom-info .link{min-height:24px}.readout-time{color:var(--text);font-weight:600;font-size:var(--fs-dense);flex-basis:100%}.readout-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.readout-item .dot{width:7px;height:7px}.readout-item b{color:var(--text);font-weight:600}.chart-plot{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:6px;position:relative;overflow:hidden}.chart-plot.grabbing{cursor:grabbing}.chart-plot.active{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px;cursor:grab}.chart-hint{background:var(--glass-card);font-size:var(--fs-micro);color:var(--text-2);pointer-events:none;border-radius:999px;padding:2px 8px;position:absolute;top:2px;left:2px}.chart-plot.loading svg{opacity:.45;transition:opacity var(--t) var(--ease)}.chart-empty{font-size:var(--fs-dense);color:var(--text-2);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 0 22px}.ch-axis-end{paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}.chart-plot svg{width:100%;overflow:visible}.chart-legend{margin-top:var(--s3)}.ch-axis{fill:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px}.ch-axis-end{text-anchor:end}.ch-zero{stroke:var(--fill-strong);stroke-width:1px;shape-rendering:crispedges}.ch-line{fill:none;stroke:var(--c);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.ch-line.ch-dashed{stroke-width:1.75px;stroke-dasharray:.5 4}.chart-legend .line-key.dashed{background:repeating-linear-gradient(90deg, var(--c) 0 2px, transparent 2px 5px)}.c-cons .ch-line,.ch-line.c-cons{stroke-width:1.75px}.ch-stop-top{stop-color:var(--c);stop-opacity:.26}.ch-stop-bottom{stop-color:var(--c);stop-opacity:0}@media (prefers-color-scheme:dark){.ch-stop-top{stop-opacity:.32}}.ch-now{fill:var(--c);stroke:var(--card);stroke-width:2px}.ch-cursor{stroke:var(--text-2);stroke-width:1px;opacity:.55;shape-rendering:crispedges}.ch-cursor-dot{fill:var(--c);stroke:var(--card);stroke-width:2px}.ch-bar{fill:var(--c)}.ch-col{transition:opacity var(--t-fast) var(--ease)}.has-sel .ch-col:not(.sel){opacity:.35}.ch-mark{stroke:var(--cons);stroke-width:2px;stroke-linecap:round}.ch-hit{fill:#0000}.spark{overflow:visible}.spark .ch-line{stroke-width:1.5px}.heatmap{gap:var(--s2);display:grid}.hm-cell{shape-rendering:geometricprecision}.hm-empty{fill:var(--heat-empty)}.hm-0{fill:var(--heat-low)}.hm-1{fill:color-mix(in oklab, var(--heat-low) 75%, var(--heat-mid))}.hm-2{fill:color-mix(in oklab, var(--heat-low) 50%, var(--heat-mid))}.hm-3{fill:color-mix(in oklab, var(--heat-low) 25%, var(--heat-mid))}.hm-4{fill:var(--heat-mid)}.hm-5{fill:color-mix(in oklab, var(--heat-mid) 75%, var(--heat-high))}.hm-6{fill:color-mix(in oklab, var(--heat-mid) 50%, var(--heat-high))}.hm-7{fill:color-mix(in oklab, var(--heat-mid) 25%, var(--heat-high))}.hm-8{fill:var(--heat-high)}.hm-sel{stroke:var(--text);stroke-width:1.5px}.hm-legend{align-items:center;gap:var(--s2);font-size:var(--fs-caption);color:var(--text-2);display:flex}.hm-legend svg{flex:0 160px;height:8px}.hm-stop-low{stop-color:var(--heat-low)}.hm-stop-mid{stop-color:var(--heat-mid)}.hm-stop-high{stop-color:var(--heat-high)}.flow{padding:var(--s2) 0;position:relative}.flow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-base{fill:none;stroke:var(--fill-strong);stroke-linecap:round}.flow-pulse{fill:none;stroke:var(--c);stroke-linecap:round}.flow-rows{gap:44px;display:grid;position:relative}.flow-row{justify-content:space-around;gap:var(--s3);display:flex}.flow-node{border-radius:var(--radius-m);background:var(--card-2);min-width:0;max-width:min(46%,170px);transition:opacity var(--t) var(--ease);flex:1 1 0;gap:1px;padding:10px 12px;display:grid}a.flow-node:hover{background:var(--fill-strong)}.flow-node.idle{opacity:.6}.flow-head{min-width:0;font-size:var(--fs-caption);color:var(--text-2);align-items:center;gap:6px;display:flex}.flow-head svg{width:15px;height:15px;color:var(--c);flex:none}.flow-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-value{font-size:var(--fs-head);font-weight:600}.flow-sub{font-size:var(--fs-micro);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ch-pt{fill:var(--card);stroke:var(--c);stroke-width:1.5px}.ch-mark-line{stroke:var(--text-2);stroke-width:1px;stroke-dasharray:3 3}.ch-mark-band{fill:var(--fill)}.ch-mark-dot{fill:var(--card);stroke:var(--text);stroke-width:2px}.ch-mark-label{font-size:var(--fs-micro);fill:var(--text);paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round;font-weight:600}.flow-node:not(.flow-house){container:flow-node/inline-size}.flow-grid{flex-grow:1.25;max-width:min(54%,170px)}@container flow-node (width<=9.99em){.unit-once{display:none}}.flow-house{align-items:center;gap:var(--s3);flex:0 auto;max-width:100%;padding:12px 18px 12px 12px;display:flex}.ring{flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.ring .ring-svg{width:100%;height:100%;position:absolute;inset:0}.ring .ring-icon{width:22px;height:22px}.ring-track{fill:none;stroke:var(--fill-strong)}.ring-value{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.ring-icon{color:var(--text)}.flow-house .flow-value{font-size:var(--fs-title)}@media (min-width:560px){.flow-rows{gap:56px}}@media (min-width:1280px){.ov-flow .flow{flex:1;width:min(100%,170cqb);margin-inline:auto;display:grid}.ov-flow .flow-rows{align-content:space-evenly}.ov-flow .flow-node{max-width:clamp(170px,30cqi,300px);padding:.625em .75em;font-size:clamp(16px,3.8cqb,22px)}.ov-flow .flow-house{padding:.75em 1.125em .75em .75em}.ov-flow .flow-head{font-size:.8125em}.ov-flow .flow-head svg{width:1.15em;height:1.15em}.ov-flow .flow-value{font-size:1.0625em}.ov-flow .flow-sub{font-size:.6875em}.ov-flow .flow-house .flow-value{font-size:1.375em}.ov-flow .ring{width:3.5em;height:3.5em}.ov-flow .ring .ring-icon{width:1.375em;height:1.375em}}.cols,.col-side{gap:var(--s4);align-items:start;display:grid}.cols>*{min-width:0}@media (min-width:1280px){.cols{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cols>*{grid-column:1}.cols>.col-side{grid-area:1/2/span 2}}.card-grid{justify-content:center;gap:var(--s4);flex-wrap:wrap;display:flex;container-type:inline-size}.card-grid>*{--cols:1;flex:0 0 calc((100% - (var(--cols) - 1) * var(--s4)) / var(--cols));min-width:0}@container (width>=696px){.card-grid:not(.n-1)>*{--cols:2}}@container (width>=1052px){.card-grid:is(.n-3,.n-5,.n-6)>*{--cols:3}}@container (width>=1408px){.card-grid.n-4>*{--cols:4}}@container (width>=1764px){.card-grid.n-5>*{--cols:5}}@container (width>=2120px){.card-grid.n-6>*{--cols:6}}.card-columns{columns:340px auto;column-gap:var(--s4)}.card-columns>*{break-inside:avoid;margin-bottom:var(--s4)}.card-columns>:last-child{margin-bottom:0}@media (min-width:1280px){.stack>.note{text-align:center;justify-content:center}}.overview{gap:var(--s4);display:grid}.ov-now{align-content:start;gap:var(--s4);display:grid}.now-pair{gap:var(--s4);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.now{align-content:start;display:grid}.now-pair .hero-value{font-size:clamp(2.125rem,9.5vw,3rem)}.now-sub{font-size:var(--fs-dense);color:var(--text-2)}.now-sub strong{color:var(--text);font-weight:600}.ov-shares{display:grid}@media (min-width:768px){.overview{grid-template:"now flow""list flow"1fr/minmax(0,1fr) minmax(0,1fr);align-items:start}.ov-now{grid-area:now}.ov-list{grid-area:list}.ov-flow{top:calc(var(--header-h) + env(safe-area-inset-top) + var(--s3));grid-area:flow;position:sticky}}@media (min-width:1280px){.overview{grid-template-columns:clamp(400px,40%,640px) minmax(0,1fr);align-items:stretch}.ov-flow{flex-direction:column;min-height:440px;display:flex;position:static;container-type:size}}.ov-flow,.cols>*~.card,.cols>*~.col-side>.card,.col-side>.card~.card,.coverage{content-visibility:auto;contain-intrinsic-block-size:auto 420px}.main-chart{margin-top:var(--s4)}.deferred{min-height:420px}.source-grid{gap:var(--s4);grid-template-areas:"now""chart""euro""bars";display:grid}.sg-now{grid-area:now}.sg-chart{grid-area:chart}.sg-euro{grid-area:euro}.sg-bars{grid-area:bars}@media (min-width:768px){.source-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"now euro""chart chart""bars bars"}}.stack-s{gap:var(--s4);display:grid}.split{gap:var(--s2);display:grid}.split-head{font-size:var(--fs-dense);justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.balance-shares,.heat-wrap{gap:var(--s1);margin-top:var(--s5);display:grid}.card>.note{margin-top:var(--s4)}.kv-row{grid-template-columns:minmax(0,1fr) auto;min-height:56px}.kv-total .row-title,.kv-total .row-value{font-weight:600}.card-note{padding:var(--s3) var(--s4)}.kv-row .row-value{min-width:0}.kv-row .row-title,.kv-row .row-sub{white-space:normal}.link-row{grid-template-columns:minmax(0,1fr) auto 16px}.kv-end{justify-items:end;display:grid}.rows>li+li>.kv-row:before{left:var(--s4)}.coverage{padding:0 var(--s2)}.source-now{gap:2px;display:grid}.source-value{letter-spacing:-.02em;font-size:2.25rem;font-weight:600;line-height:1.1}.source-value .value .unit{font-size:.5em}.euro-card{align-content:start;gap:var(--s1);display:grid}.euro-head{justify-content:space-between;align-items:center;display:flex}.euro-value{font-size:var(--fs-title);letter-spacing:-.01em;font-weight:600}.euro-rows{margin:0 calc(-1 * var(--s4))}@media (min-width:768px){.euro-rows{gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;display:grid}.euro-rows .kv-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""value""sub";gap:0;min-height:0;padding:0}.euro-rows .kv-row:before{display:none}.euro-rows .row-main{display:contents}.euro-rows .row-title{font-size:var(--fs-dense);grid-area:title;font-weight:400}.euro-rows .row-value{text-align:left;font-size:var(--fs-title);letter-spacing:-.01em;grid-area:value}.euro-rows .row-sub{grid-area:sub}}.link-card{transition:background-color var(--t-fast) var(--ease)}.link-card:hover{background:var(--card-2)}.sk-line{width:40%;height:14px;margin:4px 0}.sk-hero{width:55%;height:48px;margin:8px 0}.sk-block{height:220px}.sk-chart{height:200px;margin-top:var(--s4)}.fields{gap:var(--s4) var(--s3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.field{align-content:start;gap:6px;min-width:0;display:grid}.field.wide{grid-column:1/-1}.field label,.field .label{font-size:var(--fs-caption);color:var(--text-2);font-weight:600}.field label.toggle{font-size:var(--fs-body);color:var(--text);font-weight:500}.hint{font-size:var(--fs-caption);color:var(--text-2)}.input{border-radius:var(--radius-s);background:var(--card-2);width:100%;min-height:44px;font-size:var(--fs-body);transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease);appearance:none;border:1px solid #0000;padding:0 12px}select.input{background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%), linear-gradient(135deg, var(--text-2) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.input:focus{border-color:var(--accent);background-color:var(--card);outline:none}.input[aria-invalid=true]{border-color:var(--error)}.input-unit{display:block;position:relative}.input-unit .input{font-variant-numeric:tabular-nums;padding-right:68px}.input-unit .unit{font-size:var(--fs-caption);color:var(--text-2);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-pair{gap:var(--s2);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.field-pair .segmented{min-width:96px}select.input{font-size:var(--fs-dense)}@media (max-width:479px){.field-pair{grid-template-columns:minmax(0,1fr)}.field-pair .segmented{justify-self:start}}.toggle{align-items:center;gap:var(--s3);cursor:pointer;min-height:44px;font-weight:500;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:var(--fill-strong);width:51px;height:31px;transition:background-color var(--t) var(--ease);border-radius:999px;flex:none;position:relative}.toggle-track:after{content:"";width:27px;height:27px;transition:transform var(--t) var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.login-page{min-height:100dvh;padding:calc(var(--s6) + env(safe-area-inset-top)) var(--gutter) var(--s6);place-items:start center;display:grid}.login{gap:var(--s4);width:min(400px,100%);display:grid}.login-head{justify-items:center;gap:var(--s2);text-align:center;display:grid}.status{min-height:1.4em;font-size:var(--fs-dense);align-items:center;gap:6px;display:inline-flex}.status svg{flex:none;width:16px;height:16px}.status.ok{color:var(--text-2)}.status.ok svg{color:var(--accent)}.status.bad{color:var(--error)}code{background:var(--fill);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SF Mono,menlo,consolas,monospace;font-size:.9em}
