:root{--bg: #0f1115;--panel: rgba(24, 27, 34, .95);--panel-border: #2a2e36;--text: #e6e8eb;--muted: #9aa0a6;--accent: #7cc4ff;--accent-dim: #4a8fc4;--rail-size: 48px;--topbar-h: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}#map{position:fixed;inset:0;z-index:1}#topbar{position:fixed;top:0;left:0;right:0;padding:8px 16px;background:var(--panel);backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:100}#topbar h1{margin:0;font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}#topbar-search{position:relative;flex:1 1 360px;max-width:360px;min-width:0}#topbar-search input{width:100%;background:#181b22;color:var(--text);border:1px solid var(--panel-border);border-radius:6px;padding:6px 10px;font-size:13px;font-family:inherit}#topbar-search input:focus{outline:none;border-color:var(--accent)}#status{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;max-height:320px;overflow-y:auto;display:none;z-index:200;box-shadow:0 8px 24px #0006}#search-results.open{display:block}.search-result{padding:8px 10px;cursor:pointer;border-bottom:1px solid #2a2e36;font-size:12px}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.highlight{background:#7cc4ff14}.search-result .name{font-weight:600}.search-result .meta{color:var(--muted);font-size:11px;margin-top:2px}#rail{position:fixed;background:var(--panel);backdrop-filter:blur(8px);border:1px solid var(--panel-border);z-index:80;display:flex;gap:4px;box-shadow:0 4px 16px #0000004d;top:56px;left:16px;flex-direction:column;padding:8px 4px;border-radius:8px;width:var(--rail-size)}.rail-icon{position:relative;background:transparent;color:var(--muted);border:none;border-radius:6px;padding:8px 4px;cursor:pointer;font-family:inherit;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .12s ease,color .12s ease;width:100%}.rail-icon:hover{background:#ffffff0f;color:var(--text)}.rail-icon.active{color:var(--accent);background:#7cc4ff14}.rail-icon.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--accent);border-radius:0 2px 2px 0}.rail-label{font-size:9px;line-height:1;letter-spacing:.04em;text-transform:uppercase}.panel{position:fixed;background:var(--panel);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:8px;padding:12px;z-index:50;box-shadow:0 4px 16px #0000004d}#filter-panel{top:56px;left:calc(16px + var(--rail-size) + 8px);width:260px;max-height:calc(100vh - 80px);overflow-y:auto}#legend{bottom:16px;left:calc(16px + var(--rail-size) + 8px);width:260px;max-height:calc(100vh - 80px);overflow-y:auto}#drill-down{top:56px;right:16px;bottom:16px;width:380px;overflow-y:auto;display:none}#drill-down.open{display:block}html[data-filters-open=false] #filter-panel,html[data-legend-open=false] #legend{display:none}@media(max-width:768px){#topbar{padding:6px 10px;gap:8px}#topbar h1{font-size:12px;max-width:38vw}#topbar-search{flex:1 1 auto;max-width:none}#topbar-search input{font-size:12px;padding:5px 8px}#status{display:none}#rail{inset:auto 0 0;width:auto;height:var(--rail-size);flex-direction:row;justify-content:center;padding:4px 8px;border-radius:0;border-left:none;border-right:none;border-bottom:none}.rail-icon{width:auto;flex:0 0 auto;min-width:64px;padding:6px 12px}.rail-icon.active:before{inset:auto 12px 0;height:2px;width:auto;border-radius:2px 2px 0 0}#filter-panel,#legend{top:var(--topbar-h);left:0;right:0;bottom:var(--rail-size);width:auto;max-height:none;border-radius:0;border-left:none;border-right:none;overflow-y:auto}#drill-down{top:var(--topbar-h);right:0;bottom:var(--rail-size);left:0;width:auto;border-radius:0;border-left:none;border-right:none}}.muted{color:var(--muted);font-size:12px}.panel h2{margin:0 0 6px;font-size:18px;font-weight:600}.panel h3{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.chip{background:#2a2e36;color:var(--text);border:none;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:12px;font-family:inherit}.chip:hover{background:#353a45}.chip.on{background:var(--accent);color:#0f1115;font-weight:600}.maplibregl-popup-content{background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--panel-border)!important;border-radius:6px!important;font-size:12px!important;padding:8px 12px!important}.maplibregl-popup-tip{border-top-color:var(--panel-border)!important}a{color:var(--accent)}a:hover{color:#a3d4ff}