: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__handle{cursor:grab;touch-action:none;background:0 0;border:none;justify-content:center;align-items:center;width:100%;min-height:11px;margin:0 0 4px;padding:3px 0;display:flex;position:relative}.search-panel__handle:after{content:"";position:absolute;inset:-8px 0 -10px}.search-panel__handle:before{content:"";background:var(--color-line-soft);border-radius:3px;width:40px;height:5px}.search-panel__handle:active{cursor:grabbing}.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__handle{display:none}}@media (width<=880px){.search-panel--floating{box-shadow:none;background:0 0;max-height:none;padding:0;overflow:visible}.search-panel--floating .search-panel__handle{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--minimised .search-panel__discover,.search-panel--minimised .trail-detail__eyebrow,.search-panel--minimised .trail-detail__chips,.search-panel--minimised .trail-detail__stats,.search-panel--minimised .trail-detail__stats-live,.search-panel--minimised .trail-detail__elevation,.search-panel--minimised .trail-detail__stage-nav,.search-panel--minimised .trail-detail__stages,.search-panel--minimised .trail-detail__distance-hint,.search-panel--minimised .trail-detail__parent-route,.search-panel--minimised .trail-detail__geo-hint,.search-panel--minimised .trail-detail__chooser,.search-panel--minimised .route-panel__waypoints,.search-panel--minimised .route-panel__hint-row,.search-panel--minimised .route-panel__summary,.search-panel--minimised .route-panel__retry{display:none}.search-panel--minimised{max-height:none;overflow:hidden}.search-panel--detail-active .search-panel__discover{display:none}.search-panel--detail-active:not(:has(.route-panel:not([hidden]))) .search-panel__trail-slot .trail-detail{border-bottom:none;margin-bottom:0;padding-bottom:0}}@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{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;order:1;justify-content:center;align-items:center;padding:0;display:flex}.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}.search-screen__route-group,.search-screen__place-group{flex-direction:column;gap:8px;display:flex}.search-screen__section-label--routes{margin-top:4px}.search-screen__routes{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.search-screen__routes 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__routes li:hover{background:var(--color-line-soft)}.search-screen__routes li .icon{color:var(--color-route);flex-shrink:0}.search-screen__route-text{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.search-screen__route-text>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@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}}.fab-row{z-index:3;flex-direction:row-reverse;align-items:flex-start;gap:10px;display:flex;position:fixed;top:119px;right:12px}@media (width<=880px){.fab-row{top:12px}}.trail-detail{background:var(--color-surface);border-radius:var(--radius-card);max-width:320px;box-shadow:var(--shadow-float);padding:12px 14px 14px;display:none;position:absolute;top:12px;left:12px}.trail-detail--visible{display:block}.trail-detail__header{align-items:flex-start;gap:10px;margin-bottom:8px;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);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;font-weight:700;overflow:hidden}.trail-detail__title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-ink);align-items:flex-start;gap:6px;margin:0;font-size:18px;font-weight:700;line-height:1.2;display:flex}.trail-detail__title .icon{color:var(--color-route);flex-shrink:0;margin-top:2px}.trail-detail__name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.trail-detail__chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.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:6px;margin-bottom:8px;display:grid}.trail-detail__elevation{background:var(--color-paper);border-radius:12px;justify-content:center;align-items:center;height:48px;margin-bottom:6px;display:flex;position:relative}.trail-detail__elevation .elevation-profile__svg{border-radius:12px;height:48px}.trail-detail__stat{background:var(--color-paper);border-radius:12px;flex-direction:column;gap:1px;min-height:46px;padding:7px 8px 6px;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:16px;font-weight:700;display:inline-flex}.trail-detail__distance-value{font-size:16px}.trail-detail__distance-unit{font-family:var(--font-ui);color:var(--color-ink-soft);margin-left:2px;font-size:11px;font-weight:600}.trail-detail__stat-label{color:var(--color-ink-soft);font-size:11px}.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:8px;margin-bottom:8px;display:flex}.trail-detail__stage-prev,.trail-detail__stage-next{border:1px solid var(--color-line);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);cursor:pointer;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.trail-detail__stage-prev:after,.trail-detail__stage-next:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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:1;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.trail-detail__stage-nav-label{color:var(--color-ink);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:700}.trail-detail__stage-dots{gap:5px;min-width:0;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__actions{gap:8px;margin-bottom:8px;display:flex}.trail-detail__start{background:var(--color-route);min-height:44px;color:var(--color-surface);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:22px;flex:1.3;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.trail-detail__start:disabled{opacity:.75;cursor:default}.trail-detail__start .icon.spinner{width:16px;height:16px}.trail-detail__plan{border:1px solid var(--color-line);background:var(--color-surface);min-height:44px;color:var(--color-ink);font-family:var(--font-ui);cursor:pointer;border-radius:22px;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__chooser{align-items:center;gap:6px;margin-bottom:8px;display:flex}.trail-detail__chooser-option{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-ink);font-family:var(--font-ui);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:22px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.trail-detail__chooser-option span{text-overflow:ellipsis;overflow:hidden}.trail-detail__chooser-option .icon{color:var(--color-route);flex:none}.trail-detail__chooser-cancel{min-width:44px;min-height:44px;color:var(--color-ink-soft);font-family:var(--font-ui);text-align:center;cursor:pointer;background:0 0;border:none;flex:none;padding:0 10px;font-size:13px;font-weight:600}.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__parent-route{color:var(--color-ink-faint);margin:4px 0 0;font-size:12px}.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:11px;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:4px}.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__options{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.route-panel__option{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-soft);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:11.5px;font-weight:600}.route-panel__option--active{border-color:var(--color-route-strong);background:color-mix(in srgb, var(--color-route) 14%, transparent);color:var(--color-route-strong)}.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{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;order:2;justify-content:center;align-items:center;padding:0;display:flex}.route-toggle--active{background:var(--color-route-strong);color:#fff}.map-legend{z-index:3;order:3}.map-legend__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}.map-legend__toggle[aria-expanded=true]{background:var(--color-route-strong);color:#fff}.map-legend__panel{top:calc(119px + var(--size-fab) + 8px);border-radius:var(--radius-card);background:var(--color-surface);width:220px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-float);color:var(--color-ink);padding:12px;position:fixed;right:12px}.map-legend__header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.map-legend__title{margin:0;font-size:14px;font-weight:600}.map-legend__close{border-radius:var(--radius-pill);width:28px;height:28px;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.map-legend__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.map-legend__row{color:var(--color-ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.map-legend__row--note{border-top:1px solid var(--color-line-soft);color:var(--color-ink-faint);padding-top:4px;font-size:12px}.map-legend__swatch{border-radius:2px;flex:none;width:22px;height:4px}.map-legend__swatch--international{background:#3457d5}.map-legend__swatch--national{background:#8e44ad}.map-legend__swatch--regional{background:#0e7c86}.map-legend__swatch--local{background:#8a5a2b}.map-legend__swatch--way{background:#8a9aa3}.map-legend__swatch--selected{box-shadow:0 0 0 1.5px #fff, 0 0 0 2.5px var(--color-line);background:#163f2e}.map-legend__swatch--route{background:#1f6b4a}.map-legend__swatch--dashed{background:0 0;border-top:2px dashed #1f6b4a;height:0}.map-legend__swatch--parent{opacity:.4;background:#1f6b4a}@media (prefers-color-scheme:dark){.map-legend__swatch--international{background:#7fa1ff}.map-legend__swatch--national{background:#c79fe0}.map-legend__swatch--regional{background:#5fd3dd}.map-legend__swatch--local{background:#c99a63}.map-legend__swatch--way{background:#5b6b74}.map-legend__swatch--selected{background:#2e7d52}.map-legend__swatch--route{background:#4fa97c}.map-legend__swatch--dashed{border-top-color:#4fa97c}.map-legend__swatch--parent{background:#4fa97c}}@media (width<=880px){.map-legend__panel{top:calc(12px + var(--size-fab) + 8px)}}#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 .fab-row{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;order:0;justify-content:center;align-items:center;padding:0;display:flex}.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)}.status-indicator{left:12px;right:246px}.status-indicator--visible~.update-banner{top:32px}.update-banner{width:auto;max-width:none;top:12px;left:12px;right:246px}.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%)}}