:root{--color-paper:#f7f5f0;--color-surface:#fff;--color-ink:#1b1f1d;--color-ink-soft:#5b635e;--color-ink-faint:#626c66;--color-line:#d9ddd9;--color-line-soft:#ecedea;--color-shadow:#1b1f1d1f;--color-route:#1f6b4a;--color-route-strong:#163f2e;--color-discover:#b4531f;--color-discover-strong:#8a3315;--color-terrain:#57677a;--color-terrain-fill:#93a6b3;--color-info:var(--color-terrain);--color-info-bg:#e3efe6;--color-danger:#b91c1c;--color-status-bg:#2a2620;--color-status-text:#f3ede1;--color-focus:var(--color-route);--radius-sheet:24px;--radius-card:16px;--radius-pill:999px;--size-fab:48px;--shadow-float:0 2px 12px #1b1f1d1f}@media (prefers-color-scheme:dark){:root{--color-paper:#14171a;--color-surface:#1d2320;--color-ink:#ecedea;--color-ink-soft:#a9b0aa;--color-ink-faint:#969d97;--color-line:#33393a;--color-line-soft:#262b28;--color-shadow:#00000080;--color-route:#4fa97c;--color-route-strong:#2e7d52;--color-discover:#e2683a;--color-discover-strong:#c1522a;--color-terrain:#a9b7c4;--color-terrain-fill:#3d4a58;--color-info:var(--color-terrain);--color-info-bg:#26332c;--shadow-float:0 2px 12px #00000080}}@font-face{font-family:Manrope;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/bricolage-grotesque-latin.woff2)format("woff2")}:root{--font-ui:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading:"Bricolage Grotesque", var(--font-ui)}*{box-sizing:border-box}[hidden]{display:none!important}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%;font-family:var(--font-ui);color:var(--color-ink);background:var(--color-paper);margin:0}h1,h2,h3{font-family:var(--font-heading)}#map{position:absolute;inset:0}#app{pointer-events:none;position:absolute;inset:0}#app>*{pointer-events:auto}body.is-navigating #app>:not(.nav-strip){display:none}button:focus-visible,a:focus-visible,li[data-index]:focus-visible,li[data-index].search-panel__option--active{outline:3px solid var(--color-focus);outline-offset:2px}.icon{flex-shrink:0;width:18px;height:18px}.spinner{box-sizing:border-box;opacity:.9;border:2px solid;border-right-color:#0000;border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button{transition:filter .12s,transform 80ms}button:hover:not(:disabled){filter:brightness(.94)}button:active:not(:disabled){filter:brightness(.88);transform:scale(.98)}.status-indicator{background:var(--color-status-bg);color:var(--color-status-text);text-align:center;padding:8px 12px;font-size:14px;display:none;position:absolute;top:0;left:0;right:0}.status-indicator--visible{display:block}.search-panel{background:var(--color-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;max-height:40vh;box-shadow:0 -2px 12px var(--color-shadow);scrollbar-width:thin;padding:12px;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.search-panel:before{content:"";background:var(--color-line-soft);border-radius:3px;width:40px;height:5px;margin:2px auto 8px;display:block}.search-panel::-webkit-scrollbar{width:8px}.search-panel::-webkit-scrollbar-thumb{background:var(--color-line);border-radius:4px}@media (width>=640px){.search-panel{border-radius:var(--radius-card);width:320px;bottom:12px;left:12px;right:auto}.search-panel:before{display:none}}@media (width<=880px){.search-panel--floating{box-shadow:none;background:0 0;max-height:none;padding:0;overflow:visible}.search-panel--floating:before{display:none}.search-panel--floating .search-panel__hint{min-height:0;padding:0 16px}.search-panel--floating .search-panel__hint:empty{display:none}.search-panel--floating .search-panel__empty{padding:0 16px 24px}.search-panel--floating .search-panel__cards-toprow{z-index:1;position:fixed;top:12px;left:12px}.search-panel--floating .search-panel__cards-actions{padding:0 16px 8px}.search-panel--floating .search-panel__carousel{margin:0;padding:2px 16px 0}.search-panel--floating .search-panel__cards-view{padding-bottom:24px}.search-panel--floating .search-panel__card,.search-panel--floating .search-panel__end-card{width:min(300px,82vw)}}.search-panel__discover{flex-direction:column;gap:4px;display:flex}.search-panel__hint,.saved-areas__hint,.search-panel__zoom-hint{color:var(--color-ink-soft);min-height:1em;margin:0;font-size:13px}.search-panel__empty{justify-content:center;padding:4px 0 2px;display:flex}.search-panel__empty-slot,.search-panel__cards-refresh-slot,.search-panel__list-refresh-slot{display:contents}.search-panel__find-btn{background:var(--color-route);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:22px;padding:0 20px;font-size:14px;font-weight:700}.search-panel__find-btn:disabled{background:var(--color-line);color:var(--color-ink-faint);cursor:default}.search-panel__cards-toprow{display:flex}.search-panel__count-pill{background:var(--color-info-bg);color:var(--color-ink);border-radius:14px;padding:6px 12px;font-size:13px;font-weight:700}.search-panel__cards-actions{justify-content:space-between;gap:8px;padding:6px 0;display:flex}.search-panel__pill{background:var(--color-surface);min-height:36px;box-shadow:0 2px 8px var(--color-shadow);color:var(--color-ink);font:inherit;cursor:pointer;border:none;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:flex}.search-panel__pill:disabled{color:var(--color-ink-faint);cursor:default}.search-panel__pill .icon{width:14px;height:14px}.search-panel__carousel{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -12px;padding:2px 12px 6px;display:flex;overflow-x:auto}.search-panel__carousel::-webkit-scrollbar{display:none}.search-panel__card{border-radius:var(--radius-card);background:var(--color-surface);width:min(240px,76vw);box-shadow:0 4px 16px var(--color-shadow);scroll-snap-align:start;text-align:left;font:inherit;color:inherit;cursor:pointer;border:none;flex-direction:column;flex:none;gap:6px;padding:12px;display:flex}.search-panel__card--selected{outline:2px solid var(--color-route);outline-offset:-2px}.search-panel__card-eyebrow{letter-spacing:.04em;color:var(--color-route);font-size:11px;font-weight:700}.search-panel__card-name{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-heading);font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.search-panel__card-meta{color:var(--color-ink-soft);flex-direction:column;gap:2px;font-size:13px;display:flex}.search-panel__card-distance strong{color:var(--color-ink)}.search-panel__card-fromto{color:var(--color-ink-faint)}.search-panel__end-card{border:1px dashed var(--color-line);border-radius:var(--radius-card);width:min(240px,76vw);color:var(--color-route);scroll-snap-align:start;text-align:center;font:inherit;cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:12px;font-size:13px;font-weight:700;display:flex}@media (width>=880px){.search-panel{border-radius:var(--radius-sheet);flex-direction:column;width:400px;max-width:400px;height:auto;max-height:none;display:flex;inset:12px auto 12px 12px}.search-panel__discover{flex-direction:column;min-height:0;display:flex}.search-panel,.search-panel__discover{overflow-y:auto}.search-panel__carousel{scroll-snap-type:y proximity;flex-direction:column;margin:0;padding:2px 0 0;overflow:visible}.search-panel__card,.search-panel__end-card{width:100%}.search-panel__results-wrap{overscroll-behavior:contain;max-height:50vh;overflow-y:auto}}.search-panel__list-view{flex-direction:column;gap:8px;padding-top:4px;display:flex}.search-panel__list-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.search-panel__results,.search-panel__local-ways{margin:0;padding:0;list-style:none}.search-panel__results li,.search-panel__local-ways li{border-bottom:1px solid var(--color-line);cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:8px 4px;transition:background-color .12s;display:flex}.search-panel__results li .icon,.search-panel__local-ways li .icon{color:var(--color-ink-faint)}.search-panel__results li:not(.search-panel__result--selected):hover,.search-panel__local-ways li:not(.search-panel__result--selected):hover{background:var(--color-line)}.search-panel__result--selected{background:var(--color-info-bg)}.search-panel__result--selected .search-panel__result-name{color:var(--color-info);font-weight:600}.search-panel__result--selected .icon{color:var(--color-info)}.search-panel__result-name{flex:1}.search-panel__result-distance{color:var(--color-ink-faint);font-size:13px}.search-panel__result--group .search-panel__result-name{font-weight:600}.search-panel__result--indented{padding-left:20px}.search-panel__local-toggle{border:none;border-top:1px solid var(--color-line);width:100%;min-height:44px;color:var(--color-ink-soft);text-align:left;cursor:pointer;background:0 0;align-items:center;padding:8px 4px;font-size:13px;font-weight:600;display:flex}.search-panel__local-ways{border-top:1px solid var(--color-line)}.search-screen__toggle{top:119px;right:calc(12px + var(--size-fab) + 10px);width:var(--size-fab);height:var(--size-fab);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-float);color:var(--color-ink);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.search-screen{z-index:10;padding:20px 20px max(20px, env(safe-area-inset-bottom));background:var(--color-surface);color:var(--color-ink);flex-direction:column;gap:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.search-screen__header{align-items:center;gap:12px;display:flex}.search-screen__back{border-radius:var(--radius-pill);background:var(--color-line-soft);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.search-screen__title{font-family:var(--font-heading);margin:0;font-size:22px;font-weight:700}.search-screen__input-wrap{border-radius:var(--radius-pill);background:var(--color-line-soft);border:2px solid var(--color-route);align-items:center;gap:10px;height:52px;padding:0 16px;display:flex}.search-screen__input-wrap>.icon:first-child{color:var(--color-ink-faint);flex-shrink:0}.search-screen__input{min-width:0;font:inherit;color:var(--color-ink);background:0 0;border:0;outline:0;flex:auto;font-size:16px}.search-screen__options{flex-direction:column;gap:2px;display:flex}.search-screen__option{min-height:44px;font:inherit;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:14px;padding:8px 4px;display:flex}.search-screen__option:hover,.search-screen__option:focus-visible{background:var(--color-line-soft)}.search-screen__option-icon{border-radius:var(--radius-pill);background:var(--color-line-soft);width:40px;height:40px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-screen__option[data-action=my-location] .search-screen__option-icon{background:var(--color-info-bg);color:var(--color-route)}.search-screen__option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.search-screen__option-label{font-size:16px;font-weight:700}.search-screen__option-subtitle{color:var(--color-ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.search-screen__divider{background:var(--color-line);height:1px}.search-screen__section-label{color:var(--color-ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.search-screen__hint{color:var(--color-ink-soft);min-height:1em;margin:0;font-size:13px}.search-screen__hint:empty{min-height:0}.search-screen input[type=search]::-webkit-search-cancel-button{appearance:none}.search-screen__places{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.search-screen__places li{border-bottom:1px solid var(--color-line);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:8px 4px;display:flex}.search-screen__places li:hover{background:var(--color-line-soft)}.search-screen__places li .icon{color:var(--color-ink-faint);flex-shrink:0}@media (width>=880px){.search-screen{border-radius:var(--radius-card);width:480px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-float);inset:50% auto auto 50%;transform:translate(-50%,-50%)}body:has(.search-screen:not([hidden])):before{content:"";z-index:9;background:#1b1f1d59;position:fixed;inset:0}}.place-marker{color:var(--color-route);pointer-events:none}.place-marker__pin{fill:currentColor}.place-card{z-index:6;background:var(--color-surface);border-radius:var(--radius-card);width:min(320px,100vw - 24px);box-shadow:var(--shadow-float);padding:14px 16px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.place-card__close{width:44px;height:44px;color:var(--color-ink-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.place-card__close .icon{width:16px;height:16px}.place-card__name{font-family:var(--font-heading,inherit);color:var(--color-ink);margin:0 32px 2px 0;font-size:1.05rem;font-weight:700}.place-card__context{color:var(--color-ink-soft);margin:0 32px 10px 0;font-size:.85rem}.place-card__actions{gap:8px;display:flex}.place-card__route,.place-card__find{border-radius:var(--radius-pill);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;min-height:44px;font-size:.9rem;font-weight:600;display:flex}.place-card__route{background:var(--color-route-strong);color:#fff;border:none}.place-card__find{border:1.5px solid var(--color-route);color:var(--color-route);background:0 0}.place-card__route .icon,.place-card__find .icon{width:16px;height:16px}body.has-place-card .search-panel__cards-view,body.has-place-card .search-panel__list-view,body.has-place-card .search-panel__discover{display:none}body.has-place-card .search-panel:not(:has(.trail-detail--visible)):not(:has(.route-panel:not([hidden]))){display:none}.map-pick-banner{top:12px;left:12px;right:calc(12px + (var(--size-fab) * 3) + 44px);z-index:5;border-radius:var(--radius-pill);background:var(--color-route);color:#fff;min-height:44px;box-shadow:var(--shadow-float);align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:fixed}#app>.map-pick-banner{pointer-events:none}.map-pick-banner__cancel{pointer-events:auto}.map-pick-banner__text{flex:auto;margin:0;font-size:14px;font-weight:600}.map-pick-banner__cancel{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#fff3;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}@media (width<=880px){.map-pick-banner{right:calc(12px + var(--size-fab) + 8px)}}@media (width>=880px){.map-pick-banner{display:none!important}}.map-attribution{pointer-events:auto;background:#fff;border-radius:12px;margin:10px;padding-left:12px}.map-attribution__button{color:#000;cursor:pointer;background:#0000000d;border:0;border-radius:12px;width:24px;height:24px;padding:0;display:block}.map-attribution__button .icon{width:24px;height:24px;display:block}.map-attribution__button:focus{outline:none}.map-attribution__button:focus-visible{box-shadow:0 0 2px 2px #0096ff}@media (width<=880px){.map-attribution{display:none}}.trail-detail{background:var(--color-surface);border-radius:var(--radius-card);max-width:320px;box-shadow:var(--shadow-float);padding:16px;display:none;position:absolute;top:12px;left:12px}.trail-detail--visible{display:block}.trail-detail__header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.trail-detail__heading{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.trail-detail__eyebrow{letter-spacing:.03em;text-transform:uppercase;color:var(--color-route);margin:0;font-size:12px;font-weight:700}.trail-detail__title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-ink);align-items:center;gap:6px;margin:0;font-size:21px;font-weight:700;line-height:1.15;display:flex}.trail-detail__title .icon{color:var(--color-route);flex-shrink:0}.trail-detail__name{overflow-wrap:anywhere;min-width:0}.trail-detail__ref-chip{background:color-mix(in srgb, var(--color-ink) 10%, transparent);color:var(--color-ink-soft);font-family:var(--font-ui);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.trail-detail__close{background:var(--color-line-soft);width:40px;height:40px;color:var(--color-ink-faint);cursor:pointer;border:none;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trail-detail__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.trail-detail__stat{background:var(--color-paper);border-radius:14px;flex-direction:column;gap:2px;min-height:56px;padding:10px 10px 8px;display:flex;position:relative}.trail-detail__stat-line{align-self:flex-start;align-items:baseline;display:inline-flex;position:relative}.trail-detail__stat-spinner{box-sizing:border-box;border:2px solid var(--color-line);border-top-color:var(--color-route);border-radius:50%;width:16px;height:16px;margin-left:6px;animation:.7s linear infinite trail-detail-stat-spin;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes trail-detail-stat-spin{to{transform:translateY(-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.trail-detail__stat-spinner{animation:none}}.trail-detail__stat-value--loading{opacity:.6}.trail-detail__stat-value--fresh{animation:.15s trail-detail-stat-fade}@keyframes trail-detail-stat-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.trail-detail__stat-value--fresh{animation:none}}.trail-detail__distance,.trail-detail__stat-value{font-family:var(--font-heading);color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;align-items:baseline;font-size:19px;font-weight:700;display:inline-flex}.trail-detail__distance-value{font-size:19px}.trail-detail__distance-unit{font-family:var(--font-ui);color:var(--color-ink-soft);margin-left:2px;font-size:12px;font-weight:600}.trail-detail__stat-label{color:var(--color-ink-soft);font-size:12px}.trail-detail__distance-hint{color:var(--color-ink-faint);margin:4px 0 0;font-size:12px;font-style:italic}.trail-detail__stage-nav{align-items:center;gap:10px;margin-bottom:12px;display:flex}.trail-detail__stage-prev,.trail-detail__stage-next{border:1px solid var(--color-line);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink);cursor:pointer;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trail-detail__stage-prev .icon{transform:rotate(90deg)}.trail-detail__stage-next .icon{transform:rotate(-90deg)}.trail-detail__stage-prev:disabled,.trail-detail__stage-next:disabled{opacity:.4;cursor:default}.trail-detail__stage-nav-center{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.trail-detail__stage-nav-label{color:var(--color-ink);font-size:14px;font-weight:700}.trail-detail__stage-dots{gap:5px;max-width:100%;display:flex;overflow:hidden}.trail-detail__stage-dot{background:var(--color-line);border-radius:3px;flex-shrink:0;width:16px;height:5px}.trail-detail__stage-dot--current{background:var(--color-route)}.trail-detail__start{background:var(--color-route);width:100%;min-height:54px;color:var(--color-surface);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:27px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:16px;font-weight:700;display:flex}.trail-detail__start:disabled{opacity:.75;cursor:default}.trail-detail__start .icon.spinner{width:18px;height:18px}.trail-detail__secondary{gap:8px;margin-bottom:8px;display:flex}.trail-detail__toend,.trail-detail__plan{border:1px solid var(--color-line);background:var(--color-surface);min-height:46px;color:var(--color-ink);font-family:var(--font-ui);cursor:pointer;border-radius:23px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex}.trail-detail__plan--active{border-color:var(--color-route);color:var(--color-route-strong)}.trail-detail__stages{margin-top:4px}.trail-detail__stage-nearby{background:color-mix(in srgb, var(--color-route) 12%, transparent);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:6px 8px;font-size:12px;display:flex}.trail-detail__stage-nearby span{flex:1}.trail-detail__nearby-switch{border:1px solid var(--color-route);background:var(--color-surface);color:var(--color-route-strong);cursor:pointer;border-radius:6px;padding:4px 8px;font-size:12px}.trail-detail__nearby-dismiss{color:var(--color-ink-faint);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.trail-detail__nearby-dismiss .icon{width:14px;height:14px}.trail-detail__stages-toggle{color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:600;display:flex}.trail-detail__stages-toggle .icon{width:12px;height:12px;transition:transform .15s}.trail-detail__stages-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.trail-detail__stages-list{max-height:200px;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}.trail-detail__stage-row{border:none;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 4px;font-size:12px;display:flex}.trail-detail__stage-row--current{background:color-mix(in srgb, var(--color-route) 10%, transparent);font-weight:600}.trail-detail__stage-row-index{width:1.5em;color:var(--color-ink-faint);flex-shrink:0}.trail-detail__stage-row-route{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.trail-detail__stage-row-distance{color:var(--color-ink-soft);flex-shrink:0}.trail-detail__info-toggle{min-height:44px;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:4px;padding:4px 0;font-size:12px;font-weight:600;display:flex}.trail-detail__info-toggle .icon{width:12px;height:12px;transition:transform .15s}.trail-detail__info-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.trail-detail__info-body p{color:var(--color-ink-soft);margin:4px 0;font-size:13px}.trail-detail__parent-route{color:var(--color-ink-faint)}.trail-detail__difficulty{align-items:center;gap:7px;display:flex}.trail-detail__difficulty-label{color:var(--color-ink-faint);font-size:11px}.trail-detail__difficulty-chip{background:color-mix(in srgb, var(--color-route) 16%, transparent);color:var(--color-route-strong);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.trail-detail__difficulty-chip:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.trail-detail__geo-hint{color:var(--color-ink-soft);min-height:1em;margin:6px 0 0;font-size:12px}.elevation-profile{margin:6px 0;position:relative}.elevation-profile__svg{width:100%;height:60px;display:block}.elevation-profile__label{color:var(--color-ink-faint);background:var(--color-surface);padding-left:3px;font-size:10px;position:absolute;right:0}.elevation-profile__label--max{top:-2px}.elevation-profile__label--min{bottom:-2px}.route-panel{background:var(--color-surface);border-radius:var(--radius-card);width:310px;max-width:calc(100% - 24px);box-shadow:var(--shadow-float);text-align:center;padding:10px 12px;font-size:13px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.route-panel__toggle{border:1.5px solid var(--color-route);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-route);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.route-panel__toggle--active{border-color:var(--color-route-strong);background:var(--color-route-strong);color:#fff}.route-panel__toggle--quiet{color:var(--color-ink-soft);background:0 0;border-color:#0000}.route-panel__waypoints{border:1px solid var(--color-line);text-align:left;border-radius:8px;align-items:stretch;margin-top:8px;display:flex;overflow:hidden}.route-panel__waypoint-list{flex:1;min-width:0}.route-panel__swap{border:none;border-left:1px solid var(--color-line);width:36px;color:var(--color-ink-soft);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.route-panel__swap:disabled{color:var(--color-ink-faint);cursor:default}.route-panel__waypoint{background:var(--color-surface);align-items:stretch;display:flex}.route-panel__waypoint-main{min-width:0;min-height:44px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.route-panel__waypoint--start{border-bottom:1px solid var(--color-line)}.route-panel__waypoint--start .route-panel__waypoint-main .icon{color:#16a34a}.route-panel__waypoint--end .route-panel__waypoint-main .icon{color:#dc2626}.route-panel__waypoint--active{background:var(--color-info-bg)}.route-panel__waypoint--active .route-panel__waypoint-main{color:var(--color-info);font-weight:600}.route-panel__waypoint-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-panel__hint-row{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.route-panel__hint{color:var(--color-ink-soft);flex:auto;min-width:0;min-height:1em;margin:6px 0}.route-panel__summary p{margin:2px 0}.route-panel__mode-badge{background:color-mix(in srgb, var(--color-route) 16%, transparent);width:fit-content;color:var(--color-route-strong);border-radius:999px;align-items:center;gap:5px;margin-bottom:4px;padding:3px 9px;font-size:11.5px;font-weight:600;display:flex}.route-panel__mode-badge svg{width:13px;height:13px}.route-panel__distance{align-items:baseline;display:flex}.route-panel__distance-value{color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:700}.route-panel__distance-unit{color:var(--color-ink-soft);font-size:13px;font-weight:600}.route-panel__elevation{color:var(--color-ink-faint)}.route-panel__start{background:var(--color-route-strong);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:8px;padding:8px;font-size:15px;font-weight:600;display:flex}.route-panel__retry,.route-panel__clear{min-height:44px;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 10px;font-size:12px}.route-panel__retry{margin-top:4px}@keyframes route-panel-start-pulse{0%,to{outline:2px solid #0000}50%{outline:2px solid var(--color-route);outline-offset:2px}}.route-panel__start--cue{outline:2px solid var(--color-route);outline-offset:2px;animation:2s ease-in-out 2 route-panel-start-pulse}@media (prefers-reduced-motion:reduce){.route-panel__start--cue{animation:none}}.route-toggle{top:119px;right:calc(12px + 2 * (var(--size-fab) + 10px));width:var(--size-fab);height:var(--size-fab);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-float);color:var(--color-route);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed}.route-toggle--active{background:var(--color-route-strong);color:#fff}@media (width<=880px){.route-toggle{top:12px;right:calc(12px + 2 * (var(--size-fab) + 10px))}}#app>.nav-strip{pointer-events:none;position:fixed;inset:0}.nav-strip__top-card,.nav-strip__sheet{z-index:5;pointer-events:auto;position:fixed}body.is-navigating .route-toggle,body.is-navigating .search-screen__toggle,body.is-navigating .settings-panel__toggle{display:none}.nav-strip__top-card{background:var(--color-surface);border-radius:var(--radius-card);max-width:420px;box-shadow:var(--shadow-float);align-items:center;gap:12px;padding:12px 16px;display:flex;top:16px;left:16px;right:16px}.nav-strip__icon-tile{border-radius:var(--radius-pill);background:var(--color-info-bg);width:36px;height:36px;color:var(--color-route);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-strip__top-text{flex-direction:column;gap:1px;min-width:0;display:flex}.nav-strip__eyebrow{color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:700;overflow:hidden}.nav-strip__destination{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.nav-strip__sheet{background:var(--color-surface);border-radius:var(--radius-card);width:320px;max-width:calc(100% - 24px);box-shadow:var(--shadow-float);box-sizing:border-box;padding:16px 20px 20px;bottom:12px;left:50%;transform:translate(-50%)}.nav-strip__row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.nav-strip__hero-block{min-width:0}.nav-strip__distance{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;margin:0;font-size:44px;font-weight:700;line-height:1;display:flex}.nav-strip__distance-unit{color:var(--color-ink-soft);font-size:20px;font-weight:600}.nav-strip__time{color:var(--color-ink-soft);margin:4px 0 0;font-size:14px}.nav-strip__end{border-radius:var(--radius-pill);background:var(--color-line-soft);height:48px;color:var(--color-ink);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:700;display:flex}.nav-strip__off-route-distance{color:var(--color-danger);visibility:hidden;margin:6px 0 0;font-size:13px;font-weight:700}.nav-strip__off-route-distance--visible{visibility:visible}.nav-strip__progress-row,.nav-strip__continue-row,.nav-strip__back-to-route-row{margin-top:14px}.nav-strip__progress-track{background:var(--color-info-bg);border-radius:4px;height:8px;transition:opacity .15s;overflow:hidden}.nav-strip--off-route .nav-strip__progress-track{opacity:.5}.nav-strip__progress-fill{background:var(--color-route);border-radius:4px;height:100%;transition:width .3s}.nav-strip__waypoint-labels{color:var(--color-ink-soft);justify-content:space-between;align-items:center;gap:8px;margin-top:6px;font-size:13px;line-height:1;display:flex}.nav-strip__label-from,.nav-strip__label-to{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-strip__label-to{text-align:right}.nav-strip__continue-stage{border-radius:var(--radius-pill);background:var(--color-route);width:100%;height:27px;color:var(--color-surface);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:700;display:flex}.nav-strip__continue-stage:disabled{opacity:.6;cursor:default}.nav-strip__back-to-route-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.nav-strip__back-to-route{border:1.5px solid var(--color-route);border-radius:var(--radius-pill);height:27px;color:var(--color-route);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex;position:relative}.nav-strip__back-to-route:before{content:"";height:44px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.nav-strip__back-to-route:disabled{opacity:.6;cursor:default}.nav-strip__rejoin-info{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink-soft);text-align:right;font-size:13px;overflow:hidden}.saved-areas__save-button{background:var(--color-ink);width:100%;min-height:44px;color:var(--color-surface);cursor:pointer;border:none;border-radius:6px;padding:8px}.saved-areas__save-button:disabled{background:var(--color-line);color:var(--color-ink-faint)}.saved-areas__progress progress{width:100%;margin-top:6px}.saved-areas__quota{color:var(--color-ink-faint);margin:8px 0 4px}.saved-areas__list{margin:0;padding:0;list-style:none}.saved-areas__list li{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.saved-areas__delete{min-width:44px;min-height:44px;color:var(--color-danger);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;display:flex}.settings-panel__toggle{width:var(--size-fab);height:var(--size-fab);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-float);color:var(--color-ink);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;top:119px;right:12px}.settings-page{z-index:10;background:var(--color-surface);color:var(--color-ink);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.settings-page__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.settings-page__title{margin:0;font-size:18px}.settings-page__close{width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.settings-page__body{flex-direction:column;flex:1;display:flex}.settings-page__section{border-bottom:1px solid var(--color-line)}.settings-page__section-toggle{width:100%;min-height:52px;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.settings-page__section-label{flex:1}.settings-page__section-toggle .icon:last-child{flex-shrink:0;transition:transform .15s}.settings-page__section-toggle[aria-expanded=true] .icon:last-child{transform:rotate(180deg)}.settings-page__section-body{padding:0 16px 16px}.settings-page__section--collapsed .settings-page__section-body{display:none}.settings-page__attribution{color:var(--color-ink-soft);margin:0}.settings-page__attribution a{min-height:44px;color:inherit;align-items:center;display:inline-flex}.settings-page__info{text-align:center;color:var(--color-ink-faint);margin-top:auto;padding:24px 16px}.settings-page__tagline{margin:0 0 4px;font-size:13px}.settings-page__meta{margin:0;font-size:11.5px}.settings-page__style-list{margin:0;padding:0;list-style:none}.settings-page__style-option{border:none;border-bottom:1px solid var(--color-line);width:100%;min-height:44px;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:8px 4px;display:flex}.settings-page__style-option .icon{opacity:0}.settings-page__style-option--active{color:var(--color-route);font-weight:600}.settings-page__style-option--active .icon{opacity:1}.update-banner{background:var(--color-surface);border-radius:var(--radius-card);width:max-content;max-width:min(300px,100vw - 24px);box-shadow:var(--shadow-float);align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;position:fixed;top:179px;right:12px}.update-banner__message{color:var(--color-ink);flex:auto;margin:0}.update-banner__actions{flex:none;align-items:center;gap:4px;display:flex}.update-banner__refresh{background:var(--color-ink);min-height:44px;color:var(--color-surface);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.update-banner__refresh .icon{width:15px;height:15px}.update-banner__dismiss{min-width:44px;min-height:44px;color:var(--color-ink-faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-10px -12px -10px 0;display:flex}.search-panel .trail-detail,.search-panel .route-panel{width:100%;max-width:none;box-shadow:none;border-bottom:1px solid var(--color-line);background:0 0;border-radius:0;margin-bottom:12px;padding:0 0 12px;position:static;transform:none}.search-panel .route-panel{text-align:left}@media (width<=880px){.nav-strip__sheet{border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:100%;max-width:none;box-shadow:0 -2px 10px var(--color-shadow);bottom:0;left:0;right:0;transform:none}.search-panel{max-height:65vh}.search-panel__results-wrap{overscroll-behavior:contain;max-height:20vh;overflow-y:auto}.maplibregl-ctrl-top-right .maplibregl-ctrl-group:has(.maplibregl-ctrl-zoom-in){display:none}.maplibregl-ctrl-top-right .maplibregl-ctrl-group:has(.maplibregl-ctrl-geolocate){top:auto;bottom:var(--sheet-clearance,254px);position:fixed;right:12px}body.has-place-card .maplibregl-ctrl-top-right .maplibregl-ctrl-group:has(.maplibregl-ctrl-geolocate){bottom:max(var(--sheet-clearance,254px), 156px)}.settings-panel__toggle,.search-screen__toggle{top:12px}.status-indicator{left:12px;right:188px}.status-indicator--visible~.update-banner{top:32px}.update-banner{width:auto;max-width:none;top:12px;left:12px;right:188px}.maplibregl-ctrl-geolocate,.search-panel__refresh{position:relative}.maplibregl-ctrl-geolocate:after,.search-panel__refresh:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}