:root{--font-ui:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--type-caption:.75rem;--type-meta:.8125rem;--type-body:.875rem;--type-label:.9375rem;--type-control:1rem;--type-heading:1.125rem;--type-title:1.25rem;--type-display:1.625rem;--leading-tight:1.25;--leading-control:1.4;--leading-body:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--card-gutter:var(--space-3);--bg:#fbfaf7;--text:#1c1d22;--text-2:#6f7380;--accent:#ff6b4a;--success:#33b57a;--card:#fff;--line:#1c1d2214;--shadow:0 8px 24px #1414281f;--shadow-1:0 1px 2px #1414280f, 0 2px 6px #14142814;--shadow-2:0 4px 12px #1414281f, 0 1px 2px #1414280f;--shadow-3:0 8px 24px #14142824;--shadow-4:0 16px 48px #14142838;--radius:18px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--accent-ink:#b73e26;--accent-soft:#fff0ea;--location:#0a63b5;--location-soft:#e4f1fc;--brand:#185b46;--brand-soft:#eaf3ee;--line-strong:#1c1d2233;--press:#1c1d220f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-press:.14s;--dur-ui:.2s;--dur-sheet:.32s;--inset:12px;--control:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--planner-bottom:64px;--sheet-visible:132px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,[role=button],summary,.home-shortcut,.origin-chip{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}button:not(:disabled),[role=button],summary{cursor:pointer}label:has(>input[type=checkbox]){cursor:pointer}button:disabled{cursor:default}.pressable,.rail-btn,.go-pill,.about-btn,.tutorial-btn,.field-locate,.swap-endpoints,.home-shortcut,.origin-chip,.ride-button,.route-share,.add-route-stop,.place-details-button,.search-cancel,.search-my-location,.place-categories button,.walking-buttons button,.pwa-toast-action,.tutorial-action,.nav-end,.bus-entry,.install-hint-btn,.places-manage,.btn-directions{transition:transform var(--dur-press) var(--ease-out), background-color .12s ease, opacity .12s ease}.pressable:active,.rail-btn:active,.go-pill:active,.about-btn:active,.tutorial-btn:active,.field-locate:active,.swap-endpoints:active,.home-shortcut:active,.origin-chip:active,.ride-button:active:not(:disabled),.route-share:active,.add-route-stop:active:not(:disabled),.place-details-button:active,.search-cancel:active,.search-my-location:active,.place-categories button:active,.walking-buttons button:active:not(:disabled),.pwa-toast-action:active,.tutorial-action:active,.nav-end:active,.bus-entry:active,.install-hint-btn:active,.places-manage:active,.btn-directions:active:not(:disabled){transform:scale(.97)}.route-card-summary:active,.result-item:active,.origin-banner:active{background:var(--press)}@media (hover:hover) and (pointer:fine){.rail-btn:hover,.about-btn:hover,.tutorial-btn:hover,.home-shortcut:hover,.origin-chip:hover,.field-locate:hover:not(:disabled),.swap-endpoints:hover:not(:disabled),.search-cancel:hover,.place-categories button:hover,.nav-end:hover{background-color:#f1efe9}.route-card-summary:hover,.result-item:hover,.origin-banner:hover{background:#1c1d2209}.go-pill:hover,.btn-directions:hover:not(:disabled),.ride-button--primary:hover:not(:disabled){filter:brightness(1.06)}}@media (prefers-reduced-motion:reduce){.pressable,.rail-btn,.go-pill,.about-btn,.tutorial-btn,.field-locate,.swap-endpoints,.home-shortcut,.origin-chip,.ride-button,.route-share,.add-route-stop,.place-details-button,.search-cancel,.search-my-location,.place-categories button,.walking-buttons button,.pwa-toast-action,.tutorial-action,.nav-end,.bus-entry,.install-hint-btn,.places-manage,.btn-directions{transition:none;transform:none!important}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);font-size:var(--type-control);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;margin:0;overflow:hidden}input,select,textarea{font:inherit}h1,h2,h3,h4{line-height:var(--leading-tight);overflow-wrap:anywhere}h1,h2{font-size:var(--type-title)}h3{font-size:var(--type-heading)}h4{font-size:var(--type-label)}#app{position:fixed;top:0;bottom:0;left:0;right:0}.boot{background:linear-gradient(#bfd8ff 0%,#ffd9c2 100%);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.boot-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:20px 28px}.boot-card h1{font-size:var(--type-title);margin:0 0 6px}.boot-card p{color:var(--text-2);margin:0}.boot{transition:opacity .4s}.boot--hide{opacity:0;pointer-events:none}.boot-error{text-align:center;color:var(--text-2);background:var(--bg);z-index:100;place-items:center;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.boot-error>div{max-width:360px}.boot-error h1{color:var(--text);font-size:var(--type-title)}.boot-error p{line-height:1.6}.boot-error button{background:var(--accent);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-weight:650}.map-root{position:relative;overflow:hidden}.map-canvas{touch-action:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.label-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.map-label{white-space:nowrap;font-weight:700;font-size:var(--type-caption);color:var(--text);text-shadow:0 1px 2px #ffffffd9,0 0 6px #fff9;align-items:center;gap:5px;transition:opacity .15s linear;display:flex;position:absolute;transform:translate(-50%,-100%)}.map-label--college{font-size:var(--type-meta);letter-spacing:.01em}.map-label--landmark{font-size:var(--type-meta);color:#1c1d22;text-shadow:0 0 0 2px #fff,2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1.4px 1.4px #fff,-1.4px 1.4px #fff,1.4px -1.4px #fff,-1.4px -1.4px #fff;background:#fffdf7e6;border-radius:6px;padding:3px 6px;font-weight:600}.map-label--full{white-space:normal;text-align:center;width:max-content;max-width:190px;padding:5px 8px;line-height:1.25}.map-label--passage{color:#6f3829;background:#fff3e8f5;border:1px solid #cf725b}.chip-dot{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 1.5px #ffffffe6}.debug-overlay{top:calc(8px + var(--safe-top));z-index:1000;color:#fff;pointer-events:none;background:#141418b8;border-radius:6px;padding:4px 8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;left:8px}.map-stops{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}.map-stop{color:#172f28;pointer-events:auto;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-stop[hidden],.map-stop-label[hidden]{display:none}.map-stop-dot{border:3px solid var(--stop-color);width:22px;height:22px;font:750 var(--type-caption)/1 var(--font-ui);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:11px;display:flex;box-shadow:0 1px 5px #182d3655}.map-stop--endpoint .map-stop-dot{background:var(--stop-color);width:30px;height:30px;color:var(--stop-ink);border-color:#fff;border-radius:10px;margin:7px}.map-stop-dot svg{width:20px;height:20px}.map-stop-label{text-align:left;width:max-content;max-width:180px;font:650 var(--type-meta)/1.4 var(--font-ui);background:#fffffff5;border-radius:8px;padding:5px 8px;position:absolute;top:50%;left:40px;transform:translateY(-50%);box-shadow:0 1px 5px #182d3633}.map-stop--left .map-stop-label{left:auto;right:40px}.map-stop:focus-visible{outline-offset:1px;border-radius:50%;outline:3px solid #156ce0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-btn{left:var(--inset);bottom:calc(var(--sheet-visible,132px) + 12px);z-index:28;width:40px;height:40px;box-shadow:var(--shadow-2);color:var(--text);cursor:pointer;transition:bottom var(--dur-sheet) var(--ease-drawer);pointer-events:auto;background:#ffffffeb;border:none;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.about-btn:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.about-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-btn svg{width:18px;height:18px}.map-credit{left:calc(var(--inset) + 46px);bottom:calc(var(--sheet-visible,132px) + 12px);z-index:28;max-width:calc(100vw - 132px);min-height:40px;color:var(--text);font-size:var(--type-caption);text-shadow:0 1px 2px #ffffffe6,0 0 6px #ffffffb3;pointer-events:auto;transition:bottom var(--dur-sheet) var(--ease-drawer);border-radius:6px;align-items:center;padding:2px 6px;line-height:1.3;text-decoration:none;display:flex;position:fixed}.map-credit:hover{text-underline-offset:2px;text-decoration:underline}.map-credit:focus-visible{text-underline-offset:2px;text-decoration:underline}.map-credit[hidden]{display:none}.about-scrim{z-index:40;cursor:pointer;pointer-events:auto;background:#14141e47;border:none;padding:0;position:fixed;top:0;bottom:0;left:0;right:0}.about-panel{z-index:41;overscroll-behavior:contain;background:var(--card);max-height:70vh;padding:10px 44px calc(20px + var(--safe-bottom)) 20px;pointer-events:auto;width:100%;max-width:600px;color:var(--text);transition:transform .28s var(--ease-drawer), opacity .2s var(--ease-out), display .28s allow-discrete, overlay .28s allow-discrete;border:none;border-radius:20px 20px 0 0;margin:0 auto;position:fixed;top:auto;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #1414282e}.about-panel[open]{opacity:1;transform:translateY(0)}@starting-style{.about-panel[open]{opacity:.6;transform:translateY(100%)}}.about-panel:not([open]){opacity:0;transition-duration:.2s;transform:translateY(100%)}.about-panel::backdrop{background:#14141e47}.about-panel h3{font-size:var(--type-body);margin:18px 0 6px}.about-panel p+p{margin-top:10px}.about-panel a{color:var(--location);padding:10px 0;display:inline-block}.about-handle{background:var(--line-strong);border-radius:3px;width:36px;height:5px;margin:6px auto 14px}.about-title{font-size:var(--type-control);color:var(--text);margin:0 0 8px;font-weight:700}.about-panel p{font-size:var(--type-meta);line-height:var(--leading-body);color:var(--text-2);margin:0}.about-close{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:8px}.about-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.about-close svg{width:18px;height:18px}.pwa-toast-region{left:12px;right:68px;top:calc(var(--planner-bottom,64px) + 8px);z-index:50;max-height:calc(100dvh - var(--planner-bottom,64px) - var(--sheet-visible,132px) - 24px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;overflow-y:auto}.pwa-toast{box-sizing:border-box;background:var(--text);color:#fff;width:min(340px,100%);box-shadow:var(--shadow);font-size:var(--type-meta);line-height:var(--leading-control);opacity:0;pointer-events:none;transition:opacity .14s var(--ease-out);border-radius:14px;flex:none;align-items:flex-start;gap:4px;padding:8px 8px 8px 16px;display:flex}.pwa-toast[data-visible=true]{opacity:1;pointer-events:auto;transition-duration:.22s}.pwa-toast-message{overflow-wrap:anywhere;flex:auto;min-width:0;padding-block-start:11px;padding-block-end:11px}.pwa-toast-action{color:#fff;font-weight:600;font-size:var(--type-meta);cursor:pointer;background:#ffffff2e;border:none;border-radius:10px;flex:none;min-height:44px;padding:0 14px}.pwa-toast-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.pwa-toast-dismiss{color:#ffffffbf;cursor:pointer;background:0 0;border:none;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.pwa-toast-dismiss:focus-visible{outline-offset:2px;outline:2px solid #fff}.pwa-toast-dismiss svg{width:15px;height:15px}.install-hint{left:12px;right:12px;bottom:max(calc(var(--sheet-visible,132px) + 60px), var(--go-clear,0px));z-index:33;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 48px 14px 16px;position:fixed}.install-hint-title{font-weight:700;font-size:var(--type-body);color:var(--text);margin-bottom:4px}.install-hint p{font-size:var(--type-meta);line-height:var(--leading-body);color:var(--text-2);margin:0 0 10px}.install-hint-actions{gap:8px;display:flex}.install-hint-btn{background:var(--accent);color:#fff;font-weight:600;font-size:var(--type-meta);cursor:pointer;border:none;border-radius:12px;min-height:44px;padding:0 18px}.install-hint-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.install-hint-close{width:44px;height:44px;color:var(--text-2);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:4px}.install-hint-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.install-hint-close svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.about-panel,.pwa-toast{transition:none}}.ui-overlay{pointer-events:none;z-index:10;font-family:var(--font-ui);position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit}.top-bar{top:calc(var(--inset) + var(--safe-top));left:var(--inset);right:var(--inset);pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute}.search-pill{background:var(--card);box-shadow:var(--shadow-3);border-radius:26px;align-items:stretch;gap:4px;padding:4px 8px 4px 12px;display:flex}.top-bar[data-state=planning] .search-pill{border-radius:var(--r-xl)}.route-fields{flex-direction:column;flex:1;min-width:0;display:flex}.route-field{align-items:center;gap:8px;min-height:44px;display:flex;position:relative}.route-field[hidden]{display:none}.route-field--to{box-shadow:none}.top-bar[data-state=planning] .route-field--to{box-shadow:inset 0 1px var(--line)}.route-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;font-size:var(--type-caption);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.route-glyph{width:24px;height:24px;color:var(--text-2);flex:none;place-items:center;display:grid}.route-glyph--from:before{content:"";border:2.5px solid var(--text-2);box-sizing:border-box;border-radius:50%;width:10px;height:10px}.route-glyph--to{color:var(--accent)}.route-glyph--to svg{width:22px;height:22px}.planner-mark{flex:none;place-items:center;width:24px;height:24px;display:grid}.planner-mark img{border-radius:6px;width:24px;height:24px;display:block}.top-bar[data-state=planning] .planner-mark,.top-bar[data-state=idle] .route-glyph--to{display:none}.field-locate{border-radius:var(--r-md);width:44px;height:44px;color:var(--location);background:0 0;border:0;flex:0 0 44px;place-items:center;display:grid;position:relative}.field-locate:focus-visible{outline:2px solid var(--location);outline-offset:-2px}.field-locate[aria-busy=true]{opacity:.55;cursor:progress}.route-field:focus-within .route-glyph{color:var(--text)}.route-field:focus-within .route-glyph--to{color:var(--accent)}.route-field input{height:2.75rem;min-height:44px}.route-field input:not(:focus){text-overflow:ellipsis}.top-bar[data-state=planning] .route-field--to input{font-weight:600}.planner-actions{flex-direction:column;justify-content:center;display:flex}.planner-actions button{width:44px;min-width:44px;min-height:44px}.planner-actions button[hidden]{display:none}.swap-endpoints{border-radius:var(--r-md);color:var(--text-2);background:0 0;border:0;place-items:center;display:grid}.swap-endpoints svg{width:22px;height:22px}.swap-endpoints:disabled{opacity:.35}.top-bar[data-state=idle] .planner-actions{display:none}.search-heading{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin:0 0 4px;display:flex}.search-heading h2{font-size:var(--type-caption);letter-spacing:.02em;text-transform:uppercase;color:var(--text-2);font-weight:700}.search-cancel{border-radius:var(--r-md);min-height:44px;color:var(--text);font-weight:600;font-size:var(--type-meta);background:0 0;border:0;padding:8px 4px 8px 12px}.search-my-location{border-radius:var(--r-md);background:var(--location-soft);width:100%;min-height:48px;color:var(--location);text-align:left;border:0;align-items:center;gap:10px;margin-bottom:8px;padding:8px 12px;font-weight:650;display:flex}.search-my-location svg{flex:none;width:20px;height:20px}.search-message{font-size:var(--type-meta);color:#8a3e0b;line-height:var(--leading-body)}.search-pill svg{width:20px;height:20px;color:var(--text-2);flex:none}.search-pill input{min-width:0;font-size:var(--type-control);color:var(--text);background:0 0;border:none;outline:none;flex:1}.search-pill input::placeholder{color:var(--text-2)}.gps-dot{background:var(--text-2);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 3px #fff9}.gps-dot--unknown{background:#c7c9d1}.gps-dot--locating{background:#f2b23a;animation:1s ease-in-out infinite gps-pulse}.gps-dot--ok{background:var(--success)}.gps-dot--denied{background:#e2685f}@keyframes gps-pulse{0%,to{opacity:1}50%{opacity:.35}}.origin-chips{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.origin-chip{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);font-size:var(--type-meta);white-space:nowrap;border-radius:22px;flex:none;padding:0 14px;font-weight:600}.origin-chip:active{background:#f1efe9}.right-rail{right:var(--inset);top:calc(var(--planner-bottom,64px) + 16px);pointer-events:auto;transition:top var(--dur-ui) var(--ease-out);flex-direction:column;gap:10px;display:flex;position:absolute}@media (max-height:500px) and (min-width:600px){.right-rail{flex-direction:row}}.rail-btn{background:var(--card);width:44px;height:44px;box-shadow:var(--shadow-2);color:var(--text);font-weight:700;font-size:var(--type-meta);border:none;border-radius:50%;place-items:center;display:grid;position:relative}.rail-btn[hidden]{display:none}.rail-btn svg{width:22px;height:22px}.rail-btn--active{color:var(--accent)}.rail-btn--locate{color:var(--location)}.rail-btn--locate .gps-dot{width:7px;height:7px;box-shadow:0 0 0 2px var(--card);position:absolute;bottom:8px;right:8px}.rail-btn--locate[data-location=found]{background:var(--location-soft)}.rail-btn--locate[aria-busy=true] svg{animation:1s ease-in-out infinite alternate locating-pulse}@keyframes locating-pulse{to{opacity:.35;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.rail-btn--locate[aria-busy=true] svg{animation:none}}.rail-btn--compass svg{transition:transform .12s linear}.legend-popover{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);margin:4px 0 8px;padding:12px 14px}.legend-popover[hidden]{display:none}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;display:grid}.legend-title{font-weight:700;font-size:var(--type-meta);margin-bottom:6px}.legend-row{font-size:var(--type-meta);color:var(--text);align-items:center;gap:8px;padding:3px 0;display:flex}.legend-swatch,.result-chip,.building-swatch{border-radius:4px;flex:none;width:12px;height:12px}.sheet{pointer-events:auto;background:var(--card);z-index:30;will-change:transform;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 30px #14142829}.sheet-handle-zone{touch-action:none;cursor:grab;flex:none;justify-content:center;padding:20px 0 19px;display:flex}.sheet-handle{background:var(--line-strong);border-radius:3px;width:36px;height:5px}.sheet-footer:empty{display:none}.sheet-content{overscroll-behavior:contain;padding:0 16px calc(16px + var(--safe-bottom));flex:none;overflow-y:hidden}.sheet-content:not(.sheet-content--scrolls){touch-action:none}.sheet-content--scrolls{-webkit-overflow-scrolling:touch;overflow-y:auto}.view-root{min-height:100%}.origin-row{align-items:center;gap:4px;margin-top:-8px;display:flex}.origin-banner{border-radius:var(--r-md);text-align:left;min-width:0;min-height:48px;color:var(--text);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.origin-banner>svg{width:22px;height:22px;color:var(--accent);flex:none}.origin-banner-text{min-width:0}.origin-banner-name{font-size:var(--type-label);font-weight:600;line-height:var(--leading-control);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.origin-banner-default{color:var(--text-2);font-weight:400}.origin-banner-hint{font-size:var(--type-caption);color:var(--text-2);font-weight:400}.origin-banner-default{font-weight:600}.origin-locate{flex:none}.home-shortcuts{scrollbar-width:none;gap:8px;margin:4px -16px 0;padding:2px 16px 6px;display:flex;overflow-x:auto}.home-shortcuts::-webkit-scrollbar{display:none}.home-shortcut{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);font-size:var(--type-meta);white-space:nowrap;border-radius:22px;flex:none;align-items:center;gap:6px;padding:0 14px 0 10px;font-weight:600;display:inline-flex}.home-shortcut svg{width:18px;height:18px;color:var(--text-2)}.home-shortcut[aria-expanded=true]{background:var(--bg);border-color:var(--line-strong)}.home-shortcut.bus-entry svg{color:var(--location)}.sheet-row-button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);width:100%;min-height:48px;color:var(--text);font-size:var(--type-body);text-align:left;align-items:center;gap:10px;margin:4px 0 8px;padding:6px 12px;font-weight:600;display:flex}.sheet-row-button svg{width:20px;height:20px;color:var(--location);flex:none}.results-list{flex-direction:column;display:flex}.result-item{border:none;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 4px;display:flex}.result-item:last-child{border-bottom:none}.result-chip{border-radius:50%;width:14px;height:14px}.result-text{flex:1;min-width:0}.result-name{font-size:var(--type-label);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.result-sub{font-size:var(--type-meta);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-distance{font-size:var(--type-meta);color:var(--text-2);flex:none;font-weight:600}.results-empty,.cards-empty{color:var(--text-2);font-size:var(--type-body);text-align:center;padding:24px 4px}.cards-header{align-items:center;gap:4px;min-height:44px;padding:0 0 4px;display:flex}.cards-dest{min-width:0;font-size:var(--type-label);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.cards-dest-caption{font-size:var(--type-caption);color:var(--text-2);margin-right:2px;font-weight:600}.cards-dest strong{color:var(--text)}.wheelchair-toggle{border-radius:var(--r-md);min-height:44px;font-size:var(--type-caption);color:var(--text-2);flex:none;align-items:center;gap:4px;padding:0 6px;font-weight:600;display:inline-flex}.wheelchair-toggle:has(input:checked){color:var(--accent-ink);background:var(--accent-soft)}.wheelchair-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wheelchair-toggle svg{width:20px;height:20px}.wheelchair-toggle input{width:18px;height:18px;accent-color:var(--accent);margin:0}.cards-list{flex-direction:column;gap:8px;padding:2px 0 12px;display:flex}.route-stops{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);margin:0 0 8px;padding:10px 12px}.route-stops--empty{display:none}.route-stops-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.route-stops-heading h2{font-size:var(--type-meta);color:var(--text-2);margin:0}.add-route-stop,.route-stop-move,.route-stop-remove{border-radius:var(--r-md);min-height:44px;color:var(--text-2);font-weight:600;font-size:var(--type-meta);background:0 0;border:0}.route-stop-move,.route-stop-remove{background:var(--card);border:1px solid var(--line)}.add-route-stop{white-space:nowrap;flex:none;padding:6px 10px}.add-route-stop:disabled,.route-stop-move:disabled{opacity:.45}.route-stops-empty{color:var(--text-2);font-size:var(--type-meta);line-height:var(--leading-control);margin:8px 0 0}.route-stops-list{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.route-stop{align-items:center;gap:8px;min-height:38px;display:flex}.route-stop-number{background:var(--text);color:#fff;width:22px;height:22px;font-size:var(--type-caption);border-radius:50%;place-items:center;font-weight:700;display:grid}.route-stop-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-body);flex:1;font-weight:600;overflow:hidden}.route-stop-actions{gap:4px;display:flex}.route-stop-move{width:44px}.route-stop-remove{padding:6px 8px}.multi-stop-mode{color:var(--text-2);font-size:var(--type-caption);line-height:var(--leading-control);flex-basis:100%;margin:2px 0 0}.route-card{border:1px solid var(--line);background:#fbfaf7;border-radius:16px}.route-card--open{border-color:var(--accent)}.route-card--selected:not(.route-card--open){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.route-card-summary{border-radius:var(--r-lg);text-align:left;background:0 0;border:none;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:4px 10px;width:100%;min-height:44px;padding:10px 12px;display:grid}.route-card-aside{flex-direction:column;align-items:flex-end;gap:0;display:flex}.route-card-arrive{font-size:var(--type-caption);color:var(--text-2);white-space:nowrap}.route-card-icon{width:28px;height:28px;color:var(--text);background:#1c1d220f;border-radius:50%;flex:none;place-items:center;display:grid}.route-card-icon svg{width:16px;height:16px}.route-dot{border-radius:50%;width:16px;height:16px;display:block}.route-card-main{flex:1;min-width:0}.route-card-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.route-recommendation{color:#23593e;font-size:var(--type-meta);line-height:var(--leading-body);background:#eaf3ee;border-radius:12px;margin:4px 0 12px;padding:10px 12px}.route-share{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface,#fff);min-height:44px;color:var(--text);font:inherit;font-size:var(--type-meta);cursor:pointer;padding:8px 14px;font-weight:650}.nav-destination{align-items:center;gap:8px;min-height:44px;display:flex}.nav-destination-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-destination .route-share{flex:none;padding:8px 12px}.nav-end{border-radius:var(--r-md);background:var(--accent-soft);min-height:44px;color:var(--accent-ink);font-weight:700;font-size:var(--type-meta);border:0;flex:none;padding:8px 14px}.shared-route-notice{font-size:var(--type-meta);line-height:var(--leading-body);color:var(--text-2)}.share-dialog{box-sizing:border-box;border:1px solid var(--line);background:var(--surface,#fff);width:min(420px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border-radius:20px;padding:24px;box-shadow:0 16px 60px #14202830}.share-dialog::backdrop{background:#18232b70}.share-dialog h2{font-size:var(--type-title);margin:0 0 12px}.share-dialog p{font-size:var(--type-body);line-height:var(--leading-body)}.share-endpoints{overflow-wrap:anywhere;font-weight:650}.share-dialog input{box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:44px;font:inherit;font-size:var(--type-control);border-radius:10px;padding:10px}.share-actions{gap:8px;margin-top:12px;display:flex}.share-actions>button{flex:1}.share-status{color:#23593e}.share-status:empty{display:none}.route-card-title{font-size:var(--type-label);color:var(--text);font-weight:600}.route-card-badge{overflow-wrap:anywhere;max-width:100%;font-size:var(--type-caption);color:var(--accent-ink);background:var(--accent-soft);font-weight:700;line-height:var(--leading-control);border-radius:999px;flex:none;padding:1px 7px}.route-card-fare-chip{overflow-wrap:anywhere;max-width:100%;font-size:var(--type-caption);letter-spacing:.01em;color:var(--text-2);background:var(--bg);border:1px solid var(--line);font-weight:700;line-height:var(--leading-control);border-radius:999px;flex:none;padding:2px 7px}.route-card-minutes{font-size:var(--type-display);color:var(--text);letter-spacing:-.02em;white-space:nowrap;font-weight:700;line-height:1.15}.route-card-min-unit{font-size:var(--type-body);color:var(--text-2);margin-left:2px;font-weight:600}.route-card-meta{font-size:var(--type-meta);color:var(--text-2);margin-top:2px}.route-card-caution{font-size:var(--type-meta);color:#b5680a;margin-top:4px}.route-card-shuttle-info{margin-top:6px}.route-card-countdown{font-size:var(--type-body);color:var(--accent);font-weight:700}.route-card-clock-line{font-size:var(--type-meta);color:var(--text-2);margin-top:1px}.route-card-chevron{color:var(--text-2);flex:none;margin-top:2px}.route-card-chevron svg{width:16px;height:16px}.route-card-expand{border-top:1px solid var(--line);padding:var(--space-3) var(--card-gutter)}.route-card-expand:empty{display:none}.route-card-expand>.step-list{padding-inline-start:0;padding-inline-end:0}.step-list{flex-direction:column;padding:4px 12px;display:flex}.step-item{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.step-item:last-child{border-bottom:none}.step-icon{width:28px;height:28px;color:var(--route-color,var(--text));background:#1c1d220f;border-radius:50%;flex:none;place-items:center;display:grid}.step-icon svg{width:16px;height:16px}.step-label{font-size:var(--type-body);color:var(--text);font-weight:600}.step-meta{font-size:var(--type-meta);color:var(--text-2);margin-top:1px}.step-item--empty{color:var(--text-2);font-size:var(--type-meta)}.ride-ladder{border-left:2px solid var(--route-color,var(--accent));flex-direction:column;gap:4px;margin:-2px 0 6px 40px;padding-left:12px;display:flex}.ride-ladder-stop{font-size:var(--type-caption);color:var(--text-2)}.step-disclosure{margin-top:4px}.step-disclosure>summary{cursor:pointer;font-size:var(--type-meta);color:var(--accent);padding:10px 0;font-weight:600;list-style:none}.step-disclosure>summary::-webkit-details-marker{display:none}.step-list--raw{border-top:1px solid var(--line);padding:0 0 4px}.cards-detail-summary:empty{display:none}.cards-detail-summary{padding:0 0 10px}.nav-summary{font-size:var(--type-label);color:var(--text);padding:6px 0;font-weight:700}.view-root>.nav-summary{border-top:1px solid var(--line);padding-top:10px}.nav-next{align-items:center;gap:12px;padding:8px 0 10px;display:flex}.nav-next-icon{width:40px;height:40px;color:var(--accent);background:#1c1d220f;border-radius:50%;flex:none;place-items:center;display:grid}.nav-next-icon svg{width:22px;height:22px}.nav-next-body{flex:1;min-width:0}.nav-next-label{font-size:var(--type-heading);color:var(--text);font-weight:700}.nav-next-distance{font-size:var(--type-meta);color:var(--text-2);margin-top:2px}.nav-then{border-top:1px solid var(--line);align-items:center;gap:14px;padding:8px 0;display:flex}.nav-then-icon{width:28px;height:28px;color:var(--route-color,var(--text-2));background:#1c1d220d;border-radius:50%;flex:none;place-items:center;display:grid}.nav-then-icon svg{width:15px;height:15px}.nav-then-label{font-size:var(--type-meta);color:var(--text-2);flex:1;min-width:0;font-weight:400}.nav-next--empty{color:var(--text-2);font-size:var(--type-body);border-top:1px solid var(--line);padding:14px 0}.btn-directions{background:var(--accent);color:#fff;width:100%;min-height:44px;font-size:var(--type-label);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.btn-directions[disabled]{background:var(--line);color:var(--text-2)}.btn-directions svg{width:18px;height:18px}.go-pill[hidden]{display:none}.go-pill{pointer-events:auto;z-index:31;background:var(--accent);color:#fff;min-width:112px;min-height:48px;font-size:var(--type-control);letter-spacing:.01em;box-shadow:0 8px 24px #f4512e59, var(--shadow-2);transform:translate(calc(-50% + var(--go-shift,0px)), calc(-1 * var(--go-lift,0px)));transition:bottom var(--dur-sheet) var(--ease-drawer);border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:700;display:flex;position:fixed;bottom:148px;left:50%}.go-pill:active{transform:translate(calc(-50% + var(--go-shift,0px)), calc(-1 * var(--go-lift,0px))) scale(.97)}.go-pill svg{width:20px;height:20px}.building-card{padding:12px 0 4px}.building-card-head{align-items:flex-start;gap:10px;display:flex}.building-swatch{border-radius:6px;width:16px;height:16px;margin-top:4px}.building-card-name{font-size:var(--type-heading);color:var(--text);font-weight:700}.building-card-zh{font-size:var(--type-body);color:var(--text-2);margin-top:1px}.building-card-meta{font-size:var(--type-meta);color:var(--text-2);margin-top:8px}.building-card-aliases{font-size:var(--type-meta);color:var(--text-2);margin-top:4px}.building-card-actions{margin-top:14px;padding-bottom:8px}@media (prefers-reduced-motion:reduce){.sheet{transition:none!important}.gps-dot--locating{animation:none}.go-pill{transition:none}}.wheelchair-toggle{min-height:44px;padding:0 4px}[hidden]{display:none!important}.bus-entry.home-shortcut{color:var(--text)}.ride-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.ride-heading h2{font-size:var(--type-title);margin:8px 0}.ride-button{border:1px solid var(--line);border-radius:var(--r-md);min-height:44px;font:inherit;cursor:pointer;background:#fff;padding:10px 14px;font-weight:600}.ride-button:disabled{opacity:.45;cursor:default}.ride-button--primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;margin:12px 0;display:block}.ride-field{gap:7px;margin:16px 0;font-weight:650;display:grid}.ride-field select{width:100%;min-height:48px;font:inherit;font-size:var(--type-control);color:#182e42;background:#fff;border:1px solid #c9d2dc;border-radius:12px;padding:8px}.ride-detail{font-size:var(--type-body);line-height:var(--leading-body);color:#445367}.ride-gps{font-size:var(--type-caption);line-height:var(--leading-body);color:#586779}.ride-status{color:#075ca8;font-size:var(--type-body);background:#e7f3ff;border-radius:12px;margin:12px 0;padding:10px 12px;font-weight:750}.ride-status--here,.ride-status--next{color:#14572d;background:#dcf4e3}.ride-status--passed{color:#8a3e0b;background:#fff0da}.ride-next{font-size:var(--type-display);font-weight:750;line-height:var(--leading-tight)}.ride-actions{gap:8px;margin-top:12px;display:flex}.ride-actions>*{flex:1}.ride-stops{margin:16px 0;padding-left:24px}.ride-stops li{line-height:var(--leading-body);border-bottom:1px solid #e3e8ed;padding:12px 0}.ride-stops strong{color:#12672e;margin-left:10px}.ride-stops .ride-button{margin-top:4px;display:block}.ride-stop--passed{color:#6d7680}.ride-stop--next{color:#0064bb;font-weight:750}.bus-line-choice{text-align:left;border-left-width:6px;width:100%;margin:10px 0;display:block}.nav-destination{font-size:var(--type-control);margin:0 0 2px;font-weight:700}.feedback-dialog textarea{resize:vertical;width:100%;min-height:100px;font:inherit;border:1px solid #a4a7ad;border-radius:10px;padding:10px}.feedback-consent{align-items:center;gap:10px;min-height:44px;margin:12px 0;display:flex}.feedback-consent input{flex-shrink:0;width:22px;height:22px}.feedback-dialog a.ride-button{text-align:center;text-decoration:none}.service-notice{color:#694b10;font-size:var(--type-meta);background:#fff2d5;border-radius:10px;margin-top:8px;padding:10px}.service-notice summary{cursor:pointer;min-height:28px;font-weight:650}.service-notice a,.service-review a{color:#155b95}.service-notice p{margin:6px 0}.service-review,.service-stale{font-size:var(--type-caption);line-height:var(--leading-body)}.room-info{color:#29435b;font-size:var(--type-meta);line-height:var(--leading-body);background:#edf4fa;border-radius:12px;margin:10px 0;padding:10px 12px}.room-info strong{font-size:var(--type-label);margin-bottom:3px;display:block}.room-info summary{cursor:pointer;min-height:44px;font-size:var(--type-caption);align-content:center}.room-info p{color:var(--text-2);margin:6px 0 0}.room-info a{color:#17548b;text-underline-offset:3px;align-items:center;min-height:44px;display:inline-flex}.facility-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.facility-marker{pointer-events:auto;color:#294b43;height:44px;font:600 var(--type-caption)/var(--leading-control) var(--font-ui);cursor:pointer;background:#fffdf4f5;border:1.5px solid #708880;border-radius:16px;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #14372b24}.facility-marker[hidden]{display:none}.facility-marker svg{flex:none;width:22px;height:22px}.facility-marker--route{color:#713a2d;border:2px solid #e95c40}.facility-marker--compact{box-shadow:none;background:0 0;border:0}.facility-marker--compact svg{box-sizing:border-box;color:#647871;background:#eff3eee6;border:1px solid #81908c;border-radius:8px;width:24px;height:24px;padding:3px}.facility-marker--compact.facility-marker--route svg{color:#b73e26;background:#fffaf5;border:2px solid #e95c40;width:32px;height:32px;padding:4px;box-shadow:0 1px 4px #3f241d30}.facility-label[hidden]{display:none}.place-categories{scrollbar-width:none;gap:8px;margin:4px -16px 8px;padding:2px 16px 6px;display:flex;overflow-x:auto}.place-categories::-webkit-scrollbar{display:none}.place-categories button{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--text);font:600 var(--type-meta)/var(--leading-control) var(--font-ui);cursor:pointer;border-radius:22px;flex:none;padding:8px 14px}.place-categories button[aria-pressed=true]{background:var(--text);color:#fff;border-color:var(--text)}.result-row{border-bottom:1px solid var(--line);align-items:center;gap:2px;display:flex}.result-row .result-item{border-bottom:0;flex:1;min-width:0}.result-row .result-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.result-chip{flex-shrink:0}.place-save,.place-remove{color:#64716b;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:0 0 44px;width:44px;min-height:44px;font-size:25px}.place-save[aria-pressed=true]{color:#895600;background:#fff2cf}.places-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 12px;margin-top:16px;display:flex}.places-section-heading h3{font-size:var(--type-label);margin:0}.places-section-heading button{min-height:44px;color:var(--text-2);font:600 var(--type-meta)/var(--leading-control) var(--font-ui);background:0 0;border:0;padding:8px 0}.places-section-heading .places-manage{color:var(--text-2);background:0 0;border:0;padding:8px 0}.places-privacy,.places-distance-note,.places-empty{font-size:var(--type-caption);line-height:var(--leading-body);color:var(--text-2);margin:8px 0}.places-distance-note{border-top:1px solid var(--line);padding-top:10px}.places-distance-note--after{border-top:0;order:99;padding-top:4px}@media (max-width:380px){.result-row .result-item{gap:6px}.result-row .result-distance{font-size:var(--type-caption)}}.route-access{margin:var(--space-2) 0 0;border-top:1px solid var(--line);font-size:var(--type-body);line-height:var(--leading-body);overflow-wrap:anywhere}.route-access>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) 0;cursor:pointer;font-weight:600;list-style:none;display:flex}.route-access>summary::-webkit-details-marker{display:none}.route-access>summary:after{content:"";border-bottom:2px solid;border-right:2px solid;flex:none;width:7px;height:7px;margin:0 3px 4px 0;transform:rotate(45deg)}.route-access[open]>summary:after{margin-block-start:4px;margin-block-end:0;transform:rotate(225deg)}.route-access>p{margin:0 0 var(--space-3)}.route-access>:last-child{margin-bottom:0}.facility-detail-button{text-align:left;width:100%;min-height:44px;font:inherit;color:#294b43;cursor:pointer;background:#f4f8f5;border:1px solid #d4dfda;border-radius:10px;margin:6px 0;padding:10px;display:block}.facility-info p{line-height:var(--leading-body);font-size:var(--type-body)}.facility-info a{align-items:center;min-height:44px;display:flex}.walking-controls{margin:8px 0 12px}.walking-count{text-align:center;min-width:0;font-size:var(--type-meta);color:var(--text-2);flex:1;font-weight:600}.walking-buttons{align-items:center;gap:8px;display:flex}.walking-buttons button{width:auto;min-height:44px;margin:0}.walking-buttons .walk-previous{flex:0 0 44px;width:44px;padding:0;font-size:22px;line-height:1}.walking-buttons .ride-button--primary{flex:none;min-width:45%}.walking-buttons button:disabled{opacity:.45;cursor:default}.walking-status{font-size:var(--type-meta);line-height:var(--leading-body);color:#476155;margin:10px 0 0}.walking-follow{color:#185976;text-underline-offset:3px;min-height:44px;font:600 var(--type-meta)/var(--leading-control) var(--font-ui);cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}@media (max-width:699px){.top-bar[data-state=navigating]{display:none}}@media (min-width:700px){:root{--inset:16px}.top-bar{width:min(400px,100vw - 32px);right:auto}.right-rail{top:calc(var(--inset) + var(--safe-top))}.sheet-content>.view-root{max-width:640px}.pwa-toast-region{left:auto;right:var(--inset);bottom:auto;top:calc(var(--inset) + var(--safe-top) + 56px);width:340px;max-height:calc(100dvh - var(--inset) - var(--safe-top) - 68px);align-items:flex-end}.install-hint{left:auto;right:var(--inset);width:360px}.go-pill{transform:translate(var(--go-shift,0px), calc(-1 * var(--go-lift,0px)));left:auto;right:24px}.go-pill:active{transform:translate(var(--go-shift,0px), calc(-1 * var(--go-lift,0px))) scale(.97)}}@media (min-width:1024px) and (min-height:600px){:root{--column-w:400px}.top-bar{top:calc(var(--inset) + var(--safe-top));left:var(--inset);width:var(--column-w);z-index:32;position:fixed}.search-pill{box-shadow:var(--shadow-2)}.sheet{left:var(--inset);width:var(--column-w);right:auto;top:calc(var(--planner-bottom,64px) + 8px);max-height:calc(100dvh - var(--planner-bottom,64px) - 8px - var(--inset));border-radius:var(--r-xl);box-shadow:var(--shadow-3);transition:top var(--dur-ui) var(--ease-out);bottom:auto;height:auto!important;transform:none!important}.sheet-handle-zone{display:none}.sheet-content{flex:auto;min-height:0;padding-bottom:16px;overflow-y:auto;height:auto!important}.sheet-content>.view-root{max-width:none}.tutorial-sheet-btn{display:none}.sheet-footer{border-top:1px solid var(--line);background:var(--card);flex:none;padding:10px 16px 14px}.sheet-footer:not(:has(.go-pill:not([hidden]))){display:none}.go-pill--docked{border-radius:var(--r-md);width:100%;min-height:48px;box-shadow:none;position:static;transform:none}.go-pill--docked:active{transform:scale(.985)}.right-rail{top:auto;bottom:var(--inset);right:var(--inset)}.about-btn{left:calc(var(--column-w) + var(--inset) * 2);bottom:var(--inset)}.map-credit{left:calc(var(--column-w) + var(--inset) * 2 + 46px);bottom:var(--inset)}.tutorial-btn{left:calc(var(--column-w) + var(--inset) * 2);bottom:calc(var(--inset) + 48px)}.pwa-toast-region{top:calc(var(--inset) + var(--safe-top))}.about-panel{border-radius:var(--r-xl);width:min(560px,100vw - 32px);height:-moz-fit-content;height:fit-content;max-height:min(80vh,760px);box-shadow:var(--shadow-4);margin:auto;padding:20px 44px 24px 24px;top:0;bottom:0;left:0;right:0}.about-panel[open]{transform:none}@starting-style{.about-panel[open]{opacity:0;transform:scale(.96)}}.about-panel:not([open]){opacity:0;transform:scale(.98)}.about-handle{display:none}.place-categories{flex-wrap:wrap;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;overflow:visible}.home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0;display:grid;overflow:visible}.home-shortcut{justify-content:flex-start;min-width:0}.home-shortcut span{text-overflow:ellipsis;overflow:hidden}.search-pill input{font-size:var(--type-control)}}@media (max-height:500px) and (min-width:600px){.top-bar{width:min(360px,100vw - 32px);right:auto}.right-rail{top:calc(var(--inset) + var(--safe-top))}}@media (prefers-reduced-motion:reduce){.right-rail,.sheet,.about-btn,.map-credit,.tutorial-btn{transition:none}}@media (prefers-reduced-transparency:reduce){.about-btn{background:var(--card)}}.correction-dialog{max-width:min(560px,100vw - 24px)}.correction-dialog .ride-button{min-height:44px}.correction-actions{flex-wrap:wrap}.correction-reference{width:100%;min-height:44px;font:inherit;border:1px solid #a4a7ad;border-radius:10px;padding:10px}.correction-privacy,.correction-drafts{color:var(--text-2);font-size:var(--type-meta);line-height:var(--leading-body)}.correction-drafts{margin-top:14px}.correction-drafts h3{font-size:var(--type-body);color:var(--text);margin:0 0 8px}.correction-draft-row{border-top:1px solid var(--line);align-items:center;gap:8px;min-height:44px;padding:6px 0;display:flex}.correction-draft-row span{overflow-wrap:anywhere;flex:1;min-width:0}.correction-draft-row .ride-button{min-height:44px;padding:6px 9px}.brand-intro{align-items:center;gap:12px;margin:4px 0 14px;display:flex}.brand-intro>img{border-radius:12px;flex:0 0 48px}.brand-copy{min-width:0}.brand-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brand-name{font-size:var(--type-title);letter-spacing:-.04em;color:#185b46;margin:0;font-weight:800}.brand-beta{color:#185b46;font-size:var(--type-caption);line-height:var(--leading-control);border:1px solid #b6cdc3;border-radius:6px;padding:2px 6px}.brand-intro .brand-line{color:var(--text-2);font-size:var(--type-meta);line-height:var(--leading-body);margin:3px 0 0}.brand-story{border-left:3px solid var(--accent);margin:16px 0;padding-left:12px}.brand-story strong{color:#185b46}.boot-brand-icon{border-radius:16px;width:72px;height:72px;margin:0 auto 10px;display:block}.place-details{border:1px solid var(--line,#d4dfda);background:var(--surface,#fff);border-radius:10px;margin:8px 0}.place-details>summary{box-sizing:border-box;cursor:pointer;min-height:44px;padding:11px 12px;font-weight:650}.place-detail-item,.place-photo-sources{border-top:1px solid var(--line,#d4dfda);margin:0;padding:10px 12px}.place-detail-item h4,.place-photo-sources h4{font-size:var(--type-label);margin:0 0 4px}.place-detail-item p,.place-photo-item p{font-size:var(--type-meta);line-height:var(--leading-body);margin:4px 0}.place-detail-access{color:#5b3d1e}.place-detail-hours{font-weight:650}.place-detail-source,.place-photo-credit{color:var(--text-2,#526273)}.place-photo-evidence{color:#5b3d1e}.place-details-button{border:1px solid var(--line,#d4dfda);background:var(--surface,#fff);width:100%;min-height:44px;color:var(--text,#19232d);font:inherit;text-align:left;cursor:pointer;border-radius:10px;padding:9px 12px}.place-photo-item{border-top:1px solid var(--line,#d4dfda);padding:8px 0}.place-photo-item:first-of-type{border-top:0}.place-photo-item a{min-height:30px;margin:3px 10px 3px 0;display:inline-block}.place-photo-dialog{background:var(--card);width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow);border:0;border-radius:18px;padding:16px;overflow:auto}.place-photo-dialog::backdrop{background:#14192380}.place-photo-dialog img{object-fit:contain;border-radius:10px;width:100%;max-height:56dvh;display:block}.place-photo-dialog>p{font-size:var(--type-meta);line-height:var(--leading-body);overflow-wrap:anywhere}.place-photo-heading{background:var(--card);justify-content:space-between;align-items:center;gap:8px;margin:-16px -16px 12px;padding:10px 16px;display:flex;position:sticky;top:-16px}.place-photo-heading h3{font-size:var(--type-control);margin:0}.place-photo-heading button{width:auto;min-height:44px}.place-details-unavailable{color:var(--text-2,#526273);font-size:var(--type-meta)}.place-details-dialog{width:min(560px,100vw - 24px);max-width:calc(100vw - 24px)}.route-place-actions{flex-wrap:wrap;gap:8px;display:flex}.selected-place-photo{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:104px minmax(0,1fr);gap:12px;margin:8px 0 12px;padding:10px;display:grid}.route-cards-root>.selected-place-photo{background:0 0;border:0;border-radius:0;grid-template-columns:64px minmax(0,1fr);gap:10px;margin:0 0 6px;padding:4px 0}.route-cards-root>.selected-place-photo .selected-place-photo-open{border-radius:var(--r-sm);min-height:64px}.route-cards-root>.selected-place-photo .selected-place-photo-open img{object-fit:cover;height:64px}.route-cards-root>.selected-place-photo .selected-place-photo-hint{background:#ffffffd9;padding:2px;font-size:10px;line-height:1.2;position:absolute;top:auto;bottom:0;left:0;right:0}.route-cards-root>.selected-place-photo figcaption{font-size:var(--type-meta);line-height:var(--leading-control)}.route-cards-root>.selected-place-photo p{margin:0 0 1px}.route-cards-root>.selected-place-photo .selected-place-photo-note{display:none}.cards-header .selected-place-photo{flex:0 0 100%;margin:4px 0}.selected-place-photo-open{background:var(--bg);min-height:104px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:8px;align-self:start;padding:0;position:relative;overflow:hidden}.selected-place-photo-open img{object-fit:contain;width:100%;height:104px;display:block}.selected-place-photo-open img[hidden],.selected-place-photo-status[hidden]{display:none}.selected-place-photo-status{font-size:var(--type-meta);background:var(--card);align-content:center;padding:8px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.selected-place-photo-hint{font-size:var(--type-meta);line-height:var(--leading-body);background:var(--card);padding:4px;display:block}.selected-place-photo-open:disabled .selected-place-photo-hint{visibility:hidden}.selected-place-photo figcaption{min-width:0;font-size:var(--type-meta);line-height:var(--leading-body);overflow-wrap:anywhere;align-self:center}.selected-place-photo p{margin:0 0 3px}.selected-place-photo-label{font-weight:650}.selected-place-photo-source{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-place-photo-credit,.selected-place-photo-note{color:var(--text-2)}.selected-place-photo a{color:#236548;text-underline-offset:2px}.selected-place-photo-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.selected-place-photo a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.place-photo-reference{border:1px solid var(--line);background:var(--card);font-size:var(--type-meta);line-height:var(--leading-body);border-radius:12px;flex:0 0 100%;margin:4px 0;padding:10px 12px}.place-photo-reference p{color:var(--text-2);margin:0 0 4px}.place-photo-reference .selected-place-photo-label{color:var(--text)}.place-photo-external-link{color:#236548;text-underline-offset:2px;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.favourite-manager-dialog{width:min(720px,100vw - 24px);max-width:calc(100vw - 24px)}.places-manage{border:1px solid var(--line);background:var(--card);color:#0759a4;min-height:44px;font:inherit;border-radius:10px;padding:8px 12px;font-weight:650}.favourite-manager-heading h2{margin:0 0 6px}.favourite-manager-heading p,.favourite-manager-section>p{color:var(--text-2);font-size:var(--type-meta);line-height:var(--leading-body)}.favourite-status{min-height:20px;color:var(--text-2);font-size:var(--type-meta)}.favourite-group-create{gap:8px;margin:12px 0 16px;display:flex}.favourite-group-create input,.favourite-name,.favourite-group-heading input,.favourite-manager-section textarea{box-sizing:border-box;border:1px solid var(--line);background:var(--card);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:9px 11px}.favourite-group-create button,.favourite-manager-row button,.favourite-group-heading button{white-space:nowrap;min-height:44px}.favourite-manager-section{margin:16px 0}.favourite-manager-section h3{margin:0}.favourite-manager-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:56px;display:flex}.favourite-manager-main{flex-direction:column;flex:180px;gap:4px;min-width:0;display:flex}.favourite-source-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-meta);color:var(--text-2);overflow:hidden}.favourite-name{min-height:44px;font-size:var(--type-control);padding:6px 8px}.favourite-group-select{border:1px solid var(--line);background:var(--card);max-width:150px;min-height:44px;color:var(--text);border-radius:8px}.favourite-group{border:1px solid var(--line);border-radius:12px;margin-top:10px;padding:10px}.favourite-group-heading{align-items:center;gap:8px;display:flex}.favourite-group-heading input{flex:auto;min-width:0;min-height:44px}.favourite-group-count{color:var(--text-2);font-size:var(--type-caption);margin:4px 0 2px}.favourite-group-items{margin-top:4px}.favourite-manager-place{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.favourite-import-dialog{max-width:min(92vw,480px)}.favourite-import-list{max-height:34vh;padding-left:22px;overflow:auto}.favourite-import-content>button{margin:8px 8px 0 0}.favourite-share-dialog input,.favourite-share-dialog textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:44px;font:inherit;font-size:var(--type-control);border-radius:10px;margin:8px 0;padding:9px 11px;display:block}.favourite-share-dialog textarea{resize:vertical;min-height:72px}@media (max-width:480px){.favourite-manager-row{flex-wrap:wrap;padding:6px 0}.favourite-manager-main{min-width:calc(100% - 60px)}.favourite-group-select{flex:1;max-width:none}}.place-reference h2{font-size:var(--type-title);margin:0 0 8px}.place-reference p{font-size:var(--type-body);line-height:var(--leading-body)}.place-reference>a{padding:10px 0;display:block}.place-reference>button{margin-top:12px}.tutorial-btn{left:var(--inset);bottom:calc(var(--sheet-visible,132px) + 60px);z-index:28;background:var(--card);width:40px;height:40px;color:var(--brand);box-shadow:var(--shadow-2);font:700 var(--type-heading)/1 var(--font-ui);cursor:pointer;pointer-events:auto;transition:bottom var(--dur-sheet) var(--ease-drawer);border:0;border-radius:50%;position:fixed}.tutorial-btn[hidden]{display:none}.tutorial-sheet-btn{z-index:1;width:44px;height:44px;color:var(--brand);font:700 var(--type-title)/1 var(--font-ui);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;position:absolute;top:0;right:12px}.tutorial-sheet-btn[hidden]{display:none}.tutorial-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);pointer-events:none;font-family:var(--font-ui);background:0 0;border:0;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}.tutorial-dialog::backdrop{pointer-events:none;background:0 0}.tutorial-dialog:not([data-mode=step]){pointer-events:auto;background:#1320215c}.tutorial-dialog[data-busy=true]{pointer-events:auto}.tutorial-dialog[data-busy=true] [data-testid=tutorial-skip-step]{opacity:.6}.tutorial-card{width:min(540px,100vw - 24px);max-height:calc(100dvh - 32px - var(--safe-bottom));box-sizing:border-box;background:var(--bg);pointer-events:auto;border:1px solid #fff;border-radius:22px;flex-direction:column;gap:8px;padding:16px;display:flex;position:fixed;top:max(16px,50dvh - 330px);left:max(12px,50vw - 270px);box-shadow:0 8px 36px #0a1e1647}.tutorial-dialog[data-mode=step] .tutorial-card{border-radius:18px;gap:4px;padding:10px 12px}.tutorial-topline{flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;display:flex}.tutorial-kicker{color:#366c51;font-size:var(--type-meta);font-weight:750}.tutorial-content{overscroll-behavior:contain;min-height:0;overflow:auto}.tutorial-card h2{font-size:var(--type-title);margin:4px 0 8px;line-height:1.4}.tutorial-card h2:focus{outline:none}.tutorial-card p{font-size:var(--type-label);margin:8px 0 12px;line-height:1.55}.tutorial-card .tutorial-note,.tutorial-card .tutorial-hint{font-size:var(--type-meta);color:#4f5f55}.tutorial-card .tutorial-hint{margin-bottom:4px}.tutorial-logo{float:right;border-radius:16px;margin:0 0 8px 12px}.tutorial-actions{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.tutorial-action{min-height:44px;color:var(--text);font:600 var(--type-label)/var(--leading-control) var(--font-ui);cursor:pointer;background:#fff;border:1px solid #d7ddd6;border-radius:12px;padding:8px 10px}.tutorial-primary{color:#fff;background:#286444;border-color:#286444}.tutorial-restart{width:44px;font:24px/1 var(--font-ui);padding:0}.tutorial-card[data-compact=true] .tutorial-kicker{display:none}.tutorial-card[data-compact=true] .tutorial-topline h2{font-size:var(--type-label);margin:0}.tutorial-sections{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:8px;margin:12px 0;display:grid}.tutorial-sections .tutorial-action{text-align:left;min-height:60px}.tutorial-highlight{box-sizing:border-box;pointer-events:none;border:3px solid #267d50;border-radius:13px;outline:2px solid #fff;animation:1.7s ease-in-out infinite tutorial-breathe;position:fixed;box-shadow:0 0 0 5px #6bed9359}.tutorial-highlight:after{content:"";border:2px solid #278454;border-radius:16px;animation:1.7s ease-out infinite tutorial-wave;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}@keyframes tutorial-breathe{50%{box-shadow:0 0 0 8px #6bed931f,0 0 18px #2784544d}}@keyframes tutorial-wave{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.08,1.2)}}@media (prefers-reduced-motion:reduce){.tutorial-highlight,.tutorial-highlight:after{animation:none}.tutorial-highlight:after{display:none}}.tutorial-btn:focus-visible{outline-offset:2px;outline:3px solid #276145}.tutorial-action:focus-visible{outline-offset:2px;outline:3px solid #276145}@media (max-width:360px){.tutorial-card{padding:12px}.tutorial-action{padding-inline-start:8px;padding-inline-end:8px}}@media (max-height:500px){.tutorial-card{max-height:calc(100dvh - 20px);top:10px}}.tutorial-cue{pointer-events:none;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.tutorial-finger{filter:drop-shadow(0 2px 2px #fff);width:28px;height:34px;position:absolute;top:40%;left:calc(50% - 14px)}.tutorial-finger svg{width:100%;height:100%}.tutorial-cue-label{white-space:nowrap;color:#195b3d;font:700 var(--type-meta)/1.4 var(--font-ui);background:#fff8df;border-radius:6px;padding:2px 5px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.tutorial-motion-arrow{color:#195b3d;font:800 24px/1 var(--font-ui);text-shadow:0 0 4px #fff;position:absolute;bottom:0;left:calc(50% - 12px)}.tutorial-cue[data-gesture=pan] .tutorial-finger{animation:2s ease-in-out infinite guide-drag}.tutorial-cue[data-gesture=zoom] .tutorial-finger-one{animation:2.2s ease-in-out infinite guide-pinch-left;left:28%}.tutorial-cue[data-gesture=zoom] .tutorial-finger-two{animation:2.2s ease-in-out infinite guide-pinch-right;left:50%}.tutorial-cue[data-gesture=rotate] .tutorial-finger-one{animation:2.2s ease-in-out infinite guide-twist-left;left:25%}.tutorial-cue[data-gesture=rotate] .tutorial-finger-two{animation:2.2s ease-in-out infinite guide-twist-right;left:55%}.tutorial-cue[data-gesture=expand] .tutorial-finger,.tutorial-cue[data-gesture=scroll] .tutorial-finger{animation:2s ease-in-out infinite guide-swipe}.tutorial-cue[data-gesture=tap],.tutorial-cue[data-gesture=type]{width:34px;left:auto}.tutorial-cue[data-gesture=tap] .tutorial-cue-label,.tutorial-cue[data-gesture=type] .tutorial-cue-label{display:none}.tutorial-cue[data-gesture=tap] .tutorial-finger,.tutorial-cue[data-gesture=type] .tutorial-finger{animation:1.8s ease-in-out infinite guide-tap;top:calc(50% - 16px)}.tutorial-dialog[data-ready=true] .tutorial-cue{display:none}.tutorial-dialog[data-ready=true] .tutorial-highlight,.tutorial-dialog[data-ready=true] .tutorial-highlight:after{animation:none}.tutorial-dialog[data-ready=true] .tutorial-hint{color:#195b3d;font-weight:650}@keyframes guide-drag{0%,15%,to{transform:translate(-22px)}65%,85%{transform:translate(22px)}}@keyframes guide-pinch-left{0%,15%,to{transform:translate(4px)}65%,85%{transform:translate(-16px)}}@keyframes guide-pinch-right{0%,15%,to{transform:translate(-4px)}65%,85%{transform:translate(16px)}}@keyframes guide-twist-left{0%,15%,to{transform:translateY(12px)rotate(-15deg)}65%,85%{transform:translateY(-12px)rotate(15deg)}}@keyframes guide-twist-right{0%,15%,to{transform:translateY(-12px)rotate(15deg)}65%,85%{transform:translateY(12px)rotate(-15deg)}}@keyframes guide-swipe{0%,15%,to{transform:translateY(12px)}65%,85%{transform:translateY(-16px)}}@keyframes guide-tap{0%,45%,to{transform:scale(1)}60%,80%{transform:scale(.83)}}@media (prefers-reduced-motion:reduce){.tutorial-finger{animation:none!important}}