:root{--ats-primary:#0061ff;--ats-bright:#60efff;--ats-gold:#ffbf0b;--ats-navy:#0a142d;--ats-panel:#0a142de0;--calcite-color-brand:var(--ats-primary)}html,body,#app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#06090f;height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}calcite-shell{--calcite-shell-tip-spacing:0}#header{background:linear-gradient(90deg,#0a142d 0%,#10204a 60%,#0a142d 100%);border-bottom:1px solid #60efff40;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.brand{align-items:baseline;gap:.65rem;display:flex}.brand-dot{background:radial-gradient(circle at 30% 30%, var(--ats-bright), var(--ats-primary));border-radius:50%;align-self:center;width:10px;height:10px;box-shadow:0 0 12px #60efffcc}.brand h1{color:#dbe7ff;letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:400}.brand h1 strong{color:#fff;font-weight:700}.tagline{color:#dbe7ff8c;letter-spacing:.04em;font-size:.72rem}.header-status{align-items:center;gap:.75rem;display:flex}#clock{color:var(--ats-bright);font-size:.78rem}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace}#panel-start{--calcite-shell-panel-width:330px}.panel-controls{flex-direction:column;gap:.35rem;padding:.6rem .75rem .25rem;display:flex}.panel-controls calcite-label{--calcite-label-margin-bottom:0}.stats-row{grid-template-columns:auto 1fr auto;gap:.5rem;padding:.4rem .75rem;display:grid}.stat{background:#0061ff1a;border:1px solid #60efff2e;border-radius:10px;flex-direction:column;min-width:0;padding:.4rem .55rem;display:flex}.stat-v{color:var(--ats-bright);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700;overflow:hidden}.stat-k{text-transform:uppercase;letter-spacing:.07em;color:#dbe7ff8c;white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.legend-row{color:#dbe7ffa6;flex-wrap:wrap;gap:.35rem .7rem;padding:0 .85rem .45rem;font-size:.66rem;display:flex}.lg{align-items:center;gap:.3rem;display:inline-flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-dry{background:#828a99cc}.dot-low{background:var(--ats-bright)}.dot-high{background:#3187ff}.dot-vhigh{background:var(--ats-primary);box-shadow:0 0 6px #0061ffe6}#gauge-list{max-height:calc(100vh - 340px);overflow-y:auto}.list-more{color:#dbe7ff80;padding:.5rem 1rem;font-size:.7rem}#list-loading{color:#dbe7ffb3;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}#updated-at{color:#dbe7ff73;padding:.3rem 1rem .5rem;font-size:.64rem}#view{padding:0;position:absolute;inset:0}#detail-card{background:var(--ats-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8f0ff;z-index:10;border:1px solid #60efff40;border-radius:14px;width:320px;padding:.9rem 1rem 1rem;position:absolute;top:72px;right:16px;box-shadow:0 24px 60px #00000073,0 0 40px #0061ff1f}#detail-card.hidden{display:none}.detail-head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;display:flex}.detail-head h2{letter-spacing:.02em;margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.d-sub{color:#dbe7ff8c;font-size:.68rem}.live-row{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:.7rem;display:flex}.live-flow{align-items:baseline;gap:.4rem;display:flex}.live-badge{letter-spacing:.12em;color:var(--ats-gold);align-items:center;gap:.28rem;font-size:.58rem;font-weight:700;display:inline-flex}.pulse{background:var(--ats-gold);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #ffbf0b8c}50%{opacity:.55;box-shadow:0 0 0 5px #ffbf0b00}}.big-number{color:var(--ats-bright);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.9rem;font-weight:700;line-height:1}.unit{color:#dbe7ff99;font-size:.75rem}.live-stage .k{text-transform:uppercase;letter-spacing:.08em;color:#dbe7ff80;font-size:.6rem;display:block}.live-stage .v{color:#e8f0ff;text-align:right;font-size:.85rem;display:block}.hydro-wrap{background:#06090f73;border:1px solid #60efff29;border-radius:10px;padding:.5rem .55rem .4rem}.hydro-title{text-transform:uppercase;letter-spacing:.08em;color:#dbe7ff8c;margin-bottom:.3rem;font-size:.62rem}#hydro-canvas{width:100%;height:120px;transition:opacity .2s;display:block}#hydro-canvas.dim{opacity:.35}#hydro-status{color:#dbe7ffa6;min-height:0;font-size:.7rem}#hydro-status:not(:empty){padding:.25rem 0 .1rem}.hydro-axis{color:#dbe7ff73;justify-content:space-between;margin-top:.2rem;font-size:.6rem;display:flex}.detail-actions{justify-content:flex-end;margin-top:.8rem;display:flex}.about-hero{border-radius:10px;width:100%;margin-bottom:.75rem;display:block}.about-fine{color:#dbe7ff99;font-size:.75rem}#footer{color:#dbe7ff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#06090fbf;border-top:1px solid #60efff1f;padding:.3rem 1rem;font-size:.68rem;position:absolute;bottom:0;left:0;right:0}#footer a{color:var(--ats-bright);text-decoration:none}.esri-attribution{background:0 0!important;bottom:26px!important}.ats-mark{width:auto;height:24px;display:block}#ats-dock{display:none}@media (width<=768px){#header{gap:.5rem}#header .tagline{display:none}#header h1{white-space:nowrap;font-size:1rem}body.ats-mobile #panel-start{display:none}#ats-dock{z-index:900;background:var(--calcite-color-foreground-1,#1a1a1a);border-top:1px solid var(--calcite-color-border-2,#555);border-radius:14px 14px 0 0;flex-direction:column;transition:transform .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 48px));box-shadow:0 -8px 24px #00000073}#ats-dock.open{transform:translateY(0)}#ats-dock-grabber{width:100%;min-height:48px;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;font-size:.85rem;display:flex}#ats-dock-grabber:focus-visible{outline:2px solid var(--calcite-color-brand,#4cc3ff);outline-offset:-2px}.ats-dock-bar{background:var(--calcite-color-border-1,#888);border-radius:999px;width:44px;height:5px;display:block}#ats-dock-body{height:52vh;min-height:0;overflow-y:auto}#ats-dock-body calcite-panel{height:100%}}.esri-ui-top-left{margin-left:var(--ats-panel-w,336px)}@media (width<=768px){.esri-ui-top-left{margin-left:0}}