.route-map-shell{padding-top:var(--site-nav-h,3.75rem)}.nav-shell{flex:auto;grid-template-rows:45vh minmax(0,1fr);min-height:0;display:grid}@media (min-width:1024px){.nav-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:400px minmax(0,1fr)}}.nav-map-wrap{background:#0b1220;min-height:0;position:relative}@media (min-width:1024px){.nav-map-wrap{order:2}}#nav-map{position:absolute;inset:0}.nav-panel{min-height:0;padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));background:#060b18;border-top:1px solid #ffffff0f;flex-direction:column;gap:.75rem;display:flex;overflow-y:auto}@media (min-width:1024px){.nav-panel{border-top:0;border-right:1px solid #ffffff0f;order:1}}.nav-field{position:relative}.nav-field__input{color:#e2e8f0;background:#0f172ab3;border:1px solid #ffffff14;border-radius:.75rem;width:100%;padding:.7rem .9rem .7rem 2.4rem;font-size:.95rem}.nav-field__input:focus{border-color:#38bdf899;outline:none;box-shadow:0 0 0 3px #38bdf826}.nav-field__icon{color:#64748b;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.nav-search__list{z-index:30;background:#0b1324;border:1px solid #ffffff14;border-radius:.75rem;max-height:17rem;margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px -20px #000c}.nav-search__option{cursor:pointer;border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.15rem .5rem;padding:.5rem .6rem;display:grid}.nav-search__option.is-active,.nav-search__option:hover{background:#38bdf81f}.nav-search__label{color:#e2e8f0;font-size:.9rem;font-weight:500}.nav-search__meta{color:#64748b;grid-column:1/2;font-size:.75rem}.nav-search__distance{color:#38bdf8;grid-area:1/2/3/3;font-size:.75rem}.nav-search__empty{color:#64748b;padding:.6rem;font-size:.85rem}.nav-profile{color:#94a3b8;background:#0f172a99;border:1px solid #ffffff14;border-radius:.7rem;flex:1 1 0;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .6rem;font-size:.85rem;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.nav-profile.is-active{color:#e0f2fe;background:#38bdf81f;border-color:#38bdf880}.nav-summary{background:#38bdf812;border:1px solid #38bdf833;border-radius:.9rem;padding:.85rem}.nav-summary__primary{align-items:baseline;gap:.6rem;display:flex}.nav-summary__duration{color:#f8fafc;font-size:1.35rem;font-weight:700}.nav-summary__distance{color:#7dd3fc;font-size:.95rem}.nav-summary__secondary{color:#94a3b8;margin-top:.15rem;font-size:.8rem}.nav-alt{text-align:left;background:#0f172a99;border:1px solid #ffffff14;border-radius:.7rem;flex-direction:column;flex:1 1 0;gap:.1rem;padding:.5rem .65rem;display:flex}.nav-alt.is-active{background:#38bdf81a;border-color:#38bdf880}.nav-alt__title{color:#e2e8f0;font-size:.8rem;font-weight:600}.nav-alt__meta{color:#94a3b8;font-size:.75rem}.nav-steps{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-step{border-radius:.6rem;grid-template-columns:1.5rem minmax(0,1fr) auto;align-items:start;gap:.6rem;padding:.5rem .4rem;display:grid}.nav-step:nth-child(odd){background:#ffffff05}.nav-step__icon{color:#38bdf8;width:1.1rem;height:1.1rem}.nav-step__body{flex-direction:column;display:flex}.nav-step__text{color:#e2e8f0;font-size:.88rem}.nav-step__street{color:#64748b;font-size:.78rem}.nav-step__distance{color:#94a3b8;white-space:nowrap;font-size:.78rem}.nav-status[data-tone=error]{color:#fecaca;background:#f871711a;border-color:#f871714d}.nav-status[data-tone=warning]{color:#fef08a;background:#facc151a;border-color:#facc154d}.nav-status{color:#cbd5f5;background:#0f172a99;border:1px solid #ffffff14;border-radius:.7rem;padding:.55rem .7rem;font-size:.82rem}#nav-app.is-loading .nav-panel{cursor:progress}.nav-map-btn{z-index:10;color:#cbd5f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617cc;border:1px solid #ffffff1f;border-radius:.6rem;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.75rem;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.nav-map-btn.is-active{color:#e0f2fe;border-color:#38bdf880}.nav-attribution{z-index:10;color:#64748b;background:#020617b3;border-radius:.4rem;padding:.15rem .4rem;font-size:.65rem;position:absolute;bottom:.4rem;left:.5rem}.nav-attribution a{color:#94a3b8}.nav-start{color:#0b1220;background:#0ea5e9;border:0;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex}.nav-start:hover{background:#38bdf8}.nav-start[hidden]{display:none}.nav-hud{z-index:12;pointer-events:none;flex-direction:column;gap:.45rem;max-width:28rem;display:flex;position:absolute;top:.75rem;left:.75rem;right:.75rem}.nav-hud[hidden]{display:none}.nav-hud__maneuver{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617e0;border:1px solid #38bdf859;border-radius:1rem;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.nav-hud__icon{color:#7dd3fc;width:2.4rem;height:2.4rem}.nav-hud__distance{color:#f8fafc;font-size:1.55rem;font-weight:700;line-height:1.1}.nav-hud__text{color:#e2e8f0;font-size:.95rem;font-weight:600}.nav-hud__street{color:#94a3b8;font-size:.8rem}.nav-hud__bar{pointer-events:auto;align-items:center;gap:.4rem;display:flex}.nav-hud__eta{color:#cbd5e1;background:#020617cc;border-radius:.7rem;flex:auto;padding:.4rem .65rem;font-size:.75rem}.nav-hud__btn{color:#e2e8f0;white-space:nowrap;background:#020617d9;border:1px solid #ffffff1f;border-radius:.65rem;align-items:center;gap:.3rem;padding:.4rem .6rem;font-size:.75rem;display:inline-flex}.nav-hud__btn--stop{color:#fecaca;border-color:#f8717166}.nav-map-btn--recenter{top:auto;bottom:2.5rem;right:.75rem}.nav-puck{width:28px;height:28px;position:relative}.nav-puck__halo{background:#38bdf847;border-radius:999px;position:absolute;inset:0}.nav-puck__arrow{filter:drop-shadow(0 0 2px #020617);border-bottom:16px solid #38bdf8;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:4px;left:8px}#nav-app.is-guiding .nav-panel{display:none}#nav-app.is-guiding .nav-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}#nav-app.is-guiding .nav-map-btn:not(.nav-map-btn--recenter){top:auto;bottom:2.5rem;right:4.6rem}