:root{--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--bg: #f8fafc;--surface: #ffffff;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--focus: #4f46e5;--accent: #4f46e5;--accent-700: #4338ca;--accent-50: #eef2ff;--accent-100: #e0e7ff;--map-fill: #f1f5f9;--map-stroke: #cbd5e1;--map-hover: #e2e8f0;--tooltip-bg: #0f172a}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{width:min(100%,1100px);margin-inline:auto;padding:1rem}h1{font-size:clamp(1.25rem,1rem + 1.5vw,2rem);margin:0 0 .5rem;color:var(--accent-700)}.page-title{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.page-title .logo{display:inline-block;width:clamp(28px,2.2vw + 18px,40px);height:auto}fieldset{border:1px solid var(--border);border-radius:.5rem;padding:.5rem .75rem .75rem;margin:0 0 1rem;display:flex;justify-content:center;align-items:center;gap:.75rem;width:fit-content;margin-inline:auto;background:color-mix(in oklab,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(140%) blur(2px);backdrop-filter:saturate(140%) blur(2px);box-shadow:0 2px 10px #0000000d}legend{padding:0 .25rem;color:var(--muted)}label{margin-right:0}input[type=radio]:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}svg{display:block;max-width:100%;width:100%;height:auto}#map{background:transparent;touch-action:none}#map .neighborhood{fill:var(--map-fill);stroke:var(--map-stroke);stroke-width:1;transition:stroke .12s ease,stroke-width .12s ease,fill .16s ease;cursor:pointer}#map .neighborhood:hover,#map .neighborhood:focus{fill:var(--map-hover)}#map text{fill:var(--text)}.labels .label,.labels-nhoods .nhood-label{font-weight:600;letter-spacing:.2px;paint-order:stroke fill;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.labels .label{font-size:12px}.labels-nhoods .nhood-label{font-size:13px;opacity:.85}.tooltip{position:absolute;z-index:10;pointer-events:none;background:var(--tooltip-bg);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;box-shadow:0 4px 10px #00000026;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}#reset-zoom{appearance:none;border:1px solid var(--accent);background:var(--accent-50);color:var(--accent-700);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem}#reset-zoom:hover{background:var(--accent-100)}#reset-zoom:active{background:var(--accent-50)}#help-toggle{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;line-height:1.25rem}#help-toggle:hover{background:#f9fafb}#help-toggle:active{background:#f3f4f6}.help-overlay[hidden]{display:none}.help-overlay{position:fixed;right:12px;top:12px;width:min(320px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px #0000001f;z-index:20}.help-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.help-header h2{font-size:1rem;margin:0}.help-header button{appearance:none;background:transparent;border:none;font-size:1.25rem;line-height:1;color:var(--muted)}.help-header button:hover{color:var(--text)}.help-content{padding:.5rem .75rem .75rem}.help-content ul{margin:.5rem 0 0 1rem;padding:0}.help-content li{margin:.25rem 0}.help-content a{color:var(--accent);text-decoration:none}.help-content a:hover{text-decoration:underline}@media (max-width: 640px){main{padding:.5rem}fieldset{position:sticky;top:calc(env(safe-area-inset-top) + 8px);width:calc(100% - 1rem);flex-wrap:wrap;justify-content:center;gap:.5rem .75rem}label{margin-right:.75rem}.labels .label{font-size:10px;stroke-width:2.5px}.labels-nhoods .nhood-label{font-size:9px;stroke-width:2.5px}.tooltip{font-size:.8rem}.help-overlay{left:8px;right:8px;top:auto;bottom:calc(env(safe-area-inset-bottom) + 12px);width:auto;max-height:55vh;overflow:auto}}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#ffffffd9;z-index:30}.loading[hidden]{display:none}.spinner{width:18px;height:18px;border-radius:999px;border:2px solid #e5e7eb;border-top-color:#111827;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}