.mode-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.mode-btn:hover{background:var(--border)}.mode-btn[data-active=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.mode-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.mode-btn.primary:hover:not(:disabled){filter:brightness(1.1)}.mode-btn:disabled{opacity:.7;cursor:not-allowed}*{box-sizing:border-box}:root{--bg: #0f1419;--surface: #1a2332;--border: #2d3a4d;--text: #e6edf3;--muted: #8b9cb8;--accent: #58a6ff;--accent-dim: #388bfd66;--green: #3fb950;--orange: #d29922;--font-sans: "DM Sans", system-ui, sans-serif}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--border: #dde1e6;--text: #1a1a1a;--muted: #5c6370;--accent: #0969da;--accent-dim: #0969da33;--green: #1a7f37;--orange: #9a6700}html,body,#root{margin:0;height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased}.leaflet-container{background:var(--surface)!important;font-family:var(--font-sans)}.leaflet-popup-content-wrapper{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px}.leaflet-popup-tip{background:var(--surface)}.leaflet-div-icon.person-marker{background:transparent!important;border:none!important}.map-theme-control{padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 4px #00000026;font-size:.85rem;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:6px}.map-theme-control:hover{background:var(--border)}.main-content{flex:1;display:flex;min-height:0}.map-wrapper{flex:1;position:relative}.distance-panel{width:320px;min-width:280px;background:var(--surface);border-left:1px solid var(--border);padding:16px;overflow-y:auto}@media (max-width: 720px){.main-content{flex-direction:column}.map-wrapper{order:1;height:50vh}.distance-panel{order:2;width:100%;min-width:0;border-left:none;border-top:1px solid var(--border);max-height:50vh;overflow-y:auto;padding:12px}header{padding:10px 12px}.map-theme-control{padding:8px 10px;font-size:.9rem}}.people-controls{display:flex;align-items:center;gap:8px}.clear-btn{padding:6px 10px;font-size:.85rem;white-space:nowrap}@media (max-width: 720px){.distance-panel{padding:10px}.mode-btn,.clear-btn{padding:6px 8px;font-size:.85rem}}