@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080d12;--panel:#10171ded;--line:#ffffff17;--muted:#8c979e;--text:#edf1f0;--accent:#d8f7b6;--orange:#edb27c;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--font);overflow:hidden}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{color:inherit;background:none;border:0;cursor:pointer}button:hover{color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}[hidden]{display:none!important}#globe,#windCanvas,.vignette{position:absolute;inset:0;width:100%;height:100%}#windCanvas,.vignette{pointer-events:none}.vignette{background:linear-gradient(90deg,#080d12ef 0%,#080d1255 24%,transparent 42%,transparent 70%,#080d1250 85%,#080d12b0 100%);z-index:1}header{height:99px;position:absolute;z-index:4;left:42px;right:42px;top:0;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:70px}.brand{font:700 42px/.8 var(--display);letter-spacing:-4px;display:flex;align-items:center;gap:20px}.brand span{font:500 9px/1.4 var(--font);letter-spacing:2.1px;width:45px;color:#b6c0c6}nav{display:flex;gap:28px;height:100%;align-items:center}nav button{height:100%;position:relative;color:#8b969d;font-size:13px}nav button.active{color:#fff}nav button.active:after{content:'';height:2px;background:var(--accent);position:absolute;bottom:-1px;left:0;right:0}.header-right{margin-left:auto;display:flex;align-items:center;gap:12px}.live-status{font-size:10px;letter-spacing:1.2px;display:flex;gap:8px;align-items:center;margin-right:20px;text-transform:uppercase}.live-status i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px #d8f7b666}.iconbtn{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.iconbtn:hover{background:#ffffff0b}.iconbtn svg,button svg{width:18px;height:18px;stroke-width:1.5}svg{vertical-align:middle}.langbtn{font-size:11px;border:1px solid #ffffff25;border-radius:4px;padding:7px}.search-wrap{position:absolute;z-index:5;top:122px;left:50%;transform:translateX(-50%);width:350px}#searchForm{height:43px;display:flex;align-items:center;gap:12px;padding:0 14px;background:#141c23b0;backdrop-filter:blur(18px);border:1px solid #ffffff16;border-radius:6px}#search{width:100%;background:none;border:0;color:var(--text);outline:0;font-size:12px}#search::placeholder{color:#929da6}kbd{color:#79838b;border:1px solid #ffffff20;border-radius:3px;padding:1px 5px}#searchResults{background:#111920;border:1px solid var(--line);max-height:320px;overflow:auto}#searchResults button{display:block;text-align:start;width:100%;padding:14px;border-bottom:1px solid var(--line)}.left-rail{position:absolute;z-index:3;top:160px;left:42px;width:232px;bottom:192px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;color:#a5afb4;display:flex;align-items:center;gap:9px}.tiny-line{width:17px;height:1px;background:var(--accent)}h1{font:500 33px/1.1 var(--display);letter-spacing:-1.3px;white-space:pre-line;margin:18px 0 13px}.hero-copy{font-size:12px;line-height:1.7;color:#8f9aa2;max-width:210px}.divider{height:1px;background:var(--line);margin:29px 0 23px}.layer-heading{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:1.4px;font-size:9px;font-weight:600;margin-bottom:13px}.textbtn{color:#9da7ae;font-size:11px;padding:6px 0;letter-spacing:0;text-transform:none}.quick-layer{display:flex;width:100%;align-items:center;gap:11px;padding:10px 0;color:#a8b1b7;text-align:start;font-size:12px}.quick-layer .dot{height:6px;width:6px;border-radius:50%;background:var(--color);box-shadow:0 0 10px color-mix(in srgb,var(--color) 25%,transparent)}.quick-layer .switch{margin-left:auto;width:25px;height:14px;border:1px solid #465159;border-radius:20px;padding:2px;display:flex;align-items:center}.switch:after{content:'';width:8px;height:8px;background:#65717a;border-radius:50%}.quick-layer.on{color:#e2e8e8}.quick-layer.on .switch{background:#d8f7b629;border-color:#a8c18a}.quick-layer.on .switch:after{margin-left:auto;background:var(--accent)}.outlinebtn{border:1px solid #ffffff25;border-radius:5px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px;width:100%;margin-top:17px}.rail-bottom{display:flex;gap:10px;align-items:center;margin-top:28px;color:#95a2a9}.crosshair{font-size:29px;color:#7c8991}.rail-bottom .eyebrow{font-size:8px;margin-bottom:4px}.rail-bottom #cameraLocation{font-size:11px}.activity{position:absolute;z-index:3;right:42px;top:175px;width:235px}.activity-heading{display:flex;align-items:center;justify-content:space-between}.activity-heading .eyebrow{color:#d9dfdf}#eventCount{font:10px var(--display);color:var(--accent);background:#d8f7b615;border:1px solid #d8f7b62b;padding:3px 7px;border-radius:3px}.activity-subtitle{font-size:10px;color:#788690;margin:8px 0 21px}.event-card{display:block;width:100%;text-align:start;border-bottom:1px solid var(--line);padding:17px 0}.event-card:first-child{padding-top:0}.event-type{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:var(--color);display:flex;align-items:center;gap:7px}.event-type:before{content:'';background:currentColor;width:5px;height:5px;border-radius:50%}.event-card h3{font-weight:500;font-size:13px;line-height:1.5;margin:8px 0;max-width:210px}.event-meta{font-size:10px;color:#78858e;display:flex;justify-content:space-between;gap:4px}.discoverbtn{margin-top:22px;padding:12px 0;display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--accent)}.globe-tools{position:absolute;right:304px;bottom:215px;z-index:3;display:flex;flex-direction:column;background:#0e161cad;border:1px solid var(--line);padding:5px;border-radius:7px;backdrop-filter:blur(10px)}.globe-tools>span{height:1px;background:var(--line);margin:5px}.globe-tools .iconbtn{border-radius:4px;font-size:21px}.basemap-switch{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:196px;display:flex;border:1px solid #ffffff20;border-radius:5px;padding:3px;background:#10191ec9;font-size:10px}.basemap-switch button{padding:7px 13px;color:#9aa5ac;border-radius:3px}.basemap-switch button.selected{color:#e8efed;background:#ffffff12}footer{position:absolute;z-index:3;left:42px;right:42px;bottom:19px;border-top:1px solid var(--line);padding-top:17px}.timeline-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.timeline-top>div{display:flex;align-items:center;gap:9px}.timeline-top strong{font-weight:400;color:#77868f;margin-left:8px}.timeline-top .iconbtn{height:25px;min-width:25px}.badge{font-size:8px;letter-spacing:1px;border:1px solid #d8f7b63b;color:var(--accent);background:#d8f7b60b;padding:5px 7px;border-radius:3px;text-transform:uppercase}.badge.forecast{border-color:#edb27c66;color:var(--orange);background:#edb27c10}.time-track{display:flex;justify-content:space-between;align-items:center;position:relative;padding:15px 15px 13px;isolation:isolate}.time-track:before{content:'';position:absolute;left:25px;right:25px;top:50%;height:1px;background:#ffffff1c;z-index:-1}.time-track button{font:10px var(--display);background:#0b1117;color:#87969e;padding:7px 16px;position:relative}.time-track button.selected{background:var(--accent);color:#192119;border-radius:3px}.footer-meta{border-top:1px solid #ffffff0b;padding-top:12px;font-size:9px;color:#66747e;display:flex;gap:19px}.footer-meta button{font-size:9px;color:#87949d;padding:0}.safety{margin-left:auto}#panel{position:absolute;z-index:7;right:25px;top:115px;bottom:180px;width:370px;background:var(--panel);border:1px solid #ffffff20;border-radius:9px;backdrop-filter:blur(24px);box-shadow:0 20px 100px #0008;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 19px;font:500 14px var(--display)}#panelBody{padding:22px;overflow-y:auto;height:calc(100% - 64px);scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.panel-intro{font-size:12px;color:#93a2aa;line-height:1.7;margin-top:0}.group-label{font-size:9px;letter-spacing:1.5px;color:#6f838e;text-transform:uppercase;margin:22px 0 9px}.layer-option{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:10px}.layer-option label{flex:1;font-size:12px}.layer-option small{display:block;color:#80929c;margin-top:5px;font-size:9px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.presets{display:flex;gap:6px;flex-wrap:wrap}.presets button,.pill{font-size:10px;border:1px solid #ffffff25;border-radius:3px;padding:7px 10px}.presets button:hover{border-color:var(--accent)}.measurements{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:18px 0}.measurements>div{padding:13px;background:#121c23}.measurements small{display:block;color:#82929b;font-size:9px;margin-bottom:6px}.measurements strong{font:500 17px var(--display)}.detail-title{font:500 23px/1.3 var(--display);margin:15px 0}.source-block{font-size:11px;line-height:1.8;color:#9aa8af;border-top:1px solid var(--line);padding:14px 0}.source-block span{display:block}.source-block a{color:var(--accent)}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.detail-actions button{font-size:11px;border:1px solid #ffffff25;padding:10px 12px;border-radius:4px}.hint{font-size:10px;color:#89969e;line-height:1.6}.empty{font-size:12px;line-height:1.8;padding:15px 0;color:#8d9da7}.health-row{padding:16px 0;border-bottom:1px solid var(--line)}.health-row>div{display:flex;justify-content:space-between;align-items:center}.health-row strong{font:500 14px var(--display)}.health-row small{display:block;color:#81919c;margin-top:7px;font-size:10px}.state{font-size:9px;color:var(--accent)}.state.down,.state.stale{color:var(--orange)}.form-group{display:block;margin:15px 0;font-size:11px;color:#9fadb4}.form-group input,.form-group select{display:block;width:100%;background:#ffffff07;border:1px solid #ffffff20;border-radius:4px;color:#e4eeee;padding:11px;margin-top:7px}.form-group select option{background:#162029}.primary{background:var(--accent);color:#142018;padding:12px 18px;border-radius:4px;font-weight:600;font-size:12px}.primary:hover{background:#e6ffd1;color:#142018}.danger{color:#e99d96}.zone{padding:15px 0;border-bottom:1px solid var(--line)}.zone h3{font-size:14px;font-weight:500}.zone button{font-size:11px;padding:7px}.zone small{color:#8797a0;font-size:10px}.location-orb{display:block;font-size:40px;color:var(--accent)}dialog{background:#0e171ff2;color:var(--text);border:1px solid #ffffff20;border-radius:12px;padding:38px;width:min(480px,90vw);box-shadow:0 30px 160px #000c;backdrop-filter:blur(20px)}dialog::backdrop{background:#04090db0;backdrop-filter:blur(5px)}dialog h2{font:500 31px/1.12 var(--display);letter-spacing:-.8px}dialog p{color:#91a1ab;line-height:1.8;font-size:12px}dialog .primary{width:100%;margin-top:22px}dialog .textbtn{width:100%;margin-top:13px}.onboard-mark{font:700 44px var(--display);letter-spacing:-3px;margin-bottom:32px}.onboard-mark span{font:10px var(--font);letter-spacing:2px;display:block;color:#8ca08e}.onboard-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.onboard-pills label{padding:9px 12px;border:1px solid #ffffff25;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:7px}.onboard-pills input{width:12px;height:12px}#toast{position:absolute;z-index:20;bottom:185px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#17232a;border:1px solid #ffffff25;border-radius:5px;font-size:12px;max-width:90vw;box-shadow:0 10px 40px #0008}#loading{position:absolute;z-index:30;inset:0;background:#080d12;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;color:#91a29c;font-size:11px;letter-spacing:1px}.loading-logo{font:700 64px var(--display);letter-spacing:-5px;color:var(--text)}#fieldLegend{position:absolute;z-index:3;bottom:241px;left:50%;transform:translateX(-50%);background:#0d171edb;border:1px solid #ffffff20;padding:11px 15px;font-size:10px;border-radius:5px;min-width:240px}#fieldLegend strong{display:block;font-size:10px;font-weight:500;color:var(--orange);margin-bottom:7px}#fieldLegend small{display:block;color:#95a4ae;margin-top:4px;font-size:9px}.legend-bar{height:4px;background:linear-gradient(90deg,#44aadd,#71cfbc,#dddd88,#f28265);margin:8px 0}#coordinates{position:absolute;left:50%;transform:translateX(-50%);bottom:175px;color:#7b8c96;font:9px var(--display);z-index:3;letter-spacing:1px}.skip{position:absolute;left:20px;top:-100px;z-index:99}.skip:focus{top:10px;background:#14261a;padding:15px}.cesium-viewer-bottom{bottom:159px!important;left:290px!important;max-width:calc(100% - 580px);opacity:.65;font-size:9px!important}.cesium-credit-logoContainer img{max-height:17px}.cesium-widget-credits{font-size:9px!important}.cesium-viewer .cesium-widget canvas{outline:none}.cesium-viewer-toolbar,.cesium-viewer-animationContainer,.cesium-viewer-timelineContainer,.cesium-viewer-fullscreenContainer{display:none!important}.stale-note{color:var(--orange);font-size:10px;padding:7px 0}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.language-grid button{padding:14px;border:1px solid var(--line);text-align:start}.language-grid .selected{border-color:var(--accent)}.section-title{font:500 17px var(--display);margin:24px 0 13px}.notification{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.notification small{display:block;font-size:10px;color:#8296a0;margin-top:7px}[dir=rtl] .left-rail{left:auto;right:42px}[dir=rtl] .activity{right:auto;left:42px}[dir=rtl] .quick-layer .switch{margin-left:0;margin-right:auto}[dir=rtl] .event-card{text-align:right}[dir=rtl] #panel{right:auto;left:25px}[dir=rtl] .header-right{margin-left:0;margin-right:auto}@media(min-width:1600px){.left-rail{width:260px;top:190px}.activity{width:260px;top:200px}h1{font-size:40px}.globe-tools{right:345px}.hero-copy{font-size:13px}.quick-layer{padding:13px 0}.activity .event-card{padding:23px 0}footer{bottom:26px}}@media(max-height:800px) and (min-width:901px){.left-rail{top:132px}h1{font-size:27px;margin:13px 0}.hero-copy{font-size:11px}.divider{margin:18px 0}.quick-layer{padding:7px 0}.rail-bottom{display:none}.activity{top:150px}.event-card{padding:12px 0}.activity-subtitle{margin-bottom:16px}}@media(max-width:1100px){header{gap:32px;left:26px;right:26px}.left-rail{left:26px;width:195px}.activity{right:26px;width:192px}.globe-tools{right:240px}h1{font-size:29px}.hero-copy{font-size:11px}.search-wrap{width:300px}.live-status{display:none}.cesium-viewer-bottom{left:240px!important;max-width:calc(100% - 480px)}}@media(max-width:900px){header{height:78px;left:20px;right:20px;gap:22px}.brand{font-size:33px;gap:13px}.brand span{font-size:7px;width:34px}nav{gap:15px}nav button{font-size:11px}.header-right{gap:4px}.search-wrap{top:95px;width:280px}.left-rail{top:160px;width:170px;left:22px}h1{font-size:25px}.activity{top:160px;width:170px;right:22px}.activity .event-card:nth-child(n+4){display:none}.globe-tools{right:22px;bottom:210px}.hero-copy{font-size:10px}.layer-heading{font-size:8px}.quick-layer{font-size:10px}.rail-bottom{display:none}footer{left:22px;right:22px}.safety{display:none}.cesium-viewer-bottom{left:220px!important;max-width:calc(100% - 430px)}.vignette{background:linear-gradient(90deg,#080d12bd,transparent 40%,transparent 70%,#080d1299)}}@media(max-width:650px){header{height:70px;left:17px;right:17px;gap:15px}.brand{font-size:31px}.brand span{display:none}nav{gap:18px}nav button{font-size:11px}.header-right{gap:2px}.header-right .iconbtn{min-width:30px;width:30px}.header-right #healthBtn{display:none}.langbtn{font-size:9px;padding:6px}#settingsBtn svg{width:16px}.search-wrap{top:87px;width:calc(100% - 34px)}#searchForm{height:40px}.left-rail{top:151px;left:20px;width:calc(100% - 40px);pointer-events:none}.left-rail .eyebrow{font-size:8px}h1{font-size:26px;white-space:normal;width:210px;margin-top:11px}.hero-copy{font-size:11px;width:210px}.left-rail .divider,.layer-heading,#quickLayers,.rail-bottom{display:none}#allLayers{pointer-events:auto;width:125px;padding:10px;margin-top:19px;font-size:10px;background:#101820c9}.activity{top:auto;bottom:175px;left:20px;right:20px;width:auto}.activity-heading,.activity-subtitle,.discoverbtn{display:none}#eventFeed{display:flex;overflow:auto;gap:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.activity .event-card{min-width:240px;max-width:240px;background:#10191ed9;padding:13px 16px!important;border:1px solid #ffffff20;border-radius:5px;scroll-snap-align:start}.activity .event-card:nth-child(n+3){display:none}.event-card h3{font-size:11px;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-type{font-size:8px}.event-meta{font-size:8px}.globe-tools{right:18px;bottom:302px;padding:2px}.globe-tools .iconbtn{min-width:31px;height:31px;font-size:19px}.basemap-switch{bottom:289px;left:20px;transform:none;font-size:8px}.basemap-switch button{padding:6px 9px}footer{left:17px;right:17px;bottom:13px;padding-top:11px}.timeline-top{font-size:9px}.timeline-top strong{display:none}.badge{font-size:7px}.time-track{padding:12px 0}.time-track button{font-size:9px;padding:6px 9px}.footer-meta{font-size:7px;gap:9px;padding-top:9px}.footer-meta button{font-size:8px}.cesium-viewer-bottom{bottom:156px!important;left:20px!important;max-width:90%;font-size:7px!important}.cesium-credit-logoContainer img{max-height:12px}.cesium-widget-credits{font-size:7px!important}.vignette{background:linear-gradient(180deg,#080d1200 30%,transparent 50%,#080d1233 70%,#080d12cc 100%)}#panel{top:139px;left:12px;right:12px;bottom:164px;width:auto}#panelBody{padding:18px}.panel-head{padding:10px 15px}#fieldLegend{bottom:289px;left:20px;transform:none;min-width:190px;max-width:calc(100% - 80px);padding:8px 11px}#coordinates{display:none}#toast{bottom:280px;width:90vw}dialog{padding:27px}dialog h2{font-size:27px}[dir=rtl] .left-rail{right:20px}[dir=rtl] .activity{left:20px;right:20px}[dir=rtl] #panel{left:12px;right:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}