:root{--bg:#0b0d12;--card:#11151c;--text:#e6e9ef;--muted:#9aa3b2;--accent:#4f8cff;--ring:#1f6feb33}*{box-sizing:border-box}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0;line-height:1.45;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,#17202d 0%,transparent 60%),radial-gradient(800px 400px at 110% 20%,#1a2332 0%,transparent 60%),var(--bg)}.page{max-width:1100px;margin:32px auto;padding:0 20px}.page-header{margin:8px 0 16px;display:flex;flex-direction:column;align-items:center;text-align:center}h1{font-size:28px;letter-spacing:.2px;margin:0 0 6px}.subtitle{margin:0;color:var(--muted)}.view-toggle{display:inline-flex;gap:8px;margin-top:10px}.toggle-btn{appearance:none;border:1px solid #23324a;background:#0e1420;color:var(--text);padding:6px 10px;border-radius:8px;font-size:13px;cursor:pointer}.toggle-btn:hover{border-color:#2c3f5d}.toggle-btn.active{background:#152133;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.card{background:var(--card);border:1px solid #1b2431;border-radius:12px;box-shadow:0 10px 30px #00000059;padding:14px 14px 6px}.map-container{position:relative}svg{display:block;width:100%;height:auto;border-radius:8px}.zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;max-width:60%;background:#0d1117b3;padding:8px;border:1px solid #223047;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoom-btn{appearance:none;cursor:pointer;border-radius:8px;border:1px solid #2a3b55;background:#0e1420;color:#e6e9ef;line-height:1;display:flex;align-items:center;gap:8px;padding:8px 10px}.zoom-btn:hover{border-color:#335078;background:#111b2a}.zoom-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.zoom-btn:disabled,.zoom-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.zoom-icon{width:18px;height:18px;display:block}.zoom-icon path{stroke:#e6e9ef;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.zoom-label{font-size:12px;color:#e6e9ef}.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}.tooltip{position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 10px));background:#0d1117;color:var(--text);border:1px solid #223047;border-radius:8px;padding:8px 10px;font-size:12px;pointer-events:none;white-space:nowrap;box-shadow:0 6px 20px #00000059}.tooltip[aria-hidden=true]{display:none}.zip3{cursor:pointer}.legend-title{font:600 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;fill:var(--text)}.legend-axis text{fill:var(--muted);font-size:11px}.legend-axis path,.legend-axis line{stroke:#314056}@media (max-width: 800px){.page{margin:24px auto;padding:0 16px}h1{font-size:24px}.subtitle{font-size:13px}.card{padding:12px 12px 6px}.view-toggle{gap:6px}.toggle-btn{padding:6px 9px;font-size:12px}}@media (max-width: 520px){.page{margin:20px auto;padding:0 12px}h1{font-size:20px}.subtitle{font-size:12px}.card{padding:10px 10px 4px;border-radius:10px}.toggle-btn{padding:5px 8px;border-radius:7px}.legend-title{font-size:11px}.legend-axis text{font-size:10px}.zoom-label{font-size:11px}.zoom-icon{width:16px;height:16px}}