:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-sm:.8125rem;--text-md:1rem;--text-lg:1.25rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius:12px;--radius-pill:999px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--brand:#1b7a2e;--brand-contrast:#fff;--bg:#f4f3f1;--surface:#fff;--surface-2:#eeede9;--text:#1d1f1e;--text-muted:#5e6461;--border:#0000001f;--shadow:0 2px 10px #0000002e;--danger:#c62828}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--brand:#5cc06b;--brand-contrast:#0b1a0e;--bg:#171a19;--surface:#222625;--surface-2:#2c3130;--text:#eceeed;--text-muted:#a5aca9;--border:#ffffff24;--shadow:0 2px 12px #0009;--danger:#ef6b6b}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:var(--text-md);color:var(--text);background:var(--bg);position:fixed;inset:0;overflow:hidden}button,[role=button]{-webkit-user-select:none;user-select:none;touch-action:manipulation;font:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.notice{align-items:center;gap:var(--space-2);margin:var(--space-2) var(--space-4) 0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);min-height:var(--tap);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:var(--text-sm);display:flex}.notice>span:first-child{flex:1}.notice-share{vertical-align:-3px;color:#1a73e8}.notice-action{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--brand);color:var(--brand-contrast);font:inherit;cursor:pointer;border:none;flex:none;font-weight:600}.notice-close{width:var(--tap);height:var(--tap);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.sheet{z-index:20;left:var(--safe-left);right:var(--safe-right);background:var(--surface);color:var(--text);padding-bottom:var(--safe-bottom);border-radius:16px 16px 0 0;flex-direction:column;transition:height .22s ease-out;display:flex;position:absolute;bottom:0;box-shadow:0 -2px 16px #0003}.sheet.is-dragging{transition:none}.sheet-header{padding:18px var(--space-4) var(--space-2);touch-action:none;cursor:grab;flex:none;position:relative}.sheet-handle{background:var(--border);border-radius:3px;width:40px;height:5px;margin-left:-20px;position:absolute;top:7px;left:50%}.sheet-header-content{padding-right:40px}.sheet-close{z-index:1;width:var(--tap);height:var(--tap);color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:6px}.sheet-body{overscroll-behavior:contain;min-height:0;padding:0 var(--space-4) var(--space-4);flex:1;overflow-y:auto}@media (width>=700px){.sheet{left:calc(var(--safe-left) + var(--space-4));width:400px;right:auto}}.edit-title{font-size:var(--text-lg);overflow-wrap:anywhere;margin:0;line-height:1.25}.edit-message{margin:var(--space-2) 0 var(--space-3)}.edit-note{margin:var(--space-2) 0;color:var(--text-muted);font-size:var(--text-sm)}.edit-test{padding:var(--space-2) var(--space-3);color:var(--text);background:#e08a0024;border-radius:8px}.edit-error,.edit-warning{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:8px}.edit-error{color:var(--danger);background:#c628281f;font-weight:600}.edit-warning{background:#e08a0024}.edit-form,.edit-step{gap:var(--space-3);padding-bottom:var(--space-4);display:grid}.edit-field{gap:var(--space-2);border:none;margin:0;padding:0;display:grid}.edit-label{padding:0;font-weight:600}.edit-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.edit-option{min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer}.edit-option.is-active{border-color:var(--brand);background:var(--brand);color:var(--brand-contrast);font-weight:600}.edit-input{min-height:var(--tap);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-md)}.edit-preview ul{margin:0;padding:0;list-style:none}.edit-preview code{font-size:var(--text-sm);overflow-wrap:anywhere}.edit-buttons{justify-content:flex-end;gap:var(--space-2);display:flex}.edit-save{justify-self:start}.edit-presets{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.edit-preset{justify-items:center;gap:var(--space-1);min-height:88px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--text-sm);text-align:center;cursor:pointer;display:grid}.edit-login{gap:var(--space-3);justify-items:start;display:grid}.edit-login p{margin:0}.crosshair{z-index:5;left:50%;top:calc((var(--safe-top) + 64px + 100dvh - 250px) / 2);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.route-title{margin:0;font-size:1.5rem;line-height:1.2}.route-distance{color:var(--text-muted);font-size:var(--text-lg);font-weight:500}.route-nice{color:#1b7a2e;font-size:var(--text-sm);margin:2px 0 0;font-weight:600}@media (prefers-color-scheme:dark){.route-nice{color:#5cc06b}}.route-ends{gap:var(--space-1);margin:var(--space-2) 0;padding-right:52px;display:grid;position:relative}.route-end{align-items:baseline;gap:var(--space-2);min-height:var(--tap);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;display:flex}.route-end.is-picking{outline:2px solid #2563eb}.route-end-label{width:3.5em;color:var(--text-muted);font-size:var(--text-sm);flex:none}.route-end-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.route-swap{width:var(--tap);height:var(--tap);margin-top:calc(var(--tap) / -2);background:var(--surface-2);color:var(--text);cursor:pointer;border:none;border-radius:50%;position:absolute;top:50%;right:0}.route-hint,.route-error{margin:var(--space-2) 0;font-size:var(--text-sm)}.route-hint{color:var(--text-muted)}.route-error{color:var(--danger);font-weight:600}.route-alternatives{gap:var(--space-2);margin:var(--space-3) 0;display:flex}.route-alt{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:52px;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;flex:1;gap:2px;display:grid}.route-alt strong{color:var(--text);font-size:var(--text-md)}.route-alt.is-active{border:2px solid #2563eb}.route-niceness{margin:var(--space-3) 0}.niceness-bar{background:var(--surface-2);border-radius:5px;height:10px;display:flex;overflow:hidden}.seg-quiet{background:#22a83a}.seg-calm{background:#9bd5a4}.seg-sidewalk{background:#e0a400}.seg-busy{background:#d8403a}.niceness-legend{gap:var(--space-1) var(--space-3);margin:var(--space-2) 0 0;font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.niceness-legend .dot{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.route-instructions{margin:var(--space-3) 0 0;padding:0;list-style:none}.route-instructions li{justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.ins-distance{color:var(--text-muted);font-size:var(--text-sm);flex:none}.loop-durations{gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);display:flex}.loop-duration{min-height:var(--tap);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--text-sm);cursor:pointer;flex:1;font-weight:600}.loop-duration.is-active{background:var(--brand);color:var(--brand-contrast);border-color:#0000}.loop-another{width:100%}.loop-pleasant{margin:var(--space-3) 0 0;font-size:var(--text-sm);font-weight:600}.poi-header{align-items:center;gap:var(--space-3);min-height:48px;display:flex}.poi-icon{flex:none}.poi-area-swatch{background:#5cae5f;border-radius:10px;flex:none;width:40px;height:40px}.poi-area-swatch.kind-dog_park{background:#2e9b3a}.poi-area-swatch.kind-dog_forbidden{background:repeating-linear-gradient(45deg, #d8403a 0 3px, transparent 3px 8px), var(--surface-2);border:2px solid #d8403a}.poi-area-swatch.kind-nature_reserve{background:var(--surface-2);border:2px dotted #4f8a52}.poi-area-swatch.kind-beach{background:#d9b45a}.poi-titles{min-width:0}.poi-title{font-size:var(--text-lg);overflow-wrap:anywhere;margin:0;line-height:1.25}.poi-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0}.poi-actions{gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;display:flex}.button{min-height:var(--tap);padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);cursor:pointer;font-weight:600}.button.primary{background:var(--brand);color:var(--brand-contrast);border-color:#0000}.button:disabled{opacity:.45;cursor:default}.poi-facts{margin:0 0 var(--space-3);padding:0;list-style:none}.fact{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.fact:before{content:"";background:var(--text-muted);border-radius:50%;flex:none;width:10px;height:10px}.fact.tone-good:before{background:#22a83a}.fact.tone-warn:before{background:#e08a00}.fact.tone-bad:before{background:var(--danger)}.fact.tone-bad{font-weight:600}.poi-osm-link{padding:var(--space-2) 0;color:var(--brand);font-size:var(--text-sm);display:inline-block}.poi-pin{background:radial-gradient(circle,#d8403a 0 9px,#fff 9px 12px,#d8403a26 12px);border-radius:50%;flex:none;width:40px;height:40px}.poi-pending{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:#e08a001f;border-left:3px solid #e08a00;border-radius:4px}.menu{flex:none;position:relative}.menu-button{width:var(--tap);height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.menu-panel{z-index:30;width:min(300px, calc(100vw - 2 * var(--space-4)));padding:var(--space-2);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);position:absolute;top:calc(100% + 10px);right:-8px}.menu-user{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm);margin:0}.menu-user strong{color:var(--text)}.menu-item{width:100%;min-height:var(--tap);padding:0 var(--space-3);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;text-decoration:none;display:flex}.menu-item:hover{background:var(--surface-2)}.menu-item.primary{background:var(--brand);color:var(--brand-contrast);justify-content:center;font-weight:600}.menu-separator{margin:var(--space-2) 0;border:none;border-top:1px solid var(--border)}.search{padding:0 var(--space-4)}.search-form{align-items:center;gap:var(--space-1);height:48px;padding:0 var(--space-2) 0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow);display:flex}.search.is-open .search-form{padding-left:0}.search-back{width:var(--tap);height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.search-input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1}.search-input::-webkit-search-decoration{appearance:none}.search-panel{margin-top:var(--space-2);max-height:calc(100dvh - var(--safe-top) - 140px);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow-y:auto}.search-heading{padding:var(--space-3) var(--space-4) var(--space-1);color:var(--text-muted);font-size:var(--text-sm);margin:0;font-weight:600}.search-message{padding:var(--space-4);color:var(--text-muted);margin:0}.search-results{margin:0;padding:0;list-style:none}.search-result{width:100%;min-height:56px;padding:var(--space-2) var(--space-4);border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.search-result-name{font-weight:600}.search-result-address{color:var(--text-muted);font-size:var(--text-sm)}.search-attribution{padding:var(--space-2) var(--space-4);color:var(--text-muted);margin:0;font-size:.6875rem}.chips{gap:var(--space-2);padding:var(--space-2) var(--space-4);scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{min-height:36px;padding:0 var(--space-3) 0 6px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);box-shadow:var(--shadow);cursor:pointer;flex:none;align-items:center;gap:6px;display:inline-flex}.chip img{opacity:.4;filter:grayscale()}.chip.is-on{color:var(--text);font-weight:600}.chip.is-on img{opacity:1;filter:none}.chip{position:relative}.chip:after{content:"";position:absolute;inset:-4px 0}.overlay-top{z-index:10;top:calc(var(--safe-top) + var(--space-2));left:var(--safe-left);right:var(--safe-right);pointer-events:none;position:absolute}.overlay-top>*{pointer-events:auto}.overlay-fabs{z-index:10;right:calc(var(--safe-right) + var(--space-4));bottom:calc(var(--safe-bottom) + 40px);gap:var(--space-3);flex-direction:column;display:flex;position:absolute}.fab{background:var(--surface);width:48px;height:48px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:50%;place-items:center;display:grid}.fab.is-active{color:#1a73e8}.fab[data-status=denied]{color:var(--text-muted)}.map{background:var(--bg);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.map-error{inset:auto var(--space-4) calc(var(--safe-bottom) + 48px);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--surface);color:var(--danger);box-shadow:var(--shadow);position:absolute}.maplibregl-ctrl-bottom-left{left:var(--safe-left);bottom:var(--safe-bottom)}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib{background:color-mix(in srgb, var(--surface) 75%, transparent);color:var(--text-muted);font-size:.6875rem}.maplibregl-ctrl-attrib a{color:inherit}.env-badge{z-index:15;bottom:calc(var(--safe-bottom) + 22px);left:calc(var(--safe-left) + 6px);border-radius:var(--radius-pill);color:#fff;letter-spacing:.06em;pointer-events:none;background:#b45309;padding:1px 8px;font-size:.6875rem;font-weight:700;position:fixed}.toast{z-index:40;left:50%;bottom:calc(var(--safe-bottom) + 88px);width:max-content;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--text);color:var(--bg);font-size:var(--text-sm);box-shadow:var(--shadow);position:fixed;transform:translate(-50%)}