:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-accent:#2f6b3f;--color-accent-strong:#245232;--color-bg:#f6f5f0;--color-surface:#ffffffe0;--color-text:#1e2a20;--color-text-muted:#5b6b5e;--color-border:#1e2a201a;--shadow-raised:0 2px 12px #141e1624;--radius-md:12px;--radius-lg:16px;--font-sans:"Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-accent:#6fbf85;--color-accent-strong:#8ed2a0;--color-bg:#141815;--color-surface:#181e1ae6;--color-text:#e6ece7;--color-text-muted:#9cab9f;--color-border:#e6ece71f;--shadow-raised:0 2px 14px #00000073}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);overscroll-behavior:none}.app{height:100dvh;position:relative}.map-wrap,.map{position:absolute;inset:0}.map-edit-control{z-index:11;right:max(12px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));max-width:min(340px,100% - 24px);position:absolute}.trail-hint{z-index:9;left:50%;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);color:var(--color-text-muted);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:8px 10px 8px 14px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}.trail-hint-close{cursor:pointer;width:22px;height:22px;color:inherit;opacity:.7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.trail-hint-close:hover{opacity:1;background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.brand{z-index:10;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);align-items:center;gap:8px;padding:8px 14px;display:flex;position:absolute}.brand-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.brand-link:hover .brand-icon,.brand-link:hover h1{color:var(--color-accent)}.brand-icon{width:20px;height:20px;color:var(--color-accent)}.map-search{z-index:10;top:max(12px, env(safe-area-inset-top));width:min(380px,100vw - 24px);max-width:calc(100vw - 24px);position:absolute;left:50%;transform:translate(-50%)}@media (width<=480px){.map-search{top:calc(max(12px, env(safe-area-inset-top)) + 44px);left:max(12px, env(safe-area-inset-left));right:calc(max(12px, env(safe-area-inset-right)) + 46px);width:auto;max-width:none;transform:none}}.map-search-box{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);align-items:center;gap:6px;padding:6px 8px 6px 12px;display:flex}.map-search-icon{color:var(--color-text-muted);font-size:16px;line-height:1}.map-search-input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.map-search-input::-webkit-search-cancel-button{display:none}.map-search-clear{cursor:pointer;width:22px;height:22px;color:var(--color-text-muted);opacity:.75;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.map-search-clear:hover{opacity:1;background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.map-search-results{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);max-height:min(360px,60vh);margin:6px 0 0;padding:4px;list-style:none;overflow-y:auto}.map-search-result{border-radius:calc(var(--radius-lg) - 4px);text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.map-search-result.is-active,.map-search-result:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.map-search-kind{flex-shrink:0;font-size:15px;line-height:1}.map-search-text{flex-direction:column;min-width:0;display:flex}.map-search-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.map-search-detail{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.map-search-empty{color:var(--color-text-muted);padding:10px 12px;font-size:13px}.brand h1{letter-spacing:.01em;margin:0;font-size:15px;font-weight:600}.side{z-index:10;top:calc(max(12px, env(safe-area-inset-top)) + 52px);left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));overscroll-behavior:contain;pointer-events:none;scrollbar-width:thin;flex-direction:column;gap:12px;width:min(330px,100vw - 24px);display:flex;position:absolute;overflow-y:auto}.side[hidden]{display:none}.side>*{pointer-events:auto;flex-shrink:0}.panel-collapse{border:1px solid var(--color-border);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:4px;padding:5px 10px 5px 6px;font-size:12px;font-weight:600;display:inline-flex}.panel-collapse svg{width:16px;height:16px}.panel-reopen{z-index:10;top:calc(max(12px, env(safe-area-inset-top)) + 52px);left:max(12px, env(safe-area-inset-left));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:14px;font-weight:600;display:inline-flex;position:absolute}.panel-reopen svg{width:18px;height:18px;color:var(--color-accent)}@media (width<=480px){.panel-reopen{top:auto;bottom:max(12px, env(safe-area-inset-bottom))}}.panel,.results{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);flex-direction:column;gap:12px;padding:16px;display:flex}@media (width<=480px){.side{max-height:62vh;top:auto;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));width:auto}}.about-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.about h2{margin:0;font-size:16px;font-weight:600}.about h3{color:var(--color-text);margin:8px 0 0;font-size:13px;font-weight:600}.about p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.about a{color:var(--color-accent)}.about-foot{border-top:1px solid var(--color-border);margin-top:4px;padding-top:12px;font-size:12px}.mode-toggle{border:1px solid var(--color-border);border-radius:999px;padding:2px;display:flex}.mode-toggle button{color:var(--color-text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:6px 4px;font-size:12.5px;font-weight:600}.mode-toggle button.active{background:var(--color-accent);color:var(--color-bg)}.mode-toggle.is-multi button.active{background:color-mix(in srgb, var(--color-accent) 18%, transparent);color:var(--color-accent)}.mode-toggle.is-multi button.active:before{content:"✓ ";font-weight:700}.mode-toggle button:disabled{cursor:default}.mode-toggle-wrap{border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:2px;display:grid}.mode-toggle-wrap button{border-radius:calc(var(--radius-lg) - 4px);padding:8px 6px}.group{border-top:1px solid var(--color-border);padding-top:10px}.group summary{cursor:pointer;color:var(--color-text);font-size:13px;font-weight:600;list-style-position:outside}.group-body{flex-direction:column;gap:12px;padding-top:12px;display:flex}.field-suffix{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.field{flex-direction:column;gap:8px;display:flex}.field-head{justify-content:space-between;align-items:center;display:flex}.field-head label,.field-head .field-label{font-size:13px;font-weight:600}.unit-toggle{border:1px solid var(--color-border);border-radius:999px;padding:2px;display:inline-flex}.unit-toggle button{color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.unit-toggle button.active{background:var(--color-accent);color:var(--color-bg)}.field-row{align-items:center;gap:12px;display:flex}.field-row input[type=range]{accent-color:var(--color-accent);flex:1;margin:0}.value-field{border:1px solid var(--color-border);border-radius:var(--radius-md);width:58px;color:var(--color-text);font:inherit;text-align:center;background:0 0;padding:6px 8px;font-size:14px}.value-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:-1px}.generate{border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-bg);font:inherit;cursor:pointer;border:0;padding:10px 14px;font-size:14px;font-weight:600;transition:background .12s}.generate:hover:enabled{background:var(--color-accent-strong)}.generate:disabled{opacity:.55;cursor:default}.key-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-raised);flex-direction:column;gap:12px;padding:16px;display:flex}.key-panel h2{margin:0;font-size:16px;font-weight:600}.engine-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.engine-picker legend{color:var(--color-text);padding:0 4px;font-size:13px;font-weight:600}.engine-row{grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;display:grid}.engine-toggle{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.engine-rank{color:var(--color-accent);font-weight:400}.engine-hint{color:var(--color-text-muted,var(--color-text));opacity:.75;grid-column:1/2;font-size:12px}.engine-primary-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;grid-area:1/2/2/3;align-self:center;padding:4px 10px;font-size:12px;font-weight:600}.engine-primary-btn:hover{border-color:var(--color-accent)}.region-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin:12px 0 0;padding:12px;display:flex}.region-panel legend{color:var(--color-text);padding:0 4px;font-size:13px;font-weight:600}.region-status{color:var(--color-text);margin:0;font-size:13px}.region-stale{color:var(--color-accent-strong);font-weight:600}.region-progress{flex-direction:column;gap:6px;display:flex}.region-progress-bar{background:color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:999px;height:8px;overflow:hidden}.region-progress-fill{background:var(--color-accent);border-radius:999px;height:100%;transition:width .3s}.region-progress-text{color:var(--color-text-muted,var(--color-text));font-size:12px}.region-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.region-delete{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;padding:8px 14px;font-weight:600}.region-delete:hover{border-color:var(--color-accent)}.region-note{margin:0}.key-steps{color:var(--color-text);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:13px;display:flex}.key-steps a{color:var(--color-accent);font-weight:600}.key-input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text);font:inherit;padding:10px 12px;font-size:14px}.key-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.key-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.key-secondary{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;padding:10px 14px;font-size:14px;font-weight:600}.key-secondary:hover{border-color:var(--color-accent)}.key-link{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.key-link:hover{color:var(--color-accent)}.key-link:disabled{color:var(--color-text-muted);cursor:default;text-decoration:none}.footer-links{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;display:flex}.hint{color:var(--color-text-muted);margin:0;font-size:12px}.field-note{color:var(--color-text-muted);margin:6px 0 0;font-size:11px}.error{color:#b3403a;margin:0;font-size:13px}@media (prefers-color-scheme:dark){.error{color:#e8867f}}.stats{border-top:1px solid var(--color-border);gap:16px;margin:0;padding-top:10px;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:11px}.stats dd{margin:2px 0 0;font-size:15px;font-weight:600}.results h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0;font-size:13px;font-weight:600}.result-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .12s;overflow:hidden}.card.selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.card.done{opacity:.65}.card-main{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:12px 12px 10px;display:block}.shared-card .card-main{cursor:default}.card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-head h3{margin:0;font-size:14px;font-weight:650}.chip{color:var(--color-accent-strong);background:color-mix(in srgb, var(--color-accent) 14%, transparent);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.card-desc{color:var(--color-text-muted);margin:6px 0 0;font-size:12.5px;line-height:1.45}.card-stats{flex-wrap:wrap;gap:10px 14px;margin-top:10px}.card-water,.card-start{color:var(--color-text-muted);margin:8px 0 0;font-size:12px}.mode-note{margin:4px 2px 0}.water-marker{cursor:default;filter:drop-shadow(0 1px 1px #00000059);font-size:18px;line-height:1}.poi-marker{cursor:default;filter:drop-shadow(0 1px 1px #00000059);font-size:16px;line-height:1}.end-marker{cursor:default;filter:drop-shadow(0 1px 2px #00000073);font-size:22px;line-height:1}.waypoint-marker{background:var(--color-accent);cursor:grab;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:relative;box-shadow:0 1px 4px #141e1673}.waypoint-marker:before{content:"";border-radius:50%;position:absolute;inset:-15px}.waypoint-marker:active{cursor:grabbing}.waypoint-via{border-color:var(--color-accent);background:#fff;width:12px;height:12px}.waypoint-start,.waypoint-end{width:16px;height:16px}.waypoint-end{background:var(--color-accent-strong)}.edit-bar{background:var(--color-surface);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.85rem;display:flex}.edit-bar-stat{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:600}.edit-bar-note{color:var(--color-text-muted);flex-basis:100%}.edit-bar-warn{color:#c0392b;flex-basis:100%}.edit-bar button{border:1px solid var(--color-border);color:var(--color-text);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:4px 10px}.edit-bar button:disabled{opacity:.45;cursor:default}.edit-bar-done{background:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important}.poi-toggles{flex-wrap:wrap;gap:6px;display:flex}.poi-toggles button{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.poi-toggles button.active{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 14%, transparent);color:var(--color-accent-strong)}.card-difficulty{margin:0 12px 10px;font-size:12px}.card-difficulty summary{cursor:pointer;align-items:center;gap:6px;width:fit-content;list-style:none;display:flex}.card-difficulty summary::-webkit-details-marker{display:none}.card-difficulty .difficulty-info{color:var(--color-text-muted);font-size:12px}.card-difficulty p{color:var(--color-text-muted);margin:6px 0 0;line-height:1.45}.chip.difficulty-easy{color:var(--color-accent-strong);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.chip.difficulty-moderate{color:#7a6206;background:#d4b10629}.chip.difficulty-hard{color:#8a5a00;background:#e08c0029}.chip.difficulty-strenuous{color:#9c3b1e;background:#d9531e29}@media (prefers-color-scheme:dark){.chip.difficulty-moderate{color:#e3c94f}.chip.difficulty-hard{color:#e6b45a}.chip.difficulty-strenuous{color:#ef9273}}.chip.engine-offline{color:#0f6e63;background:#14b8a629}.chip.engine-valhalla,.chip.engine-ors{color:var(--color-text-muted);background:color-mix(in srgb, var(--color-text-muted) 12%, transparent)}@media (prefers-color-scheme:dark){.chip.engine-offline{color:#5ed9c9}}.card-note{color:var(--color-text-muted);margin:6px 0 0;font-size:11px}.card-warning{color:#8a5a00;margin:0 12px 10px;font-size:12px}.card-warning summary{cursor:pointer;font-weight:600}.card-warning p{margin:6px 0 0;line-height:1.45}.card-warning a{color:inherit;text-decoration:underline}.avoid-shortfall{color:#8a5a00;margin:0;font-size:12px;line-height:1.45}@media (prefers-color-scheme:dark){.card-warning,.avoid-shortfall{color:#e6b45a}}.card-stats dd{font-size:13px}.card-actions{flex-wrap:wrap;gap:6px;padding:0 12px 12px;display:flex}.card-actions a,.card-actions button{color:var(--color-accent-strong);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none}.card-actions a:hover,.card-actions button:hover{border-color:var(--color-accent)}.card-actions .done-toggle{margin-left:auto}.more{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;padding:8px 14px;font-size:13px;font-weight:600}.refine-note{color:var(--color-text-soft,#666);margin:0;font-size:12px;line-height:1.45}.merge-pill{border:1px solid var(--color-accent);color:var(--color-accent-strong);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:600}.merge-pill:hover{border-color:var(--color-accent-strong)}.more:hover:enabled{border-color:var(--color-accent)}.more:disabled{opacity:.55;cursor:default}.weather{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.weather-loading{color:var(--color-text-muted);margin:0;font-size:13px}.weather-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.weather-temp{color:var(--color-text);font-size:22px;font-weight:700}.weather-feels,.weather-rain{color:var(--color-text-muted);font-size:13px}.weather-water{color:var(--color-text);margin:4px 0 0;font-size:14px}.weather-info>summary{cursor:pointer;color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;list-style:none;display:flex}.weather-info>summary::-webkit-details-marker{display:none}.weather-info-mark{opacity:.8;font-size:12px}.weather-info>p{color:var(--color-text-muted);margin:6px 0 0;font-size:12px;line-height:1.45}.datetime{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;padding:8px 10px;font-size:13px}.field-sub{color:var(--color-text-muted);font-size:11px;font-weight:400}.profile-subhead{margin-top:4px}.profile-row{gap:12px;display:flex}.profile-row label{color:var(--color-text-muted);flex-direction:column;flex:1;gap:4px;font-size:12px;display:flex}.profile-input{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.profile-input input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;padding:7px 9px;font-size:13px}.install{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);padding:12px 14px}.install-body{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.install-text{min-width:150px;color:var(--color-text-muted);flex:1;font-size:12.5px}.install-actions{gap:8px;margin-left:auto;display:flex}.install-go{background:var(--color-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}.install-go:hover{background:var(--color-accent-strong)}.install-dismiss{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:12.5px}.install-dismiss:hover{border-color:var(--color-accent)}.crash{background:var(--color-bg);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crash-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);max-width:360px;box-shadow:var(--shadow-raised);text-align:center;padding:24px}.crash-card h1{margin:0 0 8px;font-size:18px}.crash-card p{color:var(--color-text-muted);margin:0 0 16px;font-size:13.5px;line-height:1.5}.crash-card button{background:var(--color-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:9px 20px;font-weight:600}.crash-card button:hover{background:var(--color-accent-strong)}.save-toggle{border:1px solid var(--color-border);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:12px}.save-toggle:hover{border-color:var(--color-accent)}.save-toggle.saved{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.saved-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.saved-head h2{margin:0}.saved-empty{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.5}.saved-card-row .card-main{cursor:pointer}.saved-backup{gap:8px;display:flex}.saved-backup button{border:1px solid var(--color-border);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex:1;padding:8px 10px;font-size:12.5px;font-weight:600}.saved-backup button:hover{border-color:var(--color-accent)}.saved-backup-note{color:var(--color-text-muted);margin:0;font-size:11px;line-height:1.45}.saved-notice{color:var(--color-accent);margin:0;font-size:12.5px}.saved-sync{border-bottom:1px solid var(--color-border);flex-direction:column;gap:6px;padding-bottom:4px;display:flex}.sync-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:600;display:inline-flex}.sync-button:hover:enabled{background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.sync-button:disabled{opacity:.55;cursor:default}.google-glyph{flex-shrink:0}.trail-picker{gap:0}.trail-picker-box{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);align-items:center;padding:7px 10px;display:flex}.trail-picker-input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.trail-picker-input::-webkit-search-cancel-button{display:none}.trail-picker-results{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:var(--color-surface);box-shadow:var(--shadow-raised);max-height:240px;margin:6px 0 0;padding:4px;list-style:none;overflow-y:auto}.trail-picker-result{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;border-radius:6px;flex-direction:column;padding:7px 9px;display:flex}.trail-picker-result:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.trail-picker-result-label{font-size:13px;font-weight:500}.trail-picker-result-detail,.trail-picker-empty{color:var(--color-text-muted);font-size:11px}.trail-picker-empty{padding:8px 9px}.trail-chip{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));align-items:center;gap:8px;padding:7px 8px 7px 10px;display:flex}.trail-chip-icon{font-size:14px}.trail-chip-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.trail-chip-clear{cursor:pointer;width:20px;height:20px;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.trail-chip-clear:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.trail-start-toggle{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.trail-start-toggle em{color:var(--color-text-muted);font-style:normal}.trail-popup-note{border-top:1px solid var(--color-border);color:var(--color-text-muted);margin:8px 0 0;padding-top:6px;font-size:11px;line-height:1.35}.build-stamp-corner{z-index:5;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-raised);color:var(--color-text-muted);opacity:.55;pointer-events:auto;-webkit-user-select:all;user-select:all;border-radius:999px;padding:2px 7px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:10px;line-height:1.4;transition:opacity .12s;position:fixed;bottom:6px;right:6px}.build-stamp-corner:hover{opacity:1}.build-stamp-inline{color:var(--color-text-muted);margin-top:6px;font-size:11px;display:inline-block}.build-stamp-inline code{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath fill='%23d63a2e' d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23bbb' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}