:root{color-scheme:dark;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:#071727;color:#eaf0f5}*{box-sizing:border-box}body{margin:0;overflow:hidden}.bar{height:60px;background:#13283e;border-bottom:1px solid #ffffff1d;display:flex;justify-content:space-between;align-items:center;padding:0 18px;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{font-size:27px;color:#64d8d4}.brand strong{font-size:15px}.brand small{display:block;font-size:11px;color:#aac1d5;margin-top:3px}.demo{font-size:11px;background:#ffffff14;padding:6px 10px;border-radius:40px;color:#aed9f3}#layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;height:calc(100dvh - 60px)}.map{position:relative;min-width:0;overflow:hidden;background:#162e40}#cesiumContainer{width:100%;height:100%}.cesium-widget,.cesium-widget canvas{width:100%;height:100%}.cesium-widget-credits{bottom:6px!important}.map-top,.map-bottom{position:absolute;z-index:5;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:9px;pointer-events:none}.map-top{top:16px}.map-bottom{bottom:22px;flex-direction:column;align-items:flex-start}.pills{display:flex;gap:8px;flex-wrap:wrap;pointer-events:auto}button{padding:10px 12px;min-height:44px;background:#102a42dc;color:#e8f5fa;border:1px solid #a8d0e144;border-radius:12px;cursor:pointer;font-weight:650}button.selected{background:#237c8a;border-color:#53c7c8}button:hover{background:#24536c}#loader{padding:8px 10px;border:1px solid #a8d0e144;border-radius:12px;font-size:12px;color:#e8f5fa;background:#102a42e8;max-width:260px;pointer-events:auto}.map-bottom small{background:#091d30ba;padding:5px 9px;border-radius:8px;font-size:10px;color:#d7e6e9;pointer-events:auto}.panel{overflow-y:auto;background:#102338;border-left:1px solid #ffffff20;padding:23px 20px 26px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:#83bec9;font-weight:700}h1{font-size:25px;line-height:1.15;margin:9px 0 12px}.muted{line-height:1.55;color:#aec3d5;font-size:13px;margin:0 0 15px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metrics>div{background:#1a354b;padding:12px;border-radius:11px;min-width:0}.metrics span{display:block;font-size:11px;color:#9eb5c7;margin-bottom:7px}.metrics b{font-size:17px;font-variant-numeric:tabular-nums}.card{margin-top:13px;border:1px solid #ffffff24;border-radius:13px;padding:14px;background:#162d42}.card h2{margin:0 0 8px;font-size:15px}.card p{font-size:12px;line-height:1.55;color:#afc4d3;margin:7px 0}.link{display:block;color:#86ecdf;text-decoration:none;padding:15px 0;font-size:13px}.source{color:#90a8bb;font-size:11px;line-height:1.5}.cesium-viewer-bottom{display:none!important}@media(max-width:850px){.bar{height:48px;padding:0 12px}.brand strong{font-size:12px}.brand small{font-size:10px}.demo{font-size:10px;padding:5px}#layout{display:flex;flex-direction:column;height:calc(100dvh - 48px)}.map{flex:1 1 auto;min-height:0}.panel{position:relative;height:240px;flex:0 0 240px;border-left:none;border-top:1px solid #ffffff20;padding:12px 15px 30px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.panel h1{font-size:20px;margin:5px 0}.panel>.muted{display:none}.panel .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.metrics>div{padding:9px 6px}.metrics span{font-size:9px}.metrics b{font-size:12px}.panel .card{margin-top:10px}.map-top,.map-bottom{left:9px;right:9px}.map-top{top:7px}.map-bottom{bottom:12px}button{min-height:43px;padding:9px 11px;font-size:12px}#loader{font-size:10px;padding:7px}.source{margin-bottom:10px}}@media(max-width:380px){.demo{display:none}.panel{height:265px;flex-basis:265px}.panel .metrics{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}