@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{color:#f3f6f4;font-synthesis:none;text-rendering:optimizelegibility;background:#050708;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}a{color:inherit;text-decoration:none}.app-shell{isolation:isolate;background:radial-gradient(circle at 68% 47%,#19534529,#0000 30%),radial-gradient(circle at 30% 110%,#2a5e4e29,#0000 40%),linear-gradient(120deg,#070a0b,#030506 62%);height:100svh;min-height:620px;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.grain{z-index:10;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");position:fixed;inset:0}.topbar{z-index:5;background:linear-gradient(#040708d1,#0000);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:86px;padding:0 clamp(22px,4vw,64px);display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#60f5b1;border:1px solid #60f5b18c;border-radius:50%;place-items:center;width:36px;height:36px;font:500 15px DM Mono,monospace;display:grid;box-shadow:inset 0 0 18px #60f5b114,0 0 24px #60f5b114}.brand strong{letter-spacing:.23em;font-size:13px;display:block}.brand small{color:#798480;letter-spacing:.15em;margin-top:4px;font:400 8px DM Mono,monospace;display:block}.system-status{color:#7e8985;letter-spacing:.17em;font:500 9px DM Mono,monospace}.system-status i{background:#60f5b1;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 10px #60f5b1}.hero{width:100%;height:100%;position:relative}.intro-panel{z-index:4;pointer-events:none;width:min(430px,34vw);position:absolute;top:50%;left:clamp(24px,6vw,96px);transform:translateY(-48%)}.eyebrow{color:#60f5b1;letter-spacing:.2em;margin:0 0 20px;font:500 10px DM Mono,monospace}h1{letter-spacing:-.065em;margin:0;font-size:clamp(48px,6vw,92px);font-weight:600;line-height:.88}.lede{color:#9aa39f;max-width:390px;margin:25px 0 30px;font-size:clamp(13px,1.2vw,16px);line-height:1.7}.coverage-card{background:linear-gradient(90deg,#60f5b117,#0000);border-left:2px solid #60f5b1;width:230px;padding:15px 17px}.coverage-card span,.coverage-card small{color:#77817d;letter-spacing:.14em;font:400 8px DM Mono,monospace;display:block}.coverage-card strong{letter-spacing:.12em;margin:5px 0;font:500 13px DM Mono,monospace;display:block}.globe-stage{cursor:grab;position:absolute;inset:0 0 0 29%;overflow:hidden}.globe-stage:active{cursor:grabbing}.globe-stage canvas{outline:none}.globe-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050708 0%,#0000 27% 80%,#05070873);position:absolute;inset:0}.globe-reticle{aspect-ratio:1;pointer-events:none;border:1px solid #7effcc0d;border-radius:50%;width:min(62vw,780px);position:absolute;top:50%;left:58%;transform:translate(-50%,-50%)}.globe-reticle:before,.globe-reticle:after{content:"";border:1px dashed #7effcc0b;border-radius:50%;position:absolute;inset:8%}.globe-reticle:after{inset:18%}.globe-reticle-active{border-color:#ff4fd861;animation:2.4s cubic-bezier(.2,.8,.2,1) both camera-reticle-in;box-shadow:0 0 80px #ff4fd824}@keyframes camera-reticle-in{0%{opacity:.25;transform:translate(-50%,-50%)scale(1.65)}to{opacity:1;transform:translate(-50%,-50%)scale(.42)}}.map-key{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.08em;background:#060a0a9e;border:1px solid #ffffff14;min-width:190px;padding:14px 16px;font:400 9px DM Mono,monospace;position:absolute;bottom:105px;right:clamp(22px,4vw,64px)}.map-key p{color:#aab2af;margin:0 0 12px}.map-key p span{float:right;color:#6f7975;font-size:7px}.map-key div{color:#76807c;margin:8px 0}.map-key i{background:var(--signal-color);width:6px;height:6px;box-shadow:0 0 9px var(--signal-color);border-radius:50%;margin-right:10px;display:inline-block}.map-key .camera-key{color:#d9c2d4;border-bottom:1px solid #ffffff12;margin-bottom:13px;padding-bottom:11px}.coverage-tbd{z-index:4;text-align:right;pointer-events:none;position:absolute;top:120px;right:clamp(22px,4vw,64px)}.coverage-tbd span,.coverage-tbd small{color:#66706d;letter-spacing:.18em;font:400 8px DM Mono,monospace;display:block}.coverage-tbd strong{color:#909a96;letter-spacing:.08em;font:400 29px DM Mono,monospace;display:block}.interaction-hint{z-index:4;color:#68726e;letter-spacing:.16em;white-space:nowrap;font:400 8px DM Mono,monospace;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.mouse-icon{border:1px solid #68726e;border-radius:7px;width:11px;height:16px;margin:0 9px -5px 0;display:inline-block}.detail-panel{z-index:8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#60f5b140 transparent;background:#050909f0;border-left:1px solid #60f5b12e;width:min(430px,38vw);animation:.42s cubic-bezier(.2,.8,.2,1) both panel-enter;position:absolute;top:86px;bottom:0;right:0;overflow-y:auto;box-shadow:-28px 0 80px #00000061}@keyframes panel-enter{0%{opacity:0;transform:translate(45px)}to{opacity:1;transform:translate(0)}}.detail-header{border-bottom:1px solid #ffffff14;padding:34px 34px 27px;position:relative}.detail-header button{color:#aeb8b4;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:50%;width:31px;height:31px;font:300 22px/1 Inter,sans-serif;position:absolute;top:22px;right:24px}.detail-header button:hover{color:#fff;border-color:#60f5b18c}.detail-header p{color:#60f5b1;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font:500 9px DM Mono,monospace}.detail-header h2{letter-spacing:-.035em;max-width:310px;margin:0 0 13px;font-size:clamp(24px,2.2vw,34px);line-height:1.04}.coordinates{color:#69736f;letter-spacing:.1em;font:400 9px DM Mono,monospace}.signal-summary,.detail-section{border-bottom:1px solid #ffffff12;padding:22px 34px}.signal-summary{background:linear-gradient(90deg,#60f5b10b,#0000)}.section-heading{color:#808a86;letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:16px;font:500 9px DM Mono,monospace;display:flex}.data-tag{letter-spacing:.1em;border-radius:2px;align-items:center;padding:4px 6px;font:500 7px DM Mono,monospace;display:inline-flex}.data-tag-live{color:#60f5b1;background:#60f5b112;border:1px solid #60f5b13d}.data-tag-live i{background:#60f5b1;border-radius:50%;width:4px;height:4px;margin-right:5px;box-shadow:0 0 6px #60f5b1}.data-tag-sample{color:#9a927e;background:#ffb45e0f;border:1px solid #ffb45e33}.data-tag-wikipedia{color:#c9c4ff;background:#7c6cff17;border:1px solid #7c6cff47}.signal-summary>strong{align-items:center;gap:10px;font-size:15px;display:flex}.signal-summary>strong i{background:var(--signal-color);width:8px;height:8px;box-shadow:0 0 12px var(--signal-color);border-radius:50%}.signal-summary>small{color:#6f7975;margin-top:7px;font-size:10px;line-height:1.5;display:block}.weather-primary{align-items:center;gap:20px;margin:-3px 0 18px;display:flex}.weather-primary>strong{letter-spacing:-.06em;font-size:48px;font-weight:500;line-height:1}.weather-primary>span{color:#d9dfdc;font-size:13px}.weather-primary small{color:#69736f;letter-spacing:.1em;text-transform:uppercase;margin-top:5px;font:400 8px DM Mono,monospace;display:block}.weather-meta{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.weather-meta span{color:#69736f;letter-spacing:.12em;font:400 8px DM Mono,monospace}.weather-meta strong{letter-spacing:.08em;font:500 10px DM Mono,monospace}.source-note{color:#5f6965;margin:10px 0 0;font:400 8px/1.5 DM Mono,monospace}.region-context-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:3px;overflow:hidden}.region-context-card>img{object-fit:cover;filter:saturate(.8)contrast(1.05);width:100%;height:130px;display:block}.region-context-card>div{padding:14px}.region-context-card strong{margin-bottom:7px;font-size:14px;display:block}.region-context-card p{color:#929c98;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0 0 10px;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.region-context-card a,.species-preview-card a{color:#a99fff;letter-spacing:.04em;font:500 8px DM Mono,monospace}.most-common-species{background:linear-gradient(90deg,#60f5b113,#0000);border:1px solid #60f5b129;border-left:2px solid #60f5b1;padding:14px}.most-common-species>span{color:#60f5b1;letter-spacing:.12em;margin-bottom:6px;font:500 7px DM Mono,monospace;display:block}.most-common-species strong{font-size:15px;display:block}.most-common-species em{color:#75807c;margin-top:3px;font-size:9px;display:block}.most-common-species small{color:#8d9793;margin-top:8px;font:400 8px DM Mono,monospace;display:block}.composition-heading{justify-content:space-between;align-items:end;gap:12px;margin:19px 0 5px;display:flex}.composition-heading strong{color:#aeb7b3;letter-spacing:.1em;font:500 8px DM Mono,monospace}.composition-heading span{color:#606a66;font:400 7px DM Mono,monospace}.taxonomy-chart{margin-bottom:20px}.taxonomy-canvas{cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 45%,#7c6cff1f,#0000 57%);border:1px solid #ffffff0f;height:250px;position:relative;overflow:hidden}.taxonomy-canvas:active{cursor:grabbing}.taxonomy-canvas canvas{width:100%;height:100%;display:block}.taxonomy-tooltip{pointer-events:none;background:#040707d1;border:1px solid #ffffff17;max-width:62%;padding:7px 9px;position:absolute;top:10px;left:10px}.taxonomy-tooltip strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.taxonomy-tooltip span,.taxonomy-drag-hint{color:#78827e;letter-spacing:.05em;font:400 7px DM Mono,monospace}.taxonomy-drag-hint{pointer-events:none;position:absolute;bottom:8px;right:9px}.taxonomy-legend{grid-template-columns:1fr 1fr;gap:2px 8px;margin-top:7px;display:grid}.taxonomy-legend button{color:#78827e;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:5px 2px;font:400 7px DM Mono,monospace;display:grid}.taxonomy-legend button.active{color:#e8ecea}.taxonomy-legend i{background:var(--slice-color);width:5px;height:5px;box-shadow:0 0 5px var(--slice-color);border-radius:50%}.taxonomy-legend span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taxonomy-legend em{color:inherit;font-style:normal}.species-preview-list{gap:8px;display:grid}.species-preview-card{background:#ffffff05;border:1px solid #fff1;grid-template-columns:72px minmax(0,1fr);min-height:84px;display:grid;overflow:hidden}.species-preview-card:not(:has(img)){grid-template-columns:1fr}.species-preview-card>img{object-fit:cover;width:72px;height:100%;min-height:84px}.species-preview-card>div{min-width:0;padding:10px}.species-card-title{justify-content:space-between;gap:7px;display:flex}.species-card-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.species-card-title em{color:#60f5b1;flex:none;font:400 7px DM Mono,monospace}.species-preview-card small{color:#66716c;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;font-style:italic;display:block;overflow:hidden}.species-preview-card p{color:#848e8a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0;font-size:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.data-caveat{color:#626d68;border-top:1px solid #ffffff0d;margin:9px 0 0;padding-top:8px;font-size:8px;line-height:1.5}.wikipedia-loading{color:#9b91ef}.species-list{margin:-3px 0 0;padding:0;list-style:none}.species-list li{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;gap:15px;padding:10px 0;display:flex}.species-list li:last-child{border-bottom:0}.species-list strong{font-size:11px;font-weight:500;display:block}.species-list small{color:#65706c;text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin-top:3px;font-size:9px;font-style:italic;display:block;overflow:hidden}.species-list em{color:#60f5b1;letter-spacing:.1em;flex:none;font:400 7px DM Mono,monospace}.conservation-stat{align-items:center;gap:17px;display:flex}.conservation-stat strong{color:#ffb45e;font-size:31px;font-weight:500}.conservation-stat span{color:#8b9591;font-size:10px;line-height:1.5}.unavailable{color:#9aa39f;margin:3px 0;font:500 11px DM Mono,monospace}.unavailable small{color:#606a66;margin-top:7px;font-size:8px;font-weight:400;line-height:1.5;display:block}.loading-rows{gap:8px;display:grid}.loading-rows i{background:linear-gradient(90deg,#ffffff09,#60f5b11a,#ffffff09) 0 0/220% 100%;border-radius:2px;height:13px;animation:1.25s linear infinite data-loading;display:block}.loading-rows i:nth-child(2n){width:72%}@keyframes data-loading{to{background-position:-220% 0}}.has-detail-panel .map-key,.has-detail-panel .coverage-tbd{opacity:0;pointer-events:none;transition:opacity .18s}.map-tooltip{color:#fff;background:#040808f0;border:1px solid #60f5b159;padding:10px 12px;font-family:DM Mono,monospace;box-shadow:0 10px 30px #00000059}.map-tooltip span,.map-tooltip em{color:#7b8883;font-size:9px;font-style:normal;display:block}.map-tooltip strong{margin:5px 0;font-size:12px;display:block}.map-tooltip-camera{border-color:#ff4fd88c;box-shadow:0 10px 34px #ff4fd821}.map-tooltip-camera span{color:#ff87e2}.camera-mode .intro-panel,.camera-mode .map-key,.camera-mode .coverage-tbd,.camera-mode .interaction-hint{opacity:0;pointer-events:none;transition:opacity .3s}.camera-zoom-overlay{z-index:7;pointer-events:none;background:radial-gradient(circle,#0000 10%,#0305061f 42%,#030506b8 100%);flex-direction:column;justify-content:center;align-items:center;animation:.5s both zoom-overlay-in;display:flex;position:absolute;inset:0}.camera-zoom-overlay>span{color:#ff72dd;letter-spacing:.22em;margin-top:27px;font:500 9px DM Mono,monospace}.camera-zoom-overlay>strong{letter-spacing:-.03em;margin-top:10px;font-size:clamp(20px,2.2vw,34px)}.camera-zoom-overlay>small{color:#75807b;letter-spacing:.15em;margin-top:8px;font:400 8px DM Mono,monospace}.camera-target{border:1px solid #ff4fd880;border-radius:50%;width:115px;height:115px;animation:1.1s ease-in-out infinite alternate camera-target-pulse;position:relative;box-shadow:0 0 45px #ff4fd829,inset 0 0 30px #ff4fd814}.camera-target:before,.camera-target:after{content:"";background:#ff4fd8a6;position:absolute}.camera-target:before{height:1px;top:50%;left:-18px;right:-18px}.camera-target:after{width:1px;top:-18px;bottom:-18px;left:50%}.camera-target i{border:1px dashed #ff4fd840;border-radius:50%;position:absolute;inset:15px}.camera-target i:nth-child(2){border-style:solid;inset:34px}.camera-target i:nth-child(3){background:#ff4fd8;border:0;inset:51px;box-shadow:0 0 18px #ff4fd8}@keyframes zoom-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes camera-target-pulse{to{transform:scale(1.08);box-shadow:0 0 75px #ff4fd840}}.camera-experience{z-index:20;background:#030505;flex-direction:column;animation:.46s cubic-bezier(.2,.8,.2,1) both camera-experience-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes camera-experience-in{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}.camera-experience:before{content:"";pointer-events:none;background:radial-gradient(circle at 38% 43%,#215a4a1a,#0000 34%);position:absolute;inset:0}.camera-experience-header{z-index:1;background:#040707f2;border-bottom:1px solid #ffffff1a;grid-template-columns:minmax(160px,1fr) 2fr minmax(180px,1fr);align-items:center;gap:22px;min-height:92px;padding:16px clamp(20px,3vw,45px);display:grid;position:relative}.camera-experience-header button{color:#9da7a3;letter-spacing:.12em;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:2px;justify-self:start;padding:10px 13px;font:500 8px DM Mono,monospace}.camera-experience-header button:hover{color:#fff;border-color:#ff4fd88c}.camera-experience-header>div{text-align:center;min-width:0}.camera-experience-header span{color:#77817d;letter-spacing:.15em;text-transform:uppercase;font:400 8px DM Mono,monospace}.camera-experience-header h2{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:clamp(18px,2vw,29px);overflow:hidden}.feed-badge{color:#60f5b1;letter-spacing:.11em;justify-self:end;font:500 8px DM Mono,monospace}.feed-badge i{background:#60f5b1;border-radius:50%;width:6px;height:6px;margin-right:7px;animation:1.5s ease-in-out infinite live-blink;display:inline-block;box-shadow:0 0 12px #60f5b1}.feed-badge-offline{color:#ffb45e}.feed-badge-offline i{background:#ffb45e;animation:none;box-shadow:0 0 10px #ffb45e}@keyframes live-blink{50%{opacity:.35}}.camera-experience-body{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,360px);min-height:0;display:grid;position:relative}.camera-viewer-column{flex-direction:column;min-width:0;min-height:0;padding:clamp(18px,3vw,42px);display:flex}.camera-frame{background:#000;border:1px solid #ffffff1f;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000073}.camera-frame iframe,.camera-still{object-fit:contain;border:0;width:100%;height:100%}.camera-media-loading{color:#76817c;letter-spacing:.15em;font:500 9px DM Mono,monospace}.feed-fallback-trigger{z-index:2;color:#8d9793;letter-spacing:.09em;cursor:pointer;background:#030506cc;border:1px solid #ffffff2e;border-radius:2px;padding:7px 9px;font:500 7px DM Mono,monospace;position:absolute;bottom:10px;right:10px}.feed-fallback-trigger:hover{color:#fff;border-color:#ff4fd880}.camera-credit{color:#606a66;letter-spacing:.06em;align-items:center;gap:18px;min-height:42px;font:400 8px DM Mono,monospace;display:flex}.camera-credit span:nth-child(2){margin-left:auto}.camera-credit a{color:#ff72dd}.camera-offline{text-align:center;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.camera-offline:after{content:"";background:linear-gradient(#03050640,#030506f5);position:absolute;inset:0}.camera-offline img{object-fit:cover;opacity:.42;filter:grayscale(.35);width:100%;height:100%;position:absolute}.camera-offline>div{z-index:1;max-width:430px;padding:28px;position:relative}.camera-offline span{color:#ffb45e;letter-spacing:.18em;font:500 8px DM Mono,monospace}.camera-offline strong{margin:10px 0;font-size:clamp(20px,2.5vw,34px);display:block}.camera-offline p{color:#8d9793;font-size:12px;line-height:1.6}.camera-offline a{color:#ffb45e;letter-spacing:.12em;border:1px solid #ffb45e66;margin-top:12px;padding:11px 14px;font:500 8px DM Mono,monospace;display:inline-block}.detail-panel-camera{width:100%;height:100%;animation:none;position:relative;top:auto;bottom:auto;right:auto;box-shadow:-18px 0 55px #00000047}.detail-panel-camera .detail-section{padding:19px 24px}.detail-panel-camera .weather-primary>strong{font-size:36px}.detail-panel-camera .species-list li:nth-child(n+5){display:none}@media (width<=760px){.app-shell{min-height:560px}.topbar{height:72px}.system-status{display:none}.intro-panel{width:calc(100% - 44px);top:105px;left:22px;transform:none}.eyebrow{margin-bottom:12px;font-size:8px}h1{font-size:clamp(39px,11.8vw,52px)}.lede{width:80%;margin:14px 0;font-size:12px}.coverage-card{display:none}.globe-stage{inset:175px -25% -65px}.globe-stage:after{background:linear-gradient(#050708 0%,#0000 20%)}.coverage-tbd{top:auto;bottom:90px;right:20px}.map-key{min-width:170px;bottom:84px;left:20px;right:auto}.interaction-hint{bottom:24px}.detail-panel{width:100%;position:fixed;top:72px}.detail-header,.signal-summary,.detail-section{padding-left:24px;padding-right:24px}.camera-experience{overflow-y:auto}.camera-experience-header{z-index:3;grid-template-columns:auto 1fr;min-height:76px;padding:12px 16px;position:sticky;top:0}.camera-experience-header>div{text-align:right}.camera-experience-header h2{font-size:17px}.camera-experience-header>.feed-badge{display:none}.camera-experience-body{display:block;overflow:visible}.camera-viewer-column{height:auto;padding:14px}.camera-frame{aspect-ratio:16/9;flex:none;width:100%}.camera-credit{flex-wrap:wrap;padding-top:10px;line-height:1.4}.camera-credit span:nth-child(2){margin-left:0}.detail-panel-camera{height:auto;min-height:500px;position:relative;top:auto}.camera-zoom-overlay>strong{text-align:center;max-width:80%}}