:root{--ion-font-family: "Inter", sans-serif;--ion-background-color: #f2f2f7;--ion-text-color: #0b0b0f;--ion-toolbar-background: rgba(255, 255, 255, .65);--ion-toolbar-border-color: rgba(0, 0, 0, .08);--ion-tab-bar-background: rgba(255, 255, 255, .65);--ion-tab-bar-border-color: rgba(0, 0, 0, .08);--ion-color-primary: #af9f50;--ion-color-primary-rgb: 175,159,80;--ion-color-primary-contrast: #000000;--ion-color-primary-contrast-rgb: 0,0,0;--ion-color-primary-shade: #9a8c46;--ion-color-primary-tint: #b7a962;--ion-color-secondary: #2F6F73 ;--ion-color-secondary-rgb: 47,111,115;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255,255,255;--ion-color-secondary-shade: #296265;--ion-color-secondary-tint: #447d81;--ion-color-tertiary: #3B4B8A ;--ion-color-tertiary-rgb: 59,75,138;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255,255,255;--ion-color-tertiary-shade: #344279;--ion-color-tertiary-tint: #4f5d96;--ion-color-success: #2FAE6E ;--ion-color-success-rgb: 47,174,110;--ion-color-success-contrast: #000000;--ion-color-success-contrast-rgb: 0,0,0;--ion-color-success-shade: #299961;--ion-color-success-tint: #44b67d;--ion-color-warning: #E3B341 ;--ion-color-warning-rgb: 227,179,65;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0,0,0;--ion-color-warning-shade: #c89e39;--ion-color-warning-tint: #e6bb54;--ion-color-danger: #D64545;--ion-color-danger-rgb: 214,69,69;--ion-color-danger-contrast: #000000;--ion-color-danger-contrast-rgb: 0,0,0;--ion-color-danger-shade: #bc3d3d;--ion-color-danger-tint: #da5858;--ion-color-light: #F4F5F7 ;--ion-color-light-rgb: 244,245,247;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0,0,0;--ion-color-light-shade: #d7d8d9;--ion-color-light-tint: #f5f6f8;--ion-color-medium: #7A7F87 ;--ion-color-medium-rgb: 122,127,135;--ion-color-medium-contrast: #000000;--ion-color-medium-contrast-rgb: 0,0,0;--ion-color-medium-shade: #6b7077;--ion-color-medium-tint: #878c93;--ion-color-dark: #121316 ;--ion-color-dark-rgb: 18,19,22;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255,255,255;--ion-color-dark-shade: #101113;--ion-color-dark-tint: #2a2b2d;--ion-color-step-50: #ffffff;--ion-color-step-100: #f3f4f6;--ion-color-step-150: #e5e7eb;--ion-color-step-200: #e5e7eb;--ion-color-step-250: #d1d5db}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;src:url(/assets/Inter-SemiBold-BAEEcJ4E.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;src:url(/assets/Inter-Bold-BOs3KVhN.woff2) format("woff2")}.hero{height:40vh;padding:24px;display:flex;flex-direction:column;justify-content:center;background:#f7f5f2}.hero h1{font-size:28px;font-weight:700}.hero p{margin:8px 0 16px;color:#666}.quick-actions{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center}.trail-card{position:relative;overflow:hidden;--background: transparent;background:transparent}.trail-card__bg{height:170px;background-size:cover;background-position:center;filter:brightness(.8)}.trail-card__content{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0))}.trail-card__title{font-size:18px;font-weight:700;line-height:1.2}.trail-card__subtitle{margin-top:6px;font-size:13px;opacity:.95}.stop-marker{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid #ccc;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#111}.stop-marker-content{display:flex;width:36px;height:36px;align-items:center;justify-content:center;font-weight:700;font-size:14px;line-height:1}.stop-marker.is-locked{background:#e0e0e0;color:#666;border-color:#bbb}.stop-marker.is-active{background:#2196f3;color:#fff;border-color:#1976d2}.stop-marker.is-completed{background:#4caf50;color:#fff;border-color:#388e3c}.user-marker-container{width:80px;height:80px;position:relative}.user-marker-dot{width:24px;height:24px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.direction-cone{width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-top:56px solid rgba(37,99,235,.35);position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.target-ring-container{pointer-events:none}.target-ring{width:48px;height:48px;border:3px solid #EC4899;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;animation:ringpulse 1.8s ease-out infinite}@keyframes ringpulse{0%{opacity:.8;box-shadow:0 0 rgba(236,72,153,.45)}70%{opacity:.35;box-shadow:0 0 0 14px rgba(236,72,153,0)}to{opacity:0;box-shadow:0 0 0 18px rgba(236,72,153,0)}}.stop-peek-sheet{position:fixed;bottom:0;left:0;right:0;max-height:50%;background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -2px 12px rgba(0,0,0,.2);padding:16px;overflow-y:auto;z-index:1000;pointer-events:auto}.trail-content{--background: transparent}.trail-content .map-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.trail-content .map-container .leaflet-container{height:100%;width:100%}.trail-content .stop-peek-card{position:absolute;left:16px;right:16px;bottom:16px;margin:0;z-index:10}.trail-sheet{--border-radius: 16px 16px 0 0}ion-refresher{background:var(--ion-background-color)}ion-refresher ion-refresher-content{color:var(--ion-text-color)}ion-refresher ion-spinner,ion-refresher .refresher-pulling-icon,ion-refresher .refresher-refreshing-icon{color:var(--ion-color-primary)}.ios ion-header[translucent],.ios ion-footer[translucent],.ios ion-tab-bar{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.ios ion-toolbar{--background: rgba(255, 255, 255, .65);--border-color: rgba(0, 0, 0, .08);--border-width: 0 0 .5px 0;--border-style: solid}.ios ion-toolbar{--min-height: 56px}.ios ion-title{font-size:18px;line-height:1.2}.md ion-tab-button ion-label{font-size:12px!important}.ios ion-tab-button ion-label{font-size:10px!important}ion-tab-button svg{margin-bottom:2px;margin-top:4px}