:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#11151b;--surface:#181e26;--surface2:#202731;--surface3:#29323e;--border:#35404d;--border-soft:#2b3440;--text:#edf0f4;--muted:#a6b0be;--muted-dim:#7e8a99;--tide:#86b7f5;--tide-dim:#86b7f51f;--tide-glow:#2dd4c840;--body-glow:#2dd4c812;--accent:var(--tide);--accent-hover:#a6cbfb;--accent-soft:var(--tide-dim);--header-grad:linear-gradient(180deg, #0d1a29e6, #0d1a29b3);--chrome-bg:#0d1a29d9;--overlay-bg:#070f1ac7;--map-bg:#0b1826;--marker-stroke:#0b1826;--active-bg:#052e16;--active-ring:#16a34a;--active-text:#4ade80;--maint-bg:#1e1b4b;--maint-ring:#6366f1;--maint-text:#a5b4fc;--nodata-bg:#27180a;--nodata-ring:#d97706;--nodata-text:#fbbf24;--inactive-bg:#1a2030;--inactive-ring:#88929d;--inactive-text:#93a7bb;--critical:#f87171;--critical-strong:#dc2626;--issue-bg:#2a1515;--attention-bg:#241a08;--sev-fresh:#4ade80;--sev-stale:#f5a623;--sev-verystale:#f97316;--sev-old:var(--critical);--sev-ancient:#7c8ba0;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#8b6cc7;--datum-fallback:#aebdce;--datum-fallback-bg:transparent;--datum-fallback-border:#b8a7e861;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 28px #00000073;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--text-2xs:12px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:23px;--control-h:36px;--header-button-h:var(--control-h);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-sans);--font-mono:var(--font-sans)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface2:#f7f8fa;--surface3:#eef0f3;--border:#d7e0e9;--border-soft:#e3e9ef;--text:#202833;--muted:#596675;--muted-dim:#657383;--tide:#245fa6;--tide-dim:#245fa617;--tide-glow:#0f766e38;--body-glow:#0f766e0f;--accent-hover:#194f91;--header-grad:linear-gradient(180deg, #ffffffeb, #ffffffbf);--chrome-bg:#ffffffd9;--overlay-bg:#ffffffd9;--map-bg:#e6ecf1;--marker-stroke:#f4f7fa;--active-bg:#dcfce7;--active-text:#15803d;--maint-bg:#e0e7ff;--maint-text:#4338ca;--nodata-bg:#fef3c7;--nodata-text:#92400e;--inactive-bg:#e6ebf0;--inactive-text:#55677a;--critical:#dc2626;--issue-bg:#fef2f2;--attention-bg:#fffbeb;--sev-fresh:#15803d;--sev-stale:#b45309;--sev-verystale:#c2410c;--sev-ancient:#55677a;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#6d4cae;--datum-fallback:#54687e;--datum-fallback-bg:transparent;--datum-fallback-border:#63896657;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 8px 28px #10202f1f}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.5;transition:background-color .2s,color .2s;display:flex;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.since-fresh{color:var(--sev-fresh)}.since-stale{color:var(--sev-stale)}.since-verystale{color:var(--sev-verystale)}.since-old{color:var(--sev-old)}.since-ancient{color:var(--sev-ancient)}.since-unknown{color:var(--muted)}header.app-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;padding:8px clamp(var(--space-5), 2vw, var(--space-8));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-3);display:flex}.brand-logo{object-fit:contain;flex:none;width:32px;height:32px}.brand-text h1{letter-spacing:.2px;overflow-wrap:anywhere;font-size:clamp(18px,1.2vw,20px);font-weight:700}.eyebrow{font-size:var(--text-xs);letter-spacing:normal;color:var(--muted);font-weight:500}.header-status{font-size:var(--text-xs);color:var(--muted);align-items:center;gap:8px;margin-top:4px;display:flex}.health-dot{background:var(--active-ring);border-radius:50%;flex:none;width:8px;height:8px}.health-dot.warn{background:var(--nodata-ring)}.header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-nav{border-radius:var(--radius-sm);background:0 0;border:0;flex-wrap:wrap;gap:6px;max-width:100%;padding:2px;display:flex}.app-nav a{font-size:var(--text-sm);font-weight:600;text-decoration:none}.app-nav>a,.analysis-menu>summary{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);color:var(--text);font-size:var(--text-sm);justify-content:center;align-items:center;padding:7px 14px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.app-nav>a:hover,.analysis-menu>summary:hover{background:var(--surface3);border-color:var(--muted-dim)}.app-nav>a.active,.analysis-menu>summary.active{background:var(--accent-soft);border-color:var(--tide);color:var(--tide)}.analysis-menu{display:block;position:relative}.analysis-menu summary{cursor:pointer;gap:8px;list-style:none}.analysis-menu summary::-webkit-details-marker{display:none}.analysis-menu summary.active{background:var(--accent-soft);color:var(--tide)}.analysis-menu[open] summary span{transform:rotate(180deg)}.analysis-menu-links{z-index:1100;border:1px solid var(--border);background:var(--surface);border-radius:10px;width:190px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0003}.analysis-menu-links a{min-height:44px;color:var(--muted);border-radius:var(--radius-sm);justify-content:flex-start;align-items:center;padding:8px 12px;display:flex}.analysis-menu-links a:hover,.analysis-menu-links a[aria-current=page]{background:var(--surface2);color:var(--text)}.app-nav :is(a,summary):focus-visible{outline:2px solid var(--tide);outline-offset:2px}.fetched-block{text-align:right;font-size:var(--text-xs);color:var(--muted);border-left:1px solid var(--border);padding-left:var(--space-4);line-height:1.5}.fetched-block strong{color:var(--text);font-family:var(--font-mono);font-weight:600}.theme-toggle{width:var(--control-h);height:var(--control-h);border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.theme-toggle:hover{color:var(--text);border-color:var(--muted-dim)}.theme-toggle svg{width:56%;height:56%}.theme-toggle .icon-moon,html[data-theme=light] .theme-toggle .icon-sun{display:none}html[data-theme=light] .theme-toggle .icon-moon{display:block}.feed-freshness{color:var(--text);font-weight:600}.feed-refresh{color:var(--tide);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.feed-refresh:disabled{cursor:wait;opacity:.65}.refresh-error{color:var(--text);font-weight:600}.header-settings{flex-shrink:0;position:relative}.header-settings>summary{-webkit-user-select:none;user-select:none;background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:.8rem;list-style:none;display:flex}.header-settings>summary::-webkit-details-marker{display:none}.header-settings-panel{z-index:1100;background:var(--surface);border:1px solid var(--border);width:240px;box-shadow:var(--shadow-md);border-radius:12px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.settings-theme{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.settings-version{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.header-settings-panel .water-unit-setting>span{clip-path:none;width:auto;height:auto;position:static}.header-settings-panel .water-unit-setting{justify-content:space-between}.header-settings-panel .water-unit-setting select{min-height:44px}.header-settings>summary:focus-visible{outline:2px solid var(--tide);outline-offset:2px}.water-unit-setting{color:var(--muted);flex-shrink:0;align-items:center;gap:8px;font-size:.8rem;display:flex}.water-unit-setting>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.water-unit-setting select{min-height:40px;font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 8px}.water-unit-setting select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.datum-reference-setting{color:var(--muted);align-items:center;gap:7px;font-size:.75rem;display:flex}.datum-reference-setting select{min-height:34px;color:var(--text);background:var(--surface2);border:1px solid var(--border);font:inherit;cursor:pointer;border-radius:8px;padding:5px 8px}.datum-reference-setting select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toolbar-button{min-height:var(--control-h);border:1px solid var(--border);background:var(--surface2);color:var(--text);font:500 var(--text-sm)/normal var(--font-display);text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;border-radius:6px;padding:5px 9px}.toolbar-button:hover:not(:disabled){background:var(--surface3)}.toolbar-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.station-stats{z-index:2;padding:10px clamp(var(--space-5), 2vw, var(--space-8));position:relative}.station-stats-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:3px;display:flex;position:relative}.station-stat,.station-stats-toggle{min-height:36px;color:var(--muted);font:inherit;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:6px 10px;display:inline-flex}.station-stat strong{color:var(--text);font-size:var(--text-md)}.station-stat-active strong{color:var(--active-text)}.station-stat-nodata strong{color:var(--nodata-text)}.station-stat-maint strong{color:var(--maint-text)}button.station-stat,.station-stats-toggle{cursor:pointer}button.station-stat:disabled{opacity:.65;cursor:not-allowed}button.station-stat:hover:not(:disabled),.station-stats-toggle:hover{background:var(--surface2)}.station-stat[aria-pressed=true]{background:var(--surface2);border-color:var(--border);color:var(--text)}.station-stats-details,.station-stats-secondary{display:contents}.station-stats-toggle{display:none}.station-stats-toggle[aria-expanded=true]>span{transform:rotate(180deg)}@media (max-width:600px){.station-stats-details{display:block}.station-stats-toggle{display:inline-flex}.station-stats-secondary{z-index:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:185px;box-shadow:var(--shadow-md);padding:5px;display:none;position:absolute;top:calc(100% + 8px);right:0}.station-stats-secondary.is-open{display:grid}.station-stats-secondary .station-stat{justify-content:flex-start}.station-stats-secondary strong{margin-left:auto}}@media (min-width:761px){.header-settings>summary{min-height:var(--header-button-h);height:var(--header-button-h);padding:0 10px}}@media (max-width:760px){:root{--header-button-h:44px}}@media (min-width:601px) and (max-width:760px){.header-right{gap:8px}.fetched-block{text-align:left;border-left:0;flex-basis:100%;order:1;gap:8px;padding-left:0;display:flex}}@media (max-width:600px){.station-stats{padding:8px 12px}.station-stats-row{gap:0}.station-stats-clear{min-height:44px}.station-stat,.station-stats-toggle{min-height:44px;font-size:var(--text-xs);gap:4px;padding:6px 4px}.station-stats-secondary .station-stat{font-size:var(--text-sm)}}.dot{flex:none;width:10px;height:10px}.dot-active{background:var(--active-ring);border-radius:50%}.dot-maint{background:var(--maint-ring);border-radius:2px;transform:rotate(45deg)}.dot-nodata{border-left:5.5px solid #0000;border-right:5.5px solid #0000;border-bottom:9.5px solid var(--nodata-ring);width:0;height:0}.dot-inactive{border:2px solid var(--inactive-ring);background:0 0;border-radius:50%}.dot-total{background:var(--tide);border-radius:50%}.toast{bottom:var(--space-5);right:var(--space-5);background:var(--critical-strong);color:#fff;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-base);z-index:999;box-shadow:var(--shadow-md);font-weight:500;position:fixed}.pane-placeholder{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;color:var(--muted);font-size:var(--text-md);padding:60px var(--space-5);flex-direction:column;display:flex}.pane-placeholder .spin-ring{border:2.5px solid var(--border);border-top-color:var(--tide);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pane-placeholder.is-error{color:var(--critical)}.pane-placeholder .ph-hint{color:var(--muted-dim);font-size:.9em}@media (max-width:980px){header.app-header{padding:10px var(--space-5);gap:12px}.header-right{justify-content:space-between;gap:12px;width:100%}}@media (max-width:600px){header.app-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));flex-wrap:wrap;gap:6px;position:relative}.brand{gap:8px;width:100%;min-width:0;padding-right:78px}.brand-logo{width:28px;height:28px}.brand-text{width:100%;min-width:0}.brand-text h1{font-size:1rem;line-height:1.2}.eyebrow{letter-spacing:normal;font-size:.6875rem}.header-status{max-width:none;margin-top:3px;font-size:.6875rem;line-height:1.35}.header-status>span:last-child{text-overflow:ellipsis;white-space:normal;overflow:hidden}.header-right{flex-wrap:wrap;grid-template-columns:minmax(0,1fr);gap:5px 8px;width:100%;display:grid}.fetched-block{text-align:center;border-left:0;flex:auto;min-width:0;padding-left:0;font-size:.75rem;line-height:1.35}.fetched-block>div:last-child{display:none}.app-nav{border-radius:10px;flex-wrap:nowrap;flex:none;grid-area:1/1;width:fit-content}.app-nav a{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;font-size:.75rem;display:inline-flex}.theme-toggle{width:42px;height:42px}.toast{right:max(var(--space-4), env(safe-area-inset-right));bottom:max(var(--space-4), env(safe-area-inset-bottom));left:max(var(--space-4), env(safe-area-inset-left));text-align:center;font-size:.875rem}.brand-text .eyebrow{display:none}.analysis-menu summary{padding:8px;font-size:.75rem}.header-settings{top:max(8px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));position:absolute}.header-settings>summary{padding-inline:10px}.header-right>.fetched-block{text-align:left;grid-area:2/1/auto/-1;align-self:center;font-size:.6875rem;display:block}.water-unit-setting select{min-height:44px;padding:6px;font-size:.75rem}}@media (hover:none) and (pointer:coarse){a,button,input,select,label{-webkit-tap-highlight-color:transparent}.app-nav a:active,.theme-toggle:active{transform:scale(.97)}}.ui-button,.toolbar-button,.header-settings>summary{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:auto;color:var(--text);font:500 var(--text-sm)/1.4 var(--font-sans);text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:7px 12px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ui-button[data-variant=primary]{background:var(--tide);border-color:var(--tide);color:var(--bg)}:root[data-theme=light] .ui-button[data-variant=primary]{color:#fff}.ui-button[data-variant=quiet]{color:var(--muted);background:0 0;border-color:#0000}.ui-button:hover:not(:disabled),.toolbar-button:hover:not(:disabled),.header-settings>summary:hover{background:var(--surface3);border-color:var(--muted-dim);color:var(--text)}.ui-button[data-variant=primary]:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg)}:root[data-theme=light] .ui-button[data-variant=primary]:hover:not(:disabled){color:#fff}.ui-button:focus-visible,.toolbar-button:focus-visible,.header-settings>summary:focus-visible{outline:2px solid var(--tide);outline-offset:3px}.ui-button:disabled,.toolbar-button:disabled{opacity:.45;cursor:not-allowed}.ui-button[aria-pressed=true]{background:var(--accent-soft);color:var(--tide);border-color:var(--tide)}.ui-button-icon{width:var(--control-h);flex:none;padding:7px}.ui-button-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}input,select,textarea{font-family:var(--font-sans);font-variant-numeric:tabular-nums}@media (max-width:760px),(pointer:coarse){:root{--control-h:44px}input,select,textarea{font-size:16px}}.settings-utc{min-height:var(--control-h);font-size:var(--text-sm);cursor:pointer;align-items:center;gap:10px;display:flex}.settings-utc input{width:16px;height:16px;accent-color:var(--tide)}.ui-field{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;color:var(--muted);font-size:var(--text-sm);display:inline-flex}.ui-field>span{flex-shrink:0}.ui-input{min-height:var(--control-h);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface2);min-width:0;max-width:100%;color:var(--text);font:400 var(--text-sm)/1.4 var(--font-sans);font-variant-numeric:tabular-nums;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.ui-input:hover:not(:disabled){border-color:var(--muted-dim)}.ui-input:focus-visible{outline:2px solid var(--tide);outline-offset:3px}.ui-input:disabled{opacity:.45;cursor:not-allowed}.ui-input[aria-invalid=true]{border-color:var(--critical)}.ui-page-intro{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.ui-page-intro>div{min-width:0}.ui-page-intro h2{margin:0 0 var(--space-2);font-size:var(--text-2xl);overflow-wrap:anywhere;line-height:1.3}.ui-page-intro p{max-width:80ch;color:var(--muted);font-size:var(--text-base);line-height:1.6}.ui-page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-feedback{margin:var(--space-4) 0;padding:var(--space-6) var(--space-4);color:var(--muted);font-size:var(--text-base);text-align:center;line-height:1.6}.ui-feedback[data-tone=error]{padding:var(--space-3) var(--space-4);border-left:3px solid var(--critical);background:var(--issue-bg);color:var(--critical);text-align:left}.ui-help{margin:var(--space-3) 0 var(--space-5);color:var(--muted);font-size:var(--text-sm);line-height:1.6}.ui-help>summary{width:fit-content;max-width:100%;min-height:var(--control-h);padding:var(--space-2) 0;cursor:pointer;color:var(--text)}.ui-help>summary:focus-visible{outline:2px solid var(--tide);outline-offset:3px;border-radius:var(--radius-sm)}.ui-help p{max-width:110ch;margin:var(--space-2) 0}@media (max-width:760px),(pointer:coarse){.ui-input{font-size:16px}}@media (max-width:600px){.ui-field{flex-wrap:wrap}.ui-page-actions{width:100%}}.display-settings{gap:24px;display:grid}.settings-section{min-width:0}.settings-section h3,.settings-units legend{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:600}.settings-group{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:14px 16px;display:flex}.settings-row+.settings-row,.settings-group>.settings-form-row{border-top:1px solid var(--border-soft)}.settings-row strong{font-size:14px;font-weight:500;display:block}.settings-row small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5;display:block}.settings-form-row{padding:16px}.settings-form-row .water-unit-setting,.settings-form-row .map-measurement-setting{gap:10px;width:100%;font-size:13px;display:grid}.settings-form-row .water-unit-setting>span,.settings-form-row .map-measurement-setting>span{clip-path:none;width:auto;height:auto;color:var(--text);position:static}.settings-form-row select{width:100%;min-width:0;max-width:100%;min-height:44px;font-size:14px}.settings-form-row .station-wind-note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.5;display:block}.settings-note{background:var(--surface3);color:var(--muted);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:11px;line-height:1.6}.settings-switch{cursor:pointer;position:relative}.settings-switch input{opacity:0;width:1px;height:1px;position:absolute;right:36px}.settings-switch-track{background:var(--muted-dim);border-radius:99px;flex:0 0 44px;width:44px;height:26px;transition:background .15s;display:block;position:relative}.settings-switch-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.settings-switch input:checked+.settings-switch-track{background:var(--tide)}.settings-switch input:checked+.settings-switch-track:after{transform:translate(18px)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--tide);outline-offset:4px}.settings-units{border:0;min-width:0;padding:0}.settings-units>p{color:var(--muted);margin:-4px 0 12px;font-size:11px;line-height:1.5}.settings-segments{grid-template-columns:1fr 1fr;gap:8px;display:grid}.settings-segments label{border:1px solid var(--border-soft);background:var(--surface3);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:8px;min-height:74px;padding:14px;font-size:14px;font-weight:600;display:flex;position:relative}.settings-segments input{opacity:0;width:1px;height:1px;position:absolute}.settings-segments label:has(input:checked){color:var(--tide);background:var(--tide-dim);border-color:var(--tide)}.settings-segments label:has(input:focus-visible){outline:2px solid var(--tide);outline-offset:3px}.settings-segments small{color:var(--muted);margin-top:8px;font-size:11px;font-weight:400;display:block}.settings-environment:empty{display:none}.settings-environment .water-unit-setting{justify-content:space-between}.settings-environment .water-unit-setting>span{clip-path:none;width:auto;height:auto;position:static}.settings-version{margin:0;font-size:11px}.header-settings-panel{border-radius:20px;width:min(340px,100vw - 24px);max-height:75dvh;padding:20px;overflow-y:auto}.header-settings-panel .display-settings{gap:20px}.header-settings-panel .settings-group{background:var(--surface2)}.header-settings-panel .water-unit-setting{flex-wrap:wrap}.map-settings-filters{gap:24px;display:grid}.map-settings-filters .station-stats{padding:0}.map-settings-filters .station-stats-row{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:0;display:grid}.map-settings-filters .station-stats-details,.map-settings-filters .station-stats-secondary{display:contents}.map-settings-filters .station-stats-toggle{display:none}.map-settings-filters .station-stat{border:1px solid var(--border-soft);background:var(--surface);white-space:normal;border-radius:14px;flex-wrap:wrap;justify-content:flex-start;align-items:center;min-height:60px;padding:12px;font-size:12px;display:flex}.map-settings-filters .station-stat>span:nth-child(2){flex:1}.map-settings-filters .station-stat[aria-pressed=true]{background:var(--tide-dim);border-color:var(--tide)}.map-settings-filters .attn-pane{border-radius:16px;min-height:0;margin:0}.map-settings-filters .attn-body{max-height:none;overflow:visible}.settings-analysis{flex-wrap:wrap;gap:16px;display:flex}.settings-analysis a{min-height:44px;color:var(--tide);align-items:center;font-size:12px;text-decoration:none;display:inline-flex}@media (max-width:760px),(pointer:coarse){.settings-form-row select{font-size:16px}}.mobile-settings-button{border:1px solid var(--border);width:46px;height:46px;color:var(--text);background:var(--chrome-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);cursor:pointer;pointer-events:auto;border-radius:50%;flex:0 0 46px;place-items:center;padding:0;line-height:1;display:grid}.mobile-settings-button svg{width:22px;height:22px;display:block}.header-mobile-settings{display:none}@media (max-width:600px){header.app-header{padding-top:calc(12px + env(safe-area-inset-top))}.app-header .header-mobile-settings{top:calc(12px + env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));display:grid;position:absolute}.app-header .brand{min-height:46px;padding-left:58px;padding-right:0}.app-header .brand-logo,.app-header .app-nav,.app-header .header-settings{display:none}.app-header .header-right{display:block}.app-header .fetched-block{padding-left:58px}}.header-settings-panel .map-settings-filters .attn-pane{display:none}.header-settings-panel .map-settings-filters{gap:20px}.header-settings-panel .settings-row{min-height:56px;padding:12px 14px}.header-settings-panel .settings-row>div{min-width:0}.header-settings-panel .settings-segments label{min-height:64px;padding:12px}.header-settings-panel .settings-segments small{margin-top:5px}.header-settings-panel .settings-section h3,.header-settings-panel .settings-units legend{margin-bottom:10px}.header-settings-panel .settings-note{background:0 0;border-radius:0;margin-top:10px;padding:0}.header-settings-panel .map-settings-filters .station-stat{min-height:52px;padding:10px 12px}
.CoKv4G_nav,.CoKv4G_space{display:none}@media (max-width:600px){.CoKv4G_space{flex:0 0 calc(100px + env(safe-area-inset-bottom));height:calc(100px + env(safe-area-inset-bottom));display:block}.CoKv4G_nav{z-index:1200;bottom:calc(16px + env(safe-area-inset-bottom));color:var(--text);background:var(--chrome-bg);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);gap:4px;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.CoKv4G_tab{border-radius:var(--radius-pill);width:82px;min-height:52px;color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;list-style:none;display:flex}.CoKv4G_tab::-webkit-details-marker{display:none}.CoKv4G_tab[aria-current=page],.CoKv4G_tab[data-active=true]{color:var(--tide);background:var(--tide-dim)}.CoKv4G_tab:focus-visible{outline-offset:-3px}.CoKv4G_tab svg{width:22px;height:22px;display:block}.CoKv4G_analysis{position:static}.CoKv4G_choices{border:1px solid var(--border);background:var(--surface);width:min(300px,100vw - 24px);box-shadow:var(--shadow-md);border-radius:20px;padding:10px;position:absolute;bottom:calc(100% + 12px);right:0}.CoKv4G_choices p{color:var(--muted);padding:8px 12px;font-size:11px;font-weight:600}.CoKv4G_choices a{min-height:64px;color:var(--text);border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;padding:12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.CoKv4G_choices a span{color:var(--muted);font-size:11px;font-weight:400;line-height:1.4}.CoKv4G_choices a:hover{background:var(--surface2)}.CoKv4G_choices a[aria-current=page]{color:var(--tide);background:var(--tide-dim);border-color:var(--tide)}}