:root{--bg: #0c0e16;--surface: rgba(22, 26, 38, .97);--surface-solid: #161a26;--surface-elev: #1f2538;--text: #ede4d3;--text-muted: #a39884;--accent: #0A84FF;--accent-strong: #006EE6;--accent-warm: #f4b942;--accent-earth: #c2553e;--success: #5ec48d;--warning: #f4b942;--danger: #e74c3c;--border: #2c3144;--border-strong: #3e445a;--pill-bg: #2a3144;--pill-text: #ede4d3;--pill-border: rgba(255, 255, 255, .08);--pill-icon: rgba(237, 228, 211, .62);--pill-placeholder: rgba(237, 228, 211, .45);--shadow: 0 6px 24px rgba(0, 0, 0, .4);--shadow-soft: 0 2px 12px rgba(0, 0, 0, .22);--safe-top: max(env(safe-area-inset-top, 0px), 12px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 8px);--vv-offset: 0px;--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-ios-soft: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .18s;--dur-base: .28s;--dur-slow: .42s;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter var", "Inter", system-ui, "Segoe UI", Roboto, sans-serif;--num: tabular-nums;--bottle: #1d4538;--bottle-soft: rgba(60, 130, 95, .32)}@media(prefers-color-scheme:light){:root{--bg: #f6efe5;--surface: rgba(255, 250, 242, .98);--surface-solid: #fffaf2;--surface-elev: #fbf3e5;--text: #1c1810;--text-muted: #6b5d4a;--accent-strong: #0a4d96;--border: #e8dcc7;--border-strong: #c9b89a;--pill-bg: #fffaf2;--pill-text: #1c1810;--pill-border: rgba(60, 40, 20, .08);--pill-icon: rgba(28, 24, 16, .55);--pill-placeholder: rgba(28, 24, 16, .5);--success: #1f8a4d;--warning: #b8741a;--danger: #c0392b;--accent-warm: #b8741a;--shadow: 0 6px 24px rgba(80, 50, 20, .12);--shadow-soft: 0 2px 8px rgba(80, 50, 20, .08);--bottle: #a8c2a4;--bottle-soft: rgba(45, 95, 70, .22)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.4;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased}body{background:radial-gradient(ellipse 100% 70% at 50% 100%,var(--bottle-soft) 0%,transparent 65%),linear-gradient(160deg,var(--bg) 0%,var(--bg) 35%,var(--bottle) 110%)}@supports (font-variation-settings: normal){html,body{font-family:Inter var,Inter,-apple-system,sans-serif}}.num,.nav-instr-dist,.route-distance,.route-time,.nav-eta,.ins-dist{font-variant-numeric:tabular-nums}body{height:100svh;height:100dvh;overflow:hidden}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:-9999px;z-index:100}.skip-link:focus{left:12px;top:var(--safe-top);background:var(--accent);color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}#map{position:absolute;inset:0;width:100%;height:100%}#map .maplibregl-canvas{filter:sepia(.18) saturate(.85) hue-rotate(-8deg) brightness(1.02) contrast(.95)}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before,.maplibregl-user-location-dot:after,.maplibregl-user-location-heading{display:none!important}.maplibregl-user-location-heading>div{border-bottom-color:var(--accent)!important;border-bottom-width:18px!important;filter:drop-shadow(0 0 4px rgba(26,143,255,.55))}.sheet-search-pill{display:flex;align-items:center;gap:6px;background:var(--pill-bg);color:var(--pill-text);border:1px solid var(--pill-border);border-radius:28px;padding:0 8px 0 14px;height:48px;width:100%;transition:box-shadow .18s ease,border-color .18s ease}.sheet-search-pill:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #1a8fff2e}.sheet-search-pill .search-icon{width:20px;height:20px;color:var(--pill-icon);flex-shrink:0}#search{flex:1;border:none;background:transparent;color:var(--pill-text);-webkit-text-fill-color:var(--pill-text);caret-color:var(--accent);font:inherit;font-size:16px;outline:none;height:100%;min-width:0;appearance:none;-webkit-appearance:none}#search::placeholder{color:var(--pill-placeholder);-webkit-text-fill-color:var(--pill-placeholder)}#search-clear{width:44px;height:44px;border:none;background:transparent;color:var(--pill-icon);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-ios),color var(--dur-base) var(--ease-ios)}#search-clear:hover,#search-clear:focus-visible{background:var(--pill-border);color:var(--pill-text)}#search-clear svg{width:18px;height:18px}#results{position:absolute;top:calc(100% - 4px);left:14px;right:14px;list-style:none;margin:0;padding:4px 0;background:var(--surface-elev);color:var(--text);border-radius:14px;border:1px solid var(--border-strong);overflow-y:auto;max-height:50dvh;box-shadow:var(--shadow);z-index:30;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .22s ease,transform .32s var(--ease-ios);pointer-events:none}#results:not([hidden]){opacity:1;transform:translateY(0) scale(1);pointer-events:auto}#results li{opacity:0;transform:translateY(4px);animation:result-in .32s var(--ease-ios) forwards}#results li:nth-child(1){animation-delay:.02s}#results li:nth-child(2){animation-delay:.06s}#results li:nth-child(3){animation-delay:.1s}#results li:nth-child(4){animation-delay:.14s}#results li:nth-child(5){animation-delay:.18s}#results li:nth-child(6){animation-delay:.22s}@keyframes result-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){#results,#results li{transition:none;animation:none;opacity:1;transform:none}}#results li{padding:12px 14px;cursor:pointer;min-height:56px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}#results li:last-child{border-bottom:none}#results li[aria-selected=true],#results li:hover{background:var(--accent);color:#fff}#results li[aria-selected=true] .result-sub,#results li:hover .result-sub{color:#ffffffc7}.result-icon{font-size:18px;flex-shrink:0}.result-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.result-main{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-sub{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-loading,.results-empty{padding:14px;text-align:center;color:var(--text-muted);font-style:italic;font-size:13px}#fab-locate{width:44px;height:44px;border:none;background:transparent;color:var(--accent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-ios),color var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}#fab-locate:hover{background:#1a8fff1f}#fab-locate:active{transform:scale(.88)}#fab-locate:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#fab-locate svg{width:20px;height:20px}#long-press-hint{position:absolute;top:var(--safe-top);left:12px;right:12px;max-width:560px;margin:0 auto;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:10px 14px;border-radius:12px;z-index:17;font-size:14px;box-shadow:var(--shadow-soft)}#long-press-hint button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px;margin-left:6px;min-height:32px;font:inherit;font-weight:600;cursor:pointer}#map:after{content:"";position:absolute;inset:0;pointer-events:none;transition:background 1.2s ease;background:radial-gradient(ellipse 110% 55% at 50% 105%,var(--bottle-soft) 0%,transparent 55%)}html[data-light=dawn] #map:after{background:linear-gradient(180deg,#ffc88c14,#ffdcb40a)}html[data-light=dusk] #map:after{background:linear-gradient(180deg,#ff8c5a14,#b464820f)}html[data-light=night] #map:after{background:#0a0e242e}html[data-holiday=halloween]{--accent: #ff6b00;--accent-strong: #c2553e}html[data-holiday=christmas]{--accent: #c12c1f;--accent-strong: #2d8a3e}.sheet-backdrop{position:absolute;inset:0;background:#0000006b;opacity:0;z-index:14;pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1)}.sheet-backdrop.show{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;height:92dvh;background:linear-gradient(165deg,var(--surface-solid) 0%,var(--surface-solid) 40%,var(--bottle) 120%);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -6px 28px #00000040;z-index:15;display:flex;flex-direction:column;overflow:hidden;transform:translate3d(0,var(--sheet-ty-peek, 80vh),0);transition:transform .62s cubic-bezier(.22,1,.36,1);touch-action:none}@media(hover:hover)and (pointer:fine){.sheet{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.sheet--peek{transform:translate3d(0,var(--sheet-ty-peek),0)}.sheet--medium{transform:translate3d(0,var(--sheet-ty-medium),0)}.sheet--full{transform:translate3d(0,var(--sheet-ty-full),0)}.sheet.is-dragging{transition:none!important;will-change:transform}.sheet--peek .sheet-content{opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .32s var(--ease-ios)}.sheet--medium .sheet-content,.sheet--full .sheet-content{opacity:1;transform:translateY(0);transition:opacity .32s ease .06s,transform .32s var(--ease-ios)}@media(orientation:landscape)and (max-height:500px){.sheet{max-width:380px;right:auto;bottom:0;top:0;height:100dvh!important;border-radius:0 22px 22px 0}.sheet-handle{display:none}}.sheet-handle{width:100%;height:32px;border:none;background:transparent;cursor:grab;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px 0 6px;-webkit-tap-highlight-color:transparent;touch-action:none}.sheet-handle:active{cursor:grabbing}.sheet-handle-bar{display:block;width:48px;height:6px;background:var(--border-strong);border-radius:3px;transition:background .15s,transform .3s var(--ease-ios);transform-origin:center}.sheet.is-dragging .sheet-handle-bar{background:var(--accent);transform:scaleX(1.15)}body:not(.sheet-touched) .sheet-handle-bar{animation:handleBreath 2.4s ease-in-out infinite}@keyframes handleBreath{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(1.45);opacity:1}}.sheet-header{display:flex;align-items:stretch;gap:12px;padding:4px 14px 10px;flex-shrink:0;position:relative;-webkit-tap-highlight-color:transparent}.sheet-summary{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;padding:8px 4px;border-radius:10px;transition:background .15s}.sheet-summary:hover{background:var(--surface-elev)}.sheet-header-content{flex:1;min-width:0;overflow:hidden}.sheet-title{display:block;font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-subtitle{display:block;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-locate{width:40px;height:40px;border:none;border-radius:50%;background:var(--surface-elev);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.header-locate:hover{background:#1a8fff29}.header-locate:active{transform:scale(.9)}.header-locate svg{width:22px;height:22px}.sheet-chevron{width:24px;height:24px;color:var(--text-muted);flex-shrink:0;transition:transform .32s var(--ease-ios)}.sheet-chevron svg{width:24px;height:24px}.sheet--medium .sheet-chevron,.sheet--full .sheet-chevron{transform:rotate(180deg)}.intro-text{margin:0 0 12px;font-size:14px}.sheet-handle:hover:before,.sheet-handle:focus-visible:before{background:var(--accent)}.sheet-handle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sheet-content{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px calc(20px + var(--safe-bottom))}.sheet:not(.sheet--full) .sheet-content{overflow:hidden!important;touch-action:none}.sheet-empty h2{margin:4px 0;font-size:17px;font-weight:600}.sheet-empty h3{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:14px 0 6px;font-weight:600}.sheet-empty-illu{width:100%;max-width:220px;margin:0 auto 4px}.sheet-empty-illu svg{width:100%;height:auto}.muted{color:var(--text-muted);margin:0}.quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.quick-row--list{flex-direction:column;align-items:stretch}.quick-row--list .quick-chip{text-align:left;border-radius:10px}.quick-collapse{margin:12px 0}.quick-collapse>summary{cursor:pointer;list-style:none;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600;padding:6px 0;user-select:none;display:flex;align-items:center;gap:6px}.quick-collapse>summary::-webkit-details-marker{display:none}.quick-collapse>summary:before{content:"▸";font-size:10px;transition:transform .2s;display:inline-block}.quick-collapse[open]>summary:before{transform:rotate(90deg)}.quick-count{color:var(--text-muted);font-weight:400}.quick-chip{border:1px solid var(--border);background:var(--surface-elev);color:var(--text);padding:8px 12px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;min-height:36px;transition:background .15s,border-color .15s,transform .1s}.quick-chip:hover,.quick-chip:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}.quick-chip:active{transform:scale(.97)}.quick-section{margin-top:4px}.route-topbar{display:flex;gap:8px;padding:10px 16px 4px;border-bottom:1px solid var(--border)}.route-topbar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;min-height:44px;cursor:pointer}.route-topbar-btn svg{width:18px;height:18px;flex-shrink:0}.route-topbar-btn:active{background:var(--border)}.route-hero{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-elev);border-radius:14px;margin:4px 0 12px}.route-hero-main{flex:1;min-width:0}.route-hero-time{font-size:24px;font-weight:700;color:var(--text);line-height:1.1;letter-spacing:-.01em}.route-hero-meta{margin-top:2px;font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.route-hero-meta .route-distance{color:var(--accent);font-weight:600}.route-hero-sep{opacity:.5}.route-hero-actions{display:flex;gap:6px;flex-shrink:0}.route-action{width:44px;height:44px;border:none;border-radius:50%;background:var(--surface-solid);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.route-action:hover{background:var(--border)}.route-action:active{transform:scale(.92)}.route-action svg{width:18px;height:18px}.header-close{width:38px;height:38px;border:none;border-radius:50%;background:var(--surface-elev);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-ios),color var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.header-close:hover{background:var(--danger);color:#fff}.header-close:active{transform:scale(.9)}.header-close svg{width:20px;height:20px}.cta-go{display:flex!important;align-items:center;justify-content:center;gap:10px;margin:14px 0!important;font-size:17px!important;padding:16px!important}.cta-go svg{width:18px;height:18px}.route-hero.loading .route-hero-time,.route-hero.loading .route-distance{color:transparent;background:linear-gradient(90deg,var(--border) 0%,var(--border-strong) 50%,var(--border) 100%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s ease-in-out infinite;min-width:60px;display:inline-block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.route-time{display:none}#route-share,#route-fav,#route-clear{width:40px;height:40px;min-width:40px;min-height:40px;border:none;border-radius:50%;background:var(--border);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}#route-share{margin-left:auto}#route-share svg,#route-fav svg,#route-clear svg{width:18px;height:18px}#route-share:hover,#route-fav:hover,#route-clear:hover{background:var(--border-strong)}#route-clear svg{width:18px;height:18px}#route-clear:hover{background:var(--border-strong)}#route-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.route-destination{margin:2px 0 14px;color:var(--text);font-size:15px;font-weight:500}.route-modes{display:flex;gap:6px;border:1px solid var(--border);border-radius:12px;padding:4px;margin:0 0 14px;background:var(--bg)}.route-modes .mode{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;border-radius:9px;cursor:pointer;color:var(--text-muted);min-height:56px;transition:background var(--dur-base) var(--ease-ios),color var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.route-modes .mode:active{transform:scale(.94)}.route-modes .mode svg{transition:transform var(--dur-base) var(--ease-bounce)}.route-modes .mode:has(input:checked) svg{transform:scale(1.12)}.route-modes .mode svg{width:22px;height:22px}.route-modes .mode span{font-size:12px;font-weight:600}.route-modes input[type=radio]{position:absolute;opacity:0;pointer-events:none}.route-modes .mode:has(input:checked){background:var(--accent);color:#fff}.route-modes .mode:focus-within{outline:2px solid var(--accent);outline-offset:2px}.btn-settings{margin:0 0 6px;background:var(--surface-elev);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;align-self:flex-start;transition:background var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.btn-settings:active{transform:scale(.96)}#fab-mic{width:44px;height:44px;border:none;background:transparent;color:var(--accent);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}#fab-mic:hover{background:#1a8fff1f}#fab-mic:active{transform:scale(.88)}#fab-mic.listening{color:var(--danger);animation:micPulse 1s ease-in-out infinite}#fab-mic svg{width:20px;height:20px}@keyframes micPulse{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 8px #e74c3c00}}.settings-modal{position:fixed;inset:0;background:#0000006b;z-index:100;display:none;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-modal.open{display:flex;animation:modalIn .32s var(--ease-ios)}@keyframes modalIn{0%{background:#0000}to{background:#0000006b}}.settings-card{background:var(--surface-solid);color:var(--text);width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;border-radius:22px 22px 0 0;padding:22px;animation:settingsSlide .4s var(--ease-ios)}@keyframes settingsSlide{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:600px){.settings-modal{align-items:center}.settings-card{border-radius:18px}}.settings-card header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.settings-card header h2{margin:0;font-size:22px;font-weight:700}.settings-close{border:none;background:var(--border);color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;transition:background var(--dur-base) var(--ease-ios)}.settings-close:hover{background:var(--border-strong)}.settings-card section{border-top:1px solid var(--border);padding:14px 0}.settings-card section h3{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.settings-row{display:flex;align-items:center;gap:12px;padding:10px 0;cursor:pointer;font-size:15px;min-height:44px}.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.settings-danger,.settings-secondary{width:100%;border:none;border-radius:10px;padding:12px;font-weight:600;cursor:pointer;margin-top:10px;font-size:14px;transition:opacity var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.settings-danger{background:var(--danger);color:#fff}.settings-secondary{background:var(--surface-elev);color:var(--text);border:1px solid var(--border)}.settings-danger:active,.settings-secondary:active{transform:scale(.97)}.cat-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;padding:4px 0 12px;margin:6px 0 8px}.cat-chips::-webkit-scrollbar{display:none}.cat-chip{border:1px solid var(--border);background:var(--surface-elev);color:var(--text);padding:8px 14px 8px 10px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;flex-shrink:0;scroll-snap-align:start;min-height:36px;transition:background var(--dur-base) var(--ease-ios),color var(--dur-base) var(--ease-ios),border-color var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce)}.cat-chip:active{transform:scale(.94)}.cat-chip--on{background:var(--accent);border-color:var(--accent);color:#fff}.cat-chip--loading{position:relative;pointer-events:none;opacity:.85}.cat-chip--loading:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#ffffffd9;border-radius:inherit;animation:chipSpin .7s linear infinite}.cat-chip--empty{animation:chipShake .4s var(--ease-ios)}@keyframes chipSpin{to{transform:rotate(360deg)}}@keyframes chipShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cat-emoji{font-size:16px;line-height:1}.poi-popup{font:inherit;font-size:13px;line-height:1.35;color:var(--text)}.poi-popup small{color:var(--text-muted)}.route-error-card{background:#e74c3c1f;border:1px solid rgba(231,76,60,.45);border-radius:12px;padding:12px 14px;margin:0 0 12px;color:var(--text);display:flex;align-items:center;gap:10px;font-size:14px}.route-error-msg{flex:1}.route-error-retry{border:none;background:var(--danger);color:#fff;padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;font-size:13px;min-height:36px}.route-error-retry:active{transform:scale(.96)}.route-options-panel{margin:8px 0 4px;background:var(--surface-elev);border-radius:12px;padding:0 4px}.route-options-panel>summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;gap:8px;padding:12px 14px;color:var(--text);font-weight:600;font-size:14px;min-height:44px}.route-options-panel>summary::-webkit-details-marker{display:none}.route-options-panel>summary>span:first-child{flex:1}.route-options-panel[open]>summary .ins-toggle-chevron{transform:rotate(180deg)}.avoid-toggles{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px}.avoid-row{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text);font-size:14px;min-height:36px}.avoid-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.instructions-toggle{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}.instructions-toggle>summary{list-style:none;cursor:pointer;user-select:none;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--surface-elev);color:var(--text);font-weight:600;font-size:14px;transition:background .18s ease;min-height:48px}.instructions-toggle>summary::-webkit-details-marker{display:none}.instructions-toggle>summary:hover,.instructions-toggle>summary:focus-visible{background:var(--border);outline:none}.ins-toggle-label{flex:1}.ins-toggle-count{color:var(--text-muted);font-weight:400;font-size:13px}.ins-toggle-chevron{width:20px;height:20px;color:var(--text-muted);transition:transform .32s var(--ease-ios);flex-shrink:0}.instructions-toggle[open] .ins-toggle-chevron{transform:rotate(180deg)}.instructions-toggle[open]>.instructions{animation:ins-slide-in .32s var(--ease-ios)}@keyframes ins-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.instructions{list-style:none;padding:0;margin:10px 0 0}.instructions li{display:flex;gap:12px;padding:14px 4px;border-bottom:1px solid var(--border);align-items:center;min-height:56px}.instructions li:last-child{border-bottom:none}.ins-icon{color:var(--accent);flex-shrink:0;width:28px;height:28px}.ins-icon svg{width:28px;height:28px}.ins-text{flex:1;display:flex;flex-direction:column;gap:2px}.ins-name{color:var(--text);font-size:15px;line-height:1.3}.ins-dist{color:var(--text-muted);font-size:13px}.sheet-foot{margin-top:18px;padding-top:10px;border-top:1px solid var(--border)}.attrib{margin:0;color:var(--text-muted);font-size:11px;line-height:1.5}.hint-nav{margin:-8px 0 14px;font-size:12px;color:var(--text-muted);text-align:center}.route-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.route-opt{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface-elev);color:var(--text);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;min-height:52px}.route-opt.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-elev) 88%)}.route-opt:hover{border-color:var(--accent)}.route-opt-label{font-weight:600;font-size:14px}.route-opt-stats{font-size:13px;color:var(--text-muted)}.route-opt.active .route-opt-stats,.route-opt.active .route-opt-stats strong{color:var(--accent)}.btn-primary{width:100%;padding:14px;margin:6px 0;border:none;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;min-height:52px;box-shadow:0 2px 8px #4a9eff4d;transition:background var(--dur-base) var(--ease-ios),transform var(--dur-base) var(--ease-bounce),box-shadow var(--dur-base) var(--ease-ios)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 4px 14px #4a9eff6b}.btn-primary:active{transform:scale(.97)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sheet--hidden,#nav-overlay{display:none}#nav-gesture-layer{position:fixed;inset:0;z-index:1;touch-action:none}#nav-gesture-layer[hidden]{display:none}[hidden]{display:none!important}#nav-ui[hidden]{display:none}#nav-ui{position:fixed;inset:0;pointer-events:none;z-index:9999;display:flex;flex-direction:column;justify-content:space-between}#nav-top{pointer-events:auto;background:#0a0e1a;padding:calc(env(safe-area-inset-top,12px) + 10px) 16px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px #00000080}#nav-instr-wrap{display:flex;align-items:center;gap:12px;flex:1}#nav-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:28px}#nav-instr-text{display:flex;flex-direction:column;gap:2px}#nav-instr-dist{font-size:28px;font-weight:700;color:#4a9eff;line-height:1}#nav-instr-name{font-size:15px;color:#fff;font-weight:500}#nav-instr-sub{font-size:13px;color:#8a9ab5}#nav-instr-sub[hidden]{display:none}#nav-bottom{pointer-events:auto;background:#0a0e1a;padding:14px 16px calc(env(safe-area-inset-bottom,8px) + 14px);display:flex;flex-direction:column;gap:12px;box-shadow:0 -2px 12px #00000080}#nav-eta-row{display:flex;align-items:center;gap:8px;justify-content:center;font-size:18px;font-weight:600;color:#fff}#nav-eta-abs{color:#4a9eff}#nav-btn-row{display:flex;gap:10px}#nav-exit,#nav-mute{flex:1;padding:14px;border-radius:14px;border:none;font-size:16px;font-weight:600;min-height:52px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}#nav-exit{background:#c0392b;color:#fff}#nav-mute{background:#ffffff1f;color:#fff}#nav-mute.muted{background:#ffffff0f;color:#8a9ab5}#nav-recenter{position:fixed;bottom:calc(env(safe-area-inset-bottom,8px) + 130px);left:50%;transform:translate(-50%);z-index:9999;background:#0a0e1ae6;color:#4a9eff;border:1.5px solid rgba(74,158,255,.4);border-radius:999px;padding:10px 22px;font-size:15px;font-weight:600;min-height:44px;cursor:pointer;touch-action:manipulation;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#nav-recenter[hidden]{display:none}.nav-meta{color:#ffffff8c;font-size:12px;margin-top:4px;text-align:center}.nav-meta:empty{display:none}.attrib a{color:var(--accent);text-decoration:none}.attrib a:hover{text-decoration:underline}#toast{position:absolute;bottom:calc(96px + var(--safe-bottom) + 16px);left:12px;right:12px;max-width:480px;margin:0 auto;background:var(--danger);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:22;text-align:center;font-size:14px;font-weight:500}.maplibregl-ctrl-attrib{background:var(--surface)!important;color:var(--text-muted)!important;font-size:11px!important;border-radius:8px!important;margin:6px!important}.maplibregl-ctrl-attrib a{color:var(--accent)!important}.maplibregl-ctrl-bottom-left{bottom:calc(116px + var(--safe-bottom))!important;left:8px!important}.maplibregl-ctrl-bottom-right{bottom:calc(116px + var(--safe-bottom))!important}.maplibregl-ctrl-geolocate{display:none!important}@media(hover:none)and (pointer:coarse){.maplibregl-ctrl-zoom-in,.maplibregl-ctrl-zoom-out{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}