:root{--ats-primary:#0061ff;--ats-bright:#7fd1ff;--ats-foam:#b8ecff;--ats-ink:#d6e9f6;--ats-abyss:#061018;--ats-panel:#08121ee6;--calcite-color-brand:var(--ats-primary)}html,body,#app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#050b12;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,#061018 0%,#0b2f4a 55%,#061018 100%);border-bottom:1px solid #7fd1ff40;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1rem;display:flex}.brand{align-items:baseline;gap:.6rem;display:flex}.brand-dot{background:var(--ats-bright);border-radius:50%;align-self:center;width:9px;height:9px;box-shadow:0 0 12px #7fd1ffd9}.brand h1{letter-spacing:.01em;color:#eaf6ff;margin:0;font-size:1.1rem;font-weight:400}.brand h1 strong{font-weight:700}.tagline{color:#d6e9f699;font-size:.76rem}.header-status{align-items:center;gap:.4rem;display:flex}.chip-shown{--calcite-color-border-input:#7fd1ff8c}.chip-runups{--calcite-color-border-input:#b8ecff80}.mono{font-family:ui-monospace,Menlo,Consolas,monospace}#panel-start{--calcite-shell-panel-width:330px}#search-input{margin-bottom:.55rem;display:block}#cause-chips{flex-wrap:wrap;gap:.3rem;margin-bottom:.2rem;display:flex}.cause-chip{cursor:pointer}.chip-swatch{vertical-align:baseline;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.filter-count{color:#d6e9f699;margin-top:.4rem;font-size:.72rem;display:block}#panel-loading{color:#d6e9f6b3;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.8rem;display:flex}#centuries{background:#050b128c;border:1px solid #7fd1ff26;border-radius:8px;width:100%;height:110px;display:block}.chart-axis{color:#d6e9f68c;justify-content:space-between;margin-top:.25rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.68rem;display:flex}#view{padding:0;position:absolute;inset:0}#legend{left:calc(var(--ats-panel-w,336px) + 14px);z-index:14;background:var(--ats-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#d6e9f6e0;border:1px solid #7fd1ff33;border-radius:10px;flex-wrap:wrap;gap:.15rem .7rem;max-width:420px;padding:.45rem .7rem;font-size:.7rem;display:flex;position:absolute;bottom:88px}.lg-item{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.lg-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.lg-ring{background:#7fd1ff8c;border:1px solid #c8f0ffe6;border-radius:50%;width:8px;height:8px;display:inline-block}.lg-note{color:#d6e9f68c;font-style:italic}#detail-card{background:var(--ats-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#eaf6ff;z-index:10;border:1px solid #7fd1ff4d;border-radius:14px;width:340px;max-height:calc(100vh - 150px);padding:.9rem 1rem 1rem;position:absolute;top:72px;right:16px;overflow-y:auto;box-shadow:0 24px 60px #00000080,0 0 40px #0061ff24}#detail-card.hidden{display:none}.detail-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.detail-head h2{color:#f2fbff;margin:0;font-size:.98rem;font-weight:650;line-height:1.3}.detail-sub{color:var(--ats-bright);letter-spacing:.02em;margin-top:.15rem;font-size:.75rem}.detail-grid{gap:.3rem;margin-top:.6rem;display:grid}.detail-grid>div{grid-template-columns:8.5rem 1fr;align-items:baseline;gap:.5rem;display:grid}.detail-grid .k{text-transform:uppercase;letter-spacing:.06em;color:#d6e9f680;font-size:.7rem}.detail-grid .v{color:#eaf6ff;font-size:.8rem}.type-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.detail-runups{border-top:1px solid #7fd1ff2e;margin-top:.8rem;padding-top:.6rem}.runup-head{color:var(--ats-foam);font-size:.78rem;font-weight:600}.runup-dim{color:#d6e9f68c;font-weight:400}.runup-note{color:#d6e9f6b8;margin-top:.3rem;font-size:.73rem;line-height:1.45;display:block}.runup-note strong{color:var(--ats-foam)}#footer a,.about-copy a{color:var(--ats-bright);text-decoration:none}.about-copy p{color:var(--ats-ink);margin:0 0 .7rem;font-size:.85rem;line-height:1.5}.about-note{color:#d6e9f69e!important;font-size:.74rem!important}#footer{left:var(--ats-panel-w,336px);color:#d6e9f68c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#050b12c7;border-top:1px solid #7fd1ff1f;padding:.3rem 1rem;font-size:.68rem;position:absolute;bottom:0;right:0}.esri-attribution{background:0 0!important;bottom:26px!important}#view .esri-attribution,#view-3d .esri-attribution{left:var(--ats-panel-w,336px)}.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%}#footer{bottom:48px}.esri-attribution{bottom:90px!important}}.esri-ui-top-left{margin-left:var(--ats-panel-w,336px)}@media (width<=768px){.esri-ui-top-left{margin-left:0}}#view-3d{padding:0;position:absolute;inset:0}.view-hidden{display:none!important}#mode-toggle{left:calc(var(--ats-panel-w,336px) + 14px);z-index:15;border-radius:999px;position:absolute;bottom:48px;box-shadow:0 8px 22px #0006}#mode-toggle calcite-segmented-control{--calcite-color-foreground-1:#060c14eb}@media (width<=768px){#mode-toggle{bottom:112px;left:14px}#legend{max-width:calc(100% - 28px);bottom:158px;left:14px}#detail-card{width:auto;max-height:46vh;top:96px;left:8px;right:8px;overflow-y:auto}}
