@font-face{font-family:GM Source Han Sans App;src:url(/fonts/app-v1/source-han-sans-cn-regular-app.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:GM Source Han Sans App;src:url(/fonts/app-v1/source-han-sans-cn-medium-app.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:GM Source Han Sans App;src:url(/fonts/app-v1/source-han-sans-cn-bold-app.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:600 900}@font-face{font-family:GM JetBrains Mono;src:url(/fonts/jetbrains-mono-regular.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:GM JetBrains Mono;src:url(/fonts/jetbrains-mono-medium.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500 600}@font-face{font-family:GM JetBrains Mono;src:url(/fonts/jetbrains-mono-bold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:GM JetBrains Mono;src:url(/fonts/jetbrains-mono-extra-bold.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:800 900}@font-face{font-family:GM Norwester;src:url(/fonts/norwester.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--canvas:#fffdfa;--surface:#fffdfa;--surface-raised:#ffffff;--surface-muted:#f8f4ef;--ink:#11100d;--text:#26231f;--muted:#6f6d67;--faint:#9a968f;--line:#e5ded4;--hairline:#eee8df;--primary:#090909;--primary-strong:#090909;--primary-soft:#f1f0ed;--success:#16824c;--success-soft:#e9f5ee;--warning:#d9480f;--warning-soft:#fff1e7;--danger:#dc2626;--danger-soft:#feeceb;--map-ink:#063f30;--on-dark:#ffffff;--warning-strong:#9a3412;--warning-strong-alt:#c2410c;--map-terrain-base:#e6e9df;--map-grid-line:#d9ddd5;--map-grid-bg:#f9faf7;--elev-bg:#f3f5f3;--elev-line:#34a853;--elev-strong:#188038;--elev-fill:rgb(52 168 83/18%);--elev-grid:rgb(95 99 104/18%);--elev-axis:#5f6368;--elev-border:#dce2dd;--elev-halo:rgb(52 168 83/18%);--elev-tip:rgb(255 255 255/96%);--elev-radius:0px;--map-segment-unknown:#9a968f;--map-segment-paved:#9a968f;--map-segment-gravel:#16824c;--map-segment-expert:#ff6b00;--map-segment-active:#d84a43;--map-segment-active-casing:#f7f4f0;--map-browse-route:#b6533f;--map-browse-segment:#b6533f;--map-overlay-upload-track:#d9480f;--map-overlay-matched:#2563eb;--map-overlay-pending:#f59e0b;--map-route-default:#c2410c;--map-route-drive:#b6533f;--map-route-thumbnail:#b6533f;--map-route-thumbnail-casing:#f8f5ee;--map-thumbnail-paper:#f4f4ee;--drive-canvas:#f4f2ed;--drive-surface:var(--surface-raised);--drive-surface-glass:var(--glass-default);--drive-surface-strong:rgb(255 255 255/96%);--drive-surface-default:rgb(255 255 255/78%);--drive-surface-soft:rgb(255 255 255/76%);--drive-map-placeholder:#e8e6df;--drive-control-track:#efede8;--drive-control-hover:#f6f5f1;--drive-ink:#20211f;--drive-muted:#76736d;--drive-faint:#a19e97;--drive-line:#dedbd4;--drive-line-soft:#ebe8e2;--drive-route:var(--map-route-drive);--drive-route-soft:rgb(182 83 63/11%);--drive-route-halo:rgb(229 70 50/16%);--drive-green:var(--success);--drive-green-soft:rgb(10 157 120/13%);--drive-green-halo:rgb(22 130 76/16%);--drive-yellow:#f4b517;--drive-grid-soft:rgb(118 115 109/20%);--drive-grid:rgb(118 115 109/24%);--drive-on-accent:var(--on-dark);--drive-radius:24px;--drive-radius-control:15px;--drive-shadow:0 18px 52px rgb(35 33 29/11%),0 2px 8px rgb(35 33 29/5%);--drive-shadow-control:0 8px 24px rgb(35 33 29/12%);--drive-shadow-pressed:0 2px 8px rgb(35 33 29/8%);--drive-shadow-steps:0 8px 24px rgb(35 33 29/6%);--drive-font:var(--font-ui);--drive-data-font:var(--font-data);--glass-strong:rgb(255 254 250/97%);--glass-default:rgb(255 254 250/92%);--glass-weak:rgb(255 254 250/80%);--map-glass:var(--glass-default);--shadow-float:0 8px 24px rgb(17 16 13/12%);--shadow-float-lg:0 12px 32px rgb(17 16 13/17%);--shadow-soft:0 2px 10px rgb(17 16 13/7%);--black:var(--primary);--green:var(--success);--orange:var(--warning);--forest:var(--map-ink);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--layout-max:1240px;--layout-wide:1760px;--page-content-max:1240px;--editorial-content-max:1360px;--layout-reading:760px;--page-gutter:clamp(96px,8.333vw,128px);--page-shell-max:var(--page-content-max);--page-shell-width:min(var(--page-shell-max),calc(100% - var(--page-gutter) - var(--page-gutter)));--page-gutter-compact:clamp(16px,2.25vw,32px);--page-top-space:32px;--page-bottom-space:72px;--section-gap:clamp(40px,5vw,72px);--stack-gap:clamp(20px,2.5vw,32px);--card-padding:clamp(16px,2vw,28px);--control-size:44px;--control-size-compact:36px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--radius:8px;--radius-segment:4px;--radius-pill:999px;--font-ui:"GM JetBrains Mono","GM Source Han Sans App","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-data:"GM JetBrains Mono","GM Source Han Sans App","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-narrative:"GM JetBrains Mono","Songti SC",STSong,SimSun,serif;--font-accent:"GM Norwester","GM Source Han Sans App","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-sans:var(--font-ui);--text-xs:12px;--text-sm:14px;--text-base:15px;--text-lg:18px;--text-xl:24px;--text-display:32px;--text-hero:clamp(40px,4vw,56px);--weight-regular:400;--weight-emphasize:550;--weight-announce:620;--weight-display:770;--tracking-tight:-0.02em;--tracking-caps:0.08em;--leading-title:1.15;--leading-ui:1.4;--leading-body:1.65;--layer-sticky:50;--layer-dropdown:60;--layer-toast:80;--layer-modal:100;--gravel-paper:#f2f1ee;--gravel-paper-raised:#fcfcfa;--gravel-surface:#ddded8;--gravel-ink:#1a1c18;--gravel-text:#30322e;--gravel-muted:#686c65;--gravel-line:#bfc0bc;--gravel-rust:#a23d3b;--gravel-rust-strong:#8d302f;--gravel-amber:#d94f1e;--gravel-cyan:#b9ded7;--gravel-cyan-ink:#164c48;--gravel-display:var(--font-ui);--gravel-reading:var(--font-ui);--gravel-story:var(--font-narrative);--gravel-mono:var(--font-data);--gm-bg-page:#F7F4F0;--gm-bg-card:#FCFCFB;--gm-bg-panel:#FCFCFB;--gm-bg-muted:#F2EEE8;--gm-bg-hover:#F4EFE9;--gm-bg-nav:#181918;--gm-nav:var(--gm-bg-nav);--gm-red-600:#B63530;--gm-red-700:#9F2D29;--gm-red-050:#FBEDE9;--gm-green-950:#09251F;--gm-green-900:#102822;--gm-green-800:#17352E;--gm-green-700:#245148;--gm-green-100:#DDEAE5;--gm-green-start:#39775C;--gm-orange-route:#D94F1E;--gm-route-line:var(--gm-orange-route);--gm-map-chrome:#D3DFC9;--gm-map-chrome-hover:#C4D2BA;--gm-map-chrome-border:#A7B79E;--gm-map-chrome-ink:#2D382F;--gm-map-chrome-muted:#5B675E;--gm-map-chrome-divider:rgb(45 56 47/20%);--gm-map-chrome-soft:rgb(255 255 255/38%);--gm-map-paper:rgb(247 243 234/94%);--gm-map-paper-strong:rgb(247 243 234/97%);--gm-map-paper-border:#C8BBA9;--gm-map-paper-hover:#E9DFD1;--gm-map-paper-ink:#35372F;--gm-map-paper-muted:#6B6A60;--gm-map-paper-divider:rgb(53 55 47/18%);--gm-map-paper-soft:rgb(255 255 255/42%);--gm-map-water:#2589C7;--gm-text-primary:#1D1D1B;--gm-text-secondary:#6B6965;--gm-text-tertiary:#96928D;--gm-text-inverse:#F7F4F0;--gm-border-default:#DDD8D1;--gm-border:var(--gm-border-default);--gm-border-dark:rgb(255 255 255/18%);--gm-divider:#E8E4DF;--gm-status-pending-text:#D85F28;--gm-status-pending-bg:#FFF0E8;--gm-green-text:#3D7B50;--gm-green-bg:#EAF5ED;--gm-orange-text:#D85F28;--gm-orange-bg:#FFF0E8;--gm-blue-text:#3E6E9E;--gm-blue-bg:#EAF1F8;--gm-gray-text:#6F6B66;--gm-gray-bg:#F0EEEB;--gm-radius-card:14px;--gm-radius-panel:10px;--gm-radius-control:6px;--gm-shadow-card:0 6px 20px rgb(31 25 20/7%);--gm-journey-mist:#BED3CA;--gm-journey-contours:url(/assets/journeys/river-to-clouds/topo-bg.png);--gm-journey-radius-card:12px;--gm-shadow-featured:0 14px 36px rgb(31 25 20/12%);--gm-shadow-featured-hover:0 16px 40px rgb(31 25 20/15%);--gm-shadow-card-hover:0 9px 26px rgb(31 25 20/10%);--gm-shadow-panel:var(--gm-shadow-card);--gm-shadow-floating:0 12px 32px rgb(14 18 15/20%);--gm-nav-height:60px;--gm-nav-edge:var(--page-gutter);--gm-nav-text:rgb(247 244 240/82%);--gm-shadow-dropdown:0 16px 40px rgb(18 20 18/16%);--gm-dropdown-hover:#F5F0EA;--gm-favorites-page:#F3F0E9;--gm-favorites-card:#FCFBF8;--gm-favorites-content:#FFFFFF;--gm-favorites-ink:#20211F;--gm-favorites-text:#55544F;--gm-favorites-muted:#77756F;--gm-favorites-faint:#99968F;--gm-favorites-red:#BE3531;--gm-favorites-red-hover:#A92D29;--gm-favorites-red-soft:rgb(190 53 49/7%);--gm-favorites-border:#DEDAD2;--gm-favorites-control-border:#D9D5CD;--gm-favorites-divider:#E8E4DC;--gm-favorites-hover:#F5F2EC;--gm-favorites-shadow:0 3px 12px rgb(30 29 26/5.5%);--gm-favorites-shadow-hover:0 8px 22px rgb(30 29 26/8%);--gm-contour-simingshan:url(/assets/gravel-ui/simingshan-contours.svg);--gm-font-sans:var(--font-ui)}@media (max-width:1279px){:root{--page-gutter:32px}}@media (max-width:767px){:root{--page-gutter:16px;--page-top-space:24px;--page-bottom-space:56px}}*{box-sizing:border-box}html{color:var(--ink);text-size-adjust:100%}body,html{min-width:320px;background:var(--canvas);font-family:var(--font-sans)}body{min-height:100dvh;margin:0;color:var(--text);font-size:var(--text-base);line-height:var(--leading-body);overflow-x:hidden}body.gravel-shell{display:flex;flex-direction:column}main{min-width:0;flex:1 0 auto}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklab,var(--ink),transparent 52%);outline-offset:2px}.ops-page,.page{width:min(100%,var(--layout-wide));margin-inline:auto;padding-block:clamp(var(--space-6),4vw,var(--space-12));padding-inline:var(--page-gutter)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:var(--layer-sticky);display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);grid-gap:var(--space-6);gap:var(--space-6);height:72px;border-bottom:1px solid var(--hairline);background:var(--glass-default);padding:0 var(--space-6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:var(--space-3);width:max-content;min-width:0;color:var(--ink)}.brand small,.brand strong{display:block}.brand strong{color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-display);letter-spacing:-.02em;line-height:1.1}.brand small{margin-top:3px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-emphasize);line-height:1.15}.main-nav{display:inline-flex;align-self:stretch;align-items:stretch;gap:var(--space-1)}.nav-link{position:relative;display:inline-grid;min-width:62px;place-items:center;padding:0 var(--space-3);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-announce)}.nav-link:focus-visible,.nav-link:hover{color:var(--ink)}.nav-link.is-active:after{position:absolute;right:18px;bottom:0;left:18px;height:3px;border-radius:var(--radius-pill);background:var(--black);content:""}.nav-group{position:relative;display:grid}.nav-menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;display:none;min-width:220px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-float);padding:var(--space-1);overflow:hidden}.nav-group.is-open .nav-menu,.nav-group:focus-within .nav-menu,.nav-group:hover .nav-menu{display:grid}.nav-menu a{display:grid;min-height:52px;align-items:center;grid-template-columns:20px minmax(0,1fr) 16px;grid-gap:10px;gap:10px;border-radius:var(--radius-segment);padding:0 10px;font-size:var(--text-sm);font-weight:var(--weight-announce);line-height:1}.nav-menu a+a{border-top:1px solid var(--hairline)}.nav-menu a:focus-visible,.nav-menu a:hover{background:var(--primary-soft);color:var(--primary-strong)}.nav-menu:not(.nav-menu--map) a:focus-visible .nav-menu-arrow,.nav-menu:not(.nav-menu--map) a:hover .nav-menu-arrow{color:var(--ink);transform:translateX(2px)}.top-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.avatar,.icon-button{display:grid;width:var(--control-size);height:var(--control-size);place-items:center;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink)}.avatar>svg,.icon-button>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-button:hover{border-color:var(--hairline);background:var(--surface-muted)}.icon-button.has-dot{position:relative}.icon-button.has-dot:after{position:absolute;top:7px;right:7px;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:var(--danger);content:""}.avatar{background:var(--black);color:var(--on-dark);font-size:var(--text-base);font-weight:var(--weight-display)}.topbar-toast{position:fixed;z-index:var(--layer-toast);bottom:var(--space-5);left:50%;max-width:min(420px,calc(100vw - 32px));border-radius:var(--radius);background:var(--map-ink);box-shadow:var(--shadow-float);color:var(--on-dark);padding:10px 14px;font-size:var(--text-sm);font-weight:var(--weight-announce);text-align:center;transform:translateX(-50%)}@media (max-width:860px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-1);height:64px;padding-inline:var(--space-2)}.brand{gap:0}.brand small,.brand>span:last-child{display:none}.main-nav{display:inline-flex;min-width:0;justify-content:center;gap:0}.nav-link{min-width:43px;padding-inline:6px;font-size:var(--text-xs)}.nav-link.is-active:after{right:7px;left:7px;height:2px}.nav-menu{top:calc(100% + 6px);min-width:196px}.top-actions{gap:0}.top-actions .icon-button{display:none}.avatar{width:44px;height:44px;font-size:var(--text-sm)}.ops-page,.page{padding-block:var(--space-6);padding-inline:var(--page-gutter)}}.app-link-button,.black-cta,.dark,.map-dark-action,.map-light-action,.outline-action,.primary,.return-button,.route-detail-link,.saved-detail-link,.secondary,.upload-helper-button,.view-match{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius);padding:0 14px;font-size:var(--text-sm);font-weight:var(--weight-announce);line-height:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.app-link-button:active,.black-cta:active,.map-dark-action:active,.primary:active{transform:translateY(1px)}.black-cta,.map-dark-action,.primary,.upload-helper-button{background:var(--primary);color:var(--on-dark)}.black-cta:hover,.map-dark-action:hover,.primary:hover,.upload-helper-button:hover{background:var(--primary-strong)}.map-light-action,.outline-action,.return-button,.secondary{border-color:var(--line);background:var(--surface-raised);color:var(--ink)}.map-light-action:hover,.outline-action:hover,.return-button:hover,.secondary:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.dark{background:var(--map-ink);color:var(--on-dark)}.coverage-note,.live-preview-note,.muted,.route-note,.saved-helper,.sheet-empty-note{color:var(--muted);font-size:var(--text-sm);line-height:1.55}.beta-pill,.eyebrow,.mini-meta,.result-count{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-announce);letter-spacing:.02em}.map-filter-scope,.route-card-signals span,.source-badges span,.status-pill,.upload-chip-list span{display:inline-flex;min-height:24px;align-items:center;gap:5px;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--muted);padding:3px 8px;font-size:var(--text-xs);font-weight:var(--weight-announce);line-height:1}.route-card-signals span:first-child,.status-pill.green{background:var(--success-soft);color:var(--success)}.field,.home-search,.upload-form-panel label{display:grid;min-width:0;grid-gap:5px;gap:5px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-announce)}.field input,.field select,.home-search input,.upload-form-panel input,.upload-form-panel select,.upload-form-panel textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--ink);padding:0 11px;font-size:var(--text-sm);font-weight:var(--weight-emphasize)}textarea{min-height:96px;padding-block:10px;line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}.segmented,.visibility-group{display:inline-flex;flex-wrap:wrap;gap:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-muted);padding:3px}.segmented button,.visibility-group button{min-height:44px;border:0;border-radius:var(--radius-segment);background:transparent;color:var(--muted);padding:0 10px;font-size:var(--text-xs);font-weight:var(--weight-announce)}.segmented button.is-active,.visibility-group button.is-active{background:var(--surface-raised);box-shadow:var(--shadow-soft);color:var(--primary-strong)}.card-base,.detail-copy-card,.gpx-drop-card,.my-side-card,.ops-card,.recent-upload-card,.route-card,.saved-route-card,.upload-benefits,.upload-form-panel,.upload-map-panel,.upload-side-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:none}.route-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden}.route-card:hover{border-color:color-mix(in oklab,var(--ink),transparent 62%);box-shadow:var(--shadow-soft)}.route-card-link{display:block;color:inherit;text-decoration:none}.route-card-link:focus-visible{outline:0}.route-card-link:focus-visible .route-card{border-color:var(--primary);box-shadow:var(--shadow-soft)}.route-image-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--surface-muted)}.photo-evidence-card img,.route-card img,.route-image-wrap img,.saved-route-card img{width:100%;height:100%;object-fit:cover}.route-card-body,.saved-route-body{display:grid;align-content:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4)}.route-card-preview .route-card-body{position:relative;min-height:294px;overflow:hidden;padding:0}.route-card-copy{display:grid;min-height:294px;align-content:start;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);transition:opacity .18s ease,transform .18s ease}.route-map-thumbnail{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--map-terrain-base)}.route-map-thumbnail>img{object-fit:contain}.route-map-thumbnail.is-cover>img{object-fit:cover}.route-map-thumbnail-asset{opacity:0;animation:route-thumbnail-reveal .16s ease forwards}@keyframes route-thumbnail-reveal{to{opacity:1}}.route-map-thumbnail:after{position:absolute;z-index:3;inset:0;background:rgb(247 244 236/10%);pointer-events:none;content:""}.route-map-thumbnail .map-canvas--thumbnail{position:absolute;z-index:2;inset:0;width:100%;height:100%;filter:saturate(.62) contrast(.84) brightness(1.09);pointer-events:none}.route-map-thumbnail .map-canvas--thumbnail:not(.is-mounted){opacity:0}.route-map-thumbnail svg{position:absolute;z-index:4;inset:0;width:100%;height:100%}.route-map-thumbnail-placeholder{opacity:.76}.route-map-thumbnail[data-thumbnail-status=loading]:before{position:absolute;z-index:1;inset:0;background:linear-gradient(105deg,transparent 25%,rgb(255 255 255/26%) 45%,transparent 65%);background-size:220% 100%;content:"";animation:route-thumbnail-loading 1.4s ease-in-out infinite}@keyframes route-thumbnail-loading{0%{background-position:140% 0}to{background-position:-70% 0}}.route-map-thumbnail-casing,.route-map-thumbnail-line,.route-map-thumbnail-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-map-thumbnail-shadow{stroke:rgb(70 52 44/24%);stroke-width:6.2}.route-map-thumbnail-casing{stroke:#faf8f1;stroke-opacity:.98;stroke-width:4.2}.route-map-thumbnail-line{stroke-width:2.4}.route-map-poster-terrain{object-fit:cover}.route-map-poster-overlay{filter:none}.route-map-poster-context-road-casing,.route-map-poster-context-road-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-map-poster-context-road-casing{stroke:rgb(249 247 239/88%);stroke-width:3.8}.route-map-poster-context-road-line{stroke:#79847e;stroke-opacity:.76;stroke-width:1.5}.route-map-poster-context-road-label{fill:#747e78;stroke:rgb(248 246 238/96%);stroke-width:9px;stroke-linejoin:round;paint-order:stroke fill;font-family:var(--font-sans);font-size:31px;font-weight:650;letter-spacing:0}.route-map-poster-landmark-halo{fill:rgb(249 247 239/86%)}.route-map-poster-landmark-dot{fill:#788173;stroke:#f8f5eb;stroke-width:5}.route-map-poster-landmark text{fill:#72786f;stroke:rgb(247 245 236/96%);stroke-width:10px;stroke-linejoin:round;paint-order:stroke fill;font-family:var(--font-sans);font-size:34px;font-weight:650;letter-spacing:0}.route-map-thumbnail-terminal{position:absolute;z-index:5;display:inline-flex;min-height:34px;align-items:center;gap:5px;border:1px solid rgb(31 31 27/24%);border-radius:6px;background:rgb(252 251 247/94%);box-shadow:0 4px 14px rgb(31 25 20/16%);color:var(--ink);padding:5px 8px;font-family:var(--font-sans);transform:translate(-50%,-50%)}.route-map-thumbnail-terminal svg{width:16px;height:16px}.route-map-thumbnail-terminal small{font-size:11px;font-weight:750;white-space:nowrap}.route-map-thumbnail-terminal.is-start svg{color:var(--success)}.route-map-thumbnail-terminal.is-end svg{color:var(--map-ink)}.route-map-thumbnail-terminal.is-loop{border:2px solid transparent;border-radius:999px;background:linear-gradient(rgb(252 251 247/96%),rgb(252 251 247/96%)) padding-box,linear-gradient(90deg,var(--success) 0 50%,var(--map-ink) 50% 100%) border-box}.route-map-thumbnail-terminal.is-loop svg{width:22px;color:var(--map-ink)}.route-map-thumbnail-empty{position:absolute;z-index:2;top:50%;left:50%;color:var(--on-dark);font-size:var(--text-sm);font-weight:var(--weight-announce);transform:translate(-50%,-50%)}.route-card-elevation{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.route-card-elevation-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.route-card-elevation-head span,.route-card-elevation-head strong{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-announce)}.route-card-elevation-head strong{color:var(--ink);margin-left:auto;white-space:nowrap}.route-card-elevation .detail-elevation-visual{display:grid;min-height:0;height:100%;grid-template-rows:minmax(0,1fr) auto;padding:10px 12px 0}.route-card-elevation .detail-elevation-visual svg{min-height:0;height:100%}.route-card-elevation .detail-elevation-empty{min-height:0;height:100%;padding:var(--space-3)}@media (hover:hover) and (pointer:fine){.route-card-link:focus-visible .route-card-copy,.route-card-link:hover .route-card-copy{opacity:0;transform:translateY(-10px)}.route-card-link:focus-visible .route-card-elevation,.route-card-link:hover .route-card-elevation{opacity:1;transform:translateY(0)}}.activity-copy h3,.route-card h3,.saved-route-card h3{display:-webkit-box;overflow:hidden;margin:2px 0 0;color:var(--ink);font-size:var(--text-lg);font-weight:var(--weight-announce);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.route-card-stats,.saved-card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--hairline)}.route-card-stats div,.saved-card-stats div{display:grid;min-width:0;grid-gap:2px;gap:2px}.route-card-stats strong,.saved-card-stats strong{overflow:hidden;color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-announce);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.route-card-stats span,.saved-card-stats span{overflow:hidden;color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.route-detail-link,.saved-detail-link{width:max-content;min-height:44px;padding:0 10px;color:var(--primary-strong);font-size:var(--text-sm)}.route-detail-link:hover,.saved-detail-link:hover{color:var(--primary)}.detail-elevation-visual{position:relative;overflow:hidden;min-height:236px;border:1px solid var(--elev-border);border-radius:var(--elev-radius);background-color:var(--elev-bg);background-image:linear-gradient(to bottom,var(--elev-grid) 1px,transparent 1px);background-size:100% 25%;padding:var(--space-3) var(--space-4) 0}.detail-elevation-visual svg{display:block;width:100%;height:190px;overflow:visible}.detail-elevation-area{fill:var(--elev-fill)}.detail-elevation-line{fill:none;stroke:var(--elev-line);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25;vector-effect:non-scaling-stroke}.detail-elevation-axis{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--elev-axis);font-size:var(--text-xs);line-height:1.35}.detail-elevation-visual.is-cartesian{background-image:none;padding:0}.detail-elevation-cartesian{position:relative;display:grid;min-height:0;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 12px;grid-row-gap:2px;row-gap:2px}.detail-elevation-plot{position:relative;grid-column:1;grid-row:1;overflow:hidden;min-height:0;border:1px solid var(--elev-border);border-radius:var(--elev-radius);background-color:var(--elev-bg);background-image:linear-gradient(to bottom,var(--elev-grid) 1px,transparent 1px);background-size:100% 50%}.detail-elevation-x-axis,.detail-elevation-y-axis{color:var(--elev-axis);font-size:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.detail-elevation-y-axis{z-index:2;display:flex;min-height:0;grid-column:1;grid-row:1;align-items:flex-end;align-self:stretch;justify-content:space-between;justify-self:start;flex-direction:column;min-width:48px;padding:4px 10px 3px 4px;pointer-events:none;text-align:left}.detail-elevation-y-axis span{padding:2px 8px 2px 2px;background:linear-gradient(to right,color-mix(in oklab,var(--elev-bg),transparent 8%) 68%,transparent)}.detail-elevation-x-axis{display:flex;grid-column:1;align-items:flex-start;justify-content:space-between;padding-inline:3px}.detail-elevation-x-axis span:first-child{text-align:left}.detail-elevation-x-axis span:last-child{text-align:right}body.gravel-shell .discover-route-card .detail-elevation-x-axis,body.gravel-shell .discover-route-card .detail-elevation-y-axis{color:var(--elev-axis);font-family:var(--gm-font-sans);font-size:9px}body.gravel-shell .discover-route-card .detail-elevation-cartesian{grid-template-columns:1px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 16px;column-gap:0;row-gap:0}body.gravel-shell .discover-route-card .detail-elevation-plot{grid-column:2}body.gravel-shell .discover-route-card .detail-elevation-y-axis{grid-column:1;align-items:flex-start;justify-self:stretch;overflow:visible;min-width:0;border-right:1px solid color-mix(in srgb,var(--elev-axis) 48%,transparent);padding:4px 0 3px;text-align:left}body.gravel-shell .discover-route-card .detail-elevation-y-axis span{position:relative;left:100%;width:max-content;padding:2px 4px 2px 9px;background:none;white-space:nowrap}body.gravel-shell .discover-route-card .detail-elevation-y-axis span:after{content:"";position:absolute;top:50%;right:auto;left:0;width:5px;border-top:1px solid;transform:translateY(-50%)}body.gravel-shell .discover-route-card .detail-elevation-x-axis{display:grid;grid-column:2;grid-template-columns:1fr auto 1fr;border-top:1px solid color-mix(in srgb,var(--elev-axis) 48%,transparent);padding:5px 0 0}body.gravel-shell .discover-route-card .detail-elevation-x-axis span{position:relative}body.gravel-shell .discover-route-card .detail-elevation-x-axis span:nth-child(2){justify-self:center}body.gravel-shell .discover-route-card .detail-elevation-x-axis span:last-child{justify-self:end}body.gravel-shell .discover-route-card .detail-elevation-x-axis span:before{content:"";position:absolute;top:-5px;left:50%;width:1px;height:5px;background:currentColor;transform:translateX(-50%)}body.gravel-shell .discover-route-card .detail-elevation-x-axis span:first-child:before{left:0;transform:none}body.gravel-shell .discover-route-card .detail-elevation-x-axis span:last-child:before{right:0;left:auto;transform:none}body.gravel-shell .discover-route-card .detail-elevation-plot,body.gravel-shell .discover-route-card .detail-elevation-visual{border:0;background:transparent}body.gravel-shell .discover-route-card .detail-elevation-line{stroke-width:1.5px}.detail-elevation-empty{display:grid;min-height:136px;place-content:center;grid-gap:var(--space-2);gap:var(--space-2);border:1px dashed var(--elev-border);border-radius:var(--elev-radius);background:var(--elev-bg);color:var(--elev-axis);font-size:var(--text-sm);text-align:center}.detail-elevation-empty strong{color:var(--ink);font-size:var(--text-base)}.coming-soon-wrap,.favorite-toggle-wrap{display:inline-grid;gap:5px}.coming-soon-status,.favorite-toggle-message{color:var(--muted);font-size:var(--text-xs);line-height:1.35}.coming-soon-wrap>button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--muted);padding:0 14px;font-size:var(--text-sm);font-weight:var(--weight-announce)}.coming-soon-wrap>button:hover{border-color:var(--line);background:var(--surface-muted);color:var(--text)}@media (max-width:860px){.route-card-stats,.saved-card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-footer{position:relative;z-index:2;flex:0 0 auto;width:100%;overflow:hidden;border-top:4px solid var(--gm-red-600);background:var(--gm-green-950,#102f28);color:rgb(255 255 255/72%);padding:52px var(--page-gutter) 22px;font-family:var(--gm-font-sans);font-size:12px}.site-footer:after{position:absolute;right:-120px;bottom:-240px;width:520px;height:520px;border:1px solid rgb(255 255 255/7%);border-radius:50%;box-shadow:0 0 0 52px rgb(255 255 255/2%),0 0 0 104px rgb(255 255 255/2%);content:"";pointer-events:none}.site-footer-inner{position:relative;z-index:1;width:100%;max-width:var(--page-content-max);margin-inline:auto}.site-footer-main{display:grid;grid-template-columns:minmax(360px,1.05fr) minmax(620px,1.7fr);grid-gap:clamp(72px,8vw,136px);gap:clamp(72px,8vw,136px);align-items:start}.site-footer-brand{max-width:520px}.site-footer-logo,.site-footer-logo img{display:block;width:176px}.site-footer-logo img{max-width:100%;height:auto}.site-footer-brand h2{max-width:450px;margin:26px 0 0;color:var(--on-dark);font-family:var(--gm-font-sans);font-size:clamp(23px,1.8vw,31px);font-weight:680;letter-spacing:-.035em;line-height:1.25;text-wrap:balance}.site-footer-brand p{max-width:500px;margin:14px 0 0;color:rgb(255 255 255/62%);font-size:12px;line-height:1.7;text-wrap:pretty}.site-footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(28px,3vw,48px);gap:clamp(28px,3vw,48px);border-top:1px solid rgb(255 255 255/18%);padding-top:24px}.site-footer-nav section{display:grid;align-content:start;grid-gap:13px;gap:13px}.site-footer-nav h2{display:grid;grid-gap:4px;gap:4px;margin:0 0 8px;color:var(--on-dark);font-size:12px;font-weight:750;letter-spacing:.06em}.site-footer-nav h2 span{color:var(--gm-red-400,#e48172);font-family:var(--gravel-mono);font-size:8px;font-weight:700;letter-spacing:.14em}.site-footer-nav a{width:-moz-fit-content;width:fit-content;color:rgb(255 255 255/62%);font-size:13px;line-height:1.4;text-decoration:none;transition:color .15s ease,transform .15s ease}.site-footer-nav a:focus-visible,.site-footer-nav a:hover{color:var(--on-dark);transform:translateX(2px)}.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;border-top:1px solid rgb(255 255 255/14%);padding-top:18px;color:rgb(255 255 255/42%);font-family:var(--gravel-mono);font-size:9px;font-weight:650;letter-spacing:.08em}.site-footer-bottom span:last-child{margin-left:auto}@media (max-width:1023px){.site-footer-main{grid-template-columns:1fr;gap:42px}.site-footer-brand{max-width:620px}.site-footer-nav{border-top:1px solid rgb(255 255 255/16%);padding-top:24px}}@media (max-width:767px){.site-footer{padding:40px var(--page-gutter) 20px}.site-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.site-footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:7px;margin-top:38px}}@media (max-width:420px){.site-footer-nav{grid-template-columns:1fr}}.gm-handdrawn-icon{display:block;width:var(--gm-handdrawn-icon-size,20px);height:var(--gm-handdrawn-icon-size,20px);flex:0 0 var(--gm-handdrawn-icon-size,20px);object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.gravel-shell .map-base-layer-menu{position:absolute;z-index:13;display:block;width:180px;overflow:hidden;border:1px solid var(--gm-border-default);border-radius:15px;background:color-mix(in srgb,var(--gm-bg-card) 94%,transparent);box-shadow:0 12px 32px rgb(35 33 29/14%);color:var(--gm-text-primary);padding:7px;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}body.gravel-shell .map-base-layer-menu>section{min-width:0;padding:0}body.gravel-shell .map-base-layer-menu section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px}body.gravel-shell .map-base-layer-menu section>div>button{display:grid;min-width:0;min-height:50px;align-content:center;justify-items:center;grid-gap:4px;gap:4px;border:1px solid var(--gm-border-default);border-radius:10px;background:color-mix(in srgb,var(--gm-bg-page) 76%,transparent);color:var(--gm-text-primary);padding:5px 2px}body.gravel-shell .map-base-layer-menu section>div>button:focus-visible,body.gravel-shell .map-base-layer-menu section>div>button:hover{background:var(--gm-bg-hover)}body.gravel-shell .map-base-layer-menu section>div>button.is-active{border-color:var(--gm-red-600);background:var(--gm-red-050);box-shadow:none;color:var(--gm-red-700)}body.gravel-shell .map-base-layer-menu section>div>button svg{color:var(--gm-red-600)}body.gravel-shell .map-base-layer-menu section>div>button span{font-size:12px;font-weight:650}body.gravel-shell .map-base-layer-control{position:relative;z-index:13;display:grid;width:max-content;overflow:visible;isolation:isolate}body.gravel-shell .map-base-layer-trigger{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--gm-border-default);border-radius:var(--gm-radius-control);background:color-mix(in srgb,var(--gm-bg-card) 96%,transparent);box-shadow:var(--gm-shadow-card);color:var(--gm-text-primary);padding:0;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body.gravel-shell .map-base-layer-control.is-open>.map-base-layer-trigger,body.gravel-shell .map-base-layer-trigger:focus-visible,body.gravel-shell .map-base-layer-trigger:hover{border-color:color-mix(in srgb,var(--gm-red-600) 58%,var(--gm-border-default));background:color-mix(in srgb,var(--gm-red-050) 82%,var(--gm-bg-card));color:var(--gm-red-700)}body.gravel-shell .map-base-layer-trigger:focus-visible{outline:2px solid var(--gm-red-600);outline-offset:2px}body.gravel-shell .map-base-layer-control>.map-base-layer-menu{top:50%;right:calc(100% - 1px);bottom:auto;left:auto;width:162px;border-radius:13px 0 0 13px;padding:4px;transform:translateY(-50%)}body.gravel-shell .map-base-layer-control[data-placement=right]>.map-base-layer-menu{right:auto;left:calc(100% - 1px);border-radius:0 13px 13px 0}body.gravel-shell .map-base-layer-control[data-placement=left].is-open>.map-base-layer-trigger{border-radius:0 var(--gm-radius-control) var(--gm-radius-control) 0}body.gravel-shell .map-base-layer-control[data-placement=right].is-open>.map-base-layer-trigger{border-radius:var(--gm-radius-control) 0 0 var(--gm-radius-control)}body.gravel-shell .map-base-layer-control>.map-base-layer-menu section>div{gap:3px}body.gravel-shell .map-base-layer-control>.map-base-layer-menu section>div>button{width:auto;height:auto;min-height:46px;gap:2px;border:1px solid var(--gm-border-default);border-radius:8px;background:color-mix(in srgb,var(--gm-bg-page) 76%,transparent);box-shadow:none;padding:4px 2px;color:var(--gm-text-primary);transform:none}body.gravel-shell .map-base-layer-control>.map-base-layer-menu section>div>button svg{width:18px;height:18px}body.gravel-shell .map-base-layer-control>.map-base-layer-menu section>div>button span{font-size:11px;line-height:1.1}body.gravel-shell .map-terrain-credit{position:absolute;z-index:12;right:10px;bottom:8px;border-radius:4px;background:color-mix(in srgb,var(--gm-bg-card) 88%,transparent);padding:3px 5px;color:var(--gm-text-secondary);font-size:9px;line-height:1.2;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.gravel-shell .map-terrain-credit:hover{color:var(--gm-text-primary);text-decoration:underline;text-underline-offset:2px}@media (max-width:820px){body.gravel-shell .map-base-layer-menu{width:min(174px,calc(100% - 64px))}body.gravel-shell .map-base-layer-menu>section{padding:0}body.gravel-shell .map-base-layer-menu section>div{gap:5px}body.gravel-shell .map-base-layer-menu section>div>button{min-height:46px;gap:3px;border-radius:6px;padding:4px 2px}body.gravel-shell .map-base-layer-menu section>div>button span{font-size:11px}}body.gravel-shell .entity-poster-dialog{width:min(940px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:hidden;border:0;border-radius:16px;background:transparent;color:var(--gm-text-primary);padding:0;box-shadow:0 28px 80px rgb(11 26 22/24%)}body.gravel-shell .entity-poster-dialog::-webkit-backdrop{background:rgb(8 20 17/62%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.gravel-shell .entity-poster-dialog::backdrop{background:rgb(8 20 17/62%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body.gravel-shell .entity-poster-panel{display:grid;max-height:calc(100dvh - 32px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--gravel-paper-raised,#fff)}body.gravel-shell .entity-poster-panel>header{display:flex;min-height:102px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--gm-border-subtle);padding:22px 26px 20px 30px}body.gravel-shell .entity-poster-panel>header>div{display:grid;grid-gap:3px;gap:3px}body.gravel-shell .entity-poster-panel>header span{color:var(--gm-red-600);font-family:var(--gm-font-mono);font-size:11px;font-weight:800;letter-spacing:.16em}body.gravel-shell .entity-poster-panel>header h2{margin:0;font-family:var(--gm-font-sans);font-size:24px;line-height:1.15}body.gravel-shell .entity-poster-panel>header p{margin:0;color:var(--gm-text-secondary);font-size:12px}body.gravel-shell .entity-poster-panel>header>button{display:inline-flex;width:38px;min-width:38px;height:38px;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--gm-border-strong);border-radius:var(--gm-radius-control);background:transparent;color:var(--gm-text-primary);padding:0;cursor:pointer}body.gravel-shell .entity-poster-panel>header>button svg{width:17px;height:17px}body.gravel-shell .entity-poster-body{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) 320px;overflow:auto}body.gravel-shell .entity-poster-preview{display:grid;min-height:570px;place-items:center;overflow:auto;background:#e9e5df;padding:24px}body.gravel-shell .entity-poster-preview>*{grid-area:1/1}body.gravel-shell .entity-poster-preview img{display:block;width:auto;max-width:100%;height:min(60vh,600px);border-radius:2px;box-shadow:0 16px 38px rgb(15 27 23/16%)}body.gravel-shell .entity-poster-state{display:inline-flex;min-width:228px;min-height:50px;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;border:1px solid rgb(255 255 255/60%);border-radius:999px;background:rgb(255 255 255/88%);color:var(--gm-text-primary);padding:11px 16px;box-shadow:0 8px 24px rgb(15 27 23/12%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px}body.gravel-shell .entity-poster-state:before{width:28px;height:28px;border:2px solid color-mix(in srgb,var(--gm-green-900),transparent 76%);border-top-color:var(--gm-red-600);border-radius:50%;animation:entity-poster-spin .8s linear infinite;content:""}@keyframes entity-poster-spin{to{transform:rotate(1turn)}}body.gravel-shell .entity-poster-state--error{min-width:180px;border-color:var(--gm-border-subtle);color:var(--gm-text-secondary);box-shadow:none}body.gravel-shell .entity-poster-state--error:before{display:none}body.gravel-shell .entity-poster-controls{display:flex;min-width:0;align-items:stretch;flex-direction:column;border-left:1px solid var(--gm-border-subtle);padding:0 26px 26px}body.gravel-shell .entity-poster-controls>div:first-child{display:block;width:100%;text-align:left}body.gravel-shell .entity-poster-controls>div:first-child>:is(span,strong,p){display:block;width:100%;margin-left:0;padding-left:0}body.gravel-shell .entity-poster-controls>div:first-child>strong{margin-top:11px}body.gravel-shell .entity-poster-controls>div:first-child>p{margin-top:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.gravel-shell .entity-poster-template-picker{display:grid;grid-gap:10px;gap:10px;margin-top:22px;border-top:1px solid var(--gm-border-subtle);padding-top:18px}body.gravel-shell .entity-poster-template-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px}body.gravel-shell .entity-poster-template-picker button{display:inline-flex;box-sizing:border-box;width:100%;height:32px;min-height:32px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--gm-text-secondary);padding:0 10px;font-family:var(--gm-font-sans);font-size:12px;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}body.gravel-shell .entity-poster-template-picker button:focus-visible,body.gravel-shell .entity-poster-template-picker button:hover{background:color-mix(in srgb,var(--gm-text-primary),transparent 94%);box-shadow:inset 0 0 0 1px var(--gm-text-primary);color:var(--gm-text-primary);outline:0}body.gravel-shell .entity-poster-template-picker button.is-active{background:var(--gm-text-primary);box-shadow:none;color:var(--gm-text-inverse)}body.gravel-shell .entity-poster-controls fieldset legend,body.gravel-shell .entity-poster-controls>div:first-child>span{color:var(--gm-red-600);font-family:var(--gm-font-mono);font-size:11px;font-weight:800;letter-spacing:.16em}body.gravel-shell .entity-poster-controls strong{font-size:19px;line-height:1.35}body.gravel-shell .entity-poster-controls p{margin:0;color:var(--gm-text-secondary);font-size:12px;line-height:1.65}body.gravel-shell .entity-poster-controls .entity-poster-share-metrics{display:grid;grid-gap:2px;gap:2px;margin-top:5px;font-family:var(--gm-font-mono);line-height:1.5}body.gravel-shell .entity-poster-controls .entity-poster-author{display:inline-flex;align-items:center;gap:8px}body.gravel-shell .entity-poster-controls .entity-poster-author img{width:22px;height:22px;border:1px solid var(--gm-border-subtle);border-radius:50%;object-fit:cover}body.gravel-shell .entity-poster-share-metrics>span{white-space:nowrap}body.gravel-shell .entity-poster-controls fieldset{display:grid;grid-gap:8px;gap:8px;margin:18px 0 0;border:0;border-top:1px solid var(--gm-border-subtle);padding:18px 0 0}body.gravel-shell .entity-poster-controls fieldset legend{padding:0}body.gravel-shell .entity-poster-controls label{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;gap:8px;color:var(--gm-text-primary);font-size:13px;font-weight:700;cursor:pointer}body.gravel-shell .entity-poster-controls input{width:15px;height:15px;margin:0;accent-color:var(--gm-red-600)}body.gravel-shell .entity-poster-share-note{margin-top:22px!important;border-top:1px solid var(--gm-border-subtle);padding-top:18px}body.gravel-shell .entity-poster-actions{display:grid;grid-gap:10px;gap:10px;margin-top:auto;padding-top:30px}body.gravel-shell .entity-poster-actions button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--gm-border-strong);border-radius:var(--gm-radius-control);background:transparent;color:var(--gm-text-primary);padding:0 15px;font-family:var(--gm-font-sans);font-size:13px;font-weight:750;cursor:pointer}body.gravel-shell .entity-poster-actions button svg{width:17px;height:17px}body.gravel-shell .entity-poster-actions button.is-primary{border-color:var(--gm-red-600);background:var(--gm-red-600);color:var(--gm-text-inverse)}body.gravel-shell .entity-poster-actions button:disabled{cursor:wait;opacity:.45}body.gravel-shell .entity-poster-actions button:not(:disabled):focus-visible,body.gravel-shell .entity-poster-actions button:not(:disabled):hover,body.gravel-shell .entity-poster-panel>header>button:focus-visible,body.gravel-shell .entity-poster-panel>header>button:hover{border-color:var(--gm-green-900);background:color-mix(in srgb,var(--gm-green-900),transparent 94%);color:var(--gm-green-900)}body.gravel-shell .entity-poster-actions button.is-primary:not(:disabled):focus-visible,body.gravel-shell .entity-poster-actions button.is-primary:not(:disabled):hover{border-color:var(--gm-red-700);background:var(--gm-red-700);color:var(--gm-text-inverse)}body.gravel-shell .entity-poster-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px}@media (max-width:767px){body.gravel-shell .entity-poster-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 20px)}body.gravel-shell .entity-poster-panel{max-height:calc(100svh - 20px)}body.gravel-shell .entity-poster-panel>header{min-height:88px;padding:17px 16px 16px 18px}body.gravel-shell .entity-poster-panel>header h2{font-size:20px}body.gravel-shell .entity-poster-body{display:block;overflow-y:auto}body.gravel-shell .entity-poster-preview{min-height:0;padding:16px}body.gravel-shell .entity-poster-preview img{width:min(100%,310px);height:auto}body.gravel-shell .entity-poster-controls{border-top:1px solid var(--gm-border-subtle);border-left:0;padding:20px 18px calc(18px + env(safe-area-inset-bottom))}body.gravel-shell .entity-poster-template-picker{margin-top:16px;padding-top:14px}body.gravel-shell .entity-poster-share-note{margin-top:15px!important;padding-top:14px}}.home-page{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.discover-detail-head,.home-head,.subpage-head,.upload-flow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.discover-detail-head>div:first-child,.home-head>div:first-child,.subpage-head>div{min-width:0}.discover-detail-head>div>p,.home-head .eyebrow,.subpage-head p{margin:0 0 var(--space-2)}.discover-detail-head h1,.home-head h1,.subpage-head h1,.upload-flow-head h1{margin:0;color:var(--ink);font-size:var(--text-display);font-weight:var(--weight-display);letter-spacing:-.035em;line-height:1.16}.discover-detail-head small,.home-head>div>p:not(.eyebrow),.subpage-head span,.upload-flow-head p{display:block;max-width:760px;margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-base);line-height:1.5}.map-create-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.home-search-row{gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-soft)}.home-search,.home-search-row{display:flex;align-items:center}.home-search{flex:1 1 360px;gap:var(--space-2);position:relative}.home-search svg{flex:0 0 auto;color:var(--muted)}.home-search input{min-height:42px;border:0;background:transparent;padding:0;box-shadow:none}.home-search input:focus{outline:0}.route-browser{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.saved-controls,.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail-copy-card h2,.my-side-card h2,.section-head h2,.upload-benefits h2{margin:0;color:var(--ink);font-size:var(--text-xl);font-weight:var(--weight-announce);line-height:1.2}.route-grid,.saved-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.map-create-workspace,.map-workspace{min-height:calc(100vh - 72px);background:var(--canvas)}.map-browse-workspace{position:relative;height:calc(100vh - 72px);min-height:640px;overflow:hidden;background:var(--map-ink)}.concept-map:before,.create-map-canvas:before,.map-browse-workspace:before{position:absolute;z-index:0;inset:0;background:linear-gradient(color-mix(in oklab,var(--surface),transparent 24%),color-mix(in oklab,var(--surface-muted),transparent 36%)),url(/assets/map-fallback-clean.jpg) 50% /cover;background-blend-mode:screen;filter:saturate(.56) contrast(.9) brightness(1.08);content:""}.create-map-canvas .amap-canvas,.create-map-canvas .map-canvas,.map-browse-workspace .amap-canvas,.map-browse-workspace .map-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%}.concept-map .map-canvas:not(.is-mounted),.create-map-canvas .map-canvas:not(.is-mounted),.map-browse-workspace .map-canvas:not(.is-mounted){display:none}.explore-route-overlay{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.explore-line{fill:none;pointer-events:none;stroke-linecap:round;stroke-linejoin:round}.map-label,.map-marker{position:absolute;z-index:4;pointer-events:none}.map-label{max-width:180px;border:1px solid color-mix(in oklab,var(--ink),transparent 86%);border-radius:var(--radius);background:var(--glass-default);color:var(--map-ink);padding:5px 7px;font-weight:var(--weight-announce);text-align:center}.map-label,.map-marker{box-shadow:var(--shadow-soft);font-size:var(--text-xs)}.map-marker{display:grid;width:28px;height:28px;place-items:center;border:2px solid var(--on-dark);border-radius:50%;background:var(--primary);color:var(--on-dark);font-weight:var(--weight-display);transform:translate(-50%,-50%)}.photo-fallback-marker{background:var(--success)}.picked-fallback-marker{background:var(--warning)}.waypoint-fallback-marker.waypoint-start{background:var(--success)}.waypoint-fallback-marker.waypoint-end{background:var(--danger)}.amap-route-marker{display:grid;box-sizing:border-box;width:28px;height:28px;place-items:center;border:2px solid var(--on-dark);border-radius:50%;background:var(--map-ink);box-shadow:var(--shadow-soft);color:var(--on-dark);font-size:var(--text-xs);font-weight:var(--weight-display);line-height:1}.amap-route-marker.supply-point-marker{position:relative;display:none;width:24px;height:24px;border:0;background:transparent;box-shadow:none}.map-canvas[data-supply-points=visible] .amap-route-marker.supply-point-marker{display:grid}.fallback-supply-point-marker{position:absolute;z-index:22;display:none;width:24px;height:24px;transform:translate(-50%,-50%)}.map-canvas[data-supply-points=visible] .fallback-supply-point-marker{display:block}.amap-route-marker.supply-point-marker .supply-point-icon,.fallback-supply-point-marker .supply-point-icon{display:block;width:24px;height:24px;filter:drop-shadow(0 2px 3px rgb(0 0 0/22%))}.amap-route-marker.supply-point-marker:after{position:absolute;bottom:calc(100% + 5px);left:50%;padding:6px 9px;border-radius:8px;background:rgb(255 255 255/96%);box-shadow:0 5px 16px rgb(32 30 27/18%);color:#2d2b27;content:attr(data-marker-label);font-size:12px;font-weight:650;opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity .12s ease;white-space:nowrap}.amap-route-marker.supply-point-marker:focus-visible:after,.amap-route-marker.supply-point-marker:hover:after{opacity:1}.amap-route-marker.supply-point-marker:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.amap-route-marker.segment-distance-marker{width:auto;min-width:30px;padding:0 7px;background:var(--marker-color,var(--map-ink))}.amap-route-marker.segment-brand-marker{display:flex;width:auto;height:28px;align-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);cursor:pointer;white-space:nowrap}.amap-route-marker.segment-brand-marker img,.fallback-segment-brand-marker img{position:relative;z-index:2;display:block;box-sizing:border-box;width:28px;height:28px;flex:0 0 28px;border-radius:50%;filter:drop-shadow(0 2px 5px color-mix(in oklab,var(--map-ink),transparent 72%));transition:transform .14s ease,filter .14s ease}.amap-route-marker.segment-brand-marker span,.fallback-segment-brand-marker span{display:block;max-width:133px;overflow:hidden;margin-left:-5px;border:1px solid color-mix(in oklab,var(--primary),transparent 55%);border-radius:0 999px 999px 0;background:color-mix(in oklab,var(--surface-raised),transparent 4%);box-shadow:0 1px 5px color-mix(in oklab,var(--map-ink),transparent 84%);color:var(--ink);padding:4px 7px 4px 9px;font-size:9px;font-weight:var(--weight-announce);line-height:1.15;text-overflow:ellipsis}.amap-route-marker.segment-brand-marker:is(:hover,.is-active) img,.fallback-segment-brand-marker:is(:hover,:focus-visible,.is-active) img{filter:drop-shadow(0 3px 6px color-mix(in oklab,var(--primary),transparent 54%));transform:scale(1.08)}.amap-route-marker.segment-brand-marker:is(:hover,.is-active) span,.fallback-segment-brand-marker:is(:hover,:focus-visible,.is-active) span{border-color:var(--primary);color:var(--primary-strong)}.amap-route-marker.waypoint-marker{cursor:-webkit-grab;cursor:grab}.amap-route-marker.waypoint-start{background:var(--success)}.amap-route-marker.waypoint-end{background:var(--danger)}.amap-route-marker.pick-marker{background:var(--warning)}.amap-route-marker.map-elevation-focus-marker,.picked-fallback-marker.map-elevation-focus-marker{width:20px;height:20px;border-width:2px;background:var(--success,#16824c);color:transparent;font-size:0;line-height:0}.amap-route-marker.route-terminal-marker,.route-terminal-fallback-marker{box-sizing:border-box;width:26px;height:26px;border:2px solid;padding:0;background:var(--on-dark);box-shadow:0 2px 8px color-mix(in oklab,var(--map-ink),transparent 78%);z-index:70}.amap-route-marker.route-start-marker,.route-terminal-fallback-marker.route-start-marker{color:var(--success)}.amap-route-marker.route-end-marker,.route-terminal-fallback-marker.route-end-marker{color:var(--map-ink)}.route-terminal-icon{display:block;width:14px;height:14px;overflow:visible}.amap-route-marker.route-loop-marker,.route-terminal-fallback-marker.route-loop-marker{width:40px;height:28px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--success) 0 50%,var(--map-ink) 50% 100%);color:var(--map-ink);padding:2px}.route-loop-marker-core{display:grid;width:100%;height:100%;place-items:center;border-radius:999px;background:var(--on-dark)}.route-loop-marker .route-loop-icon{width:23px;height:15px}.map-filter-row button.is-active,.map-layer-row button.is-active{border-color:var(--primary);background:var(--primary);color:var(--on-dark)}.map-search-results{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-float);padding:4px}.map-search-results button{display:grid;grid-gap:2px;gap:2px;border:0;border-radius:var(--radius);background:transparent;padding:9px 10px;text-align:left}.map-search-results button:hover{background:var(--primary-soft)}.map-search-results strong{color:var(--ink);font-size:var(--text-sm)}.map-search-results span{color:var(--muted);font-size:var(--text-xs)}.map-provider-badge,.map-toast{position:absolute;z-index:15;border:1px solid color-mix(in oklab,var(--ink),transparent 88%);border-radius:var(--radius);background:var(--map-glass);box-shadow:var(--shadow-soft)}.map-provider-badge.is-live>span{background:var(--success)}.map-toast{bottom:calc(var(--space-4) + 50px);left:50%;max-width:min(440px,calc(100vw - 32px));color:var(--text);padding:9px 12px;font-size:var(--text-sm);transform:translateX(-50%)}.map-interaction-panel{position:absolute;z-index:3;right:var(--space-4);bottom:82px;display:flex;align-items:center;gap:var(--space-2);max-width:min(420px,calc(100% - 32px));border:1px solid color-mix(in oklab,var(--ink),transparent 88%);border-radius:var(--radius);background:var(--map-glass);color:var(--muted);padding:7px 9px;font-size:var(--text-xs)}.map-interaction-panel button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius-segment);background:var(--surface-raised);color:var(--primary-strong);padding:0 8px;font-size:var(--text-xs);font-weight:var(--weight-announce)}.fallback-map-pick-layer{position:absolute;z-index:2;inset:0;border:0;background:transparent;cursor:crosshair}.fallback-segment-hotspot{position:absolute;z-index:3;width:44px;height:44px;border:2px solid var(--on-dark);border-radius:50%;background:var(--primary);color:var(--on-dark);font-size:var(--text-xs);font-weight:var(--weight-display);transform:translate(-50%,-50%)}.fallback-segment-hotspot.is-active{background:var(--map-ink)}.fallback-segment-brand-marker{position:absolute;z-index:5;display:flex;width:auto;height:28px;align-items:center;border:0;background:transparent;padding:0;transform:translate(-14px,-50%);white-space:nowrap}@media (max-width:680px){.amap-route-marker.segment-brand-marker span,.fallback-segment-brand-marker span{max-width:92px;font-size:9px}}.sheet-title-row span.is-warning{background:var(--warning-soft);color:var(--warning)}.map-create-workspace{display:grid;height:calc(100dvh - 72px);min-height:640px;grid-template-rows:54px minmax(0,1fr);overflow:hidden;background:var(--surface)}.map-create-stage{position:relative;min-height:0;overflow:hidden;background:var(--map-ink);isolation:isolate}.create-map-canvas{position:absolute;z-index:1;inset:0;overflow:hidden}.route-draw-panel{position:absolute;z-index:12;top:24px;bottom:24px;left:24px;display:grid;width:360px;align-content:start;grid-gap:var(--space-3);gap:var(--space-3);overflow:auto;border:1px solid color-mix(in oklab,var(--ink),transparent 88%);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-float);padding:var(--space-4)}.panel-inline-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.panel-inline-title>div{display:flex;align-items:baseline;gap:7px}.panel-inline-title h2{margin:0;color:var(--ink);font-size:var(--text-lg)}.panel-inline-title span{color:var(--muted);font-size:var(--text-xs)}.panel-inline-title>button{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted)}.route-draw-panel>p{margin:-4px 0 0;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.waypoint-list{position:relative;display:grid;grid-gap:5px;gap:5px}.waypoint-list article{display:grid;grid-template-columns:24px 36px minmax(0,1fr) 34px;align-items:center;grid-gap:5px;gap:5px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-raised);padding:6px;transition:border-color .14s ease,background-color .14s ease,opacity .14s ease}.waypoint-list article.is-active{border-color:color-mix(in oklab,var(--ink),transparent 62%);background:var(--primary-soft)}.waypoint-list article.is-dragging{opacity:.55}.waypoint-drag-handle{display:grid;width:100%;height:40px;place-items:center;border:0;border-radius:var(--radius-segment);background:transparent;color:var(--faint);cursor:-webkit-grab;cursor:grab;touch-action:none}.waypoint-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.waypoint-drag-handle:focus-visible,.waypoint-drag-handle:hover{background:var(--surface-muted);color:var(--primary-strong)}.waypoint-dot{width:36px;height:36px;border:0;border-radius:50%;background:var(--map-ink);color:var(--on-dark);font-size:var(--text-xs);font-weight:var(--weight-display)}.waypoint-list label{display:grid;min-width:0;grid-gap:2px;gap:2px;color:var(--muted);font-size:var(--text-xs)}.waypoint-list input{min-height:26px;border:0;background:transparent;padding:0;font-size:var(--text-xs);font-weight:var(--weight-announce)}.waypoint-selection-hint{border:1px solid color-mix(in srgb,var(--primary) 25%,var(--line));border-radius:var(--radius-segment);background:var(--primary-soft);padding:7px 8px;color:var(--primary-strong);font-size:var(--text-xs);line-height:1.45}.is-editor-closed .map-create-toolbar{left:24px}.save-route-popover{position:absolute;z-index:24;top:76px;right:24px;display:grid;width:min(340px,calc(100% - 48px));grid-gap:var(--space-3);gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-float);padding:var(--space-4)}.save-route-popover h2{margin:0;color:var(--ink);font-size:var(--text-lg)}.save-route-popover label{display:grid;grid-gap:5px;gap:5px;color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-announce)}.save-route-popover label span{color:var(--faint);text-align:right}.save-review-note{margin:0;color:var(--muted);font-size:var(--text-xs);line-height:1.45}.save-popover-actions{display:flex;justify-content:flex-end;gap:6px}.save-popover-actions button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:0 10px;font-size:var(--text-xs);font-weight:var(--weight-announce)}.save-popover-actions button.is-dark{border-color:var(--primary);background:var(--primary);color:var(--on-dark)}.save-login-link{color:var(--primary-strong);font-size:var(--text-sm);font-weight:var(--weight-announce)}.route-create-inspector{position:absolute;z-index:10;bottom:24px;left:calc(50% + 180px);display:grid;width:min(720px,calc(100% - 440px));grid-template-columns:150px minmax(0,1fr);align-items:stretch;overflow:hidden;border:1px solid color-mix(in oklab,var(--ink),transparent 86%);border-radius:var(--radius);background:var(--map-glass);box-shadow:var(--shadow-float);transform:translateX(-50%);transition:left .16s ease,width .16s ease}.is-editor-closed .route-create-inspector{left:50%;width:min(720px,calc(100% - 48px))}.route-inspector-title{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;border:0;border-right:1px solid var(--hairline);background:transparent;padding:10px 12px;text-align:left}.route-inspector-title>span{display:grid;min-width:0;grid-gap:2px;gap:2px}.route-inspector-title strong{color:var(--ink);font-size:var(--text-xs)}.route-inspector-title small{color:var(--muted);font-size:var(--text-xs)}.route-inspector-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.route-inspector-metrics strong{display:grid;min-width:0;min-height:64px;align-content:center;grid-gap:2px;gap:2px;border-right:1px solid var(--hairline);padding:8px 12px;color:var(--ink);font-size:var(--text-sm)}.route-inspector-metrics strong:last-child{border-right:0}.route-inspector-metrics span{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-emphasize)}.route-inspector-elevation{grid-column:1/-1;height:158px;overflow:hidden;border-top:1px solid var(--hairline);background:var(--surface-raised);padding:12px 16px}.route-inspector-elevation .detail-elevation-visual{display:grid;min-height:0;height:100%;grid-template-rows:minmax(0,1fr) auto;grid-gap:4px;gap:4px}.route-inspector-elevation .detail-elevation-visual svg{min-height:0;height:100%;overflow:hidden}.route-inspector-elevation .detail-elevation-empty{min-height:132px}.route-insert-prompt{position:absolute;z-index:23;bottom:108px;left:50%;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-float);padding:8px;transform:translateX(-50%)}.route-insert-prompt button,.route-insert-prompt span{color:var(--text);font-size:var(--text-xs)}.route-insert-prompt button{min-height:36px;border:1px solid var(--line);border-radius:var(--radius-segment);background:var(--surface-raised);padding:0 9px;font-weight:var(--weight-announce)}.route-insert-prompt button:first-of-type{border-color:var(--primary);background:var(--primary);color:var(--on-dark)}.map-create-stage .map-interaction-panel{z-index:8;right:24px;bottom:106px;left:auto}.map-create-toast{z-index:22;top:82px;right:auto;bottom:auto;left:50%;transform:translateX(-50%)}.route-edit-hit{fill:none;stroke:transparent;stroke-width:26;pointer-events:stroke;cursor:-webkit-grab;cursor:grab}.waypoint-fallback-marker{z-index:5;border:2px solid var(--on-dark);padding:0;pointer-events:auto;cursor:move}.discover-detail-page{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.discover-detail-head>div>span{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.concept-map{position:relative;min-height:380px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--map-terrain-base)}.concept-map .amap-canvas,.concept-map .map-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%}.detail-copy-card{padding:var(--space-4)}.detail-photo-strip .route-note{grid-column:1/-1;margin:0}.detail-copy-card>h2{margin-bottom:var(--space-3)}.detail-copy-card ul{display:grid;grid-gap:7px;gap:7px;margin:var(--space-3) 0 0;padding-left:18px;color:var(--muted);font-size:var(--text-sm)}.detail-copy-card li::marker{color:var(--primary)}.upload-home-page,.upload-page{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.upload-landing-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-gap:var(--space-4);gap:var(--space-4)}.gpx-drop-card{display:grid;place-items:center;grid-gap:var(--space-3);gap:var(--space-3);min-height:320px;padding:var(--space-8);text-align:center;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.gpx-drop-card>svg{color:var(--primary)}.gpx-drop-card h1{margin:0;color:var(--ink);font-size:var(--text-display);letter-spacing:-.03em}.gpx-drop-card p,.gpx-drop-card>span{margin:0;color:var(--muted);font-size:var(--text-sm)}.gpx-drop-card label{cursor:pointer}.gpx-drop-card.is-dragging{border-style:dashed;border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.gpx-drop-card.is-uploading{cursor:progress}.gpx-drop-card.is-uploading label{pointer-events:none;opacity:.62}.gpx-drop-card small{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-xs)}.source-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.source-badges b,.source-badges strong{color:var(--primary-strong)}.upload-benefits{display:grid;align-content:start;grid-gap:0;gap:0;padding:var(--space-5)}.upload-benefits h2{padding-bottom:var(--space-3)}.upload-benefits>div{display:grid;grid-template-columns:24px minmax(0,1fr);grid-column-gap:var(--space-2);column-gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--hairline)}.upload-benefits svg{grid-row:span 2;color:var(--primary)}.upload-benefits strong{color:var(--ink);font-size:var(--text-sm)}.upload-benefits span{color:var(--muted);font-size:var(--text-xs);line-height:1.45}.recent-upload-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-5)}.upload-preview-map{min-height:260px}.recent-upload-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;margin:0;overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--hairline)}.recent-upload-card dl>div{display:grid;grid-gap:3px;gap:3px;background:var(--surface-raised);padding:var(--space-3)}.recent-upload-card dt{color:var(--muted);font-size:var(--text-xs)}.recent-upload-card dd{margin:0;color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-announce)}.upload-workflow-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-gap:var(--space-4);gap:var(--space-4)}.upload-form-panel,.upload-map-panel,.upload-side-panel{padding:var(--space-4)}.upload-flow-map{position:relative;min-height:400px;margin-top:var(--space-3);overflow:hidden;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--map-ink)}.upload-map-legend .matched-segment{background:var(--success)}.upload-form-panel h2{margin:0 0 var(--space-3);color:var(--ink);font-size:var(--text-lg)}.activity-track-selection-intro>div>span.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.activity-track-selection-intro>div>span.is-complete{border-color:var(--success);background:var(--success-soft);color:var(--success)}.activity-track-selection-map{min-height:520px}.activity-track-selection-summary .is-valid strong{color:var(--success)}.activity-track-selection-summary .is-invalid strong{color:var(--danger)}@media (max-width:640px){.activity-track-selection-map{min-height:390px}}.upload-submit-checks{display:grid;grid-gap:6px;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--hairline);color:var(--muted);font-size:var(--text-xs)}.routing-state{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:var(--radius);background:var(--primary-soft);padding:8px;color:var(--primary-strong);font-size:var(--text-xs)}.routing-state.is-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface-raised));color:var(--danger)}.routing-state button{min-height:28px;border:1px solid;border-radius:var(--radius-segment);background:transparent;padding:0 8px;color:inherit;font-size:var(--text-xs);font-weight:var(--weight-announce)}.account-page{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.my-side-card{padding:var(--space-5)}.my-side-card h2{margin-bottom:var(--space-4)}.my-side-card>.app-link-button{width:100%;margin-top:var(--space-3)}.login-side-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.login-side-card h2{margin-bottom:0}.login-message,.login-mode-hint{margin:-2px 0 0}.login-session-notice{margin:0;border:1px solid rgb(190 51 47/24%);border-radius:var(--radius);background:rgb(190 51 47/7%);padding:var(--space-3);color:var(--primary-strong);font-size:var(--text-sm);line-height:1.5}.login-primary-action{width:100%;justify-content:center}.login-text-action{width:-moz-fit-content;width:fit-content;min-height:auto;border:0;background:transparent;padding:0;color:var(--primary-strong);font-size:var(--text-sm);font-weight:var(--weight-announce);text-decoration:underline;text-underline-offset:3px}.login-text-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.login-step-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.login-field-error,.login-field-help{font-size:var(--text-xs);font-weight:var(--weight-body);letter-spacing:0;line-height:1.45}.login-field-help{color:var(--text-muted)}.login-field-error{color:var(--primary-strong)}.login-side-card .field input[aria-invalid=true]{border-color:var(--primary-strong)}.site-access-page{display:grid;min-height:calc(100vh - 72px);place-items:center;padding:var(--space-6) var(--space-4);background:radial-gradient(circle at 84% 8%,color-mix(in oklab,var(--primary),transparent 84%),transparent 31%),var(--canvas)}.site-access-card{display:grid;width:min(100%,440px);grid-gap:var(--space-4);gap:var(--space-4);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface-raised);padding:clamp(28px,6vw,48px);box-shadow:var(--shadow-soft)}.site-access-card .eyebrow{margin:0}.site-access-card h1{margin:0;color:var(--ink);font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.04em}.site-access-card>p:not(.eyebrow){margin:-4px 0 0;color:var(--muted);line-height:1.6}.site-access-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-2)}.site-access-submit{width:100%;justify-content:center}.site-access-message{margin:0;color:var(--primary-strong);font-size:var(--text-sm);line-height:1.5}.ops-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);grid-gap:var(--space-4);gap:var(--space-4)}.ops-card{padding:var(--space-5)}.ops-card h2{margin:0 0 var(--space-3);color:var(--ink);font-size:var(--text-xl)}.admin-actions,.creator-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.creator-map-layer-control{position:absolute;z-index:12;top:14px;right:14px}body.gravel-shell .creator-map-terrain-credit{right:auto;bottom:8px;left:8px}@media (max-width:640px){.creator-map-layer-control{top:12px;right:12px}}@media (max-width:1180px){.home-search-row{flex-wrap:wrap}.home-search{flex-basis:100%}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contribution-layout,.detail-layout-grid,.my-shell,.saved-layout,.upload-landing-grid,.upload-workflow-grid{grid-template-columns:1fr}}@media (max-width:860px){.map-provider-badge{display:none}.discover-detail-head,.home-head,.subpage-head,.upload-flow-head{align-items:start;flex-direction:column;gap:var(--space-3)}.discover-detail-head h1,.gpx-drop-card h1,.home-head h1,.subpage-head h1{font-size:var(--text-xl)}.home-search-row{align-items:stretch;gap:var(--space-2)}.home-search{flex-basis:100%;min-height:44px}.route-grid,.saved-card-grid{grid-template-columns:1fr}.map-browse-workspace{height:calc(100vh - 64px);min-height:620px}.map-interaction-panel{right:var(--space-3);bottom:12px;left:var(--space-3);max-width:none}.segment-bottom-sheet:not(.is-expanded){max-height:230px}.recent-upload-card{padding:var(--space-4)}.recent-upload-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid,.upload-poi-editor{grid-template-columns:1fr}}@media (max-width:420px){.recent-upload-card dl{grid-template-columns:1fr}}@media (max-width:767px){.route-inspector-title>span{display:flex;align-items:center;gap:7px}.route-inspector-elevation .detail-elevation-empty{min-height:118px}.route-insert-prompt span{grid-column:1/-1}.waypoint-drag-handle{cursor:default}}.route-share-actions,.route-share-heading,.route-share-link-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.is-expired-condition{color:var(--warning-strong)}.is-expired-condition strong{color:var(--warning-strong-alt)}