@font-face{font-family:Archivo;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Archivo-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2122}@font-face{font-family:Archivo;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Archivo-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+11E-11F,U+15E-15F,U+130-131,U+1E??}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/Inter-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2122}@font-face{font-family:Inter;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/Inter-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+11E-11F,U+15E-15F,U+130-131,U+1E??}:root{--brand:#14c08a;--brand-hover:#3ee0ae;--brand-muted:#0e8f68;--brand-on:#04120d;--brand-soft-bg:#14c08a24;--brand-soft-fg:#3ee0ae;--brand-ghost-bg:#14c08a1f;--warn:#ff9a3c;--warn-fg:#ffb265;--warn-on:#241304;--warn-soft-bg:#ff9a3c29;--warn-surface:#231a11;--warn-border:#4a3620;--warn-icon:#c7a277;--danger:#e05a5a;--user-dot:#3b82f6;--user-halo:#3b82f64d;--bg:#0b1015;--bg-alt:#0f1419;--surface:#171d24;--surface-2:#1c232b;--surface-3:#212932;--surface-4:#1d242c;--border:#232c36;--border-2:#26313b;--border-3:#2a343e;--border-strong:#39434e;--border-hover:#3b4550;--text:#edf1f5;--text-2:#b4c0cc;--text-3:#8b98a5;--text-4:#94a1ae;--text-dim:#66727e;--r-pin:18px 18px 18px 6px;--r-card:22px;--r-btn:18px;--r-btn-lg:20px;--r-sheet:26px 26px 0 0;--r-icon:14px;--r-icon-lg:16px;--r-field:18px;--r-badge:10px;--r-chip:6px;--r-handle:3px;--sh-sheet:0 -18px 44px #00000080;--sh-pin:0 10px 26px #14c08a66;--sh-pin-sel:0 14px 34px #ff9a3c6b;--ease-sheet:cubic-bezier(.32, .72, 0, 1);--dur-sheet:.32s;--s-2:2px;--s-4:4px;--s-6:6px;--s-8:8px;--s-10:10px;--s-12:12px;--s-14:14px;--s-16:16px;--s-18:18px;--s-22:22px;--s-26:26px;--s-40:40px;--font-display:"Archivo", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--brand:#0e8f68;--brand-hover:#0b7455;--brand-muted:#14c08a;--brand-on:#fff;--brand-soft-bg:#0e8f681f;--brand-soft-fg:#0b7455;--brand-ghost-bg:#0e8f681a;--user-dot:#2563eb;--user-halo:#2563eb38;--bg:#f3f5f4;--bg-alt:#f3f5f4;--surface:#fff;--surface-2:#f7f9f8;--surface-3:#eef1f0;--surface-4:#e9edeb;--border:#dde2e0;--border-2:#e2e7e5;--border-3:#dde2e0;--border-strong:#d2d9d6;--border-hover:#c3ccc8;--text:#0f1419;--text-2:#4b5551;--text-3:#6b7570;--text-4:#6b7570;--text-dim:#98a3a0;--sh-sheet:0 -18px 44px #0f14191a;--sh-pin:0 10px 24px #0e8f6847;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--brand:#0e8f68;--brand-hover:#0b7455;--brand-on:#fff;--brand-soft-bg:#0e8f681f;--brand-soft-fg:#0b7455;--user-dot:#2563eb;--bg:#f3f5f4;--bg-alt:#f3f5f4;--surface:#fff;--surface-2:#f7f9f8;--surface-3:#eef1f0;--surface-4:#e9edeb;--border:#dde2e0;--border-2:#e2e7e5;--border-3:#dde2e0;--border-strong:#d2d9d6;--text:#0f1419;--text-2:#4b5551;--text-3:#6b7570;--text-4:#6b7570;--text-dim:#98a3a0;--sh-sheet:0 -18px 44px #0f14191a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}@keyframes pulse{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(3.2)}to{opacity:0}}@keyframes shimmer{0%{opacity:.35}50%{opacity:.85}to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{background:var(--bg-alt);flex-direction:column;min-height:100dvh;display:flex}.btn-primary{border-radius:var(--r-btn-lg);background:var(--brand);height:60px;color:var(--brand-on);font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:800;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--border-3);border-radius:var(--r-btn);height:52px;color:var(--text-4);background:0 0;font-size:15px;font-weight:500;transition:color .15s,border-color .15s}.btn-ghost:hover{color:var(--text);border-color:var(--border-hover)}.skeleton{background:var(--surface-3);border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.maplibregl-ctrl-attrib,.maplibregl-ctrl-logo,.maplibregl-compact,a.maplibregl-ctrl-logo,a[href*=maptiler],.maptiler-logo{display:none!important}.web-app-layout{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.site-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;display:flex}.brand-logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-cross{background:var(--brand);width:34px;height:34px;box-shadow:var(--sh-pin);border-radius:10px 10px 10px 4px;flex-shrink:0;place-items:center;display:grid;position:relative}.logo-cross-sm{background:var(--brand);border-radius:6px;width:24px;height:24px;display:inline-block}.cross-h{background:var(--brand-on);border-radius:2px;width:16px;height:5px;position:absolute}.cross-v{background:var(--brand-on);border-radius:2px;width:5px;height:16px;position:absolute}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:18px;font-weight:800;line-height:1.1}.brand-sub{color:var(--text-3);font-size:11px}.location-badge-wrap{align-items:center;display:flex}.location-badge-btn{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--brand-soft-fg);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.location-badge-btn:hover{background:var(--surface-3);border-color:var(--brand)}.loc-change-tag{background:var(--brand-soft-bg);color:var(--brand-soft-fg);border-radius:10px;margin-left:4px;padding:2px 8px;font-size:11px}.desktop-nav{align-items:center;gap:16px;display:flex}.nav-link{color:var(--text-2);border-radius:8px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-btn-gps{background:var(--brand);color:var(--brand-on);font-family:var(--font-display);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:800;transition:background .15s;display:inline-flex}.nav-btn-gps:hover{background:var(--brand-hover)}.mobile-menu-btn{color:var(--text);padding:6px;display:none}.mobile-nav-drawer{background:var(--surface-2);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px 20px;display:none}.mobile-nav-link{color:var(--text);border-bottom:1px solid var(--border);padding:10px 0;font-size:15px;font-weight:600;text-decoration:none}.mobile-nav-link.btn-link{text-align:left;background:0 0;border:none;padding:10px 0}.mobile-nav-link.highlight{color:var(--brand-soft-fg);font-weight:700}@media (width<=899px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-nav-drawer{display:flex}.brand-sub,.loc-change-tag{display:none}}.web-main-container{flex:1;grid-template-columns:1fr 480px;gap:28px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:grid}@media (width<=1100px){.web-main-container{grid-template-columns:1fr 400px;gap:20px;padding:16px}}@media (width<=899px){.web-main-container{grid-template-columns:1fr;padding:14px}}.web-content-col{flex-direction:column;gap:24px;display:flex}.web-map-col{flex-direction:column;height:calc(100vh - 104px);display:flex;position:sticky;top:80px}@media (width<=899px){.web-map-col{order:-1;height:380px;position:relative;top:0}}.map-panel-container{background:var(--surface);border:1px solid var(--border);width:100%;height:100%;transition:all .3s var(--ease-sheet);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.map-panel-container.size-expanded{z-index:200;width:auto;height:auto;position:fixed;inset:80px 24px 24px}.map-panel-container.size-collapsed{height:200px}.map-toolbar{background:var(--surface-2);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.map-toolbar-title{font-family:var(--font-display);color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.map-toolbar-actions{align-items:center;gap:8px;display:flex}.map-btn{background:var(--surface-3);border:1px solid var(--border-3);color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.map-btn:hover{background:var(--surface-4);border-color:var(--brand)}.map-btn-toggle{background:var(--brand-soft-bg);color:var(--brand-soft-fg);border-color:var(--brand-soft-bg)}.map-view-body{flex:1;width:100%;min-height:200px;position:relative}.page-header-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.breadcrumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.breadcrumb-item{color:var(--text-3);text-decoration:none;transition:color .15s}.breadcrumb-item:hover{color:var(--brand-soft-fg)}.breadcrumb-sep{color:var(--border-strong)}.page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-main-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 6px;font-size:26px;font-weight:800;line-height:1.25}.page-meta-date{color:var(--brand-soft-fg);font-size:14px;font-weight:600}.directory-section{flex-direction:column;gap:28px;display:flex}.directory-block{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}.directory-header{margin-bottom:18px}.directory-title{font-family:var(--font-display);color:var(--text);margin:0 0 6px;font-size:20px;font-weight:800}.directory-sub{color:var(--text-3);margin:0;font-size:14px;line-height:1.5}.district-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.district-card{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 14px;text-decoration:none;transition:all .15s;display:flex}.district-card:hover{border-color:var(--brand);background:var(--surface-3);transform:translateY(-1px)}.district-card.selected{border-color:var(--brand);background:var(--brand-soft-bg)}.district-info{flex-direction:column;gap:2px;display:flex}.district-name{font-family:var(--font-display);font-size:15px;font-weight:700}.district-badge{color:var(--brand-soft-fg);font-size:12px;font-weight:500}.card-arrow{color:var(--text-dim)}.city-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.city-card{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;text-decoration:none;transition:all .15s;display:flex}.city-card:hover{border-color:var(--brand);background:var(--surface-3);transform:translateY(-1px)}.city-card.selected{border-color:var(--brand);background:var(--brand-soft-bg)}.city-card-main{align-items:center;gap:10px;display:flex}.city-code{font-family:var(--font-display);background:var(--surface-4);color:var(--text-3);border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.city-name{font-family:var(--font-display);font-size:14px;font-weight:700}.city-count-badge{color:var(--text-3);background:var(--surface-3);border-radius:10px;padding:3px 8px;font-size:11px}.site-footer{background:var(--surface);border-top:1px solid var(--border);margin-top:48px;padding:40px 24px 24px}.footer-inner{flex-direction:column;gap:32px;max-width:1400px;margin:0 auto;display:flex}.footer-top-grid{grid-template-columns:2fr 1fr 1fr;gap:36px;display:grid}@media (width<=899px){.footer-top-grid{grid-template-columns:1fr;gap:24px}}.footer-logo{align-items:center;gap:10px;margin-bottom:12px;display:flex}.footer-brand-name{font-family:var(--font-display);font-size:18px;font-weight:800}.footer-desc{color:var(--text-3);margin:0 0 16px;font-size:14px;line-height:1.6}.emergency-box{background:var(--warn-soft-bg);border:1px solid var(--warn-border);border-radius:14px;padding:12px 16px}.emerg-label{color:var(--warn-fg);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.emerg-tags{gap:12px;display:flex}.emerg-tag{font-family:var(--font-display);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:4px 10px;font-size:13px;font-weight:800;text-decoration:none}.footer-heading{font-family:var(--font-display);color:var(--text);margin:0 0 14px;font-size:16px;font-weight:800}.footer-links{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text-3);font-size:13px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--brand-soft-fg)}.footer-bottom{border-top:1px solid var(--border-2);color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;font-size:13px;display:flex}.footer-note{font-size:12px}