@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:wght@600;700&display=swap";:root{color-scheme:light;--color-primary: #0f1f2f;--color-text: #1f2a36;--color-text-light: #2f6fb3;--color-heading: #0f172a;--color-heading-black: #0b1321;--color-accent: #e5d9c7;--color-surface: #fdfaf5;--color-surface-muted: #f3efe7;--color-border: rgba(15, 31, 47, .12);--color-text-muted: #4f5967;--color-band-high: #b83280;--color-band-elevated: #3967c9;--color-band-low: #1f8a75;--color-action: #2f6fb3;--color-state-stale: #334155;--color-state-stale-surface: #e2e8f0;--color-marker-fresh: #1f8a75;--color-marker-town: #6c5dd3;--color-marker-downstream: #3f8fce;--color-percentile-below: #1e3d73;--color-percentile-lower: #3f76d0;--color-percentile-typical: #1f8a75;--color-percentile-upper: #6c5dd3;--color-percentile-extreme: #b83280;--color-contrast: #ffffff;--color-contrast-soft: #fdf9f0;--color-ink-rgb: 46, 53, 63;--color-slate-rgb: 15, 23, 42;--color-graphite-rgb: 31, 42, 54;--color-cloud-rgb: 148, 163, 184;--color-muted-rgb: 79, 89, 103;--color-ash-rgb: 93, 102, 118;--color-teal-rgb: 31, 138, 117;--color-cobalt-rgb: 57, 103, 201;--color-plum-rgb: 184, 50, 128;--color-sand-rgb: 229, 217, 199;--body-background: radial-gradient(circle at 18% 18%, rgba(var(--color-cobalt-rgb), .08), transparent 28%), radial-gradient(circle at 84% 12%, rgba(var(--color-teal-rgb), .08), transparent 32%), linear-gradient(180deg, #fdfaf5 0%, #f3f0e7 46%, #e6eef2 100%);--shell-background: linear-gradient(180deg, #fdfaf5 0%, #f2eee6 44%, #e5eef3 100%);--header-background: linear-gradient(120deg, #0f1f2f 0%, #12354a 48%, #1f7a8c 100%);--header-overlay: linear-gradient(145deg, rgba(var(--color-sand-rgb), .08) 0%, rgba(var(--color-teal-rgb), .1) 100%);--header-glow: linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0));--panel-highlight: linear-gradient(180deg, rgba(var(--color-teal-rgb), .05), rgba(var(--color-sand-rgb), .12)), #f9f6ef;--panel-muted: linear-gradient(135deg, rgba(var(--color-teal-rgb), .06), rgba(var(--color-sand-rgb), .16)), #eef3f6;--table-head-gradient: linear-gradient(180deg, #f8fafc 0%, #ffffff 60%);--map-surface: #eef3f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--maxWidth-2xl: 42rem;--shadow-elevated: 0 14px 30px rgba(26, 32, 44, .08);--radius-md: 1rem;--radius-lg: 1.5rem}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text);background:var(--body-background);margin:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-contrast);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:100;border-radius:0 0 var(--radius-md) var(--radius-md);transition:top .2s ease}.skip-link:focus{top:0}h1,h2,h3,h4,h5,h6{font-family:Newsreader,Inter,Roboto,sans-serif;font-weight:700;line-height:1.08;color:var(--color-heading);letter-spacing:-.01em;margin:0}p{margin:0}#app,.app-shell{min-height:100vh}.app-shell{display:flex;flex-direction:column;background:var(--shell-background)}.layout-container{width:min(100% - (var(--spacing-xl) * 2),var(--maxWidth-2xl));margin-inline:auto;padding-inline:var(--spacing-xl)}.header-container,.footer-container{padding-block:var(--spacing-xl)}.header-container{position:relative;z-index:1;color:var(--color-contrast-soft)}.app-header{position:relative;isolation:isolate;background:var(--header-background);border-bottom:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:0 24px 60px #0b132133}.app-header:before,.app-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.app-header:before{background:radial-gradient(circle at 18% 30%,rgba(224,139,38,.2),transparent 36%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.12),transparent 32%),var(--header-overlay)}.app-header:after{-webkit-mask-image:radial-gradient(160% 70% at 10% 110%,rgba(0,0,0,.9) 60%,transparent 100%);mask-image:radial-gradient(160% 70% at 10% 110%,rgba(0,0,0,.9) 60%,transparent 100%);background:var(--header-glow);opacity:.5}.app-title{font-size:clamp(1.8rem,2.5vw,2.5rem);color:var(--color-contrast-soft);text-shadow:0 8px 18px rgba(0,0,0,.25)}.app-header__top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-lg)}.app-header__titles{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-header__nav{margin-top:var(--spacing-md)}.app-header__nav-list{display:flex;gap:var(--spacing-md);row-gap:var(--spacing-sm);flex-wrap:wrap;list-style:none;padding:0;margin:0}.app-header__nav-link{color:var(--color-contrast-soft);font-weight:600;text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease;border:1px solid transparent}.app-header__nav-link:hover,.app-header__nav-link:focus-visible{background:#ffffff1a;border-color:#fff3;color:var(--color-contrast-white)}.app-header__menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:var(--spacing-sm);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#ffffff14;color:var(--color-contrast-soft);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.app-header__menu-button:hover,.app-header__menu-button:focus-visible{background:#ffffff26;transform:scale(1.05)}.app-header__menu-icon{position:relative;width:24px;height:2px;background:currentColor;border-radius:2px;transition:background-color .3s ease}.app-header__menu-icon:before,.app-header__menu-icon:after{content:"";position:absolute;width:24px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s ease}.app-header__menu-icon:before{top:-8px}.app-header__menu-icon:after{top:8px}.app-header__menu-button[aria-expanded=true] .app-header__menu-icon{background:transparent}.app-header__menu-button[aria-expanded=true] .app-header__menu-icon:before{transform:rotate(45deg);top:0}.app-header__menu-button[aria-expanded=true] .app-header__menu-icon:after{transform:rotate(-45deg);top:0}@media (max-width: 768px){.app-header{overflow:visible}.app-header__menu-button{display:flex}.app-header__nav{position:absolute;top:100%;left:0;right:0;background:var(--header-background);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0000004d;max-height:0;overflow:hidden;transition:max-height .3s ease;margin-top:0}.app-header__nav--open{max-height:400px}.app-header__nav-list{flex-direction:column;padding:var(--spacing-md)}.app-header__nav-link{display:flex;align-items:center;padding:var(--spacing-md);min-height:44px}}.app-breadcrumb{display:inline-block;margin-bottom:var(--spacing-sm);color:var(--color-text-light);font-weight:600;text-decoration:none}.app-breadcrumb:focus,.app-breadcrumb:hover{text-decoration:underline}.app-tagline{margin-top:var(--spacing-sm);color:rgba(var(--color-sand-rgb),.88);font-size:1rem;max-width:32rem;letter-spacing:.01em}.app-main{flex:1;padding-block:var(--spacing-2xl)}.main-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.dashboard-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);background:linear-gradient(135deg,rgba(var(--color-teal-rgb),.06),rgba(var(--color-sand-rgb),.35)),var(--color-surface);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 18px 42px #0b13212e}.dashboard-controls__refresh{padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;border:1px solid rgba(var(--color-cobalt-rgb),.45);background-color:var(--color-primary);color:var(--color-contrast-soft);font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease;display:inline-flex;align-items:center;gap:var(--spacing-xs);position:relative;box-shadow:0 12px 30px #0f1f2f40;overflow:hidden}.dashboard-controls__refresh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .5s ease,opacity .3s ease;pointer-events:none}.dashboard-controls__refresh:active:before{transform:scale(2.5);opacity:1;transition:transform 0s}.dashboard-controls__refresh:hover,.dashboard-controls__refresh:focus{background-color:var(--color-text-light);color:var(--color-heading-black);box-shadow:0 14px 32px rgba(var(--color-teal-rgb),.3);transform:translateY(-1px)}.dashboard-controls__refresh:disabled{cursor:not-allowed;opacity:.6;background-color:rgba(var(--color-muted-rgb),.2);color:var(--color-heading);border-color:rgba(var(--color-muted-rgb),.25)}.dashboard-controls__refresh[data-state=loading],.dashboard-controls__refresh[data-state=syncing]{padding-right:calc(var(--spacing-lg) + .5rem)}.dashboard-controls__refresh[data-state=loading]:after,.dashboard-controls__refresh[data-state=syncing]:after{content:"";width:.95rem;height:.95rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:var(--color-contrast);animation:spin .9s linear infinite;position:absolute;right:var(--spacing-sm)}.dashboard-controls__refresh[data-state=syncing]{background-color:color-mix(in srgb,var(--color-primary) 82%,var(--color-text-light));color:var(--color-contrast-soft);box-shadow:0 14px 32px rgba(var(--color-teal-rgb),.28)}.dashboard-controls__refresh[data-state=cooldown]{cursor:not-allowed;background:linear-gradient(120deg,rgba(var(--color-cloud-rgb),.3),rgba(var(--color-sand-rgb),.16));color:rgba(var(--color-ink-rgb),.88);border-color:rgba(var(--color-muted-rgb),.3);box-shadow:inset 0 0 0 1px rgba(var(--color-muted-rgb),.24)}.dashboard-controls__status{font-size:1rem;color:rgba(var(--color-ink-rgb),.82);position:relative;transition:color .16s ease}.dashboard-controls__status[data-flash=true]{color:var(--color-heading);font-weight:700}.dashboard-controls__status[data-flash=true]:after{content:"";position:absolute;top:-6px;right:-10px;bottom:-6px;left:-10px;border-radius:999px;background:radial-gradient(circle at 20% 20%,rgba(var(--color-teal-rgb),.12),transparent 42%),radial-gradient(circle at 80% 70%,rgba(var(--color-sand-rgb),.16),transparent 48%);opacity:.8;z-index:-1}.status-error{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);background-color:#c4473429;border:1px solid rgba(196,71,52,.38);color:var(--color-heading-black);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 18px 38px #0b13211f}.status-error[hidden]{display:none}.status-error__message{margin:0;font-weight:600}.status-error__retry{padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;border:1px solid rgba(196,71,52,.45);background-color:var(--color-surface);color:var(--color-heading-black);font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.status-error__retry:hover,.status-error__retry:focus{background-color:#ef44441a}.status-error__retry:active{transform:translateY(1px)}.conditions-summary{display:flex;flex-direction:column;gap:var(--spacing-lg);background:linear-gradient(165deg,rgba(var(--color-teal-rgb),.05),rgba(var(--color-sand-rgb),.18)),var(--color-surface);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 18px 38px #0b13211f}.conditions-summary__header{display:flex;justify-content:space-between;align-items:baseline}.conditions-summary__title{font-size:1.25rem;color:var(--color-heading-black)}.conditions-summary__status{margin:0;font-size:.95rem;color:rgba(var(--color-graphite-rgb),.92)}.conditions-summary__grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.conditions-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:.75rem;background:var(--panel-highlight);border:1px solid var(--color-border);transition:opacity .2s ease}.conditions-card__title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:rgba(var(--color-slate-rgb),.7);margin:0}.conditions-card__value{font-size:1.35rem;font-weight:600;color:var(--color-heading);letter-spacing:-.01em}.conditions-card[data-type=river] .conditions-card__value{color:var(--color-action)}.conditions-card[data-type=warnings] .conditions-card__value{color:var(--color-heading-black)}.summary-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start}.data-card--expanded{grid-column:1 / -1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cardRefreshPulse{0%{opacity:.9;box-shadow:0 18px 40px rgba(var(--color-teal-rgb),.12)}45%{opacity:1;box-shadow:0 22px 48px rgba(var(--color-teal-rgb),.26)}to{opacity:1;box-shadow:0 18px 42px rgba(var(--color-teal-rgb),.18)}}@keyframes valueUpdate{0%{background-color:rgba(var(--color-teal-rgb),.2)}to{background-color:transparent}}@keyframes mapMarkerPulse{0%{opacity:.75;transform:scale(.84)}60%{opacity:.14;transform:scale(1.5)}to{opacity:0;transform:scale(1.85)}}.data-card{position:relative;isolation:isolate;background:linear-gradient(180deg,rgba(var(--color-teal-rgb),.04),rgba(var(--color-sand-rgb),.12)),var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:0 18px 40px #0b13211f;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;overflow:hidden}.data-card[data-interactive=true]{cursor:pointer}.data-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at 18% -8%,rgba(var(--color-plum-rgb),.14),transparent 32%),radial-gradient(circle at 88% 12%,rgba(var(--color-teal-rgb),.15),transparent 32%);opacity:.75;pointer-events:none}.data-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(var(--color-cobalt-rgb),.12),transparent 38%),radial-gradient(circle at 86% 10%,rgba(var(--color-teal-rgb),.12),transparent 40%);opacity:0;pointer-events:none}.data-card[data-interactive=true]:hover{transform:translateY(-2px);box-shadow:0 24px 52px #0b13212e}.data-card[data-interactive=true]:hover:after{opacity:.5}.data-card[data-interactive=true]:active{transform:translateY(0)}.data-card>*{position:relative;z-index:1}.data-card:hover,.data-card:focus-within{transform:translateY(-2px);box-shadow:0 20px 46px #0c142333;border-color:rgba(var(--color-teal-rgb),.32)}.data-card[data-interactive=true]:hover:after,.data-card[data-interactive=true]:focus-within:after{opacity:.35}.data-card[data-just-updated=true]{box-shadow:0 18px 42px rgba(var(--color-teal-rgb),.22);border-color:rgba(var(--color-teal-rgb),.48)}.data-card[data-just-updated=true]:after{opacity:1;animation:cardRefreshPulse 1.25s ease-out}.data-card[data-active=true]{border-color:rgba(var(--color-cobalt-rgb),.5);box-shadow:0 22px 48px rgba(var(--color-teal-rgb),.24),0 0 0 1px rgba(var(--color-cobalt-rgb),.18) inset}.data-card[data-active=true] .data-card__value{color:var(--color-heading-black);text-shadow:0 0 0 transparent,0 0 12px rgba(var(--color-teal-rgb),.35)}.data-card[data-loading=true] [data-skeleton]{color:transparent!important;background:linear-gradient(90deg,rgba(var(--color-cloud-rgb),.24) 25%,#ffffffe6,rgba(var(--color-cloud-rgb),.24) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-sm)}.data-card[data-loading=true] .data-card__value{min-height:2.25rem}.data-card[data-loading=true] .data-card__summary,.data-card[data-loading=true] .data-card__timestamp{min-height:1.1rem}.data-card[data-loading=true] .data-card__sparkline{min-height:88px}.data-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.data-card__metric-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap}.data-card__title{font-size:1.25rem;color:var(--color-heading-black)}.data-card__title-link{color:inherit;text-decoration:none;transition:color .15s ease}.data-card__title-link:hover,.data-card__title-link:focus{text-decoration:underline;color:var(--color-action)}.data-card__value{font-size:2.25rem;font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--color-heading-black)}.data-card__trend{font-weight:700;font-size:.95rem;padding:var(--spacing-xxs) var(--spacing-sm);border-radius:999px;background-color:rgba(var(--color-teal-rgb),.1);color:rgba(var(--color-slate-rgb),.86);white-space:nowrap}.data-card__trend[data-direction=up]{color:var(--color-band-low);background-color:rgba(var(--color-teal-rgb),.16)}.data-card__trend[data-direction=down]{color:var(--color-band-elevated);background-color:rgba(var(--color-cobalt-rgb),.16)}.data-card__trend[data-direction=none]{color:rgba(var(--color-ink-rgb),.62);background-color:rgba(var(--color-cloud-rgb),.18)}.data-card__summary{color:rgba(var(--color-ink-rgb),.78);font-size:.95rem}.data-card__timestamp{color:rgba(var(--color-ink-rgb),.72);font-size:.95rem}.data-card__sparkline-group{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.data-card__sparkline-label{margin:0;color:rgba(var(--color-ink-rgb),.72);font-size:.95rem}.data-card__sparkline{border:1px solid rgba(var(--color-cloud-rgb),.25);border-radius:var(--radius-md);padding:var(--spacing-xxs);background-color:#f8fafcb3}.data-card__sparkline svg{display:block;height:88px}.data-card__sparkline[data-state=loading]{background:linear-gradient(90deg,rgba(var(--color-cloud-rgb),.18) 25%,#ffffffeb,rgba(var(--color-cloud-rgb),.18) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;min-height:88px}.data-card__sparkline[data-state=empty],.data-card__sparkline[data-state=error]{color:rgba(var(--color-ink-rgb),.68);display:flex;align-items:center;justify-content:center;font-size:.95rem;min-height:88px}.river-benchmark{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background-color:rgba(var(--color-cloud-rgb),.12);color:rgba(var(--color-ink-rgb),.86);font-size:.95rem}.river-benchmark[data-state=unavailable]{background-color:rgba(var(--color-cloud-rgb),.08);color:rgba(var(--color-ink-rgb),.64)}.river-benchmark__dot{width:16px;height:16px;border-radius:999px;background-color:var(--color-percentile-typical);box-shadow:0 0 0 3px var(--color-contrast),0 0 0 7px rgba(var(--color-cloud-rgb),.32)}.river-benchmark__dot[data-band=below]{background-color:var(--color-percentile-below)}.river-benchmark__dot[data-band=lower]{background-color:var(--color-percentile-lower)}.river-benchmark__dot[data-band=typical]{background-color:var(--color-percentile-typical)}.river-benchmark__dot[data-band=upper]{background-color:var(--color-percentile-upper)}.river-benchmark__dot[data-band=extreme]{background-color:var(--color-percentile-extreme)}.benchmarks{border:1px solid rgba(var(--color-cloud-rgb),.25);border-radius:var(--radius-lg);padding:var(--spacing-md);background-color:color-mix(in srgb,var(--color-surface) 92%,transparent)}.benchmarks__title{margin:0 0 var(--spacing-sm);font-size:1.05rem;color:var(--color-heading-black)}.benchmarks__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-xs)}.benchmarks__item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-md)}.benchmarks__label{font-weight:600;color:rgba(var(--color-ink-rgb),.9)}.benchmarks__value{color:rgba(var(--color-ink-rgb),.8)}.benchmarks__fallback{margin:0;color:rgba(var(--color-ink-rgb),.72)}.benchmarks__note{margin:var(--spacing-sm) 0 0;color:rgba(var(--color-ink-rgb),.72);font-size:.95rem}.data-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.data-card__button{padding:var(--spacing-xs) var(--spacing-md);background-color:transparent;color:var(--color-text-light);border:1px solid rgba(var(--color-cobalt-rgb),.32);border-radius:999px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.data-card__button:hover,.data-card__button:focus{background-color:rgba(var(--color-cobalt-rgb),.14);color:var(--color-heading-black)}.data-card__link-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.data-card__link-item{margin:0}.data-card__link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;text-decoration:none;color:rgba(var(--color-ink-rgb),.9);background:rgba(var(--color-cobalt-rgb),.1);border:1px solid rgba(var(--color-cobalt-rgb),.2);font-size:.95rem;font-weight:600;min-height:44px;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.data-card__link:hover,.data-card__link:focus-visible{background:rgba(var(--color-cobalt-rgb),.18);border-color:rgba(var(--color-cobalt-rgb),.32);color:var(--color-heading-black);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-cobalt-rgb),.15)}.data-card__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-band-elevated);background-color:rgba(var(--color-cobalt-rgb),.16);border-radius:999px}.data-card__badge[hidden]{display:none}.data-card__expand-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background-color:rgba(var(--color-teal-rgb),.08);color:rgba(var(--color-ink-rgb),.9);border:1px solid rgba(var(--color-teal-rgb),.24);border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.data-card__expand-button:hover,.data-card__expand-button:focus{background-color:rgba(var(--color-teal-rgb),.14);border-color:rgba(var(--color-teal-rgb),.4);color:var(--color-heading-black)}.data-card__expand-icon{display:inline-block;transition:transform .2s ease;font-size:.75rem}.data-card__expand-button[aria-expanded=true] .data-card__expand-icon{transform:rotate(180deg)}.data-card__inline-details{margin-top:var(--spacing-sm);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.data-card__inline-details[hidden]{display:none}.data-card__station-panels{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.data-card__station-panel{padding:var(--spacing-md);background:linear-gradient(135deg,rgba(var(--color-surface-rgb, 255, 255, 255),.95),rgba(var(--color-cloud-rgb),.08));border:1px solid rgba(var(--color-cloud-rgb),.3);border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(var(--color-slate-rgb),.06);transition:all .2s ease}.data-card__station-panel:hover{border-color:rgba(var(--color-teal-rgb),.32);box-shadow:0 4px 12px rgba(var(--color-teal-rgb),.1)}.station-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.station-panel__name{margin:0;font-size:1.05rem;color:var(--color-heading-black);font-weight:650}.station-panel__status{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-sm);border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.station-panel__status[data-status=fresh]{background-color:rgba(var(--color-teal-rgb),.14);color:var(--color-band-low)}.station-panel__status[data-status=stale]{background-color:rgba(var(--color-cobalt-rgb),.12);color:var(--color-band-elevated)}.station-panel__description{margin:0 0 var(--spacing-sm) 0;color:rgba(var(--color-ink-rgb),.76);font-size:.9rem}.station-panel__value{margin:0 0 var(--spacing-xxs) 0;font-size:1.1rem;font-weight:650;color:var(--color-heading-black)}.station-panel__timestamp{margin:0 0 var(--spacing-sm) 0;color:rgba(var(--color-ink-rgb),.68);font-size:.9rem}.station-panel__sparkline{margin:var(--spacing-sm) 0;border:1px solid rgba(var(--color-cloud-rgb),.2);border-radius:var(--radius-sm);padding:var(--spacing-xs);background-color:#f8fafc80}.station-panel__sparkline-label{margin:0 0 var(--spacing-xxs) 0;color:rgba(var(--color-ink-rgb),.68);font-size:.85rem}.station-panel__sparkline svg{display:block;height:60px}.station-panel__link{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;text-decoration:none;color:rgba(var(--color-ink-rgb),.9);background:rgba(var(--color-cobalt-rgb),.1);border:1px solid rgba(var(--color-cobalt-rgb),.2);font-weight:600;font-size:.9rem;transition:all .2s ease}.station-panel__link:hover,.station-panel__link:focus-visible{background:rgba(var(--color-cobalt-rgb),.18);border-color:rgba(var(--color-cobalt-rgb),.32);color:var(--color-heading-black)}.data-card__inline-loading,.data-card__inline-error{padding:var(--spacing-md);text-align:center;color:rgba(var(--color-ink-rgb),.68);font-size:.95rem}.data-card__inline-error{color:var(--color-band-elevated)}.data-card__warning-panels{display:grid;gap:var(--spacing-md);grid-template-columns:1fr}.data-card__warning-panel{padding:var(--spacing-md);background:linear-gradient(135deg,rgba(var(--color-surface-rgb, 255, 255, 255),.95),rgba(var(--color-cloud-rgb),.08));border:1px solid rgba(var(--color-cloud-rgb),.3);border-left-width:4px;border-radius:var(--radius-md);box-shadow:0 2px 8px rgba(var(--color-slate-rgb),.06);transition:all .2s ease}.data-card__warning-panel[data-level=yellow]{border-left-color:#fbbf24}.data-card__warning-panel[data-level=orange]{border-left-color:#f97316}.data-card__warning-panel[data-level=red]{border-left-color:#dc2626}.data-card__warning-panel:hover{box-shadow:0 4px 12px rgba(var(--color-slate-rgb),.12)}.warning-panel__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.warning-panel__level{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-sm);border-radius:999px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.warning-panel__level[data-level=yellow]{background-color:#fbbf2424;color:#92400e}.warning-panel__level[data-level=orange]{background-color:#f9731624;color:#9a3412}.warning-panel__level[data-level=red]{background-color:#dc262624;color:#991b1b}.warning-panel__severity{font-size:.85rem;color:rgba(var(--color-ink-rgb),.76);font-weight:600}.warning-panel__headline{margin:0 0 var(--spacing-sm) 0;font-size:1.05rem;color:var(--color-heading-black);font-weight:650;line-height:1.3}.warning-panel__description{margin:0 0 var(--spacing-sm) 0;color:rgba(var(--color-ink-rgb),.82);font-size:.95rem;line-height:1.5}.warning-panel__regions{margin:0 0 var(--spacing-xs) 0;font-size:.9rem}.warning-panel__regions-label{font-weight:600;color:rgba(var(--color-ink-rgb),.76)}.warning-panel__timing{margin:0 0 var(--spacing-xxs) 0;color:rgba(var(--color-ink-rgb),.76);font-size:.9rem}.warning-panel__meta{margin:0;color:rgba(var(--color-ink-rgb),.68);font-size:.85rem}.data-card__inline-empty{padding:var(--spacing-md);text-align:center;color:rgba(var(--color-ink-rgb),.68);font-size:.95rem}@media (min-width: 768px){.data-card__station-panels{grid-template-columns:repeat(2,1fr)}.map-container{height:360px}}.map-section{background:linear-gradient(180deg,#0f1f2f0a,rgba(var(--color-sand-rgb),.18));border-top:1px solid var(--color-border);padding-block:var(--spacing-2xl)}.map-section__title{margin-bottom:var(--spacing-md)}.map-legend{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:rgba(var(--color-ink-rgb),.86)}.map-legend__description{margin:0;font-size:.95rem}.map-legend__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);list-style:none;padding:0;margin:0}.map-legend__item{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem}.map-legend__swatch{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:2px solid var(--color-contrast);box-shadow:0 0 0 2px rgba(var(--color-slate-rgb),.1);background-color:var(--color-marker-fresh)}.map-legend__swatch:after{content:"";display:block;width:14px;height:14px;border-radius:999px}.map-legend__swatch--fresh:after{background-color:var(--color-marker-fresh)}.map-legend__swatch--stale:after{background-color:var(--color-state-stale-surface);background-image:repeating-linear-gradient(45deg,rgba(var(--color-state-stale),.2) 0,rgba(var(--color-state-stale),.2) 2px,transparent 2px,transparent 4px);border:2px solid var(--color-state-stale);box-shadow:none}.map-container{position:relative;height:320px;width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background:var(--panel-muted);color:rgba(var(--color-ink-rgb),.72);transition:box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.map-container--pending{display:grid;place-items:center;font-weight:500;background:repeating-linear-gradient(45deg,rgba(var(--color-cloud-rgb),.08),rgba(var(--color-cloud-rgb),.08) 12px,rgba(var(--color-cloud-rgb),.16) 12px,rgba(var(--color-cloud-rgb),.16) 24px)}.map-container--ready{border-color:#3b82f666;box-shadow:inset 0 0 0 1px #3b82f61f}.map-container.leaflet-container,.map-container.leaflet-container .leaflet-control{font-family:inherit}.map-marker{display:inline-flex;align-items:center;justify-content:center}.map-marker__dot{display:inline-block;width:16px;height:16px;border-radius:999px;border:2px solid var(--color-contrast);box-shadow:0 0 0 2px rgba(var(--color-slate-rgb),.1);background-color:color-mix(in srgb,var(--color-surface) 86%,transparent);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.map-marker__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:2px solid rgba(var(--color-ink-rgb),.28);opacity:0}.map-marker:hover .map-marker__dot,.map-marker:focus-visible .map-marker__dot{transform:scale(1.08);box-shadow:0 0 0 3px rgba(var(--color-slate-rgb),.2),0 8px 16px #0000002e}.map-marker.is-hovered .map-marker__dot{transform:scale(1.08);box-shadow:0 0 0 3px rgba(var(--color-slate-rgb),.2),0 10px 18px #0003}.map-marker.is-selected .map-marker__dot{transform:scale(1.12);box-shadow:0 0 0 4px rgba(var(--color-cobalt-rgb),.35),0 12px 22px #0000003d}.map-marker.is-selected .map-marker__dot:after{opacity:.38}.map-marker--stale.is-selected .map-marker__pattern{opacity:1}.map-marker:focus-visible{outline:2px solid rgba(var(--color-text-light),.9);outline-offset:6px}.map-marker__pattern{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;border:2px solid rgba(var(--color-slate-rgb),.78);background-image:repeating-linear-gradient(135deg,color-mix(in srgb,var(--color-contrast-soft) 96%,transparent) 0,color-mix(in srgb,var(--color-contrast-soft) 96%,transparent) 3px,rgba(var(--color-slate-rgb),.6) 3px,rgba(var(--color-slate-rgb),.6) 6px);opacity:0}.map-marker--upstream .map-marker__dot{background-color:var(--color-marker-fresh)}.map-marker--town .map-marker__dot{background-color:var(--color-marker-town)}.map-marker--downstream .map-marker__dot{background-color:var(--color-marker-downstream)}.map-marker--stale .map-marker__dot{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-state-stale);opacity:1;background-color:var(--color-state-stale-surface)}.map-marker--stale .map-marker__pattern{opacity:1;border-color:var(--color-state-stale);border-width:2px;background-image:repeating-linear-gradient(45deg,var(--color-state-stale) 0,var(--color-state-stale) 2px,transparent 2px,transparent 5px);background-size:8px 8px}.map-popup{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:12px;text-decoration:none;color:inherit;border:1px solid rgba(var(--color-cobalt-rgb),.2);background:rgba(var(--color-cobalt-rgb),.06);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.map-popup:hover,.map-popup:focus-visible{background:rgba(var(--color-cobalt-rgb),.12);border-color:rgba(var(--color-cobalt-rgb),.32);box-shadow:0 8px 28px rgba(var(--color-cobalt-rgb),.18)}.map-popup__actions{display:inline-flex;align-items:center;gap:var(--spacing-xxs);font-weight:650}.map-popup__link-arrow{font-weight:800;display:inline-flex;align-items:center;justify-content:center}.data-sources__intro{font-size:1rem;color:rgba(var(--color-ink-rgb),.85)}.data-source{background-color:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-elevated);border:1px solid rgba(var(--color-cloud-rgb),.3);display:flex;flex-direction:column;gap:var(--spacing-md)}.data-source__summary,.data-source__attribution,.data-source__licence,.data-source__licence-note,.data-sources__disclaimer{color:rgba(var(--color-ink-rgb),.78);font-size:.95rem}.data-source__usage,.data-source__links{margin:0;padding-left:calc(var(--spacing-lg) + .5rem);display:flex;flex-direction:column;gap:var(--spacing-xs)}.data-source__links a{color:var(--color-text-light);font-weight:600;text-decoration:none}.data-source__links a:focus,.data-source__links a:hover{text-decoration:underline}.sparkline{width:100%;height:120px}.sparkline--compact{height:88px}.sparkline__area{fill:#3b82f629}.sparkline__line{fill:none;stroke:var(--color-text-light);stroke-width:2}.data-sources__disclaimer{margin-top:var(--spacing-xl);font-weight:600}.policy-nav{margin-bottom:var(--spacing-xl)}.policy-nav__list{list-style:none;display:flex;gap:var(--spacing-md);flex-wrap:wrap;padding:0;margin:0}.policy-nav__list a{color:var(--color-text-light);font-weight:600;text-decoration:none}.policy-nav__list a:hover,.policy-nav__list a:focus{text-decoration:underline}.policy-section{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid rgba(var(--color-cloud-rgb),.3);padding:var(--spacing-xl);box-shadow:var(--shadow-elevated);display:flex;flex-direction:column;gap:var(--spacing-sm)}.policy-section+.policy-section{margin-top:var(--spacing-lg)}.policy-section__list{margin:0;padding-left:calc(var(--spacing-lg) + .5rem);display:flex;flex-direction:column;gap:var(--spacing-xs)}.policy-section__list a{color:var(--color-text-light);font-weight:600}.webhooks-section{border-top:1px solid var(--color-border);padding-block:var(--spacing-2xl)}.webhooks-section__description{color:var(--color-text-muted);max-width:48rem;margin-block:var(--spacing-sm) var(--spacing-xl);line-height:1.65}.webhooks-section__form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:36rem}.webhooks-section__form[hidden]{display:none}.webhooks-section__field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.webhooks-section__label{font-weight:600;font-size:.9rem;color:var(--color-heading)}.webhooks-section__input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.webhooks-section__input:focus{outline:2px solid var(--color-action);outline-offset:2px;border-color:var(--color-action)}.webhooks-section__input--narrow{max-width:6rem}.webhooks-section__helper{font-size:.82rem;color:var(--color-text-muted);margin:0;line-height:1.5}.webhooks-section__form-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;font-size:.9rem;margin:0}.webhooks-section__form-error[hidden]{display:none}.webhooks-section__submit{align-self:flex-start;padding:.55rem 1.4rem;border-radius:9999px;border:none;background:var(--color-action);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:opacity .15s}.webhooks-section__submit:hover:not(:disabled){opacity:.88}.webhooks-section__submit:disabled{opacity:.55;cursor:not-allowed}.webhooks-section__success{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:10px;padding:var(--spacing-lg);max-width:36rem;display:flex;flex-direction:column;gap:var(--spacing-sm)}.webhooks-section__success[hidden]{display:none}.webhooks-section__success-heading{font-weight:700;color:#15803d;margin:0}.webhooks-section__id-label{font-size:.85rem;color:var(--color-text-muted);margin:0}.webhooks-section__id-display{font-family:monospace;font-size:.9rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.4rem .6rem;word-break:break-all;margin:0}.webhooks-section__copy-button{align-self:flex-start;padding:.35rem .9rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .15s}.webhooks-section__copy-button:hover{background:var(--color-accent)}.webhooks-section__save-note{font-size:.85rem;color:var(--color-text-muted);margin:0}.webhooks-section__curl-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin:0}.webhooks-section__curl{background:var(--color-primary);color:#67e8f9;border-radius:8px;padding:.75rem 1rem;font-size:.82rem;overflow-x:auto;white-space:pre;margin:0}.webhooks-section__reset-button{align-self:flex-start;padding:.35rem .9rem;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .15s}.webhooks-section__reset-button:hover{background:var(--color-accent)}.app-footer{background-color:var(--color-primary);color:var(--color-contrast)}.app-attribution{font-size:1rem;color:color-mix(in srgb,var(--color-contrast) 88%,transparent)}.app-attribution__link{color:var(--color-contrast);font-weight:600;text-decoration:underline}.app-attribution__link:focus,.app-attribution__link:hover{color:var(--color-text-light)}.footer-links{margin-top:var(--spacing-sm)}.footer-links__list{list-style:none;padding:0;margin:0;display:flex;gap:var(--spacing-md);flex-wrap:wrap}.footer-links__link{color:var(--color-contrast);font-size:1rem;font-weight:600;text-decoration:none}.footer-links__link:hover,.footer-links__link:focus{text-decoration:underline}.app-disclaimer{font-size:.95rem;color:color-mix(in srgb,var(--color-contrast) 82%,transparent);margin-top:var(--spacing-sm);max-width:36rem}.station-map{width:100%;height:350px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--map-surface);overflow:hidden;position:relative;box-shadow:0 12px 32px #0f1f2f14}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skip-link,.dashboard-controls__refresh,.status-error__retry,.data-card__button,.context-summary__factor,.map-container{transition:none!important}.data-card,.data-card:hover,.data-card:focus-within{transform:none!important;box-shadow:var(--shadow-elevated)}.modal,.modal-overlay{opacity:1;transform:none;animation:none}.dashboard-controls__refresh[data-state=loading]:after{animation:none}.map-container--pending{background:rgba(var(--color-cloud-rgb),.12)}}@media (max-width: 640px){.layout-container{width:calc(100% - (var(--spacing-lg) * 2));padding-inline:var(--spacing-lg)}.data-card{padding:var(--spacing-lg)}}@media (max-width: 480px){.layout-container{width:calc(100% - (var(--spacing-md) * 2));padding-inline:var(--spacing-md)}.header-container,.footer-container{padding-block:var(--spacing-lg)}.app-main{padding-block:var(--spacing-xl)}.data-card,.dashboard-controls,.status-error,.map-legend{padding:var(--spacing-md)}.main-container{gap:var(--spacing-xl)}.map-container{height:240px}}.benchmark-section{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin:var(--spacing-xl) 0}@media (min-width: 640px){.benchmark-section{grid-template-columns:repeat(2,1fr)}}.benchmark-grid-item{padding:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);transition:box-shadow .2s ease,border-color .2s ease}.benchmark-grid-item:hover{border-color:rgba(var(--color-cobalt-rgb),.3);box-shadow:0 4px 12px #0000000f}.benchmark-grid-item__label{margin:0;font-size:.9rem;font-weight:600;color:rgba(var(--color-ink-rgb),.72);text-transform:uppercase;letter-spacing:.025em}.benchmark-grid-item__value{margin:0;font-size:2rem;font-weight:700;color:var(--color-heading-black);font-family:Newsreader,Inter,Roboto,sans-serif;line-height:1.2}.benchmark-grid-item__description{margin:0;font-size:.9rem;color:var(--color-text-muted);line-height:1.4}.benchmark-metadata{display:grid;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.benchmark-metadata__stale{color:var(--color-state-stale);font-weight:700}.benchmark-metadata__gaps{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-muted)}.benchmark-metadata__attribution{margin:var(--spacing-sm) 0 0;font-size:.95rem;color:var(--color-text-muted)}.benchmark-trend{display:grid;gap:var(--spacing-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:12px;background:var(--table-head-gradient)}.benchmark-trend__title{margin:0}.benchmark-trend__note{margin:0;color:var(--color-text-muted)}.benchmark-trend__timeframe{margin:0;color:rgba(var(--color-ink-rgb),.72);font-weight:600}.benchmark-trend__chart{min-height:220px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:10px}.benchmark-trend__chart[data-state=empty]{color:var(--color-text-muted);font-style:italic}.benchmark-trend__chart .sparkline{width:100%;height:auto}.current-level{background:linear-gradient(165deg,rgba(var(--color-teal-rgb),.08),rgba(var(--color-sand-rgb),.22)),var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-elevated);margin-block:var(--spacing-xl)}.current-level__title{font-size:1.5rem;margin-bottom:var(--spacing-md);color:var(--color-heading)}.current-level__value{font-size:2.5rem;font-weight:700;color:var(--color-heading-black);margin-bottom:var(--spacing-sm);font-family:Newsreader,Inter,Roboto,sans-serif}.current-level__timestamp{font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.current-level__context{font-size:1rem;color:var(--color-text);font-weight:500;margin-top:var(--spacing-sm)}.current-level__stale{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:rgba(var(--color-state-stale),.1);border:1px dashed rgba(var(--color-state-stale),.3);border-radius:var(--radius-md);color:var(--color-state-stale);font-weight:600}.current-level__unavailable{color:var(--color-text-muted);font-style:italic}.direction-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacing-md);font-size:2rem;font-weight:700;opacity:.86;transition:opacity .2s ease,transform .2s ease}.direction-indicator--up{color:rgba(var(--color-state-action),.9)}.direction-indicator--down{color:rgba(var(--color-cobalt-rgb),.8)}.direction-indicator--steady{color:rgba(var(--color-ink-rgb),.5)}.current-level:hover .direction-indicator{opacity:1;transform:scale(1.05)}.chart-container{display:block;width:100%;position:relative}.chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:var(--color-border);stroke-width:1px;stroke-dasharray:4 4;opacity:.5}.chart-axis-label{font-family:var(--font-body);font-size:.75rem;fill:var(--color-text-muted)}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-crosshair{position:absolute;top:0;bottom:0;width:1px;background-color:var(--color-text);pointer-events:none;z-index:10}.chart-tooltip{position:absolute;background-color:var(--color-background);color:var(--color-text);padding:.5rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);pointer-events:none;z-index:20;white-space:nowrap}