.gpx-route-viewer{--gpx-bg:#12181c;--gpx-panel:#1b2329;--gpx-panel-2:#222c33;--gpx-line:rgba(231,226,214,.08);--gpx-text:#e7e2d6;--gpx-text-dim:#8a949c;--gpx-accent:#e8a23d;--gpx-accent-2:#4fa89b;--gpx-start:#6fbf73;--gpx-end:#d9694f;--gpx-radius:10px;--gpx-gap:14px;--gpx-map-height:380px;--gpx-elev-height:180px;--gpx-stats-width:240px;--gpx-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gpx-font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:var(--gpx-text);display:flex;flex-direction:column;font-family:var(--gpx-font);gap:var(--gpx-gap)}.gpx-route-viewer *,.gpx-route-viewer :after,.gpx-route-viewer :before{box-sizing:border-box}.gpx-rv__main{display:grid;gap:var(--gpx-gap);grid-template-columns:1fr var(--gpx-stats-width)}.gpx-route-viewer--no-stats .gpx-rv__main{grid-template-columns:1fr}.gpx-rv__map{background:var(--gpx-panel);border:1px solid var(--gpx-line);border-radius:var(--gpx-radius);height:var(--gpx-map-height)}.gpx-rv__map.leaflet-container{background:var(--gpx-panel);font-family:var(--gpx-font)}.gpx-rv__stats{gap:8px}.gpx-rv__stat,.gpx-rv__stats{display:flex;flex-direction:column}.gpx-rv__stat{background:var(--gpx-panel);border:1px solid var(--gpx-line);border-radius:var(--gpx-radius);gap:2px;padding:12px 14px}.gpx-rv__stat-label{color:var(--gpx-text-dim);font-family:var(--gpx-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.gpx-rv__stat-value{color:var(--gpx-text);font-family:var(--gpx-font-mono);font-size:22px;font-weight:500}.gpx-rv__stat-value .gpx-rv__unit{color:var(--gpx-text-dim);font-size:13px;font-weight:400;margin-left:4px}.gpx-rv__stat--gain .gpx-rv__stat-value{color:var(--gpx-accent)}.gpx-rv__stat--loss .gpx-rv__stat-value{color:var(--gpx-accent-2)}.gpx-rv__elev{background:var(--gpx-panel);border:1px solid var(--gpx-line);border-radius:var(--gpx-radius);padding:14px 14px 8px}.gpx-rv__elev-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:8px}.gpx-rv__elev-title{color:var(--gpx-text-dim);font-family:var(--gpx-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.gpx-rv__elev-title br{display:none}.gpx-rv__readout{color:var(--gpx-text);display:flex;font-family:var(--gpx-font-mono);font-size:12px;gap:14px}.gpx-rv__readout b{color:var(--gpx-accent);font-weight:600}.gpx-rv__readout .gpx-rv--grade-pos{color:var(--gpx-start)}.gpx-rv__readout .gpx-rv--grade-neg{color:var(--gpx-end)}.gpx-rv__elev-svg{cursor:crosshair;display:block;height:var(--gpx-elev-height);touch-action:none;width:100%}.gpx-rv__axis-label{fill:var(--gpx-text-dim);font-family:var(--gpx-font-mono);font-size:10px}.gpx-rv__grid-line{stroke:var(--gpx-line);stroke-width:1}.gpx-rv__elev-path{fill:none;stroke:var(--gpx-accent);stroke-width:2}.gpx-rv__hover-line{stroke:var(--gpx-text-dim);stroke-dasharray:3 3;stroke-width:1}.gpx-rv__hover-dot{fill:var(--gpx-bg);stroke:var(--gpx-accent);stroke-width:2}@media (max-width:720px){.gpx-rv__main{grid-template-columns:1fr}.gpx-rv__stats{flex-direction:row;flex-wrap:wrap}.gpx-rv__stat{flex:1 1 calc(50% - 8px)}.gpx-route-viewer{--gpx-map-height:300px}.gpx-rv__elev-title br{display:inline}}