:root{--tech-line:#e1e6db;--tech-paper:#fff;--tech-green:#264f3e;--tech-muted:#77816e}
.technical-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 28px}.technical-head h1{font-size:clamp(28px,3.1vw,42px);letter-spacing:-1.6px;line-height:1.15;margin:9px 0 10px}.technical-head p{margin:0;color:var(--tech-muted);font-size:14px}.technical-head>div:last-child:not(:first-child){display:flex;gap:10px}.technical-head .button{white-space:nowrap}.technical-head .eyebrow{font-size:11.5px;letter-spacing:1.7px}
.explorer-workspace{border:1px solid var(--tech-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 20px #22331c04}.explorer-toolbar{padding:16px 20px;border-bottom:1px solid var(--tech-line);display:flex;flex-direction:column;gap:12px}.explorer-toolbar .sport-tabs{gap:6px}.explorer-toolbar .chip{padding:8px 12px;font-size:12px}.explorer-toolbar .chip.active{background:#284f3e;color:#fff;border-color:#284f3e}.quick-filters{display:flex;flex-wrap:wrap;gap:8px}.quick-filters select,.results-head select,.map-bottom-panel select,.planner-mode select{border:1px solid var(--tech-line);border-radius:8px;padding:9px 25px 9px 10px;color:#334a37;background-color:#fff;font:inherit;font-size:12px;max-width:100%}.search-filter{display:flex;align-items:center;border:1px solid var(--tech-line);border-radius:8px;gap:8px;padding:0 10px;flex:1;min-width:160px}.search-filter .icon{width:16px;color:#8c9383}.search-filter input{width:100%;border:0;outline:none;font:inherit;font-size:12px;padding:9px 0;background:transparent}.explorer-body{display:grid;grid-template-columns:340px minmax(0,1fr);height:650px;max-height:calc(100vh - 285px);min-height:480px}.explorer-results{overflow-y:auto;padding:0 16px 12px;border-right:1px solid var(--tech-line);scrollbar-width:thin}.results-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;gap:5px}.results-head b{font-size:12px}.results-head select{font-size:11px;padding:6px 16px 6px 6px;border:0;color:#6b7465;max-width:140px}.technical-route-list{display:flex;flex-direction:column;gap:14px}.technical-route-list .route-card{display:grid;grid-template-columns:85px minmax(0,1fr);border:1px solid var(--tech-line);border-radius:12px;box-shadow:none;min-height:140px;overflow:hidden}.technical-route-list .route-picture{width:85px;height:100%;min-height:140px;object-fit:cover}.technical-route-list .route-card-body{padding:12px 12px 10px}.technical-route-list .tagline{font-size:11px;gap:4px;padding-right:10px;flex-wrap:wrap}.technical-route-list .tagline .icon{width:12px;height:12px}.technical-route-list h3{font-size:14px;line-height:1.35;margin:7px 0 5px;letter-spacing:-.2px}.technical-route-list .route-location{font-size:11.5px;margin-bottom:9px}.technical-route-list .route-numbers{gap:8px;font-size:11.5px;flex-wrap:wrap}.technical-route-list .route-numbers .icon{width:12px;height:12px}.technical-route-list .route-card-bottom{font-size:10px;gap:3px;flex-wrap:wrap;margin-top:7px;padding-top:8px}.technical-route-list .save-button{width:24px;height:24px;top:7px;left:7px;right:auto}.technical-route-list .save-button .icon{width:13px;height:13px}.route-near{font-size:11px;color:#62804a;display:flex;align-items:center;gap:4px;margin-bottom:3px}.route-near .icon{width:10px;height:10px}.sample-note{font-size:11.5px;line-height:1.5;color:#999f93;margin:16px 2px 0}.filter-empty{text-align:center;padding:40px 10px;color:#718066}.filter-empty>.icon{width:30px;height:30px}.filter-empty h3{font-size:17px}.filter-empty p{font-size:12px}
.technical-map-shell{position:relative;isolation:isolate;background:#e9ecdf;min-width:0;overflow:hidden}.technical-map-shell>.leaflet-container{height:100%;min-height:0;width:100%}.technical-map-tools{position:absolute;top:15px;right:15px;display:flex;gap:6px;z-index:700}.technical-map-tools .button{font-size:0;padding:10px;background:#fff;box-shadow:0 2px 10px #27351b14;border:1px solid #fff;border-radius:9px;gap:0;min-height:38px}.technical-map-tools .icon{width:18px;height:18px}.technical-map-tools .button:hover{background:#f5f8ef}.search-area{position:absolute;top:15px;left:15px;z-index:700;background:#fff;border:0;box-shadow:0 2px 10px #27351b14;border-radius:8px;padding:11px 13px;font:inherit;font-size:11px;display:flex;align-items:center;gap:7px;color:#31513a;cursor:pointer}.search-area .icon{width:14px;height:14px}.map-bottom-panel{position:absolute;bottom:20px;left:18px;right:54px;z-index:700;background:#fffdf8f5;border:1px solid #fff;border-radius:12px;padding:12px 14px;max-width:400px;box-shadow:0 4px 14px #32442412}.map-bottom-panel>div{font-size:11.5px;display:flex;align-items:center;gap:7px;margin-bottom:8px;line-height:1.5}.live-dot{width:6px;height:6px;background:#77914f;display:inline-block;border-radius:100%;flex-shrink:0}.live-dot.waiting{background:#d79f45}.map-bottom-panel label{font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.map-bottom-panel select{padding:4px 20px 4px 8px;font-size:11.5px}.technical-next{display:flex;justify-content:space-between;gap:20px;padding:20px 0;align-items:center;color:#738167;font-size:12px}.technical-next>span{display:flex;align-items:center;gap:10px}.technical-next .button{font-size:12px}.map-is-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;z-index:10000!important}.has-fullscreen-map{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;border-radius:0!important;overflow:hidden!important}.detail-shell{height:280px;border-radius:13px;margin:16px 0}.detail-shell .detail-map{margin:0;min-height:0;height:100%}.route-waypoints{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}.route-waypoints span{font-size:12px}.route-waypoints b{background:#e9efda;padding:4px 7px;border-radius:50%;font-size:11.5px}
.planner-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:1px solid var(--tech-line);border-radius:17px;overflow:hidden}.planner-panel{padding:20px;border-right:1px solid var(--tech-line)}.planner-mode{display:flex;gap:10px}.planner-mode label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#78816f;min-width:0;flex:1}.planner-mode select{padding:9px 12px 9px 7px}.planner-section-title{display:flex;justify-content:space-between;margin:23px 0 14px;font-size:12px}.planner-section-title span{font-size:11px;color:#8f9788}.waypoint-empty{padding:26px 15px;text-align:center;border:1px dashed var(--tech-line);border-radius:12px}.waypoint-empty>.icon{width:29px;height:29px;color:#879d72;display:block;margin:0 auto 12px}.waypoint-empty b{font-size:13px}.waypoint-empty p{font-size:11px;color:#929985;line-height:1.6}.waypoint-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.waypoint-row>b{background:#335a43;color:white;min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:11.5px}.waypoint-row label{min-width:0;flex:1}.waypoint-row input{border:0;width:100%;font:inherit;font-size:12px;font-weight:600;padding:3px;background:transparent}.waypoint-row small{display:block;font-size:11px;color:#9aa38e;padding-left:3px}.waypoint-row .icon-button{width:25px;height:25px}.waypoint-row .icon{width:13px;height:13px}#waypoint-list{max-height:255px;overflow-y:auto}.coordinate-form{display:flex;border:1px solid var(--tech-line);border-radius:9px;margin-top:12px;padding:3px 6px;align-items:center}.coordinate-form input{border:0;background:transparent;outline:0;min-width:0;flex:1;font:inherit;font-size:12px;padding:5px}.coordinate-form button{height:28px;width:28px}.planner-help{font-size:11.5px;color:#88947d;line-height:1.6;margin:8px 0 16px}.planner-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.planner-actions .button{font-size:11.5px;padding:8px;justify-content:flex-start}.planner-actions .icon{width:13px;height:13px}.planner-status{font-size:11px;line-height:1.6;color:#738167;margin-top:17px}.planner-credit{font-size:11px;color:#a0a88f;line-height:1.6;margin-top:13px}.planner-map-shell{height:390px}.map-hint{position:absolute;z-index:500;bottom:17px;left:18px;display:flex;gap:7px;align-items:center;background:#ffffffed;padding:9px 12px;font-size:11.5px;border-radius:8px;color:#4e6d41}.map-hint .icon{width:14px;height:14px}.waypoint-marker{background:#2e563f;color:#fff;border:3px solid white;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;font-family:inherit;font-size:11px;box-shadow:0 2px 7px #20351f40}.plan-stats{display:flex;justify-content:space-around;border-bottom:1px solid var(--tech-line);gap:15px;padding:20px}.plan-stats strong{font-size:24px;letter-spacing:-1px;display:block}.plan-stats small{font-size:11px;font-weight:400;margin-left:5px;letter-spacing:0}.plan-stats span{font-size:11.5px;color:#8a927e;display:block;margin-top:5px}.elevation-chart{padding:16px 22px 12px}.elevation-chart>div{display:flex;justify-content:space-between;font-size:11.5px;gap:10px;color:#7e886f}.elevation-chart b{color:#526947;font-size:11px}.elevation-chart svg{width:100%;height:115px;display:block}.elevation-chart .chart-caption{font-size:10px;color:#a0a994}.chart-empty{font-size:11px;padding:30px 20px;color:#939c86;display:flex;gap:9px;align-items:center;justify-content:center}.chart-empty .icon{width:20px;height:20px}.planner-save{background:#fff;border:1px solid var(--tech-line);border-radius:15px;margin-top:18px;padding:22px}.planner-save .form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.planner-save-foot{display:flex;align-items:center;gap:15px;margin-top:18px}.planner-save-foot p{font-size:11.5px;color:#8b9580;flex:1}.planner-save-foot .form-error{font-size:12px;margin:0}
.activity-overview{background:#2b4c3b;color:#fff;border-radius:17px;padding:28px;margin-bottom:23px;position:relative;overflow:hidden}.activity-overview:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #678365;border-radius:50%;right:-150px;top:-120px;box-shadow:0 0 0 20px #2b4c3b,0 0 0 21px #577554,0 0 0 42px #2b4c3b,0 0 0 43px #476846;opacity:.6;pointer-events:none}.activity-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.activity-summary strong{display:block;font-size:34px;letter-spacing:-1px}.activity-summary strong small{font-size:14px;margin-left:6px;font-weight:400;color:#c9d6b5}.activity-summary span{color:#bbcab0;font-size:11px}.activity-overview>span{display:flex;align-items:center;font-size:11.5px;gap:6px;margin-top:22px;color:#9fb495}.activity-overview>span .icon{width:12px;height:12px}.activity-journal{display:flex;flex-direction:column;gap:12px}.activity-entry{display:flex;text-align:left;align-items:center;gap:20px;background:#fff;border:1px solid var(--tech-line);border-radius:13px;padding:22px;font-family:inherit;color:#345039;cursor:pointer;transition:transform .2s,border-color .2s}.activity-entry:hover{border-color:#9eaf86;transform:translateY(-2px)}.activity-sport-icon{width:52px;height:52px;border-radius:13px;background:#f0f3e7;display:grid;place-items:center;flex-shrink:0}.activity-entry h3{margin:7px 0;font-size:16px}.activity-entry small,.activity-entry span:not(.activity-sport-icon){font-size:11.5px;color:#939c89}.activity-entry-stats{display:flex;gap:30px;margin-left:auto}.activity-entry-stats b{font-size:17px;white-space:nowrap}.activity-entry-stats small{display:block;font-weight:400;margin-top:6px}.activity-entry>.icon{width:17px;color:#9ca98c}.activity-empty{text-align:center;background:#fff;padding:60px 20px;border:1px dashed var(--tech-line);border-radius:16px}.activity-empty>.icon{width:40px;height:40px;color:#77936a}.activity-empty h2{font-size:23px}.activity-empty p{color:#929c86;font-size:13px}.import-preview{margin:16px 0}.import-preview .plan-stats{border:1px solid var(--tech-line);border-radius:10px;margin-top:12px}.import-success{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#577c42}.import-success span{font-size:11.5px;color:#8b977e}.sensor-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.activity-detail-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:#929c86;flex-wrap:wrap}.activity-detail-meta .icon{width:12px;height:12px}.activity-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;background:#f5f7f0;border-radius:13px;padding:23px;margin:24px 0}.activity-detail-stats strong{display:block;font-size:24px;letter-spacing:-.7px}.activity-detail-stats small{font-size:11px;letter-spacing:0;margin-left:5px;font-weight:400}.activity-detail-stats span{font-size:11.5px;color:#7f8c73;display:block;margin-top:5px}.sensor-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.sensor-summary>div{border:1px solid var(--tech-line);border-radius:12px;overflow:hidden}.sensor-summary>div>div:first-child{padding:15px 18px}.sensor-summary strong{display:block;font-size:24px}.sensor-summary small{font-size:11px;margin-left:5px}.sensor-summary span{font-size:11.5px;color:#859179}.sensor-summary .elevation-chart{padding:8px 12px}.sensor-summary .elevation-chart svg{height:80px}
.recorder-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--tech-line);border-radius:17px;overflow:hidden;background:#fff}.recorder-map-shell{min-height:620px}.record-console{padding:26px;border-left:1px solid var(--tech-line);text-align:center}.record-console .field{text-align:left;margin-bottom:15px}.record-console .field span{font-size:11.5px}.record-console select{font-size:12px}.record-state{display:flex;align-items:center;justify-content:center;gap:7px;color:#587746;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.recording-dot,.pause-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#e07844}.recording-dot{animation:record-pulse 1.5s infinite}.pause-dot{background:#aab09e}@keyframes record-pulse{50%{box-shadow:0 0 0 4px #e0784420}}.record-clock{font-size:43px;letter-spacing:-2px;margin-top:25px;line-height:1;font-variant-numeric:tabular-nums;font-weight:600}.record-clock-label{font-size:11.5px;color:#88947d;display:block;margin-top:9px}.record-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.record-stats strong{display:block;font-size:24px;letter-spacing:-.8px}.record-stats small{font-size:11.5px;letter-spacing:0;font-weight:400;margin-left:4px}.record-stats span{font-size:11.5px;color:#8c9681}.record-controls{display:flex;gap:8px}.record-controls .button{flex:1;justify-content:center;font-size:12px}.record-controls .primary{background:#e8874e;border-color:#e8874e;color:#fff}.record-note{display:flex;align-items:flex-start;gap:8px;margin:20px 0 10px;font-size:11.5px;line-height:1.65;color:#8b987d;text-align:left}.record-note .icon{width:14px;flex-shrink:0}.record-storage{display:block;text-align:left;font-size:11px;line-height:1.65;color:#a2ab96}.record-notice{font-size:11px;line-height:1.6;color:#a47d49}.gps-status{position:absolute;bottom:20px;left:20px;z-index:700;background:white;box-shadow:0 3px 10px #34402a16;display:flex;align-items:center;gap:8px;padding:11px 13px;border-radius:10px;font-size:11.5px}.record-route-status{position:absolute;bottom:70px;left:20px;right:50px;z-index:700;font-size:11px;background:#fffcf1ed;border-radius:9px;padding:10px 12px;color:#8d754c}.record-route-status:empty{display:none}.record-privacy{display:flex;align-items:center;gap:7px;color:#929a86;font-size:12px}.record-privacy .icon{width:14px}#record-banner{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:1900;background:#e7864c;color:white;border:0;box-shadow:0 5px 18px #502f1930;display:flex;align-items:center;gap:10px;border-radius:30px;padding:13px 21px;font:inherit;font-size:12px;cursor:pointer}#record-banner[hidden]{display:none}.language-field{grid-column:1/-1}.language-field select{max-width:280px}
@media(min-width:1650px){.explorer-body{grid-template-columns:400px minmax(0,1fr)}.technical-route-list .route-card{grid-template-columns:110px 1fr}.technical-route-list .route-picture{width:110px}}
@media(max-width:1180px){.technical-head{align-items:flex-start;flex-direction:column;gap:18px}.technical-head h1{font-size:33px}.explorer-body{grid-template-columns:300px minmax(0,1fr)}.technical-route-list .route-card{grid-template-columns:65px minmax(0,1fr)}.technical-route-list .route-picture{width:65px}.search-area{top:65px;left:14px}.planner-workspace{grid-template-columns:250px minmax(0,1fr)}.planner-panel{padding:15px}.planner-save .form-grid{grid-template-columns:1fr 1fr}.recorder-workspace{grid-template-columns:minmax(0,1fr) 285px}.record-console{padding:20px}.activity-entry-stats{gap:17px}.activity-entry{gap:14px;padding:17px}.activity-entry h3{font-size:14px}}
@media(max-width:760px){.technical-head{margin:10px 0 20px;gap:18px}.technical-head h1{font-size:30px;letter-spacing:-1px}.technical-head p{font-size:12px}.technical-head>div:last-child:not(:first-child){width:100%;flex-wrap:wrap}.technical-head .button{font-size:11px;padding:10px 12px;flex:1;justify-content:center}.explorer-toolbar{padding:13px}.explorer-toolbar .sport-tabs{flex-wrap:wrap}.explorer-toolbar .chip{font-size:11.5px;padding:7px 8px}.quick-filters{gap:6px}.quick-filters select{font-size:11.5px;flex:1;min-width:95px;padding:8px}.search-filter{flex-basis:100%;order:-1}.explorer-body{display:flex;flex-direction:column-reverse;height:auto;max-height:none;min-height:0}.explore-map-shell{height:370px}.explorer-results{max-height:480px;border-right:0}.technical-route-list .route-card{grid-template-columns:95px minmax(0,1fr)}.technical-route-list .route-picture{width:95px}.technical-route-list .route-card-body{padding:13px}.technical-route-list .tagline{font-size:11.5px}.technical-route-list h3{font-size:15px}.technical-route-list .route-numbers{font-size:11px}.technical-map-tools{top:12px;right:12px}.technical-map-tools .button{padding:9px;min-height:35px}.search-area{left:12px;top:12px;max-width:calc(100% - 155px);padding:10px;font-size:11px}.map-bottom-panel{left:12px;bottom:16px;padding:10px;right:48px}.map-bottom-panel>div{font-size:11px}.technical-next{align-items:flex-start;flex-direction:column;gap:12px;font-size:11px}.planner-workspace{display:flex;flex-direction:column-reverse}.planner-map-shell{height:340px}.planner-panel{border-right:0;border-top:1px solid var(--tech-line);padding:18px}.planner-mode select{padding:10px}.planner-panel .planner-actions{grid-template-columns:repeat(4,1fr)}.planner-actions .button{font-size:10px;padding:8px 5px;justify-content:center;gap:3px}.planner-actions .icon{width:12px}.planner-section-title{margin-top:17px}.planner-save{padding:18px}.planner-save .form-grid{grid-template-columns:1fr}.planner-save-foot{flex-wrap:wrap}.planner-save-foot p{flex-basis:100%;margin:0}.planner-save-foot button{width:100%;justify-content:center}.plan-stats{padding:16px 12px;gap:8px}.plan-stats strong{font-size:22px}.plan-stats span{font-size:11px}.elevation-chart{padding:14px 16px 8px}.elevation-chart svg{height:80px}.recorder-workspace{display:flex;flex-direction:column}.recorder-map-shell{height:340px;min-height:0}.record-console{padding:22px;border-left:0}.record-console .field{display:inline-flex;width:calc(50% - 7px);vertical-align:top;margin-right:4px}.record-clock{font-size:50px}.record-stats{grid-template-columns:repeat(4,1fr);gap:7px}.record-stats strong{font-size:22px}.record-stats small{font-size:10px}.record-stats span{font-size:10px}.record-state{margin-bottom:19px}.record-controls button{padding:14px}.activity-overview{padding:21px}.activity-summary{grid-template-columns:repeat(2,1fr);gap:20px}.activity-summary strong{font-size:31px}.activity-overview>span{margin-top:20px}.activity-entry{flex-wrap:wrap;gap:12px;padding:16px}.activity-entry>div:not(.activity-entry-stats){flex:1}.activity-entry-stats{width:100%;justify-content:space-between;order:4;margin-left:0;border-top:1px solid var(--tech-line);padding-top:13px}.activity-entry h3{font-size:15px}.activity-sport-icon{width:40px;height:40px}.activity-entry-stats b{font-size:18px}.activity-entry-stats small{font-size:11px}.activity-detail-stats{padding:18px;gap:18px;grid-template-columns:repeat(2,1fr)}.activity-detail-stats strong{font-size:24px}.sensor-summary{grid-template-columns:1fr}.sensor-summary .elevation-chart svg{height:100px}.detail-shell{height:300px}.record-privacy{display:none}#record-banner{bottom:88px;white-space:nowrap;font-size:11px}.map-is-fullscreen{height:100dvh!important}.activity-empty{padding:36px 18px}.activity-empty h2{font-size:22px}.map-hint{font-size:11px;left:12px}.record-route-status{font-size:11.5px}}