:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#16171d;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100svh}.app-root{background:#16171d;width:100%;height:100svh;position:relative;overflow:hidden}.map-container{width:100%;height:100%;position:absolute;inset:0}.loading-overlay{color:#e5e5e5;z-index:20;background:#141418d9;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.error-banner{top:max(12px, env(safe-area-inset-top));z-index:30;color:#fff;text-align:center;background:#781414eb;border-radius:10px;padding:10px 14px;font-size:.85rem;position:absolute;left:12px;right:12px;box-shadow:0 4px 16px #0000004d}.hud{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e5e5;background:#14151ad9;border:1px solid #ffffff14;border-radius:14px;padding:12px 16px;font-family:system-ui,sans-serif;position:absolute;box-shadow:0 6px 24px #00000059}.hud-status{color:#fff9;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem;display:flex}.status-dot{background:#888;border-radius:50%;width:8px;height:8px}.status-dot.live{background:#4caf50;animation:2s infinite pulse;box-shadow:0 0 #4caf50b3}.status-arrow{color:#4caf50;will-change:transform;justify-content:center;align-items:center;width:8px;height:8px;transition:transform .35s ease-out;display:inline-flex}@keyframes pulse{0%{box-shadow:0 0 #4caf5099}70%{box-shadow:0 0 0 8px #4caf5000}to{box-shadow:0 0 #4caf5000}}.hud-coords{flex-direction:column;gap:4px;display:flex}.coord-row{align-items:baseline;gap:10px;display:flex}.coord-row.secondary{opacity:.6}.coord-label{color:#ffffff80;flex-shrink:0;width:34px;font-size:.75rem}.coord-value{color:#7ec8ff;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1.05rem;font-weight:600}.coord-value.small{color:#ffffffb3;font-size:.75rem;font-weight:400}.recenter-btn{right:14px;bottom:calc(140px + env(safe-area-inset-bottom));z-index:20;color:#7ec8ff;background:#14151ae6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;line-height:1;display:flex;position:absolute;box-shadow:0 6px 20px #00000059}.recenter-btn:disabled{opacity:.4}.routing-btn{right:14px;bottom:calc(200px + env(safe-area-inset-bottom));z-index:20;color:#7ec8ff;background:#14151ae6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;line-height:1;display:flex;position:absolute;box-shadow:0 6px 20px #00000059}.routing-btn:disabled{opacity:.4}.routing-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0b0e8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.routing-backdrop-picking{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;align-items:flex-start}.routing-sheet{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e5e5;background:#14151af5;border:1px solid #ffffff14;border-radius:18px 18px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:min(82svh,660px);font-family:system-ui,sans-serif;display:flex;box-shadow:0 -6px 24px #0006}.routing-sheet-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 16px;font-size:1rem;font-weight:600;display:flex}.routing-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:1.1rem;line-height:1}.routing-sheet-body{padding:14px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;overflow-y:auto}.routing-section{flex-direction:column;gap:6px;display:flex}.routing-section-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.routing-toggle{gap:8px;display:flex}.routing-toggle-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;flex:1;padding:9px 8px;font-size:.9rem;font-weight:600}.routing-toggle-btn.active{color:#7ec8ff;background:#7ec8ff2e;border-color:#7ec8ff}.routing-address-row,.routing-coord-row{gap:8px;display:flex}.routing-coord-row input{min-width:0}.routing-address-input{flex:1;min-width:0}.routing-field,.routing-address-row,.routing-coord-row{color:#ffffff8c;font-size:.85rem}.routing-field{flex-direction:column;gap:4px;display:flex}.routing-field input,.routing-address-row input,.routing-coord-row input{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff26;border-radius:10px;width:100%;padding:9px 10px;font-size:.95rem}.routing-field input:focus,.routing-address-row input:focus,.routing-coord-row input:focus{border-color:#7ec8ff;outline:none}.routing-icon-btn{color:#7ec8ff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;padding:0 12px;font-size:1rem}.routing-icon-btn:disabled{opacity:.5}.routing-text-btn{color:#7ec8ff;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:.8rem;text-decoration:underline}.routing-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.routing-error{color:#ff6b6b;background:#ff4b4b1a;border:1px solid #ff4b4b4d;border-radius:10px;padding:8px 10px;font-size:.82rem}.routing-summary{color:#7ec8ff;background:#7ec8ff1a;border:1px solid #7ec8ff4d;border-radius:10px;justify-content:space-between;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex}.routing-actions{gap:10px;display:flex}.routing-primary-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:10px;flex:1;padding:11px;font-size:.95rem;font-weight:600}.routing-primary-btn:disabled{opacity:.6;cursor:default}.routing-secondary-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:11px 16px;font-size:.95rem}.routing-pick-bar{pointer-events:auto;margin-top:max(12px, env(safe-area-inset-top));color:#e5e5e5;background:#14151aeb;border:1px solid #7ec8ff66;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:.85rem;display:flex;box-shadow:0 6px 20px #00000059}.routing-compact{left:12px;right:12px;bottom:max(16px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e5e5e5;background:#14151ae6;border:1px solid #ffffff14;border-radius:14px;font-family:system-ui,sans-serif;position:absolute;overflow:hidden;box-shadow:0 6px 24px #00000059}.routing-compact-body{padding:12px 16px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.routing-compact-points{flex-direction:column;gap:6px;display:flex}.routing-compact-point{align-items:center;gap:8px;font-size:.85rem;display:flex}.routing-compact-badge{color:#7ec8ff;background:#7ec8ff26;border:1px solid #7ec8ff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:flex}.routing-compact-value{color:#fffc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routing-title-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-right:8px;overflow:hidden}.driving-eta-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:.72rem;font-weight:700}.driving-eta{color:#7ec8ff;font-size:1.4rem;font-weight:700}@media (width>=640px){.routing-backdrop{align-items:center}.routing-sheet{border-radius:18px;max-height:min(80vh,620px)}}