.explore-console{--ink:#fff;--muted:#c4d4e1;--muted-2:#adc3d3;--line:#ffffff26;--line-soft:#ffffff14;--panel:transparent;--orange:#b9e2f5;--glass:linear-gradient(135deg, #ffffff24, #ffffff08), #172b3b9e;--glass-hover:#ffffff18;--glass-shadow:inset 0 1px 0 #ffffff25, 0 12px 36px #0b243124;isolation:isolate;color:var(--ink);-webkit-font-smoothing:antialiased;background:#6d9ebc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative}.explore-console:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#416e8b75,#14334b80),url(/cities/kuala-lumpur-illustrated.jpg) 50%/cover;position:fixed;inset:0}.explore-console :is(button,a,input,select):focus-visible{outline-offset:3px;outline:2px solid #fff}.explore-console :is(button,a){-webkit-tap-highlight-color:transparent}.explore-console .topbar{background:0 0;border:0;flex-basis:88px;grid-template-columns:minmax(180px,1fr) minmax(240px,440px) minmax(280px,1fr);gap:24px;min-height:88px;padding:0 28px}.explore-console .brand{gap:10px;width:fit-content}.explore-console .brand-mark{background:0 0;border-radius:10px;width:40px;height:40px;box-shadow:0 3px 10px #102b4020}.explore-console .brand-mark-image{width:40px;height:40px}.explore-console .brand-wordmark{gap:5px}.explore-console .brand-wordmark b{color:#fff;font-size:20px}.explore-console .brand-wordmark small{color:#e0ecf4;letter-spacing:0;font:11px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.explore-console :is(.global-search,.telemetry-strip,.map-module,.drone-bay,.station-panel,.command-dialog){border:1px solid var(--line);background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35)}.explore-console .global-search{color:#e1ecf4;border-radius:24px;min-height:46px;padding:0 12px 0 16px}.explore-console .global-search:hover{background:#284557c9}.explore-console .global-search>span{color:#e1ecf4;font-size:13px}.explore-console .global-search kbd{border-color:var(--line);color:var(--muted);background:#ffffff0c;border-radius:7px;font-size:10px}.explore-console .global-search kbd b{font-size:12px}.explore-console .topbar-readouts{color:#e0ecf4;letter-spacing:0;font-size:11px}.explore-console .topbar-readouts>:is(span,time){border-color:var(--line);padding:0 10px}.explore-console .topbar-readouts>:first-child{border-left:0}.explore-console .topbar-readouts :is(strong,time,.icon){color:#fff}.explore-console .console-grid{grid-template-columns:minmax(0,1fr) 350px;gap:16px;height:auto;padding:0 24px 24px}.explore-console :is(.primary-column,.right-column){gap:16px}.explore-console :is(.telemetry-strip,.map-module,.drone-bay,.station-panel){border-radius:24px}.explore-console .block-label{color:var(--muted);letter-spacing:.02em;text-transform:none;font-size:11px;font-weight:500}.explore-console .telemetry-strip{flex-basis:142px;min-height:142px;overflow:hidden}.explore-console .telemetry-block{min-height:0;padding:20px 24px}.explore-console .telemetry-block:after{display:none}.explore-console .telemetry-block small{color:var(--muted);letter-spacing:0;font-size:11px}.explore-console :is(.api-readout,.alert-block>div){flex-wrap:wrap;gap:4px 9px}.explore-console :is(.api-readout strong,.coverage-value strong,.alert-block>div strong){color:#fff;letter-spacing:-.04em;font-family:Helvetica Neue,sans-serif;font-size:36px;font-weight:300}.explore-console :is(.api-readout span,.alert-block>div span){color:#e0eaf1;letter-spacing:0;text-transform:none;font-size:10px}.explore-console .signal-bars{gap:4px;margin-top:10px}.explore-console .signal-bars i{background:#ffffff20;border-radius:3px}.explore-console .signal-bars i.lit{background:#b9f2d3}.explore-console .icon-button{border-color:var(--line);color:#e0ecf4;background:#ffffff0c;border-radius:50%;top:12px;right:12px}.explore-console .map-toolbar{min-height:74px;padding:0 20px}.explore-console .map-toolbar h1{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:550}.explore-console .reading-freshness{color:var(--muted);font-size:10px}.explore-console .map-share-button{border-color:var(--line);color:#fff;background:#ffffff0b;border-radius:20px;min-height:36px;font-size:11px}.explore-console .map-wrap{background:#294353}.explore-console .station-map{filter:none}.explore-console .map-wrap:after{background:linear-gradient(#1b3b4b12,#0000 40%)}.explore-console .map-loading{color:#d5e3ec;letter-spacing:.03em;background:#294353;font-size:12px;font-weight:400}.explore-console .scan-line{display:none}.explore-console :is(.map-rail,.map-legend,.selected-card,.map-message,.state-map-popup .maplibregl-popup-content){background:var(--glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.35);border:1px solid #ffffff30;border-radius:18px}.explore-console .map-rail{gap:3px;width:88px;padding:5px}.explore-console .map-rail button{color:#d8e6ee;border:0;border-radius:11px;grid-template-columns:16px 1fr;gap:6px;min-height:38px;padding:0 7px}.explore-console .map-rail button span{letter-spacing:0;font-size:10px;font-weight:500}.explore-console .map-rail .icon{width:16px}.explore-console .map-rail button.active,.explore-console .map-rail button.label-toggle.active{color:#fff;background:#ffffff28;box-shadow:inset 0 1px #ffffff20}.explore-console .map-rail button:hover{background:var(--glass-hover)}.explore-console .map-legend{gap:8px 12px;padding:12px 14px}.explore-console .map-legend span{color:#edf3f6;letter-spacing:0;font-size:10px}.explore-console .map-legend b{color:var(--muted);font-family:inherit;font-size:9px}.explore-console .map-legend i{width:7px;height:7px}.explore-console .maplibregl-ctrl-group{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#233b4dba!important;border-color:#ffffff30!important;border-radius:14px!important}.explore-console .maplibregl-ctrl-group button{opacity:.85;width:34px!important;height:34px!important}.explore-console .maplibregl-ctrl-attrib{color:#cfdae0!important;background:#203444c9!important}.explore-console .maplibregl-ctrl-attrib a{color:#e5edf2!important}.explore-console .map-message{width:min(350px,100% - 166px);font-size:12px;left:112px}.explore-console .map-share{background:#1c35476b}.explore-console .map-share input{border-color:var(--line);color:#fff;background:#122c4066;border-radius:10px;font-size:12px}.explore-console .map-share strong{color:#fff;font-size:13px}.explore-console .map-share p{color:var(--muted);font-size:11px}.explore-console :is(.map-overlay-close,.selected-card>button){border-color:var(--line);color:#fff;background:#ffffff12;border-radius:50%;width:28px;height:28px}.explore-console .selected-card{padding:18px}.explore-console :is(.nearest-context,.selected-meta,.state-hover-content small,.state-hover-content span,.station-detail-score small,.station-detail-score span,.api-scale-labels){color:var(--muted)}.explore-console :is(.selected-meta,.nearest-context){font-size:11px}.explore-console :is(.selected-meta span,.selected-meta){border-color:var(--line)}.explore-console .selected-meta small{color:var(--muted);letter-spacing:.02em;font-size:9px}.explore-console .station-detail-place h2{color:#fff;font-size:16px}.explore-console :is(.station-detail-score>strong,.selected-reading>strong){border-radius:12px}.explore-console .api-scale-track{border-radius:5px}.explore-console .api-scale-track i{background:#285060;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0005}.explore-console .api-scale-labels,.explore-console .state-hover-content small{font-size:9px}.explore-console .state-hover-content strong{font-size:13px}.explore-console .state-hover-content span{font-size:11px}.explore-console .drone-bay{flex-basis:254px;min-height:254px}.explore-console .drone-bay:before,.explore-console .drone-bay:after{display:none}.explore-console .bay-heading{padding:20px 20px 0}.explore-console .bay-heading>div>strong{color:#fff;max-width:285px;margin-top:7px;font-size:14px}.explore-console .weather-status{color:var(--muted);font-size:10px}.explore-console .weather-overview{grid-template-columns:28px auto;align-items:center;column-gap:10px;width:fit-content;margin:16px 20px 0;display:grid}.explore-console .weather-overview>.icon{color:#d1eaf5;width:28px;height:28px}.explore-console .weather-overview>strong{letter-spacing:-1px;font:300 42px/1 Helvetica Neue,sans-serif}.explore-console .weather-overview>span{color:var(--muted);grid-column:1/-1;margin-top:10px;font-size:11px}.explore-console .wind-dial{border-color:var(--line);background:radial-gradient(circle, #365367 0 35%, transparent 36%), repeating-conic-gradient(#ffffff38 0 1deg, transparent 1deg 30deg);width:76px;height:76px;box-shadow:none;top:100px;right:24px}.explore-console .wind-dial:before{background:#ffffff20;height:54px}.explore-console .wind-dial:after{background:#ffffff20;width:54px}.explore-console .wind-dial>:is(span,small){color:var(--muted);letter-spacing:0;font-size:8px}.explore-console .wind-dial>strong{color:#fff;font:12px -apple-system,sans-serif}.explore-console .wind-dial>small{bottom:10px}.explore-console .wind-arrow{height:52px}.explore-console .drone-metrics{background:#ffffff07;min-height:56px}.explore-console .drone-metrics>span{padding:0 12px}.explore-console .drone-metrics small{color:var(--muted);letter-spacing:0;font-size:9px}.explore-console .drone-metrics strong{color:#fff;font:12px -apple-system,sans-serif}.explore-console .panel-tabs{background:#152e4038;border:1px solid #ffffff12;border-radius:16px;gap:4px;min-height:54px;margin:10px 10px 0;padding:4px}.explore-console .panel-tabs button{color:var(--muted);border:0;border-radius:12px}.explore-console .panel-tabs button.active{color:#fff;background:#ffffff24;box-shadow:inset 0 1px #ffffff25,0 2px 6px #112a3a15}.explore-console .panel-tabs button.active:after{display:none}.explore-console .station-panel-header{flex-basis:62px;min-height:62px;padding:0 20px}.explore-console .station-panel-header h2{color:#fff;font-size:16px}.explore-console .station-panel-header>strong{color:var(--muted);font:300 24px Helvetica Neue,sans-serif}.explore-console .filter-row{gap:8px;padding:10px 12px}.explore-console .filter-select{border:1px solid var(--line);background:#ffffff08;border-radius:12px;height:52px;padding:8px 24px 6px 12px}.explore-console .filter-select:last-child{border-right:1px solid var(--line)}.explore-console .filter-select>span{color:var(--muted);letter-spacing:.02em;font-size:9px}.explore-console .filter-select:after{border-color:#d0e0eb}.explore-console .filter-row select{color:#fff;font-size:12px}.explore-console .filter-row select option{color:#fff;background:#284353}.explore-console .filter-select:focus-within{background:#ffffff14;box-shadow:0 0 0 2px #d4edff}.explore-console :is(.station-list,.panel-content,.command-results){scrollbar-color:#ffffff40 transparent;scrollbar-width:thin}.explore-console .station-row{border-color:var(--line-soft);background:0 0;gap:10px;min-height:70px;padding:12px 18px}.explore-console :is(.station-row:hover,.station-row.selected,.layer-option:hover,.layer-option.selected){background:var(--glass-hover)}.explore-console .station-copy strong{color:#f4f8fa;letter-spacing:0;font-size:13px}.explore-console .station-copy small{color:var(--muted);letter-spacing:0;font-size:11px}.explore-console .station-reading strong{font:400 20px Helvetica Neue,sans-serif}.explore-console .station-reading small{max-width:90px;color:var(--muted);text-transform:none;font-size:9px}.explore-console .station-row>.icon{color:var(--muted)}.explore-console .route-index{color:var(--muted);font-size:12px}.explore-console .layer-option{min-height:85px;color:var(--muted)}.explore-console .layer-option span strong{color:#fff;font-size:13px}.explore-console .layer-option span small{color:var(--muted);font-size:11px}.explore-console .analysis-row>div:first-child span{color:#e9f1f6;font-size:12px}.explore-console .analysis-row>small{color:var(--muted);font-size:10px}.explore-console .analysis-row>div:nth-child(2){background:#ffffff18;border-radius:4px}.explore-console .empty-state{color:var(--muted);font-size:12px}.explore-console .station-skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff18,#ffffff08) 0 0/300% 100%;border-radius:12px}.explore-console .notice{color:#f7e5c6;background:#314a57e0;border-color:#ffe0a550;border-radius:16px;font-size:12px}.explore-console .notice strong{color:#ffe0a5}.explore-console .notice button{color:#ffe0a5;border-color:#ffe0a560;border-radius:12px;font-size:12px}.explore-console .command-overlay{-webkit-backdrop-filter:blur(12px);background:#101a3266}.explore-console .command-dialog{background:linear-gradient(135deg,#ffffff25,#ffffff08),#1a2d3be8;border-radius:26px}.explore-console .command-input{color:#d0e1ec;min-height:70px;padding:0 20px}.explore-console .command-input input{color:#fff;font-size:16px}.explore-console .command-input input:focus-visible{outline:none}.explore-console .command-input:focus-within{box-shadow:inset 0 -2px #d4edff80}.explore-console .command-input input::placeholder{color:var(--muted)}.explore-console .command-input>button{border-color:var(--line);height:30px;color:var(--muted);border-radius:9px;font-size:10px}.explore-console .command-filters{gap:8px;padding:12px 16px}.explore-console .command-filters button{border-color:var(--line);color:#d4e3ed;border-radius:18px;min-height:34px;font-size:11px}.explore-console .command-filters button.active{color:#fff;background:#ffffff20;border-color:#ffffff40}.explore-console .command-section-title{min-height:34px;color:var(--muted);letter-spacing:.04em;background:#ffffff06;padding:0 20px;font-size:10px;font-weight:500}.explore-console .command-section-title small{color:var(--muted);font-size:10px}.explore-console .command-results>button{color:#fff;min-height:72px;padding:10px 20px}.explore-console .command-results>button:hover,.explore-console .command-results>button.active{background:#ffffff12;box-shadow:inset 2px 0 #c4e5f5}.explore-console .command-results>button>span:nth-child(2) strong{font-size:14px}.explore-console .command-results>button>span:nth-child(2) small{color:var(--muted);font-size:11px}.explore-console .command-results>button>span:nth-child(3) strong{font:22px Helvetica Neue,sans-serif}.explore-console .command-results>button>span:nth-child(3) small{color:var(--muted);text-transform:none;font-size:10px}.explore-console .command-results>button .icon{color:var(--muted)}.explore-console .command-empty{color:var(--muted);text-align:center;padding:20px;font-size:13px}.explore-console .command-dialog>footer{min-height:42px;color:var(--muted);letter-spacing:0;padding:0 20px;font-size:10px}@media (max-width:1180px){.explore-console .topbar{grid-template-columns:180px minmax(220px,1fr) auto;gap:16px;padding:0 20px}.explore-console .console-grid{grid-template-columns:minmax(0,1fr) 320px;gap:12px;padding:0 16px 16px}.explore-console :is(.primary-column,.right-column){gap:12px}.explore-console .telemetry-block{padding:20px 16px}.explore-console .topbar-readouts>span{display:none}}@media (max-width:900px){.explore-console{padding-bottom:env(safe-area-inset-bottom,0px)}.explore-console .topbar{grid-template-columns:1fr auto;gap:16px;padding:20px 20px 6px}.explore-console .global-search{margin-bottom:12px}.explore-console .console-grid{grid-template-columns:1fr;gap:16px;padding:0 16px 20px}.explore-console .right-column{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.explore-console .station-panel{height:510px}.explore-console .map-wrap{height:540px;min-height:540px}.explore-console .telemetry-strip{grid-template-columns:repeat(3,1fr)}.explore-console .telemetry-block{border-right:1px solid var(--line);border-bottom:0}.explore-console .telemetry-block:last-child{border-right:0}}@media (max-width:620px){.explore-console:before{background-image:linear-gradient(135deg,#416e8b75,#14334b80),url(/cities/kuala-lumpur-illustrated-mobile.jpg)}.explore-console .topbar{padding:20px 16px 4px}.explore-console .topbar-readouts time{font-size:11px;display:block}.explore-console .console-grid{padding:0 12px 20px}.explore-console :is(.telemetry-strip,.map-module,.drone-bay,.station-panel){border-radius:20px}.explore-console .telemetry-strip{min-height:148px}.explore-console .telemetry-block{justify-content:flex-start;padding:14px 12px}.explore-console .telemetry-block .block-label{min-height:27px;padding-right:0;font-size:10px;line-height:1.35}.explore-console :is(.api-readout strong,.coverage-value strong,.alert-block>div strong){font-size:30px}.explore-console .telemetry-block small{font-size:9px}.explore-console .api-readout{gap:4px;margin-top:7px}.explore-console .api-readout span{font-size:9px}.explore-console .icon-button{width:26px;height:26px;top:auto;bottom:9px;right:8px}.explore-console .alert-block small{white-space:normal;padding-right:22px;line-height:1.4}.explore-console .map-toolbar{gap:8px;padding:0 14px}.explore-console .map-toolbar h1{font-size:15px}.explore-console .reading-freshness{font-size:9px}.explore-console .map-share-button{padding:0 10px}.explore-console .map-legend{border-radius:14px;gap:6px 10px;padding:10px}.explore-console .map-legend span{font-size:9px}.explore-console .right-column{align-items:stretch;gap:16px;display:flex}.explore-console .drone-bay{flex-basis:auto}.explore-console .station-panel{flex:auto;height:520px;min-height:0}.explore-console .selected-card{padding:14px}.explore-console .station-detail-place h2{font-size:14px}.explore-console .command-overlay{padding:24px 12px}.explore-console .command-dialog{max-height:calc(100dvh - 48px)}.explore-console .command-input{gap:8px;padding:0 14px}.explore-console .command-results>button{gap:8px;padding:10px 14px}}@media (min-width:901px) and (max-height:740px){:is(html:has(.explore-console),body:has(.explore-console)){height:auto;overflow:auto}.explore-console{height:auto;min-height:100dvh;overflow:visible}.explore-console .map-wrap{min-height:440px}}.explore-console{--unhealthy:#ffa6ad;--very-unhealthy:#ddbbfa;--hazardous:#f2a0bc}.explore-console .status-unhealthy-for-sensitive-groups{color:#ffb18d;background:#ffb18d}.explore-console .api-scale-track{background:linear-gradient(90deg,#b9f2d3 0 10%,#f8df91 10% 20%,#ffb18d 20% 30%,#ffa6ad 30% 40%,#ddbbfa 40% 60%,#f2a0bc 60% 100%)}.map-aqi-note{margin:8px 16px;font-size:12px;line-height:1.5}.map-aqi-note a{text-decoration:underline}.explore-console .api-scale-labels{height:15px;display:block;position:relative}.explore-console .api-scale-labels span{position:absolute;transform:translate(-50%)}.explore-console .api-scale-labels span:first-child{transform:none}.explore-console .api-scale-labels span:last-child{transform:translate(-100%)}