:root{--ion-color-primary: #1f6f5f;--ion-color-primary-rgb: 31, 111, 95;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #1b6254;--ion-color-primary-tint: #367d6f;--ion-background-color: #f7f4ee;--ion-text-color: #15302c;--brand-primary: #1f6f5f;--brand-accent: #e7b85c;--brand-surface: #f4f0e8;--brand-text: #15302c;--shell-shadow: 0 24px 80px rgba(21, 48, 44, .14)}html,body,#root,ion-app,ion-content,.ion-page{height:100%}body{margin:0;font-family:Noto Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(231,184,92,.18),transparent 35%),linear-gradient(180deg,#fcfaf5,#f2eee4);color:var(--brand-text)}code{margin:0 .2rem;padding:.1rem .35rem;border-radius:999px;background:#15302c14;font-size:.92em}.eyebrow{margin:0 0 .4rem;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#15302ca8}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.app-toolbar__brand{display:flex;align-items:center;gap:.85rem}.app-toolbar__brand h1{margin:0;font-size:1.35rem}.app-screen{position:relative;min-height:100%;overflow:hidden;--banner-top-reserve: calc(env(safe-area-inset-top, 0px) + 7.75rem) ;--banner-bottom-reserve: calc(env(safe-area-inset-bottom, 0px) + 1rem) }.app-screen--trail-card-minimized{--banner-bottom-reserve: calc(env(safe-area-inset-bottom, 0px) + 5.5rem) }.app-screen--trail-card-open{--banner-bottom-reserve: calc(env(safe-area-inset-bottom, 0px) + 13.75rem) }.app-screen__map-layer,.app-screen__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.app-screen__map-layer{z-index:0}.app-screen__overlay{z-index:10;pointer-events:none}.active-trail-card,.active-trail-card-toggle,.trail-info-panel,.trail-panel,.overlay-backdrop{pointer-events:auto}.app-topbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1rem);left:calc(env(safe-area-inset-left,0px) + 1rem);right:calc(env(safe-area-inset-right,0px) + 1rem);display:flex;flex-direction:column;align-items:flex-start;gap:1rem;pointer-events:none}.app-topbar__brand{display:flex;align-items:center;justify-content:space-between;gap:.85rem;width:100%;max-width:none;pointer-events:auto}.app-topbar__utility-row{display:flex;align-items:flex-start;gap:1rem;width:min(32rem,100%);max-width:100%;pointer-events:none}.map-utility-stack{display:grid;gap:.45rem;justify-items:start;pointer-events:none}.map-locate-control{position:relative;pointer-events:auto}.app-topbar__brand-copy{display:inline-flex;align-items:center;gap:.85rem;min-width:0;pointer-events:auto}.app-topbar__brand h1{margin:0;font-size:1.25rem}.card-shell--compact{padding:.85rem 1rem}.app-topbar__menu-button{--color: var(--brand-text);--padding-start: .35rem;--padding-end: .35rem;--padding-top: .35rem;--padding-bottom: .35rem;margin:0;flex:0 0 auto;pointer-events:auto}.app-topbar__menu-button ion-icon{font-size:1.5rem}.locale-select{display:grid;gap:.45rem}.locale-select__trigger,.locale-select__option{display:flex;align-items:center;gap:.75rem;width:100%;border:0;color:var(--brand-text);font:inherit;text-align:left}.locale-select__trigger{width:100%;border:1px solid rgba(21,48,44,.12);border-radius:.95rem;padding:.8rem .95rem;background:#ffffffe6;font-weight:600;cursor:pointer}.locale-select__trigger ion-icon{margin-left:auto;color:#15302c99}.locale-select__trigger:focus-visible,.locale-select__option:focus-visible{outline:2px solid rgba(31,111,95,.2);outline-offset:1px}.locale-select__menu{display:grid;gap:.3rem;padding:.4rem;border:1px solid rgba(21,48,44,.12);border-radius:1rem;background:#fffffffa;box-shadow:inset 0 1px #fff6}.locale-select__option{padding:.7rem .75rem;border-radius:.75rem;background:transparent;cursor:pointer}.locale-select__option:hover,.locale-select__option:focus-visible,.locale-select__option--active{background:#1f6f5f1a}.locale-select__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-flag{position:relative;display:inline-block;width:1.45rem;height:1rem;flex:0 0 auto;border:1px solid rgba(21,48,44,.12);border-radius:.18rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.locale-flag--sv{background:linear-gradient(90deg,transparent 0 30%,#f1c40f 30% 42%,transparent 42% 100%),linear-gradient(180deg,transparent 0 42%,#f1c40f 42% 58%,transparent 58% 100%),#1f5aa6}.locale-flag--en{background:linear-gradient(32deg,transparent 0 45%,#ffffff 45% 47%,#d12b35 47% 49.5%,#ffffff 49.5% 51.5%,#d12b35 51.5% 54%,#ffffff 54% 56%,transparent 56% 100%),linear-gradient(-32deg,transparent 0 45%,#ffffff 45% 47%,#d12b35 47% 49.5%,#ffffff 49.5% 51.5%,#d12b35 51.5% 54%,#ffffff 54% 56%,transparent 56% 100%),linear-gradient(90deg,transparent 0 38%,#ffffff 38% 41%,#d12b35 41% 59%,#ffffff 59% 62%,transparent 62% 100%),linear-gradient(180deg,transparent 0 38%,#ffffff 38% 41%,#d12b35 41% 59%,#ffffff 59% 62%,transparent 62% 100%),#204d8d}.locale-flag--de{background:linear-gradient(180deg,#111 0,#111 33.33%,#c62828 33.33%,#c62828 66.66%,#f1c40f 66.66%,#f1c40f)}.locale-flag--nl{background:linear-gradient(180deg,#c73b3b 0,#c73b3b 33.33%,#fff 33.33%,#fff 66.66%,#2f5ea8 66.66%,#2f5ea8)}.locale-flag--fi{background:linear-gradient(90deg,transparent 0 28%,#2f5ea8 28% 40%,transparent 40% 100%),linear-gradient(180deg,transparent 0 42%,#2f5ea8 42% 58%,transparent 58% 100%),#fff}.locale-flag--da{background:linear-gradient(90deg,transparent 0 31%,#ffffff 31% 41%,transparent 41% 100%),linear-gradient(180deg,transparent 0 43%,#ffffff 43% 57%,transparent 57% 100%),#b6232f}.locale-flag--no{background:linear-gradient(90deg,transparent 0 29%,#ffffff 29% 41%,transparent 41% 100%),linear-gradient(180deg,transparent 0 43%,#ffffff 43% 57%,transparent 57% 100%),#b6232f}.locale-flag--no:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 32%,#234d8c 32% 38%,transparent 38% 100%),linear-gradient(180deg,transparent 0 45%,#234d8c 45% 55%,transparent 55% 100%)}.brand-mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,var(--brand-primary),#285b51);color:#fff;font-weight:800;overflow:hidden}.brand-mark--image{width:3.35rem;height:3.35rem;padding:0;background:#0f5b53}.brand-mark__image{display:block;width:100%;height:100%;object-fit:cover}.card-shell{border:1px solid rgba(21,48,44,.08);border-radius:1.4rem;padding:1rem 1.1rem;background:#ffffffdb;box-shadow:var(--shell-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.banner-stack{display:grid;gap:.75rem;max-height:max(12rem,calc(100dvh - var(--banner-top-reserve) - var(--banner-bottom-reserve)));overflow-y:auto;overscroll-behavior:contain;padding-right:.15rem;pointer-events:auto;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.app-banner-area{flex:1 1 auto;min-width:0;max-width:none;pointer-events:none}.startup-guide{position:relative;display:grid;gap:.85rem;padding:1rem 1.05rem;border-radius:1.35rem;overflow:visible;pointer-events:auto}.startup-guide__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.startup-guide__eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#15302cb3}.startup-guide__close{flex:0 0 auto}.startup-guide__items{display:grid;gap:.75rem}.startup-guide__item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:flex-start;padding:.78rem .85rem;border-radius:1rem;border:1px solid rgba(21,48,44,.08);background:#1f6f5f14}.startup-guide__item--menu{background:#e7b85c24}.startup-guide__item p{margin:0;line-height:1.42;color:#15302ce0}.startup-guide__badge{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#ffffffc2;color:var(--brand-primary);box-shadow:inset 0 1px #ffffff6b}.startup-guide__badge ion-icon{font-size:1rem}.map-locate-button{z-index:520;display:grid;flex:0 0 auto;place-items:center;width:3.35rem;height:3.35rem;padding:0;border:1px solid rgba(21,48,44,.08);color:var(--brand-text);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease;isolation:isolate}.map-locate-button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;border-radius:inherit;background:conic-gradient(var(--gps-quality-color, rgba(21, 48, 44, .16)) 0 var(--gps-quality-progress, 0deg),rgba(21,48,44,.12) var(--gps-quality-progress, 0deg) 360deg);mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));opacity:.95;transition:background .18s ease,opacity .18s ease}.map-locate-button:disabled{opacity:.55;cursor:default}.map-locate-button ion-icon{font-size:1.2rem}.map-locate-button:hover:not(:disabled),.map-locate-button:focus-visible:not(:disabled){transform:translateY(-1px);box-shadow:var(--shell-shadow),0 8px 20px #15302c1f}.map-speed-indicator{padding:.35rem .6rem;border-radius:999px;background:#ffffffd1;color:#15302cc2;font-size:.78rem;font-weight:700;line-height:1;pointer-events:none}.map-location-hint{padding:.36rem .62rem;border:1px solid rgba(183,126,29,.18);border-radius:999px;background:#fff2dde0;color:#714f10eb;font-size:.74rem;font-weight:700;line-height:1.1;box-shadow:0 8px 20px #15302c14;pointer-events:none}.map-location-hint--debug{border-color:#176a4533;background:#e6f5eeeb;color:#176a45f0}.map-debug-card{display:grid;gap:.18rem;min-width:0;padding:.45rem .55rem;border:1px solid rgba(21,48,44,.12);border-radius:.8rem;background:#122c28e0;color:#f9f0e4f2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.25;box-shadow:0 10px 22px #15302c24;pointer-events:none}.map-debug-card strong{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.map-locate-button--searching:disabled,.map-locate-button--error:disabled{opacity:1}.map-locate-button--follow{color:#f7fbf9;background:linear-gradient(180deg,#176a45f5,#125437f5);border-color:#104f33f0;box-shadow:var(--shell-shadow),inset 0 1px #ffffff2e,0 10px 24px #176a453d}.map-locate-button--ready,.map-locate-button--searching{color:#8f5d00;background:#e7b85c3d;border-color:#b77e1d42}.map-locate-button--searching{animation:locate-pulse 1.55s ease-in-out infinite}.map-locate-button--error{color:#9f3326;background:#e35c4938;border-color:#a33d2a42}.map-locate-button--mode-follow{box-shadow:var(--shell-shadow),inset 0 1px #ffffff2e,0 0 0 2px #1f6f5f33,0 10px 24px #176a4547}.map-locate-tooltip{position:absolute;top:50%;left:calc(100% + .7rem);transform:translateY(-50%);padding:.42rem .65rem;border-radius:999px;background:#122c28e6;color:#fff;font-size:.82rem;font-weight:700;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.map-locate-tooltip:before{content:"";position:absolute;top:50%;left:-.35rem;width:.7rem;height:.7rem;background:#122c28e6;transform:translateY(-50%) rotate(45deg);border-radius:2px}.map-locate-control:hover .map-locate-tooltip,.map-locate-control:focus-within .map-locate-tooltip{opacity:1;transform:translateY(-50%) translate(.1rem)}.banner{border-radius:1.2rem;padding:.9rem 1rem;box-shadow:var(--shell-shadow);pointer-events:auto}.banner__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.banner h3,.banner p{margin:0}.banner h3{margin-bottom:.3rem}.banner p{line-height:1.45}.banner__eyebrow{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.banner__close,.startup-guide__close{display:grid;flex:0 0 auto;place-items:center;position:relative;width:2rem;height:2rem;padding:0;border:1px solid rgba(21,48,44,.14);border-radius:999px;background:#15302cdb;color:#fff;font:inherit;font-size:0;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px 14px #15302c24,inset 0 1px #ffffff2e;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.banner__close:before,.banner__close:after,.startup-guide__close:before,.startup-guide__close:after{content:"";position:absolute;width:.72rem;height:2px;border-radius:999px;background:currentColor}.banner__close:before,.startup-guide__close:before{transform:rotate(45deg)}.banner__close:after,.startup-guide__close:after{transform:rotate(-45deg)}.banner__close:hover,.banner__close:focus-visible,.startup-guide__close:hover,.startup-guide__close:focus-visible{transform:translateY(-1px);background:#15302cf5;box-shadow:0 8px 18px #15302c2e,inset 0 1px #ffffff38}.banner__actions{display:flex;gap:.65rem;margin-top:.8rem}.banner__action{padding:.55rem .9rem;border:0;border-radius:999px;background:#15302ce6;color:#fff;font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.banner__action:hover,.banner__action:focus-visible{transform:translateY(-1px);background:#15302c}.banner--guide{border:1px solid rgba(23,68,111,.1)}.banner--info{background:#e8f2fb;color:#17446f}.banner--warning{background:#fff2dd;color:#714f10}.banner--critical{background:#ffe0dc;color:#7a2014}.trail-map{position:relative;width:100%;height:100%}.trail-map__viewport{width:100%;height:100%}.trail-map__viewport .leaflet-map-pane{transform-origin:50% 50%;will-change:transform}.trail-map__follow-marker{position:absolute;left:50%;top:var(--follow-marker-top, 50%);z-index:460;pointer-events:none;transform:translate(-50%,-50%)}.trail-map__legend{position:absolute;left:1rem;bottom:1rem;z-index:500;display:flex;flex-wrap:wrap;gap:.65rem;font-size:.9rem}.trail-map__legend span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#fffc}.trail-map__legend-strong:before,.trail-map__legend-muted:before,.trail-map__legend-user:before{content:"";display:inline-block;width:.7rem;height:.7rem;border-radius:999px}.trail-map__legend-strong:before{background:var(--brand-primary)}.trail-map__legend-muted:before{background:#15302c4d}.trail-map__legend-user:before{background:#2f7ed8}.active-trail-card{position:absolute;left:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:450;width:min(22rem,calc(100vw - 2rem));color:inherit;text-align:left;padding:.8rem .95rem}.active-trail-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.active-trail-card__controls{display:flex;align-items:flex-start;gap:.45rem;flex:0 0 auto}.active-trail-card__header>div,.trail-panel__header>div,.trail-panel__section-head>div,.trail-info-panel__header>div,.trail-info-panel__section-headline>div,.trail-feature__header>div,.trail-list__copy{min-width:0}.active-trail-card h2{margin:0;font-size:1rem;line-height:1.25;overflow-wrap:anywhere}.active-trail-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.active-trail-card__meta span{padding:.35rem .65rem;border-radius:999px;background:#15302c12;font-size:.92rem;font-weight:600}.active-trail-card__actions{display:flex;justify-content:flex-start;margin-top:.7rem}.active-trail-card__action{display:inline-flex;align-items:center;gap:.42rem;padding:0;border:0;background:transparent;color:var(--brand-primary);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.active-trail-card__action ion-icon{font-size:1rem}.active-trail-card__action:hover,.active-trail-card__action:focus-visible{color:#144d43;text-decoration:underline}.active-trail-card__legend{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.9rem;padding-top:.2rem}.active-trail-card__legend-item{display:inline-flex;align-items:center;gap:.45rem;color:#15302cbd;font-size:.84rem;font-weight:700;line-height:1.2}.active-trail-card__legend-item:before{content:"";width:.72rem;height:.72rem;border-radius:999px;background:#15302c47;flex:0 0 auto}.active-trail-card__legend-item--active:before{background:var(--active-trail-color, var(--brand-primary))}.active-trail-card__legend-item--muted:before{background:var(--nearby-trail-color, rgba(21, 48, 44, .28))}.active-trail-card__icon{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:999px;background:#1f6f5f14;color:var(--brand-primary)}.active-trail-card__icon-button{padding:0;border:0;font:inherit;cursor:pointer;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.active-trail-card__minimize{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;padding:0;border:1px solid rgba(21,48,44,.1);border-radius:999px;background:#ffffffb8;color:#15302cb3;cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.active-trail-card__minimize ion-icon{font-size:1.05rem}.active-trail-card__icon-button:hover,.active-trail-card__icon-button:focus-visible,.active-trail-card__minimize:hover,.active-trail-card__minimize:focus-visible{transform:translateY(-1px);background:#ffffffe6;color:var(--brand-primary);box-shadow:0 8px 18px #15302c1f}.active-trail-card__icon-button:focus-visible,.active-trail-card__minimize:focus-visible{outline:2px solid rgba(31,111,95,.24);outline-offset:2px}.active-trail-card-toggle{position:absolute;left:calc(env(safe-area-inset-left,0px) + 1rem);bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:450;display:grid;place-items:center;width:3.35rem;height:3.35rem;padding:0;border-radius:999px;color:var(--brand-primary);font:inherit;font-size:1.35rem;font-weight:800;line-height:1;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.active-trail-card-toggle:hover,.active-trail-card-toggle:focus-visible{transform:translateY(-1px);background:#fffffff0;box-shadow:var(--shell-shadow),0 8px 20px #15302c1f}.active-trail-card-toggle:focus-visible{outline:2px solid rgba(31,111,95,.24);outline-offset:2px}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08121138;opacity:0;pointer-events:none;transition:opacity .18s ease}.overlay-backdrop--visible{opacity:1;pointer-events:auto}.trail-panel,.trail-info-panel{position:fixed;top:1rem;right:1rem;bottom:1rem;z-index:610;width:min(28rem,calc(100vw - 2rem));transform:translate(calc(100% + 1.5rem));transition:transform .22s ease}.trail-panel--open,.trail-info-panel--open{transform:translate(0)}.trail-panel__frame,.trail-info-panel__frame{display:flex;flex-direction:column;height:100%;border-radius:1.75rem;background:#f4f0e8eb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shell-shadow);overflow:hidden}.trail-panel__header,.trail-panel__section-head,.trail-info-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.trail-panel__section-head{flex-wrap:wrap}.trail-panel__section-head--stacked{display:block}.trail-panel__section-head--stacked .eyebrow{margin:0}.trail-panel__section-action{display:flex;padding-top:.1rem}.trail-panel__menu-link{display:flex;align-items:center;justify-content:space-between;gap:.9rem;color:inherit;text-decoration:none}.trail-panel__menu-link-copy{display:grid;gap:.18rem}.trail-panel__menu-link-copy strong{font-size:.98rem}.trail-panel__section-action .ion-activatable,.trail-panel__section-action ion-button{margin:0}.trail-panel__header,.trail-info-panel__header{flex:0 0 auto;padding:1.15rem 1.15rem 0}.trail-panel__header h2,.trail-panel__section-head h3,.trail-info-panel__header h2,.trail-info-panel__section-headline h3,.trail-feature h2{margin:0;line-height:1.2;overflow-wrap:anywhere}.trail-panel__body,.trail-info-panel__body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.2rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;display:flex;flex-direction:column;gap:1.15rem}.trail-panel__body{display:block}.trail-panel__body>*+*{margin-top:1.15rem}.trail-panel__version{flex:0 0 auto;display:grid;gap:.18rem;padding:.8rem 1.2rem 1rem;border-top:1px solid rgba(21,48,44,.08);color:#15302c75;font-size:.76rem;font-weight:600;letter-spacing:.04em;text-align:center;overflow:hidden}.trail-panel__version span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trail-panel__version-main{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;color:#15302cb8}.trail-panel__locale,.trail-info-panel__section{display:flex;flex-direction:column;gap:.8rem}.trail-panel__layer-toggle{display:flex;align-items:center;justify-content:space-between;gap:.9rem;font-weight:700;color:var(--brand-text)}.trail-panel__layer-toggle input[type=checkbox]{flex:0 0 auto;width:1.15rem;height:1.15rem;accent-color:var(--brand-primary)}.trail-info-panel__section-headline{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.trail-info-panel__section-headline h3{margin:0}.trail-info-panel__chips{display:flex;flex-wrap:wrap;gap:.5rem}.trail-info-panel__chips ion-chip{margin:0}.trail-info-panel__url{margin:0;overflow-wrap:anywhere;color:#15302cb8}.trail-info-panel__elevation-range{display:flex;gap:.6rem;font-size:.9rem;font-weight:700;color:#15302ca8}.elevation-profile{width:100%;height:128px;border-radius:1rem;background:linear-gradient(180deg,#1f6f5f14,#1f6f5f05),linear-gradient(180deg,#fff9,#f4f0e8cc);overflow:hidden}.elevation-profile__area{fill:#1f6f5f24}.elevation-profile__line{fill:none;stroke:var(--brand-primary);stroke-width:2.4;vector-effect:non-scaling-stroke}.trail-panel__search{padding:.8rem .95rem 1rem}.trail-panel__intro-card h3{margin:0 0 .45rem}.trail-panel__intro-card p:last-child{margin-bottom:0;color:#15302cc7;line-height:1.5}.trail-panel__search ion-searchbar{padding-inline:0;padding-top:0;padding-bottom:.35rem}.trail-panel__search-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;color:#15302cb3;font-size:.9rem}.trail-panel__search-meta span{display:inline-flex;align-items:center;gap:.35rem}.trail-panel__section{display:block}.trail-panel__section>*+*{margin-top:1rem}.trail-panel__intro h2,.trail-feature h2{margin:0 0 .45rem}.trail-panel__intro p:last-child,.trail-feature p:last-child{margin-bottom:0}.trail-panel__hint{font-weight:600;color:var(--brand-primary)}.trail-feature__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.trail-feature__badge{padding:.4rem .7rem;border-radius:999px;color:#fff;font-size:.85rem;font-weight:700}.trail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.trail-metrics div{border-radius:1rem;padding:.85rem;background:#1f6f5f12}.trail-metrics strong,.trail-metrics span{display:block}.trail-metrics span{margin-top:.2rem;color:#15302cb8}.trail-feature__gpx{overflow-wrap:anywhere;color:#15302cb8;font-size:.92rem}.trail-info-panel__download{color:var(--brand-primary);font-weight:700;text-decoration:none}.trail-info-panel__download:hover,.trail-info-panel__download:focus-visible{text-decoration:underline}.trail-list{display:grid;gap:.75rem}.trail-panel__section-action+.trail-list{margin-top:.15rem}.trail-list__item{display:grid;grid-template-columns:auto 1fr;gap:.8rem;width:100%;padding:1rem;border:1px solid rgba(21,48,44,.08);border-radius:1.2rem;background:#ffffffd9;color:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.trail-list__item:hover,.trail-list__item:focus-visible{transform:translateY(-1px);border-color:#1f6f5f40;box-shadow:var(--shell-shadow)}.trail-list__item--active{border-color:#1f6f5f66;background:#1f6f5f14}.trail-list__swatch{width:.85rem;border-radius:999px}.trail-list__row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.trail-list__row strong{line-height:1.25;overflow-wrap:anywhere}.trail-list__row span{flex:0 0 auto;color:#15302cb3;font-size:.92rem;font-weight:700}.trail-list__copy p{margin:0;color:#15302cbf;line-height:1.45;overflow-wrap:anywhere}.loading-state{position:relative;display:grid;place-items:center;min-height:100dvh;padding:max(2rem,env(safe-area-inset-top)) max(1.4rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1.4rem,env(safe-area-inset-left));overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#04181661,#041816c2 58%,#031211e6),var(--loading-background-image),#10241f;background-position:center;background-size:cover;color:#fff7ee;text-align:center}.loading-state:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.14),transparent 34%),linear-gradient(90deg,rgba(2,13,12,.28),transparent 34%,transparent 66%,rgba(2,13,12,.3))}.loading-state__content{display:grid;place-items:center;gap:clamp(1rem,3vh,1.65rem);width:min(24rem,82vw)}.loading-state__brand{display:grid;place-items:center;width:min(18rem,68vw,36vh);aspect-ratio:1;filter:drop-shadow(0 18px 38px rgba(0,0,0,.34))}.loading-state__brand-image{display:block;width:100%;height:100%;object-fit:contain}.loading-state ion-spinner{transform:scale(1.1);color:#fff7ee}.loading-state p{margin:0;max-width:22rem;color:#fff7eeeb;font-weight:700;line-height:1.45;text-shadow:0 2px 16px rgba(0,0,0,.3)}.loading-state h1{margin:0;color:#fff;font-size:1.5rem;line-height:1.15;text-shadow:0 2px 16px rgba(0,0,0,.35)}.loading-state__action{padding:.7rem 1.05rem;border:0;border-radius:999px;background:#fff7eef5;box-shadow:0 12px 28px #00000038;color:#15302c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.loading-state__action:hover,.loading-state__action:focus-visible{transform:translateY(-1px);background:#fff}.native-shell .loading-state{color:#fff7ee}.native-shell .loading-state__brand{width:min(19rem,72vw,38vh)}.native-shell .loading-state ion-spinner{color:#fff7ee}.native-shell .loading-state p{max-width:20rem}.native-shell .loading-state__action{background:#fff7eef5;color:#15302c}.native-shell .loading-state__action:hover,.native-shell .loading-state__action:focus-visible{background:#fff7ee}.loading-state--error{color:#fff7ee}@keyframes locate-pulse{0%,to{box-shadow:var(--shell-shadow)}50%{box-shadow:var(--shell-shadow),0 0 0 8px #1f6f5f14}}.user-heading-marker{width:28px;height:28px;border-radius:999px;border:2px solid #ffffff;background:#2f7ed8;box-shadow:0 8px 24px #2f7ed847;position:relative;transform:rotate(var(--heading))}.user-heading-marker:after{content:"";position:absolute;left:50%;top:-8px;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #2f7ed8}.trail-map__follow-marker .user-heading-marker{width:34px;height:34px;border-width:3px;box-shadow:0 12px 28px #2f7ed852}.trail-map__follow-marker .user-heading-marker:after{top:-10px;border-left-width:7px;border-right-width:7px;border-bottom-width:12px}.trail-map .leaflet-top.leaflet-left{top:10.75rem}@media (max-width: 960px){.app-screen{--banner-top-reserve: calc(env(safe-area-inset-top, 0px) + 7.25rem) }.app-screen--trail-card-open{--banner-bottom-reserve: calc(env(safe-area-inset-bottom, 0px) + 14.5rem) }.map-locate-tooltip{display:none}.app-topbar{left:calc(env(safe-area-inset-left,0px) + .75rem);right:calc(env(safe-area-inset-right,0px) + .75rem);gap:.75rem}.app-topbar__utility-row{gap:.75rem;width:100%}.app-banner-area{width:100%}.startup-guide{padding:.95rem 1rem}.active-trail-card{left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom,0px) + .85rem);width:auto;padding:.9rem 1rem}.active-trail-card p{margin:.35rem 0 0}.active-trail-card__meta{margin-top:.65rem}.active-trail-card__meta span:nth-child(3){display:none}.active-trail-card__legend{margin-top:.8rem}.active-trail-card-toggle{left:calc(env(safe-area-inset-left,0px) + .75rem);bottom:calc(env(safe-area-inset-bottom,0px) + .85rem)}.trail-map__legend{left:1rem;right:1rem;bottom:1rem}.trail-panel__section-head{flex-direction:column;align-items:stretch}.trail-panel__body{display:block}.trail-panel__search,.trail-panel__locale,.trail-panel__layer-toggle,.trail-panel__section{margin-bottom:1.15rem}.trail-panel__header,.trail-info-panel__header,.trail-feature__header,.trail-info-panel__section-headline{gap:.75rem}.trail-panel__section .trail-list{margin-top:.8rem}.trail-panel__section-head .ion-activatable,.trail-panel__section-head ion-button{align-self:flex-start}.trail-panel__section:last-child{padding-top:.9rem;border-top:1px solid rgba(21,48,44,.08);margin-bottom:0}.trail-panel__section:last-child .trail-panel__section-head--stacked{margin-bottom:-.1rem}.trail-panel__section:last-child .trail-panel__section-action{margin-top:.8rem}.trail-panel__version{padding-bottom:1.05rem}.trail-panel,.trail-info-panel{top:auto;left:.75rem;right:.75rem;bottom:.75rem;width:auto;height:min(72vh,42rem);transform:translateY(calc(100% + 1rem))}.trail-panel--open,.trail-info-panel--open{transform:translateY(0)}.trail-panel__frame,.trail-info-panel__frame{border-radius:1.5rem}.trail-map .leaflet-top.leaflet-left{top:14.6rem}}