*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--surface: #1e293b;--border: #334155;--text: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--chip-bg: #1e3a5f;--chip-act: #0369a1;--green: #22c55e;--red: #ef4444;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px}html{height:100%}body{background:var(--bg);color:var(--text);height:100%;display:flex;flex-direction:column}header{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem}.logo{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:var(--accent)}main{flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.toolbar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}#date-picker{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-size:.9rem;cursor:pointer;outline:none;flex-shrink:0}#date-picker:focus{border-color:var(--accent)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.chip{background:var(--chip-bg);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.3rem .9rem;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.chip:hover{background:var(--chip-act);border-color:var(--accent)}.chip--active{background:var(--chip-act);border-color:var(--accent);font-weight:600}.chip-empty{color:var(--muted);font-size:.85rem}.trip-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.6rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);font-size:.9rem}.trip-title{font-weight:700;color:var(--accent)}.trip-meta{color:var(--muted)}.map-container{flex:1;min-height:0;position:relative}#map{width:100%;height:100%}.map-pin{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;box-shadow:0 1px 4px #00000080}.map-pin--start{background:var(--green);color:#fff}.map-pin--end{background:var(--red);color:#fff}.stats-bar{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;padding:.6rem 1.25rem;background:var(--surface);border-top:1px solid var(--border);font-size:.88rem;color:var(--muted)}.stats-bar span{white-space:nowrap}.status-msg{padding:1rem 1.25rem;color:var(--muted);font-size:.9rem}.status-msg[data-kind=error]{color:var(--red)}.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}.hidden{display:none!important}.leaflet-container{background:#1a1a2e}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #00000080}.leaflet-popup-content-wrapper{border:1px solid var(--border);border-radius:6px}@media (max-width: 600px){.toolbar{gap:.5rem;padding:.6rem .75rem}.trip-header{padding:.5rem .75rem;gap:.5rem}.stats-bar{padding:.5rem .75rem;gap:.25rem 1rem}.map-container{min-height:300px}}