:root{--bg:#0e0f12;--surface:rgba(20,22,26,0.92);--surface-2:rgba(34,38,44,0.95);--text:#f5f5f7;--text-dim:#aab0b8;--border:rgba(255,255,255,0.09);--nt:#2d5a2d;--nt-bright:#4a8c43;--eh:#c8102e;--eh-bright:#e63946;--af:#e6007e;--af-bright:#ff3aa0;--shadow-md:0 6px 18px rgba(0,0,0,0.32);--radius:14px;--radius-sm:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#map{width:100vw;height:100vh;height:100dvh;z-index:0;background:#1a1d23}#map,.topbar{position:fixed;top:0;left:0}.topbar{right:0;z-index:1000;padding:calc(var(--safe-top) + 10px) 12px 10px;background:linear-gradient(180deg,rgba(14,15,18,.95) 0,rgba(14,15,18,.78) 70%,rgba(14,15,18,0));display:flex;flex-direction:column;gap:8px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:8px}.brand h1{font-size:17px;font-weight:600;margin:0;letter-spacing:-.01em}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--nt-bright),var(--eh-bright),var(--af-bright));box-shadow:0 0 0 3px rgba(255,255,255,.06)}.filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.filters::-webkit-scrollbar{display:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;background:var(--surface);border:1px solid var(--border);border-radius:999px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;font-size:13px;font-weight:500;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .15s ease,transform .1s ease}.chip input{position:absolute;opacity:0;pointer-events:none}.chip:has(input:not(:checked)){opacity:.42}.chip:active{transform:scale(.97)}.swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.swatch.nt{background:var(--nt-bright)}.swatch.eh{background:var(--eh-bright)}.swatch.af{background:var(--af-bright)}.count{color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px}.search input{width:100%;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.search input::placeholder{color:var(--text-dim)}.search input:focus{outline:none;border-color:rgba(255,255,255,.25)}.fab{position:fixed;right:14px;bottom:calc(var(--safe-bottom) + 36px);z-index:1000;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);color:#111;border:none;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.55);transition:transform .1s ease,background .15s ease}.fab:active{transform:scale(.94)}.fab.active{background:#2563eb;color:#fff}.loading{position:fixed;bottom:calc(var(--safe-bottom) + 28px);left:50%;transform:translateX(-50%);z-index:1000;padding:8px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-dim);box-shadow:var(--shadow-md);pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .25s ease}.loading.hidden{opacity:0}.leaflet-popup-content-wrapper{background:var(--surface-2);color:var(--text);border-radius:var(--radius);border:1px solid var(--border);padding:0;box-shadow:var(--shadow-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.leaflet-popup-content{margin:0;width:260px!important}.leaflet-popup-tip{background:var(--surface-2);border:1px solid var(--border)}.leaflet-popup-close-button{color:var(--text)!important;font-size:22px!important;padding:6px 8px 0 0!important;opacity:.7}.leaflet-popup-close-button:hover{opacity:1}.leaflet-container a.leaflet-popup-close-button{text-decoration:none}.popup{display:flex;flex-direction:column}.popup-img{width:100%;aspect-ratio:16/9;background:#2a2d33 50%/cover no-repeat;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.popup-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.popup-source{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.popup-source .swatch{width:8px;height:8px}.popup-name{font-size:16px;font-weight:600;line-height:1.25;margin:0;letter-spacing:-.01em}.popup-desc{font-size:13px;line-height:1.4;color:var(--text-dim);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.popup-meta{font-size:12px;color:var(--text-dim)}.popup-actions{display:flex;gap:6px;margin-top:6px}.popup-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:rgba(255,255,255,.08);color:var(--text);text-decoration:none;border-radius:8px;font-size:13px;font-weight:500;border:1px solid var(--border);transition:background .15s ease}.popup-btn:hover{background:rgba(255,255,255,.14)}.popup-btn.primary{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.18)}.cluster-wrap{background:transparent!important}.cluster-inner{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:13px;text-align:center;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 10px rgba(0,0,0,.45);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cluster-nt{background:var(--nt-bright)}.cluster-eh{background:var(--eh-bright)}.cluster-af{background:var(--af-bright)}.pin-wrap{background:transparent!important;border:none!important}.pin{width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.55)}.pin-nt{background:var(--nt-bright)}.pin-eh{background:var(--eh-bright)}.pin-af{background:var(--af-bright)}@media (min-width:720px){.topbar{padding:14px 18px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}.brand{margin-right:6px}.filters{flex:0 1 auto;overflow:visible}.search{flex:1 1;min-width:220px;max-width:360px;margin-left:auto}.fab{bottom:28px}.leaflet-popup-content{width:300px!important}}