.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;max-width:720px;background:var(--surface);border-right:1px solid var(--border);padding:16px;overflow-y:auto;position:relative}.resize-handle:hover{background:var(--border)}@media (max-width: 720px){.main-content{flex-direction:column}.map-wrapper{order:1;height:50vh}.main-content.panel-hidden .map-wrapper{height:100vh}.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}}.distance-panel.mobile{position:relative;display:block;overflow:auto}.distance-panel .drag-handle{position:absolute;z-index:1;display:block;border-radius:8px}.distance-panel.mobile .drag-handle{top:0;left:50%;transform:translate(-50%);height:10px;width:100px;background:linear-gradient(to bottom,transparent 3px,var(--border) 3px,var(--border) 7px,transparent 7px);cursor:ns-resize}.distance-panel:not(.mobile) .drag-handle{right:0;top:50%;transform:translateY(-50%);height:100px;width:10px;background:linear-gradient(to right,transparent 3px,var(--border) 3px,var(--border) 7px,transparent 7px);cursor:default}.distance-panel.dragging .drag-handle,.distance-panel.resizing .drag-handle{background:linear-gradient(to bottom,transparent 3px,var(--accent) 3px,var(--accent) 7px,transparent 7px)}.distance-panel:not(.mobile).dragging .drag-handle,.distance-panel:not(.mobile).resizing .drag-handle{background:linear-gradient(to right,transparent 3px,var(--accent) 3px,var(--accent) 7px,transparent 7px)}.panel-toggle,.panel-toggle-top{padding:6px 8px;font-size:.8rem}.distance-panel.mobile{width:100%!important;left:0}.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:1px}.mode-btn,.clear-btn{padding:6px 8px;font-size:.85rem}}.toast{position:fixed;opacity:.5;top:80px;left:50%;z-index:1001;background:var(--surface);color:var(--text);padding:8px 16px;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 8px #00000026;font-size:.9rem}