@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/IBMPlexSans.woff2') format('woff2')}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/IBMPlexMono-Medium.woff2') format('woff2')}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/IBMPlexMono-SemiBold.woff2') format('woff2')}:root{color-scheme:dark;--bg-void:#0A0E13;--bg-panel:#131A22;--bg-panel-alt:#1B232C;--line-hair:rgba(255, 255, 255, 0.10);--tooltip-bg:rgba(10, 14, 19, 0.96);--ink-primary:#E7EDF3;--ink-muted:#8793A1;--accent-teal:#0E7490;--accent-teal-bright:#22D3EE;--brand-cyan:#00B4D8;--status-pm-baik:#34D399;--status-pm-sedang:#4F9DDE;--status-pm-tidak-sehat:#F5C518;--status-pm-sangat-tidak-sehat:#EF5A5A;--status-pm-berbahaya:#17090B;--status-pm-berbahaya-ink:#FF5A5A;--user-blue:#3B82F6;--font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;--font-sans:'IBM Plex Sans',-apple-system,'Segoe UI',Roboto,sans-serif;--shadow-card:0 1px 3px rgba(0,0,0,0.35);--shadow-float:0 4px 16px rgba(0,0,0,0.38);--radius:16px}:root[data-theme=light]{color-scheme:light;--bg-void:#EEF2F7;--bg-panel:#FFFFFF;--bg-panel-alt:#F1F5F9;--line-hair:rgba(15, 30, 45, 0.14);--tooltip-bg:rgba(248, 250, 252, 0.98);--ink-primary:#111C28;--ink-muted:#52606D;--accent-teal:#0E7490;--accent-teal-bright:#0891B2;--brand-cyan:#0784A8;--status-pm-baik:#15803D;--status-pm-sedang:#1D66B0;--status-pm-tidak-sehat:#B7791F;--status-pm-sangat-tidak-sehat:#DC2626;--status-pm-berbahaya:#1A1A1A;--status-pm-berbahaya-ink:#1A1A1A;--user-blue:#2563EB;--shadow-card:0 1px 3px rgba(15,30,45,0.10);--shadow-float:0 4px 16px rgba(15,30,45,0.18)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-void);color:var(--ink-primary);font-family:var(--font-sans);line-height:1.45;-webkit-font-smoothing:antialiased}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.topbar{flex-shrink:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--bg-panel);border-bottom:1px solid var(--line-hair)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{height:42px;width:auto;object-fit:contain;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}.brand-title{font-weight:700;font-size:1.1rem;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-status{display:flex;align-items:center;gap:7px;flex-shrink:0}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--ink-muted);flex-shrink:0}.status-dot--live{background:var(--status-pm-baik);box-shadow:0 0 0 0 var(--status-pm-baik);animation:2s infinite pulse}.status-dot--muted{background:var(--ink-muted)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.conn-label{font-size:.74rem;color:var(--ink-muted);white-space:nowrap}.clock{font-family:var(--font-mono);font-size:.74rem;color:var(--ink-muted)}.theme-toggle{border:1px solid var(--line-hair);background:var(--bg-panel-alt);color:var(--ink-primary);width:34px;height:34px;border-radius:9px;font-size:1rem;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.viewbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:var(--bg-void);border-bottom:1px solid var(--line-hair)}.seg{display:inline-flex;padding:3px;gap:3px;background:var(--bg-panel-alt);border:1px solid var(--line-hair);border-radius:11px}.seg-btn{min-height:34px;padding:0 16px;border:none;background:0 0;color:var(--ink-muted);border-radius:8px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.seg-btn.is-active{background:var(--brand-cyan);color:#fff}.info-btn{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--accent-teal);color:#fff;border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 0 color-mix(in srgb,var(--accent-teal) 60%,#000),0 6px 10px rgba(0,0,0,.28);transition:transform .06s,box-shadow .06s}.info-btn:hover{filter:brightness(1.06)}.info-btn:active{transform:translateY(4px);box-shadow:0 0 0 color-mix(in srgb,var(--accent-teal) 60%,#000),0 2px 4px rgba(0,0,0,.22)}.info-ico{font-size:1rem;line-height:1}.stage{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.list-stage[hidden],.stage[hidden]{display:none}.map-wrap{flex:1;min-height:0;position:relative}.map{position:absolute;inset:0}.leaflet-container{background:var(--bg-panel-alt);font-family:var(--font-sans);outline:0}.leaflet-container a{color:var(--accent-teal-bright)}.leaflet-control-attribution{background:color-mix(in srgb,var(--bg-panel) 82%,transparent)!important;color:var(--ink-muted)!important;font-size:10px!important;padding:1px 6px!important;border-radius:6px 0 0}.leaflet-control-attribution a{color:var(--ink-muted)!important;text-decoration:underline}.map-legend{position:absolute;top:10px;left:10px;max-width:calc(100% - 74px);z-index:500;background:color-mix(in srgb,var(--bg-panel) 92%,transparent);border:1px solid var(--line-hair);border-radius:12px;box-shadow:var(--shadow-card);backdrop-filter:blur(6px)}.legend-sum{display:flex;align-items:center;gap:8px;padding:8px 10px;min-height:36px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.legend-sum::-webkit-details-marker{display:none}.legend-mini{display:inline-flex;gap:3px}.legend-sum-txt{font-size:.74rem;font-weight:600;color:var(--ink-muted);white-space:nowrap}.legend-chev{font-size:.9rem;line-height:1;color:var(--accent-teal-bright);transition:transform .18s}.map-legend[open] .legend-chev{transform:rotate(180deg)}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0 10px 9px}.legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;color:var(--ink-muted)}.legend-swatch{display:inline-block;width:11px;height:11px;border-radius:3px;flex-shrink:0;border:1px solid var(--line-hair)}.map-controls{position:absolute;top:10px;right:10px;z-index:500;display:flex;flex-direction:column;gap:6px}.mc-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-hair);background:color-mix(in srgb,var(--bg-panel) 92%,transparent);color:var(--ink-primary);border-radius:12px;font-size:1.3rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:var(--shadow-card);backdrop-filter:blur(6px)}.mc-btn:hover{background:var(--bg-panel)}.mc-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mc-btn--locate{margin-top:6px;color:var(--brand-cyan);border-color:color-mix(in srgb,var(--brand-cyan) 45%,var(--line-hair))}.mc-btn--locate.is-active{background:var(--brand-cyan);color:#fff;border-color:var(--brand-cyan)}.mc-btn--locate.is-busy svg{animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pin-wrap{background:0 0;border:none}.pin{--pin-ink:#0A0E13;--pin-ring:var(--bg-panel);position:relative;display:grid;place-items:center;width:40px;height:40px;margin:2px;border-radius:50%;background:var(--pin-bg);border:2.5px solid var(--pin-ring);box-shadow:var(--shadow-float);cursor:pointer;transition:transform .12s}.pin:hover{transform:scale(1.08)}.pin-num{font-family:var(--font-mono);font-weight:600;font-size:.95rem;line-height:1;color:var(--pin-ink);font-variant-numeric:tabular-nums}.pin-name{position:absolute;top:100%;margin-top:3px;padding:1px 5px;border-radius:5px;background:color-mix(in srgb,var(--bg-panel) 88%,transparent);border:1px solid var(--line-hair);color:var(--ink-muted);font-size:.58rem;font-style:normal;font-weight:700;letter-spacing:.04em;white-space:nowrap}.pin--pm_berbahaya{--pin-ink:#FFE1E1}:root[data-theme=light] .pin{--pin-ink:#FFFFFF}.pin--muted{background:var(--bg-panel);border-style:dashed;border-color:var(--ink-muted);box-shadow:var(--shadow-card)}.pin--muted .pin-num{color:var(--ink-muted)}.pin--estimate{opacity:.82}.pin.is-active{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-cyan) 60%,transparent),var(--shadow-float);transform:scale(1.1)}.pin-leader{stroke:var(--ink-muted);stroke-dasharray:2 3;opacity:.7}.user-wrap{background:0 0;border:none}.user-dot{position:relative;display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:var(--user-blue);border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45)}.user-pulse{position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--user-blue);opacity:.6;animation:2.2s ease-out infinite userPulse}@keyframes userPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.5);opacity:0}}.user-accuracy{stroke:var(--user-blue);stroke-width:1;stroke-opacity:.55;fill:var(--user-blue);fill-opacity:.1}.nearby{flex-shrink:0;background:var(--bg-panel);border-top:1px solid var(--line-hair);box-shadow:0 -2px 10px rgba(0,0,0,.12);max-height:46dvh;overflow-y:auto}.nb-inner{padding:12px 14px calc(12px + env(safe-area-inset-bottom));max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.nb-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px}.nb-title{font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.nb-actions{display:flex;gap:8px;margin-left:auto}.nb-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid color-mix(in srgb,var(--accent-teal-bright) 45%,var(--line-hair));background:var(--bg-panel-alt);border-radius:999px;font:inherit;font-size:.76rem;font-weight:600;line-height:1;color:var(--accent-teal-bright);cursor:pointer;white-space:nowrap;transition:background .15s,transform .08s}.nb-btn:hover{background:color-mix(in srgb,var(--accent-teal-bright) 14%,var(--bg-panel-alt))}.nb-btn:active{transform:scale(.96)}.ico{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nb-msg{margin:0;font-size:.86rem;color:var(--ink-primary)}.nb-msg--warn{color:var(--status-pm-sangat-tidak-sehat)}.nb-hint{margin:0;font-size:.72rem;color:var(--ink-muted);text-align:center}.nb-spin{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid var(--line-hair);border-top-color:var(--brand-cyan);border-radius:50%;animation:.8s linear infinite spin;vertical-align:-1px}.nb-list{display:flex;flex-direction:column;gap:8px}.nb-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line-hair);background:var(--bg-panel-alt);border-radius:12px;padding:9px 12px;font:inherit;color:inherit;cursor:pointer;transition:transform .08s}.nb-card:active{transform:scale(.99)}.nb-card.is-muted{opacity:.68}.nb-ispu{font-family:var(--font-mono);font-weight:600;font-size:1.5rem;line-height:1;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}.nb-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.nb-name{font-size:.92rem;font-weight:700}.nb-meta{font-size:.76rem;color:var(--ink-muted)}.nb-chev{font-size:1.5rem;line-height:1;color:var(--ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.btn--block{width:100%}.btn--primary{background:var(--brand-cyan);color:#fff;box-shadow:var(--shadow-card)}.btn--primary:hover{filter:brightness(1.06)}.btn--ghost{background:var(--bg-panel-alt);border-color:var(--line-hair);color:var(--ink-primary)}.btn-ico{font-size:1.1rem;line-height:1}.list-stage{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.city-tabs{display:flex;gap:8px;padding:10px 14px;max-width:720px;margin:0 auto;width:100%}.city-tab{flex:1;min-height:44px;border:1px solid var(--line-hair);background:var(--bg-panel);color:var(--ink-muted);border-radius:12px;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.city-tab.is-active{background:var(--brand-cyan);border-color:var(--brand-cyan);color:#fff}.sensor-list{display:flex;flex-direction:column;gap:12px;padding:4px 14px;max-width:720px;margin:0 auto;width:100%}.sensor-card{--tier:var(--ink-muted);position:relative;text-align:left;width:100%;border:1px solid var(--line-hair);border-left:6px solid var(--tier);background:var(--bg-panel);border-radius:var(--radius);padding:14px 34px 14px 16px;box-shadow:var(--shadow-card);cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .08s}.sensor-card:active{transform:scale(.99)}.sensor-card.is-muted{opacity:.72;border-left-color:var(--ink-muted)}.sc-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.7rem;line-height:1;color:var(--ink-muted)}.sc-foot--hint{border-top:none;padding-top:0}.sc-tap-hint{font-size:.74rem;font-weight:600;color:var(--accent-teal-bright)}.sc-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.sc-name{font-weight:700;font-size:1rem}.sc-addr{font-size:.74rem;color:var(--ink-muted);text-align:right;max-width:60%}.sc-dist{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--user-blue) 16%,transparent);border:1px solid color-mix(in srgb,var(--user-blue) 45%,transparent);color:var(--ink-primary);font-size:.68rem;font-weight:600;vertical-align:1px}.sc-body{display:flex;align-items:center;gap:14px}.sc-ispu{display:flex;flex-direction:column;align-items:center;min-width:68px}.sc-ispu-num{font-family:var(--font-mono);font-weight:600;font-size:2.5rem;line-height:1;color:var(--tier)}.sc-ispu-cap{font-size:.66rem;letter-spacing:.12em;color:var(--ink-muted);margin-top:2px}.sc-status{display:flex;flex-direction:column;gap:5px;min-width:0}.sc-badge{align-self:flex-start;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px;color:var(--ink-primary);background:color-mix(in srgb,var(--tier) 18%,transparent);border:1px solid var(--tier)}.sc-badge--muted{color:var(--ink-muted);background:var(--bg-panel-alt);border-color:var(--line-hair)}.sc-advice{font-size:.82rem;color:var(--ink-primary)}.sc-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding-top:4px;border-top:1px dashed var(--line-hair)}.chip{font-size:.74rem;padding:3px 8px;border-radius:8px;background:var(--bg-panel-alt);color:var(--ink-primary)}.chip b{color:var(--ink-muted);font-weight:600;margin-right:3px}.sc-meta{font-size:.7rem;color:var(--ink-muted)}.sc-time{font-size:.72rem;color:var(--ink-muted);margin-left:auto}.page-foot{max-width:720px;margin:0 auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom));text-align:center}.page-foot p{font-size:.72rem;color:var(--ink-muted);margin:0}.sheet-overlay{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}.sheet-overlay[hidden]{display:none}.sheet{width:100%;max-width:640px;max-height:92dvh;overflow-y:auto;background:var(--bg-panel);border-radius:20px 20px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.3);padding:16px 16px calc(20px + env(safe-area-inset-bottom));animation:.22s sheetUp}@keyframes sheetUp{from{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.sheet-headings{min-width:0}.sheet-title{margin:0;font-size:1.2rem;font-weight:700}.sheet-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 0;font-size:.82rem;color:var(--ink-muted)}.sheet-addr{min-width:0}.sheet-close{flex-shrink:0;border:1px solid var(--line-hair);background:var(--bg-panel-alt);color:var(--ink-primary);width:36px;height:36px;border-radius:10px;font-size:1rem;cursor:pointer}.sheet-hero{--tier:var(--ink-muted);display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius);background:color-mix(in srgb,var(--tier) 12%,var(--bg-panel-alt));border:1px solid color-mix(in srgb,var(--tier) 40%,transparent);margin-bottom:14px}.sheet-ispu{font-family:var(--font-mono);font-weight:600;font-size:3.2rem;line-height:1}.sheet-hero-meta{display:flex;flex-direction:column;gap:4px}.sheet-cat{font-size:1.05rem;font-weight:700;color:var(--tier)}.sheet-cat--muted{color:var(--ink-muted)}.sheet-dom{font-size:.76rem;color:var(--ink-muted)}.sheet-dist{margin:0 0 12px;padding:7px 12px;border-radius:10px;background:color-mix(in srgb,var(--user-blue) 12%,transparent);border:1px solid color-mix(in srgb,var(--user-blue) 40%,transparent);font-size:.82rem;font-weight:600}.sheet-maps{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent-teal-bright) 45%,var(--line-hair));border-radius:999px;background:var(--bg-panel-alt);color:var(--accent-teal-bright);font-size:.74rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .15s}.sheet-maps:hover{background:color-mix(in srgb,var(--accent-teal-bright) 14%,var(--bg-panel-alt))}.sheet-warn{font-size:.78rem;color:var(--ink-primary);background:color-mix(in srgb,var(--status-pm-tidak-sehat) 16%,transparent);border:1px solid color-mix(in srgb,var(--status-pm-tidak-sehat) 45%,transparent);border-radius:10px;padding:8px 12px;margin:0 0 12px}.sheet-note{color:var(--ink-muted);font-size:.9rem}.sheet-trend-wrap{margin-bottom:14px}.sheet-trend-title{font-size:.78rem;color:var(--ink-muted);margin-bottom:4px}.sheet-trend{width:100%;height:190px}.trend-svg{width:100%;height:100%;display:block;touch-action:none}.trend-grid-line{stroke:var(--line-hair);stroke-width:1}.trend-tick{stroke:var(--ink-muted);stroke-width:1;opacity:.6}.trend-axis-label{fill:var(--ink-muted);font-family:var(--font-mono)}.trend-axis-title{fill:var(--ink-muted);font-weight:600;font-family:var(--font-sans);letter-spacing:.03em}.trend-empty-text{fill:var(--ink-muted);font-family:var(--font-sans)}.chart-tooltip{position:fixed;z-index:1300;pointer-events:none;background:var(--tooltip-bg);border:1px solid var(--line-hair);border-radius:8px;padding:6px 9px;font-family:var(--font-sans);font-size:12px;color:var(--ink-primary);box-shadow:0 6px 20px rgba(0,0,0,.35);max-width:220px}.chart-tooltip[hidden]{display:none}.chart-tooltip .tt-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-muted);margin-bottom:4px}.chart-tooltip .tt-row{display:flex;align-items:center;gap:6px;line-height:1.5}.chart-tooltip .tt-dot{width:10px;height:3px;border-radius:2px;flex-shrink:0}.chart-tooltip .tt-label{flex:1;color:var(--ink-muted)}.chart-tooltip .tt-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.sheet-params{display:flex;gap:10px;margin-bottom:14px}.sheet-param{flex:1;background:var(--bg-panel-alt);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.sp-label{font-size:.74rem;color:var(--ink-muted);font-weight:600}.sp-avg{font-size:1.15rem;font-weight:700;font-family:var(--font-mono)}.sp-avg small{font-size:.62rem;color:var(--ink-muted);font-family:var(--font-sans);font-weight:400}.sp-last{font-size:.72rem;color:var(--ink-muted)}.sheet-advice{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.advice-block{background:var(--bg-panel-alt);border-radius:12px;padding:10px 14px;border-left:4px solid var(--accent-teal)}.advice-block--sensitive{border-left-color:var(--status-pm-sangat-tidak-sehat)}.advice-tag{display:block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:3px}.advice-block p{margin:0;font-size:.88rem}.advice-hint{font-size:.72rem;color:var(--ink-muted);margin:2px 2px 0}.sheet-updated{font-size:.74rem;color:var(--ink-muted);margin:12px 0 0}.guide-section{border-bottom:1px solid var(--line-hair)}.guide-section:first-of-type{border-top:1px solid var(--line-hair)}.guide-summary{display:flex;align-items:center;gap:10px;padding:14px 2px;min-height:44px;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}.guide-summary::-webkit-details-marker{display:none}.guide-head{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.guide-judul{font-size:.98rem;font-weight:700}.guide-ringkas{font-size:.82rem;color:var(--ink-muted)}.guide-chevron{flex-shrink:0;font-size:1.1rem;line-height:1;color:var(--accent-teal-bright);transition:transform .18s}.guide-section[open] .guide-chevron{transform:rotate(180deg)}.guide-body{padding:2px 2px 16px}.guide-note{font-size:.82rem;color:var(--ink-muted);background:var(--bg-panel-alt);border-radius:10px;padding:9px 12px}.pm-figure{margin:4px 0 16px}.pm-figure img{display:block;width:100%;max-width:100%;height:auto;border:1px solid var(--line-hair);border-radius:12px;background:#fff;padding:8px}.pm-caption{margin-top:8px}.pm-caption-head{display:block;font-size:.74rem;color:var(--ink-muted);margin-bottom:4px}.pm-caption-list{margin:0 0 6px;padding-left:16px}.pm-caption-list li{font-size:.78rem;margin-bottom:3px;line-height:1.4}.pm-cap-en{font-style:italic;color:var(--ink-muted);margin-right:3px}.pm-cap-en::after{content:' →'}.pm-kredit{display:block;font-size:.72rem;color:var(--ink-muted)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:14px}.pm-table{width:100%;border-collapse:collapse;min-width:300px}.pm-table td,.pm-table th{font-size:.8rem;padding:8px 9px;border-bottom:1px solid var(--line-hair);vertical-align:top;text-align:left}.pm-table thead th{font-size:.78rem;font-weight:700;color:var(--ink-primary);border-bottom:2px solid var(--line-hair);white-space:nowrap}.pm-table thead th:nth-child(2){color:var(--brand-cyan)}.pm-table thead th:nth-child(3){color:var(--status-pm-tidak-sehat)}.pm-table tbody th{font-weight:600;color:var(--ink-muted);white-space:nowrap;width:1%}.ref-wrap{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-hair)}.ref-title{margin:0 0 8px;font-size:.82rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.ref-list{margin:0;padding-left:18px}.ref-list li{font-size:.8rem;margin-bottom:9px;line-height:1.45}.ref-list a{color:var(--accent-teal-bright)}.ref-note{display:block;font-size:.74rem;color:var(--ink-muted);margin-top:1px}.info-body p{font-size:.9rem;margin:0 0 12px}.info-table{width:100%;border-collapse:collapse;margin:8px 0 14px}.info-table th{text-align:left;font-size:.72rem;color:var(--ink-muted);padding:6px 8px;border-bottom:1px solid var(--line-hair)}.info-table td{font-size:.82rem;padding:8px;border-bottom:1px solid var(--line-hair);vertical-align:top}.info-table .cat-color{width:46px;text-align:center}.cat-swatch{display:inline-block;width:26px;height:26px;border-radius:6px;border:1px solid var(--line-hair)}.info-range{font-size:.72rem;color:var(--ink-muted);font-family:var(--font-mono)}:focus-visible{outline:2px solid var(--accent-teal-bright);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (min-width:900px){.nearby{position:absolute;left:14px;bottom:14px;z-index:500;width:340px;max-height:60%;border:1px solid var(--line-hair);border-radius:var(--radius);box-shadow:var(--shadow-float)}.nb-inner{padding:12px 14px}.map-legend{max-width:480px}.sensor-list{display:grid;grid-template-columns:1fr 1fr}.sheet{border-radius:20px;margin-bottom:24px;max-height:86dvh}.sheet-overlay{align-items:center}}