@import"https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap";:root{--panel-bg: rgba(10, 12, 17, .84);--panel-border: rgba(148, 163, 184, .22);--text-main: #e5e7eb;--text-muted: rgba(229, 231, 235, .68);--surface: rgba(15, 23, 42, .62);--surface-border: rgba(148, 163, 184, .25);--accent-e: #57c0ff;--accent-c: #ffb45d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;color:var(--text-main)}#map{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060c}#map.map-style-black{background:#000}.overlay-shell{position:fixed;left:16px;right:16px;bottom:16px;z-index:10;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.overlay-label{letter-spacing:.12em;font-size:12px;color:var(--text-muted);white-space:nowrap}.overlay-legend,#date-picker,#controls{display:flex;align-items:center;gap:8px}.legend-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--surface-border);border-radius:999px;background:var(--surface);font-size:12px;color:var(--text-main);white-space:nowrap}.legend-arrow{font-size:11px;line-height:1}.legend-arrow.ebike{color:var(--accent-e)}.legend-arrow.classic{color:var(--accent-c)}.ctrl-btn,.date-input{height:32px;border-radius:9px;border:1px solid var(--surface-border);background:var(--surface);color:var(--text-main);padding:0 10px;font-family:inherit;font-size:13px;font-weight:400}.ctrl-btn{min-width:34px}.ctrl-btn-wide{min-width:66px}.ctrl-btn-map{min-width:90px}.ctrl-btn:hover,.date-input:hover{border-color:#94a3b866}.clock{margin-left:8px;font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-main)}.timeline-wrap{flex:1;min-width:160px}.timeline-range{width:100%}.status{min-width:180px;font-size:12px;color:var(--text-muted);padding:6px 10px;border-radius:8px;border:1px solid transparent}.status[data-level=error]{color:#fecaca;border-color:#f8717173;background:#7f1d1d59}.fps-counter{position:fixed;top:12px;right:12px;z-index:20;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--panel-bg);border:1px solid var(--panel-border);padding:4px 8px;border-radius:6px;pointer-events:none}@media(max-width:900px){.overlay-shell{flex-wrap:wrap;gap:8px}.overlay-legend{order:2;width:100%}.timeline-wrap{order:3;width:100%}.status{min-width:auto}}