:root{--bg:#02070b;--ink:#e8fff6;--ink-2:#a6c9c0;--ink-3:#6f948c;--accent:#4ff0a6;--accent-2:#6fd0ff;--line:#a0ffdc24;--glass:#06161a8f;--glass-strong:#061418c7;--radius:18px;--ease:cubic-bezier(.2, .8, .2, 1);color:var(--ink);background:var(--bg);font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#scene{z-index:0;opacity:1;width:100vw;height:100vh;transition:opacity .45s var(--ease);display:block;position:fixed;top:0;bottom:0;left:0;right:0}body[data-startup=loading] #scene{opacity:0}.vignette{pointer-events:none;transition:opacity .8s var(--ease);background:radial-gradient(120% 90% at 60% 55%,#0000 45%,#0612196b 100%),linear-gradient(90deg,#06121985 0%,#06121929 30%,#0000 46%);position:fixed;top:0;bottom:0;left:0;right:0}body[data-mode=site] .vignette{opacity:.7}.glass,.panel,.topbar .search,.site-index{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border:1px solid var(--line)}.topbar{z-index:10;align-items:center;gap:28px;padding:18px clamp(20px,3vw,44px);display:flex;position:fixed;top:0;left:0;right:0}.brand{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand-mark{width:38px;height:38px;color:var(--accent);filter:drop-shadow(0 0 10px #4ff0a699)}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-text strong{letter-spacing:.06em;font-size:16px}.brand-text small{color:var(--ink-3);letter-spacing:.3em;font-size:11px}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:14px;transition:color .2s,background .2s}.nav a:hover{color:var(--ink);background:#a0ffdc12}.nav a.is-active{color:var(--ink);background:#4ff0a61f;box-shadow:inset 0 0 0 1px #4ff0a64d}.search{border-radius:999px;align-items:center;gap:8px;width:240px;height:40px;padding:0 14px;display:flex;position:relative}.search svg{width:16px;height:16px;color:var(--ink-3);flex-shrink:0}.search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.search input::placeholder{color:var(--ink-3)}.search:focus-within{border-color:#4ff0a680}.search-results{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:14px;width:300px;margin:0;padding:6px;list-style:none;position:absolute;top:48px;right:0}.search-results li{cursor:pointer;border-radius:10px;align-items:baseline;gap:10px;padding:9px 10px;font-size:14px;display:flex}.search-results li:hover,.search-results li.is-active{background:#4ff0a61a}.search-results .k{color:var(--accent);border:1px solid #4ff0a659;border-radius:4px;padding:0 4px;font-size:11px}.search-results small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.search-results .empty{color:var(--ink-3);cursor:default}.overview{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}.overview>*{pointer-events:auto}.hero{pointer-events:none;max-width:440px;position:absolute;top:50%;left:clamp(20px,4vw,64px);transform:translateY(-54%)}.eyebrow{letter-spacing:.5em;color:var(--accent);margin:0 0 18px;font-size:12px}.hero h1{letter-spacing:.04em;margin:0;font-size:clamp(40px,4.6vw,68px);font-weight:700;line-height:1.12}.hero h1 span{background:linear-gradient(100deg,#b6ffe0 0%,#4ff0a6 40%,#6fd0ff 100%);color:#0000;filter:drop-shadow(0 0 24px #4ff0a659);-webkit-background-clip:text;background-clip:text}.lede{color:var(--ink-2);margin:22px 0 30px;font-size:15px;line-height:1.9}.site-index{border-radius:var(--radius);width:214px;padding:16px 12px 10px;position:absolute;top:96px;right:clamp(20px,3vw,44px)}.site-index-head{grid-template-columns:1fr auto 1fr;align-items:center;min-height:28px;display:grid;position:relative}.site-index h2{letter-spacing:.08em;white-space:nowrap;text-align:center;color:var(--ink-2);grid-column:2;margin:0 0 10px;font-size:13px;font-weight:500}.site-index .site-index-toggle{width:26px;min-width:26px;height:26px;color:var(--ink-3);transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);border:1px solid #a0ffdc29;border-radius:999px;grid-column:3;justify-content:center;justify-self:end;align-items:center;gap:4px;padding:0;line-height:1;display:inline-flex}.site-index-toggle svg{width:13px;height:13px;transition:transform .3s var(--ease)}.site-index-toggle:hover{color:var(--ink);background:#4ff0a614;border-color:#4ff0a673}.site-index-toggle:active{transform:scale(.96)}.site-index-toggle.is-collapsed svg{transform:rotate(180deg)}.site-index h2 small{color:var(--ink-3);letter-spacing:0;margin-left:6px;font-weight:400}.site-index ol{margin:0;padding:0;list-style:none}.site-index button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 8px;transition:background .2s;display:flex}.site-index button:hover{background:#4ff0a617}.site-index i{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.site-index span{flex-direction:column;flex:1;display:flex}.site-index b{font-size:14px;font-weight:500}.site-index small{color:var(--ink-3);font-size:11px}.site-index em{color:var(--accent);font-size:12px;font-style:normal}.hero,.site-index,.topbar{transition:opacity .9s var(--ease), translate .9s var(--ease)}body:not(.is-ready) .hero,body:not(.is-ready) .site-index{opacity:0;translate:0 16px}body:not(.is-ready) .topbar{opacity:0;translate:0 -10px}body[data-mode=site] .overview>*{opacity:0;pointer-events:none;translate:0 10px}.overview>*{transition:opacity .6s var(--ease), translate .6s var(--ease)}.hero-content{pointer-events:auto}.lede{gap:2px;display:grid}.lede span{display:block}.hero{max-width:700px}.lede{max-width:700px;margin:22px 0 0;line-height:1.9}.site-index{width:248px;max-height:calc(100vh - 180px);transition:max-height .36s var(--ease), padding-bottom .36s var(--ease), border-color .25s var(--ease);flex-direction:column;display:flex}.site-index ol{scrollbar-width:thin;scrollbar-color:#a0ffdc33 transparent;max-height:calc(100vh - 250px);transition:opacity .26s var(--ease), transform .36s var(--ease), max-height .36s var(--ease);transform-origin:top;flex:1;overflow-y:auto}.site-index b{font-size:12px;line-height:1.45}.site-index.is-collapsed{max-height:62px;padding-bottom:12px}.site-index.is-collapsed ol{opacity:0;pointer-events:none;max-height:0;overflow:hidden;transform:translateY(-7px)}.level-bar{z-index:9;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .6s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex;position:fixed;top:84px;left:50%;translate:-50%}body:not(.is-ready) .level-bar,body:not(.is-ready) .zoom-dock{opacity:0;pointer-events:none}.level-bar button,.level-bar span{color:var(--ink-2);border-radius:999px;padding:4px 12px;transition:color .2s,background .2s}.level-bar button:hover{color:var(--ink)}.level-bar button[aria-pressed=true]{color:var(--ink);background:#4ff0a624;box-shadow:inset 0 0 0 1px #4ff0a659}.level-bar i{color:var(--ink-3);font-style:normal}body:not([data-level=site]) .level-sep-site{display:none}body[data-level=site] .level-bar button[aria-pressed=true]{box-shadow:none;background:0 0}.level-bar span{color:var(--accent);background:#4ff0a624;box-shadow:inset 0 0 0 1px #4ff0a659}.zoom-dock{z-index:9;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .6s var(--ease);border-radius:14px;flex-direction:column;display:flex;position:fixed;bottom:40px;right:clamp(20px,3vw,44px);overflow:hidden}.zoom-dock button{width:40px;height:40px;color:var(--ink-2);place-items:center;transition:color .2s,background .2s;display:grid}.zoom-dock button+button{border-top:1px solid var(--line)}.zoom-dock button:hover{color:var(--ink);background:#4ff0a61a}.zoom-dock svg{width:18px;height:18px}body[data-mode=site] .zoom-dock{opacity:0;pointer-events:none}[hidden]{display:none!important}#startup-error{z-index:100;color:#ffd4c8;background:#17191bf5;border:1px solid #ffb4a059;align-items:center;gap:14px;max-width:calc(100vw - 28px);padding:10px 14px;font-size:12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}#startup-error button{color:#ffe7df;cursor:pointer;background:0 0;border:1px solid #ffd2c359;flex:none;padding:5px 8px}.lg-mangrove{background:radial-gradient(circle,#e2ffc4 0,#53ae32 45%,#0000 75%);box-shadow:0 0 10px #53ae32}.lg-terrain{background:radial-gradient(circle,#a6e6c4 0,#2aa67c 45%,#0000 75%)}.lg-ramp{color:var(--ink-3);border-top:1px solid var(--line);justify-content:space-between;margin-top:12px;padding-top:16px;font-size:10px;display:flex;position:relative}.lg-ramp:before{content:"";background:linear-gradient(90deg,#0d5f52,#16806a 10%,#2aa67c 27%,#5cc795 53%,#a6e6c4 80%,#e8fff4);border-radius:2px;height:4px;position:absolute;top:8px;left:0;right:0}body[data-level=coast] .overview>*{opacity:0;pointer-events:none;translate:0 10px}.coast-panel{z-index:6;scrollbar-width:thin;scrollbar-color:#a0ffdc33 transparent;width:330px;max-height:calc(100vh - 120px);animation:slideIn .7s var(--ease) both;padding:18px 20px 14px;position:fixed;top:88px;left:clamp(16px,3vw,44px);overflow-y:auto}.coast-panel .eyebrow{letter-spacing:.4em;margin:0 0 6px;font-size:10px}.coast-panel .crumb{margin:0 0 4px}.coast-panel h2{margin:0;font-size:24px;font-weight:600}.coast-sub{color:var(--accent);letter-spacing:.08em;margin:2px 0 0;font-size:13px}.coast-stats{border-block:1px solid var(--line);gap:18px;margin:0 0 14px;padding:10px 0;display:flex}.coast-stats div{flex-direction:column-reverse;gap:2px;display:flex}.coast-stats dt{color:var(--ink-3);font-size:11px}.coast-stats dd{font-variant-numeric:tabular-nums;text-shadow:0 0 14px #4ff0a666;margin:0;font-size:20px;font-weight:300}.coast-stats dd small{color:var(--ink-3);text-shadow:none;font-size:11px}.coast-legend{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.coast-legend li{align-items:center;gap:10px;display:flex}.coast-legend li>i{border-radius:50%;flex:none;width:14px;height:14px}.coast-legend span{flex-direction:column;line-height:1.3;display:flex}.coast-legend b{font-size:12px;font-weight:500}.coast-legend small{color:var(--ink-3);font-size:10px}.lg-flat{background:radial-gradient(circle,#f0c9b2 0,#b16443 45%,#0000 75%)}.coast-panel h3{color:var(--ink-3);letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:400}.coast-sites{gap:6px;display:grid}.coast-sites button{text-align:left;border:1px solid var(--line);border-radius:12px;align-items:baseline;gap:8px;padding:9px 12px;transition:border-color .2s,background .2s;display:flex}.coast-sites button:hover{background:#4ff0a614;border-color:#4ff0a680}.coast-sites b{font-size:14px;font-weight:500}.coast-sites small{color:var(--ink-3);font-size:11px}.coast-sites span{color:var(--accent);margin-left:auto;font-size:11px}.coast-label.is-mangrove{color:#e4ffb8;letter-spacing:.1em;font-weight:500}.coast-label.is-mangrove i{color:#a6ff6a;text-shadow:0 0 6px #a6ff6a;font-size:7px}.coast-label.is-sea{font-size:14px}body:not(.has-coast) .level-sep-coast{display:none}.coast-ctl{border-bottom:1px solid var(--line);margin:0 0 14px;padding:0 0 12px}.coast-ctl h3{color:var(--ink-3);letter-spacing:.12em;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:11px;font-weight:400;display:flex}.coast-ctl output{color:var(--ink);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:13px}.ctl-row{align-items:center;gap:10px;display:flex}.ctl-play{width:30px;height:30px;color:var(--ink);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;transition:border-color .2s,background .2s;display:grid}.ctl-play:hover{background:#4ff0a614;border-color:#4ff0a680}.ctl-play svg{fill:currentColor;width:12px;height:12px}.ctl-play .i-pause,.ctl-play[aria-pressed=true] .i-play{display:none}.ctl-play[aria-pressed=true] .i-pause{display:inline}.coast-ctl input[type=range]{accent-color:#6fd0ff;flex:1;min-width:0;height:20px}.ctl-note{color:var(--ink-3);margin:6px 0 0;font-size:10px;line-height:1.5}.year-steps{gap:4px;display:flex}.year-steps button{color:var(--ink-2);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:8px;flex:1;padding:5px 0;font-size:11px;transition:color .2s,background .2s,border-color .2s}.year-steps button:hover{color:var(--ink);border-color:#4ff0a659}.year-steps button[aria-pressed=true]{color:var(--bg);background:var(--accent);border-color:var(--accent)}.ctl-check{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.ctl-check input{accent-color:var(--accent);margin:0}.area-chart{margin:10px 0 0;position:relative}.area-chart figcaption{color:var(--ink-3);margin-bottom:2px;font-size:10px}.area-chart svg{width:100%;height:auto;display:block;overflow:visible}.ac-grid{stroke:#a0ffdc1a;stroke-width:1px}.ac-tick{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:8px}.ac-area{fill:#53ae321f}.ac-line{fill:none;stroke:#7ccc4e;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.ac-dot{fill:#7ccc4e;stroke:#0a1c20;stroke-width:2px}.ac-dot.is-on{fill:#d8f7b0}.ac-val{fill:var(--ink);font-variant-numeric:tabular-nums;font-size:9px}.ac-hit{fill:#0000;cursor:pointer;outline:none}.ac-hit:focus-visible{fill:#a0ffdc0f}.area-tip{z-index:2;pointer-events:none;white-space:nowrap;background:var(--glass-strong);border:1px solid var(--line);border-radius:8px;padding:5px 9px;position:absolute;translate:-50% calc(-100% - 10px)}.area-tip b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;display:block}.area-tip small{color:var(--ink-3);font-size:10px}.lg-gain{background:#2aa7b0;box-shadow:0 0 8px #2aa7b0}.lg-loss{background:#e06a3a;box-shadow:0 0 8px #e06a3a}body:not(.year-compare) .coast-legend .lg-cmp{display:none}.view-dock{z-index:9;transition:opacity .6s var(--ease);flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:40px;right:calc(clamp(20px,3vw,44px) + 54px)}body:not(.is-ready) .view-dock,body[data-mode=site] .view-dock,body[data-level=globe] .view-dock{opacity:0;pointer-events:none}.compass{width:44px;height:44px;color:var(--ink-2);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;padding:2px;transition:border-color .2s,color .2s;position:relative}.compass:hover{color:var(--ink);border-color:#4ff0a680}.compass svg{width:100%;height:100%;display:block}.compass-tilt{white-space:nowrap;color:var(--ink-3);font-variant-numeric:tabular-nums;pointer-events:none;font-size:10px;position:absolute;top:50%;right:calc(100% + 8px);translate:0 -50%}.view-hint{color:var(--ink-3);white-space:nowrap;margin:0;font-size:10px}.feature-label{white-space:nowrap;pointer-events:none;letter-spacing:.14em;opacity:0;transition:opacity .5s var(--ease);text-shadow:0 0 6px #000,0 0 2px #000;will-change:transform, opacity;contain:layout style;font-size:11px;position:absolute;top:0;left:0}.feature-label.is-on{opacity:.82}.feature-label i{vertical-align:1px;margin-right:3px;font-size:8px;font-style:normal}.feature-label.is-mountain{color:#d5f5e4}.feature-label.is-mountain i{color:#8fe0b4}.feature-label.is-sea{color:#8cdcebb3;letter-spacing:.5em;font-size:13px;font-weight:300}.feature-label.is-land{color:#c8f0dc9e;letter-spacing:.3em;font-size:12px}.region-label{white-space:nowrap;pointer-events:none;letter-spacing:.1em;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--ease), border-color .2s, background .2s;background:#020c0e9e;border:1px solid #4ff0a652;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 12px;font-size:13px;display:flex;position:absolute;top:0;left:0}.region-label.is-on{opacity:1;pointer-events:auto}.region-label:hover{border-color:var(--accent);background:#4ff0a629}.region-label i{letter-spacing:0;color:var(--accent);font-size:11px;font-style:normal}canvas#scene{cursor:grab;touch-action:none}.labels{pointer-events:none;z-index:4;position:fixed;top:0;bottom:0;left:0;right:0}.site-label,.sp-label,.hub-label,.region-label{will-change:transform, opacity;contain:layout style}.site-label,.sp-label{white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .35s var(--ease);position:absolute;top:0;left:0}.site-label.is-on,.sp-label.is-on{opacity:1;pointer-events:auto}.site-label{text-align:center;border-radius:8px;flex-direction:column-reverse;align-items:center;max-width:min(360px,100vw - 32px);padding:3px 6px 1px;display:flex}.site-label b{white-space:normal;text-shadow:0 0 10px #000000e6,0 0 16px #4ff0a680;font-size:11px;font-weight:500;line-height:1.4}.site-label small{color:var(--ink-2);text-shadow:0 0 8px #000;font-size:9px}.site-label.is-hot b{color:#fff;text-shadow:0 0 14px #4ff0a6}.sp-label{text-align:center;color:var(--ink);text-shadow:0 0 8px #000,0 0 2px #000;padding:2px 6px;font-size:12px}.sp-label small{color:var(--ink-3);opacity:0;max-height:0;font-size:10px;font-style:italic;transition:opacity .2s;display:block}.sp-label.is-hot{color:var(--c);font-size:14px}.sp-label.is-hot small{opacity:1;max-height:20px;color:var(--ink-2)}.hub-label{white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .35s var(--ease), color .2s;text-shadow:0 0 8px #000,0 0 2px #000;position:absolute;top:0;left:0}.hub-label.is-on{opacity:1}.hub-cat{letter-spacing:.12em;color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);background:#020a0c8c;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.hub-cat.is-hot{background:color-mix(in srgb, var(--c) 22%, #020a0cb3);color:#fff}.hub-fam{color:color-mix(in srgb, var(--c) 55%, #fff);opacity:0;letter-spacing:.05em;font-size:10px}.hub-fam.is-on{opacity:.78}.hub-fam.is-hot{opacity:1;color:#fff}.tooltip{z-index:20;pointer-events:none;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:7px 12px;font-size:13px;position:fixed;top:0;left:0}.tooltip small{color:var(--ink-3);font-size:11px;font-style:italic;display:block}.site-view{z-index:6;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.site-view>*{pointer-events:auto}.panel{border-radius:var(--radius);box-shadow:0 30px 80px -30px #000c}.site-panel{width:360px;animation:slideIn .7s var(--ease) both;flex-direction:column;padding:18px 20px 12px;display:flex;position:absolute;top:88px;bottom:32px;left:clamp(16px,3vw,44px)}@keyframes slideIn{0%{opacity:0;translate:-24px}}.back{color:var(--ink-2);border-radius:999px;align-self:flex-start;align-items:center;gap:4px;padding:6px 10px 6px 6px;font-size:13px;display:inline-flex}.back svg{width:18px;height:18px}.back:hover{color:var(--ink);background:#a0ffdc14}.crumb{color:var(--ink-3);letter-spacing:.1em;margin:14px 0 4px;font-size:12px}.site-panel h2{margin:0;font-size:22px;font-weight:600;line-height:1.35}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.tags li{color:var(--accent);background:#4ff0a60f;border:1px solid #4ff0a64d;border-radius:999px;padding:2px 8px;font-size:11px}.site-desc{color:var(--ink-2);margin:12px 0 14px;font-size:13px;line-height:1.8}.cat-filter{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:12px;display:flex}.cat-filter button{--c:var(--ink);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:5px 10px;font-size:12px;transition:all .2s}.cat-filter button i{color:var(--ink-3);margin-left:2px;font-style:normal}.cat-filter button:hover{color:var(--ink)}.cat-filter button[aria-pressed=true]{color:var(--bg);background:var(--c);border-color:var(--c)}.cat-filter button[aria-pressed=true] i{color:inherit;opacity:.7}.species-list{scrollbar-width:thin;scrollbar-color:#a0ffdc33 transparent;flex:1;margin:0 -10px;padding:4px 10px 8px;overflow-y:auto}.species-list h3{--c:var(--accent);color:var(--c);align-items:baseline;gap:8px;margin:14px 0 6px;font-size:13px;font-weight:500;display:flex}.species-list h3:before{content:"";background:var(--c);width:6px;height:6px;box-shadow:0 0 10px var(--c);border-radius:50%;align-self:center}.species-list h3 small{letter-spacing:.15em;color:var(--ink-3);text-transform:uppercase;font-size:10px;font-weight:400}.species-list ul{margin:0;padding:0;list-style:none}.species-list button{text-align:left;border-radius:10px;align-items:baseline;gap:10px;width:100%;padding:7px 10px;transition:background .2s;display:flex}.species-list button:hover{background:#a0ffdc0f}.species-list button[aria-current=true]{box-shadow:inset 2px 0 0 var(--c);background:#a0ffdc1a}.species-list b{font-size:14px;font-weight:500}.species-list small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-style:italic;overflow:hidden}.species-list em{color:#ffcf8a;border:1px solid #ffcf8a66;border-radius:4px;padding:1px 6px;font-size:10px;font-style:normal}.species-card{--c:var(--accent);border-top:2px solid var(--c);width:340px;padding:22px 22px 16px;position:absolute;bottom:32px;right:clamp(16px,3vw,44px)}.species-card.pop{animation:pop .5s var(--ease) both}@keyframes pop{0%{opacity:0;translate:0 16px;scale:.98}}.close{width:30px;height:30px;color:var(--ink-3);border-radius:50%;font-size:20px;line-height:1;position:absolute;top:10px;right:10px}.close:hover{color:var(--ink);background:#a0ffdc14}.card-cat{letter-spacing:.08em;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.card-cat span:last-child{color:var(--c)}.card-cat i{opacity:.5;font-style:normal}.card-art{border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 10%, transparent), transparent);border-bottom:1px solid var(--line);height:132px;margin:-22px -22px 14px;position:relative;overflow:hidden}.card-art svg{width:100%;height:100%;display:block}.card-art .art{fill:none;stroke:var(--c);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--c) 75%, transparent));transform:translate(150px,81px)scale(1.1)translate(-150px,-75px)}.card-art .art .d{stroke-width:1.2px;opacity:.55}.card-art .art .t{stroke-width:1.6px;opacity:.8}.card-art .art .f{fill:var(--c);stroke:none}.card-art .art>*{stroke-dasharray:600;stroke-dashoffset:600px;animation:draw 1.4s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.art-tag{color:var(--ink-3);background:#020a0c99;border-radius:4px;padding:1px 6px;font-size:10px;position:absolute;bottom:8px;left:12px}.species-card h3{text-shadow:0 0 20px color-mix(in srgb, var(--c) 50%, transparent);margin:8px 0 2px;font-size:26px;font-weight:600}.card-la{color:var(--ink-2);margin:0;font-size:14px;font-style:italic}.card-meta{border-block:1px solid var(--line);gap:24px;margin:16px 0;padding:12px 0;display:flex}.card-meta div{flex-direction:column;gap:2px;display:flex}.card-meta dt{color:var(--ink-3);font-size:11px}.card-meta dd{margin:0;font-size:13px}.card-note{color:var(--ink-2);margin:0 0 14px;font-size:13px;line-height:1.8}.species-card h4{color:var(--ink-3);letter-spacing:.1em;margin:0 0 8px;font-size:11px;font-weight:400}.card-sites{flex-wrap:wrap;gap:6px;display:flex}.card-sites button{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:3px 10px;font-size:12px}.card-sites button:hover{color:var(--ink);border-color:var(--c)}.card-foot{color:var(--ink-3);margin:14px 0 0;font-size:10px}.credit{z-index:3;color:#a6c9c073;font-size:10px;position:fixed;bottom:8px;right:16px}.toast{z-index:30;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:10px 18px;font-size:13px;position:fixed;top:84px;left:50%;transform:translate(-50%)}@media (max-width:1280px){.nav a{padding:8px 10px;font-size:13px}.search{width:200px}}@media (max-width:1100px){.nav{display:none}.search{margin-left:auto}.site-index{display:none}}@media (max-width:900px){.vignette{background:radial-gradient(120% 90% at 50% 62%,#0000 42%,#010508cc 100%),linear-gradient(#02070be6 0%,#02070b66 32%,#0000 48%)}.hero{max-width:none;right:16px;transform:none}.hero h1{font-size:clamp(30px,8.5vw,40px)}.eyebrow{letter-spacing:.35em;margin-bottom:10px;font-size:10px}.stats{gap:24px;margin-top:18px}.stats dd{font-size:26px}.demo-note{margin-top:10px}.site-view{flex-direction:column;justify-content:flex-end;display:flex}.site-panel,.species-card{border-bottom:0;border-radius:20px 20px 0 0;width:auto;position:static;top:auto;bottom:auto;left:auto;right:auto}.site-panel{height:46vh;transition:height .4s var(--ease);padding:12px 16px 10px}body[data-card="1"] .site-panel{height:auto}body[data-card="1"] .species-list,body[data-card="1"] .site-desc,body[data-card="1"] .tags,body[data-card="1"] .cat-filter{display:none}body[data-card="1"] .site-panel h2{font-size:16px}.species-card{max-height:58vh;padding:18px 16px 14px;overflow-y:auto}.sp-label{font-size:11px}.site-label{max-width:200px}.site-label b{font-size:10px}.level-bar{scrollbar-width:none;width:max-content;max-width:calc(100vw - 24px);margin-left:auto;padding:3px;font-size:11px;top:64px;left:12px;right:12px;overflow-x:auto;translate:none}body.has-coast #level-globe,body.has-coast #level-globe+i{display:none}.level-bar button,.level-bar span{padding:3px 9px}.hero{top:104px}.zoom-dock{display:none}.view-dock{top:104px;bottom:auto;right:12px}.view-hint,.compass-tilt{display:none}.coast-panel{border-radius:20px 20px 0 0;width:auto;max-height:40vh;padding:12px 16px 10px;top:auto;bottom:0;left:0;right:0}.coast-panel .site-desc,.coast-legend,.coast-panel .card-foot,.coast-panel .eyebrow,.area-chart,.ctl-note{display:none}.coast-ctl{margin-bottom:8px;padding-bottom:8px}.coast-panel h2{font-size:18px}.coast-stats dd{font-size:16px}.lede{display:none}.feature-label{font-size:10px}.feature-label.is-sea{letter-spacing:.3em;font-size:11px}.region-label{padding:3px 8px 3px 10px;font-size:12px}.species-card h3{font-size:22px}.card-art{height:104px;margin:-18px -16px 12px}.hub-fam,.sp-label small,.brand-text small{display:none}.search{width:46px;transition:width .3s var(--ease);padding:0 0 0 14px}.search:focus-within{width:min(60vw,240px);padding-right:14px}.credit{display:none}}@media (max-width:900px) and (orientation:landscape){.hero .stats,.demo-note{display:none}.site-view{flex-direction:row;justify-content:space-between;align-items:flex-end}.site-panel{border-radius:0 20px 0 0;width:290px;height:76vh}body[data-card="1"] .site-panel{height:76vh}body[data-card="1"] .species-list,body[data-card="1"] .site-desc,body[data-card="1"] .tags,body[data-card="1"] .cat-filter{display:revert}body[data-card="1"] .site-panel h2{font-size:20px}.species-card{border-radius:20px 0 0;width:290px;max-height:80vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.atlas-detail-link{border-block:1px solid var(--line);color:#a3dfbd;justify-content:space-between;align-items:center;margin-top:12px;padding:8px 1px;font-size:11px;display:flex}.atlas-detail-link:hover{color:#73edb0}.atlas-detail-link span{color:#6da888}.site-index{width:288px;max-height:min(540px,100dvh - 180px)}.distribution-body{flex-direction:column;min-height:0;display:flex}.distribution-filters{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;padding:4px 4px 0;display:grid}.distribution-filters select{width:100%;min-width:0;min-height:36px;color:var(--ink);border:1px solid var(--line);font:inherit;background:#0b252a;border-radius:7px;padding:5px;font-size:12px}.distribution-status{color:var(--ink-2);flex:none;margin:10px 4px 6px;font-size:11px;line-height:1.6}.site-index ol{overscroll-behavior:contain;min-height:0;max-height:calc(100dvh - 350px)}.site-index [data-region]{min-height:52px}.site-index [data-region][aria-pressed=true]{box-shadow:inset 2px 0 var(--accent);background:#4ff0a621}.site-index [data-region] span{overflow-wrap:anywhere;gap:4px;min-width:0}.site-index [data-region] small{font-size:10px}.distribution-empty{color:var(--ink-2);padding:18px 8px;font-size:12px}.distribution-retry,.distribution-detail-retry{border:1px solid var(--line);color:var(--accent);border-radius:8px;padding:9px 12px;font-size:12px}.distribution-detail-retry{margin-top:8px;display:block}.distribution-panel{z-index:6;overscroll-behavior:contain;scrollbar-width:thin;background:var(--glass-strong);border-radius:var(--radius);width:340px;max-height:calc(100dvh - 186px);padding:18px 20px;position:fixed;top:136px;left:clamp(16px,3vw,44px);overflow-y:auto}.distribution-panel-actions{justify-content:flex-end;display:flex}.distribution-close{border:1px solid var(--line);min-height:32px;color:var(--ink-2);border-radius:8px;padding:5px 14px;font-size:12px;transition:color .2s,border-color .2s,background .2s}.distribution-close:hover{color:var(--ink);border-color:var(--accent);background:#4ff0a614}.distribution-close:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.distribution-panel .eyebrow{letter-spacing:.2em;margin:18px 0 8px;font-size:10px}.distribution-panel .crumb{color:var(--ink-2);font-size:12px}.distribution-panel h2{overflow-wrap:anywhere;margin:8px 0;font-size:23px;line-height:1.4}.distribution-panel h3{margin:20px 0 10px;font-size:14px}.distribution-panel h4{margin:12px 0;font-size:13px;font-weight:500;line-height:1.6}.distribution-location,.distribution-map-note{color:var(--ink-2);font-size:12px;line-height:1.7}.distribution-fields{margin:16px 0 0;font-size:12px;line-height:1.7}.distribution-fields>div{border-top:1px solid var(--line);padding:9px 0}.distribution-fields dt{color:var(--ink-3);margin-bottom:3px;font-size:11px}.distribution-fields dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.distribution-organization+.distribution-organization{margin-top:24px}body.has-distribution .hero{visibility:hidden}body.is-map-zoomed .hero{opacity:0;visibility:hidden;pointer-events:none}body[data-level=coast] .overview>.site-index{opacity:1;pointer-events:auto;translate:none}.coast-sites{color:var(--ink-2);font-size:12px;line-height:1.7}@media (max-width:1100px){.site-index{width:264px;display:flex}}@media (max-width:900px){.site-index{background:var(--glass-strong);width:auto;max-height:34dvh;padding:10px 10px 8px;top:auto;bottom:12px;left:12px;right:12px}.site-index h2{margin-bottom:4px}.site-index .site-index-toggle{width:32px;height:32px}.site-index ol{max-height:19dvh}.distribution-filters{gap:10px;padding-top:2px}.distribution-status{margin:6px 4px}.distribution-panel{width:auto;max-height:calc(58dvh - 116px);padding:14px 16px;top:108px;left:12px;right:12px}.distribution-panel h2{font-size:20px}.distribution-panel .eyebrow{margin-top:12px}.has-distribution .site-index{max-height:32dvh}.has-distribution .site-index ol{max-height:15dvh}.distribution-close{min-height:36px}.view-dock{top:56dvh}}