:root{--bg:#07130f;--panel:#10231b;--panel2:#162c22;--line:#254136;--text:#f5f8f4;--muted:#91a79d;--lime:#c9ff3d;--orange:#fc4c02;--safe:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 90% 0,#183f2c 0,transparent 30rem),var(--bg);color:var(--text);min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{position:relative;width:min(100%,960px);margin:auto;padding:84px 18px calc(105px + var(--safe))}.guest .shell{padding:0}.topbar{position:fixed;z-index:900;top:0;left:50%;transform:translateX(-50%);width:min(100%,960px);height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:linear-gradient(var(--bg) 60%,transparent)}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:650;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#07130f;border-radius:10px;font-weight:950;transform:rotate(-5deg)}.avatar{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--panel2);font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.bottom-nav{position:fixed;z-index:1000;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + var(--safe));background:rgba(10,25,19,.92);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;backdrop-filter:blur(18px)}.bottom-nav a{display:flex;min-height:51px;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;border-radius:14px}.bottom-nav i{font-style:normal;font-size:21px;line-height:1}.bottom-nav a.active{color:var(--lime);background:#172a21}.hero,.page-head,.detail-title,.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero{padding:18px 4px 26px}.hero h1,.page-head h1,.detail-title h1{font-size:clamp(32px,8vw,54px);line-height:1;margin:4px 0;letter-spacing:-2px}.hero p,.page-head p{margin:4px 0;color:var(--muted)}.eyebrow{font-size:11px!important;font-weight:800;letter-spacing:1.5px;color:var(--lime)!important}.sync,.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:24px;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:18px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.stat.primary{background:var(--lime);color:#07130f;border-color:var(--lime)}.stat span{font-size:12px;opacity:.7}.stat strong{font-size:27px;letter-spacing:-1px}.stat small{font-size:13px;font-weight:600}.section-head{margin:34px 2px 14px}.section-head h2{margin:2px 0;font-size:26px}.section-head a{color:var(--lime);font-size:13px;font-weight:700}.activity-list{display:grid;gap:9px}.activity-card{display:flex;align-items:center;gap:13px;padding:14px;background:rgba(17,36,28,.88);border:1px solid var(--line);border-radius:17px;transition:.2s}.activity-card:active{transform:scale(.985);background:var(--panel2)}.sport-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#20392d;color:var(--lime);font-size:20px}.activity-main{min-width:0;flex:1}.activity-main small,.route-card small,.segment-card small{color:var(--muted);font-size:11px}.activity-main h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 9px;font-size:16px}.metrics{display:flex;gap:18px;color:var(--muted);font-size:11px}.metrics b{color:var(--text);font-size:14px}.chev{font-size:28px;color:#60776c}.page-head{display:block;padding:10px 2px 20px}.page-head h1{margin:2px 0}.filters{display:flex;gap:8px;overflow:auto;margin:0 -18px 15px;padding:0 18px;scrollbar-width:none}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:9px 15px;border-radius:99px;white-space:nowrap}.chip.active{background:var(--lime);color:#07130f;border-color:var(--lime);font-weight:750}.map{height:42vh;min-height:320px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#17271f;margin:18px 0}.skeleton{background:linear-gradient(90deg,#13271e,#1e392c,#13271e);background-size:200%;animation:pulse 1.4s infinite}.leaflet-container{font-family:inherit}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-stats div{background:var(--panel);padding:13px 10px;border:1px solid var(--line);border-radius:14px}.detail-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.detail-stats b{font-size:14px}.chart-wrap{margin:12px 0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px;overflow:hidden}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.btn{border:0;border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;text-align:center}.btn-primary{background:var(--lime);color:#07130f}.btn-muted{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn-strava{background:var(--orange);color:#fff;justify-content:space-between;font-size:16px}.editor{margin-top:15px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.editor h2{margin:0}.editor p{color:var(--muted)}.editor label{display:grid;gap:7px;margin:12px 0;color:var(--muted);font-size:12px}.editor input[type=text],.editor input:not([type]){width:100%;background:#091712;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:12px}.editor input[type=range]{width:100%;accent-color:var(--lime)}.range-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-head{display:flex;justify-content:space-between}.video-head .icon-btn{width:35px;height:35px}.editor #video-canvas{display:block;width:min(100%,270px);height:auto;margin:18px auto;border-radius:14px;background:#07130f}.progress{height:5px;background:#263e33;border-radius:9px;margin:10px 0;overflow:hidden}.progress span{display:block;width:0;height:100%;background:var(--lime);transition:.15s}.route-grid,.segment-grid{display:grid;gap:12px}.route-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}.route-card>div:last-child{padding:16px}.route-card h2,.segment-card h2{margin:4px 0 12px}.mini-map{height:180px;background:#14271e}.segment-card{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);cursor:pointer}.segment-card strong{color:var(--lime);font-size:22px}.segment-card span{color:var(--muted);font-size:12px}.empty{padding:38px 20px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.empty b{color:var(--text);font-size:18px}.toast{position:fixed;z-index:2000;top:72px;left:50%;transform:translateX(-50%);width:min(calc(100% - 36px),500px);padding:13px 16px;background:var(--lime);color:#07130f;border-radius:13px;font-weight:750;box-shadow:0 10px 30px #0008;animation:toast 5s forwards}.login-wrap{min-height:100svh;display:grid;align-content:center;padding:32px 22px;background:radial-gradient(circle at 80% 15%,#315e2e,transparent 30%),linear-gradient(155deg,#07130f 35%,#10271c)}.login-visual{width:min(100%,520px);margin:auto;position:relative}.hero-brand{margin-bottom:70px}.login-visual h1{font-size:clamp(45px,13vw,76px);line-height:.93;letter-spacing:-4px;margin:10px 0 20px}.login-visual h1 em{font-style:normal;color:var(--lime)}.lead{color:#b6c5bd;line-height:1.6;margin-bottom:28px;max-width:450px}.fine{font-size:10px;color:#71857b;text-align:center}.orbit{position:absolute;right:-80px;top:-60px;width:250px;height:250px;border:1px solid #b9ff3928;border-radius:50%;animation:spin 22s linear infinite}.orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--lime);top:50%;left:-5px}.orbit span:nth-child(2){top:9%;left:77%;width:6px;height:6px}.orbit span:nth-child(3){top:85%;left:78%;width:14px;height:14px}.install-box{width:min(100%,520px);margin:25px auto 0;color:var(--muted);font-size:12px}.install-box summary{cursor:pointer;text-align:center}dialog{width:min(calc(100% - 28px),540px);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:22px;padding:22px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:transparent;color:var(--text);font-size:28px}.effort{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.error-page{text-align:center;padding:14vh 20px}.error-page>span{display:inline-grid;place-items:center;width:90px;height:90px;border-radius:50%;background:var(--panel);color:var(--lime);font-size:32px;font-weight:900}.error-page p{color:var(--muted);margin-bottom:25px}@keyframes pulse{to{background-position:-200%}}@keyframes toast{0%,80%{opacity:1}100%{opacity:0;visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:700px){.stat-grid{grid-template-columns:repeat(4,1fr)}.route-grid{grid-template-columns:repeat(2,1fr)}.activity-card{padding:17px}.shell{padding-inline:28px}.detail-stats div{padding:17px}.detail-stats b{font-size:18px}}
.strava-sport-detail{margin-top:18px}.strava-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.strava-detail-meta div{padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.strava-detail-meta span{display:block;margin-bottom:4px;color:var(--muted);font-size:10px}.zone-grid{display:grid;gap:10px;margin-top:12px}.zone-grid article,.strava-table{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.zone-grid h3{margin:0 0 12px}.zone-grid p{position:relative;display:grid;grid-template-columns:35px 1fr;overflow:hidden;margin:5px 0;padding:8px 10px;border-radius:9px;background:#07130f}.zone-grid p i{position:absolute;inset:0 auto 0 0;width:var(--zone-width);background:#c9ff3d20}.zone-grid p span,.zone-grid p b{position:relative;z-index:1}.strava-table{margin-top:12px}.strava-table summary{cursor:pointer;font-weight:800}.strava-table>div{overflow:auto;margin-top:12px}.strava-table table{width:100%;border-collapse:collapse;white-space:nowrap}.strava-table th,.strava-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.strava-table th{color:var(--muted)}.strava-segments{margin-top:42px}.strava-segments .section-head{align-items:center}.strava-segment-grid{display:grid;gap:12px}.strava-segment-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.strava-segment-card>div:last-child{padding:16px}.strava-segment-card h3{margin:4px 0 12px}.strava-segment-card .strava-unstar{width:100%;margin-top:14px}.route-detail .detail-title{margin-bottom:8px}.route-detail .detail-title p{color:var(--muted)}.waypoint-list{display:grid;gap:8px}.waypoint-list article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.waypoint-list article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:#07130f}.waypoint-list article span{display:grid;min-width:0;flex:1}.waypoint-list small{color:var(--muted)}.waypoint-list em{color:var(--lime);font-style:normal;font-weight:800}@media(min-width:700px){.strava-detail-meta{grid-template-columns:repeat(3,1fr)}.zone-grid,.strava-segment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.detail-stats{grid-template-columns:repeat(2,1fr)}.action-grid{grid-template-columns:1fr}.metrics{gap:12px}.activity-card{padding:12px}.login-visual h1{letter-spacing:-3px}}

/* Detail, analytics and mobile navigation enhancements */
.bottom-nav{width:min(100%,700px);grid-template-columns:repeat(5,1fr);padding-inline:6px}.bottom-nav a{font-size:10px}.map-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:-8px 4px 15px;color:var(--muted);font-size:11px}.map-legend span{display:flex;align-items:center;gap:6px}.dot{width:20px;height:4px;border-radius:4px}.dot.lime{background:var(--lime)}.dot.orange{background:var(--orange)}.marker-sample,.km-marker{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f5f8f4;color:#07130f;border:2px solid #07130f;font-size:10px;font-weight:900;box-shadow:0 2px 8px #0008}.leaflet-div-icon{background:transparent;border:0}.segment-marker{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--orange);color:#fff;border:3px solid #fff;font-weight:950;box-shadow:0 4px 14px #000b}.segment-tooltip{background:#091712;color:#fff;border-color:var(--orange);box-shadow:0 5px 20px #0008}.detail-stats{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.chart-title{display:flex;justify-content:space-between;padding:5px 5px 12px}.chart-title span{color:var(--muted);font-size:11px}.chart-wrap canvas{width:100%}.segment-readout{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px}.segment-readout span{display:flex;align-items:center;gap:7px}.segment-readout span b{display:grid;place-items:center;width:28px;height:28px;background:var(--orange);color:#fff;border-radius:50%}.segment-readout i{font-style:normal;color:var(--muted)}.segment-readout strong{color:var(--lime)}#segment-range{margin:34px 10px 10px}.noUi-target{height:8px;background:#294438;border:0;box-shadow:none}.noUi-connect{background:var(--orange)}.noUi-horizontal .noUi-handle{width:30px;height:30px;right:-15px;top:-11px;border-radius:50%;border:3px solid #fff;background:var(--orange);box-shadow:0 4px 14px #0008}.noUi-handle:after,.noUi-handle:before{display:none}.video-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-options label{margin:0}.video-options select{width:100%;background:#091712;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px}.record-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.record-grid article{display:flex;flex-direction:column;justify-content:space-between;min-height:105px;padding:17px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:17px}.record-grid span{color:var(--muted);font-size:11px}.record-grid b{font-size:22px;color:var(--lime)}.chart-card,.table-card,.period-card,.analysis-note{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:17px;margin-top:16px}.bar-chart,.line-bars{height:190px;display:flex;align-items:flex-end;gap:7px;padding-top:15px}.bar-item,.line-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-item span,.line-bars span{display:block;width:75%;min-height:3px;background:linear-gradient(var(--lime),#4e7d2d);border-radius:5px 5px 2px 2px}.bar-item small,.line-bars small{font-size:8px;color:var(--muted);writing-mode:vertical-rl}.table-row,.ranking-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;border-bottom:1px solid var(--line)}.table-row:last-child{border-bottom:0}.table-row div,.ranking-row div{min-width:0;flex:1}.table-row small,.ranking-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table-row>span,.ranking-row>span{color:var(--lime);font-weight:800;white-space:nowrap}.ranking-row>strong{font-size:18px;color:#60776c}.period-card>p{margin-top:0;color:var(--muted);font-size:12px}.period-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.period-card span{display:flex;flex-direction:column;color:var(--muted);font-size:11px}.period-card b{font-size:24px;color:var(--lime)}.insight-list{display:grid;gap:10px;margin-top:14px}.insight{display:flex;gap:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.insight>i{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#284334;color:var(--lime);font-style:normal;font-weight:900}.insight.warning>i{background:#50381d;color:#ffba55}.insight h2{font-size:16px;margin:1px 0 5px}.insight p,.analysis-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.line-bars{height:220px}.line-bars>div:nth-last-child(-n+4) span{background:linear-gradient(var(--orange),#783718)}
.quick-links{display:grid;gap:8px;margin-top:12px}.quick-links a{display:flex;align-items:center;gap:12px;padding:13px 15px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.quick-links a>i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#20392d;color:var(--lime);font-style:normal;font-size:18px}.quick-links span{display:flex;flex:1;min-width:0;flex-direction:column}.quick-links small{color:var(--muted);margin-top:2px}.quick-links a>strong{font-size:25px;color:#60776c}
.segment-mode #activity-map{position:sticky;top:66px;z-index:450;height:44svh;box-shadow:0 18px 34px #000c}.segment-mode #segment-editor{border-color:var(--orange);box-shadow:0 10px 30px #0008;margin-top:8px}.leaflet-control-layers{background:#10231bee;color:#f5f8f4;border:1px solid var(--line)}.leaflet-control-layers-toggle{filter:invert(1)}.activity-chart-grid,.segment-charts,.statistics-charts{display:grid;gap:10px}.activity-chart-grid .chart-wrap{min-height:230px}.activity-chart-grid canvas,.segment-charts canvas,.dashboard-chart canvas{height:190px!important}.share-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-cards button{min-height:105px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:linear-gradient(145deg,#173b2b,#0b1c15);cursor:pointer}.share-cards button:nth-child(2){background:linear-gradient(145deg,#28402a,#142218)}.share-cards button:nth-child(3){background:linear-gradient(145deg,#2c2548,#161328)}.share-cards b{font-size:16px}.share-cards span{color:var(--muted);font-size:10px;margin-top:4px}.segment-charts{margin-top:10px}.ranking-list{display:grid}.segment-map{height:48vh}.chart-card canvas{min-height:190px}
.record-showcase{display:grid;gap:9px}.record-card{display:flex;align-items:center;gap:13px;padding:15px;background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:17px}.record-card>i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:13px;background:#283f21;color:var(--lime);font-style:normal;font-weight:900}.record-card>span{display:flex;flex:1;min-width:0;flex-direction:column;font-size:12px;color:var(--muted)}.record-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.record-card strong{color:var(--lime);font-size:18px;white-space:nowrap}.totals-grid{margin-top:12px}.goals-card{margin-top:14px;padding:18px;background:linear-gradient(135deg,#173c2c,#0e2119);border:1px solid var(--line);border-radius:19px}.goals-card h2{margin:3px 0 14px}.goals-card label{display:flex;align-items:center;gap:7px}.goals-card input{width:90px;padding:9px;background:#07130f;color:var(--text);border:1px solid var(--line);border-radius:10px}.goal-track{height:9px;margin-top:14px;background:#07130f;border-radius:10px;overflow:hidden}.goal-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),#68db5f);transition:.3s}.goals-card>p{color:var(--muted);font-size:11px;margin-bottom:0}.activity-calendar{display:grid;grid-template-columns:repeat(20,1fr);gap:4px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.activity-calendar i{aspect-ratio:1;border-radius:3px;background:#193027}.activity-calendar .level-1{background:#52752d}.activity-calendar .level-2{background:#95c938}.activity-calendar .level-3{background:var(--lime)}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.badge-grid article{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:13px;background:var(--panel);border:1px solid var(--line);border-radius:17px}.badge-grid i{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:var(--lime);color:#07130f;font-style:normal;font-weight:900;margin-bottom:8px}.badge-grid small{color:var(--muted);font-size:9px;margin-top:4px}#share-preview{max-height:92vh;overflow:auto}#share-preview canvas{display:block;width:min(100%,360px);height:auto;margin:14px auto;border-radius:15px;box-shadow:0 15px 40px #0009}.segment-mode .leaflet-container{cursor:crosshair}
@media(min-width:700px){.record-grid{grid-template-columns:repeat(3,1fr)}.video-options{grid-template-columns:repeat(4,1fr)}.quick-links{grid-template-columns:repeat(3,1fr)}.quick-links a>strong{display:none}.activity-chart-grid{grid-template-columns:repeat(2,1fr)}.activity-chart-grid>div:first-child,.activity-chart-grid>.chart-wide{grid-column:1/-1}.segment-charts{grid-template-columns:1fr 1fr}.record-showcase{grid-template-columns:repeat(2,1fr)}.badge-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:420px){.bottom-nav i{font-size:19px}.bottom-nav a{font-size:9px}.video-options{grid-template-columns:1fr 1fr}.period-card b{font-size:19px}}

/* Interactive activity map, playback and precise segment editing */
.map-tools{display:flex;gap:7px;overflow:auto;margin:-8px 2px 12px}.map-tools button,.precision-row button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);padding:9px 12px;font-size:11px;font-weight:750}.map-tools button.active,.precision-row button.active{background:var(--lime);border-color:var(--lime);color:#07130f}.route-player{padding:17px;margin:14px 0;background:linear-gradient(145deg,#173b2b,#0b1d16);border:1px solid var(--line);border-radius:20px}.player-head{display:flex;align-items:center;justify-content:space-between}.player-head h2{margin:2px 0 12px}.play-button{width:48px;height:48px;border:0;border-radius:50%;background:var(--lime);color:#07130f;font-size:19px;font-weight:900}.route-player input[type="range"]{width:100%;accent-color:var(--orange)}.player-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.player-metrics span{padding:9px;background:#07130f88;border-radius:11px}.player-metrics small{display:block;color:var(--muted);font-size:9px}.player-metrics b{font-size:13px}.activity-segment-row{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.activity-segment-row>strong{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#263d21;color:var(--lime)}.activity-segment-row>div{min-width:0;flex:1}.activity-segment-row small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.activity-segment-row>span{color:var(--lime);font-size:12px;font-weight:800}.precision-row{display:flex;gap:6px;overflow:auto;margin:17px 0 8px}.edit-segment-link{display:inline-flex;width:auto;margin-top:12px}.leaflet-control-layers-expanded{padding:9px 12px;border-radius:12px}.segment-mode .map{outline:2px solid var(--orange)}
@media(max-width:520px){.player-metrics{grid-template-columns:repeat(2,1fr)}.leaflet-control-layers-expanded{font-size:11px}.activity-segment-row>span{display:none}}
.activity-segment-row .segment-record{font-size:10px;color:var(--muted)}
.activity-segment-row .segment-record-best{color:var(--lime);font-weight:800}
.segment-comparison-card b{color:var(--orange)}
.install-app-floating{position:fixed;z-index:2050;left:50%;bottom:calc(18px + var(--safe));transform:translateX(-50%);background:var(--lime);color:#07130f;box-shadow:0 12px 35px #0009}
.playback-speeds{display:flex;gap:6px;margin:8px 0 13px}.playback-speeds button{flex:1;border:1px solid var(--line);border-radius:10px;padding:8px 4px;background:#07130f;color:var(--muted);font-size:11px;font-weight:800}.playback-speeds button.active{background:var(--orange);border-color:var(--orange);color:#fff}.share-cards button:nth-child(4){background:linear-gradient(145deg,#28402a,#142218)}.share-cards button:nth-child(5){background:linear-gradient(145deg,#2c2548,#161328)}.share-cards button:nth-child(6){background:linear-gradient(145deg,#17344a,#0d1b25)}
@media(max-width:520px){.share-cards{grid-template-columns:repeat(2,1fr)}}
.page-head .recalculate-segment{display:inline-flex;width:auto;margin-top:8px;margin-left:6px}
.btn-danger{background:#3a1717;color:#ffaaa2;border:1px solid #74332e}.page-head .delete-segment{display:inline-flex;width:auto;margin-top:8px;margin-left:6px}

/* Contextual actions and consistent detail-page hierarchy */
.detail-title{position:relative;z-index:850;align-items:flex-start;margin-bottom:18px}.detail-title>div{flex:1}.detail-context{margin:8px 0 0;color:var(--muted);font-size:12px}.context-menu{position:relative;z-index:1;flex:0 0 auto}.context-menu>summary{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:18px;font-weight:900;letter-spacing:1px;cursor:pointer;list-style:none}.context-menu>summary::-webkit-details-marker{display:none}.context-menu[open]>summary{border-color:var(--lime);color:var(--lime)}.context-menu>div{position:absolute;z-index:2;top:54px;right:0;width:230px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#0b1b15;box-shadow:0 18px 50px #000b}.context-menu a,.context-menu button{display:grid;width:100%;grid-template-columns:27px 1fr;align-items:center;gap:7px;padding:11px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font-size:12px;font-weight:750;text-align:left;cursor:pointer}.context-menu a:hover,.context-menu button:hover,.context-menu a:focus-visible,.context-menu button:focus-visible{background:#ffffff0b;outline:none}.context-menu .danger{color:#ffaaa2}.context-menu span{min-width:0}.compact-dialog form{display:grid;gap:16px}.compact-dialog h2{margin:4px 0}.dialog-field{display:grid;gap:7px;color:var(--muted);font-size:12px}.dialog-field input{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#091712;color:var(--text)}.section-intro{max-width:650px;margin:-5px 2px 14px;color:var(--muted);font-size:12px;line-height:1.55}.share-section,.segment-share{margin-top:42px;padding-top:4px;border-top:1px solid var(--line)}
@media(max-width:520px){.detail-title{gap:10px}.context-menu>div{position:fixed;z-index:1200;top:auto;right:14px;bottom:calc(82px + var(--safe));left:14px;width:auto;padding:9px;border-radius:19px;box-shadow:0 -12px 55px #000d}.context-menu a,.context-menu button{padding:13px 11px;font-size:13px}}
.date-tag{display:inline-block;padding:3px 7px;margin:0 3px;border-radius:999px;background:var(--orange);color:#fff;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.map-feature-marker{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border:3px solid #fff;border-radius:13px;background:#07130f;color:#fff;box-shadow:0 5px 18px #0009;font-size:10px;font-weight:900;white-space:nowrap}.map-feature-marker.highest{background:#75520d}.map-feature-marker.max-speed{background:#b3370b}.map-feature-marker.ends{background:#245e42}
.segment-share-cards{grid-template-columns:repeat(2,1fr)}#segment-share-preview{max-height:92vh;overflow:auto}#segment-share-preview canvas{display:block;width:min(100%,360px);height:auto;margin:14px auto;border-radius:15px;box-shadow:0 15px 40px #0009}.segment-share-cards button:nth-child(1){background:linear-gradient(145deg,#4b2418,#1f1511)}.segment-share-cards button:nth-child(2){background:linear-gradient(145deg,#344616,#17200d)}

/* Dedicated activity and segment video studio */
.video-studio-head{align-items:flex-start;margin-bottom:18px}.video-studio-head .icon-btn{display:grid;place-items:center;flex:0 0 42px}.video-studio-grid{display:grid;gap:16px}.video-preview-panel{min-width:0}.video-stage{position:relative;display:grid;place-items:center;width:100%;height:min(68svh,720px);overflow:hidden;background:#020706;border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px #0008}.video-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 14px 45px #000b}.video-stage[data-ratio="916"] canvas{height:100%;aspect-ratio:9/16}.video-stage[data-ratio="11"] canvas{width:min(100%,68svh);aspect-ratio:1}.video-stage[data-ratio="169"] canvas{width:100%;aspect-ratio:16/9}.studio-play{position:absolute;display:grid;place-items:center;width:64px;height:64px;padding-left:5px;border:1px solid #ffffff88;border-radius:50%;background:#07130fcc;color:#fff;font-size:23px;backdrop-filter:blur(10px)}.studio-timeline{padding:13px 4px}.studio-timeline input{width:100%;accent-color:var(--lime)}.studio-timeline span{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.studio-timeline i{font-style:normal}.studio-controls{display:grid;align-content:start;gap:10px}.studio-status,.control-group{padding:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px}.studio-status{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.studio-status b{color:var(--lime);text-align:right}.control-group h2{margin:0 0 12px;font-size:15px}.control-group label{display:grid;gap:6px;margin-top:10px;color:var(--muted);font-size:11px}.control-group select,.control-group input:not([type]),.control-group input[type="text"]{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:#07130f;color:var(--text)}.control-group input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#07130f}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row button{padding:10px;border:1px solid var(--line);border-radius:10px;background:#07130f;color:var(--muted);font-weight:800}.choice-row button.active{background:var(--lime);border-color:var(--lime);color:#07130f}.studio-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-checks label{display:flex;align-items:center;padding:9px;background:#07130f;border-radius:10px}.studio-checks input{accent-color:var(--lime)}.ios-export-note{margin:0;padding:12px;color:#d8e7dd;background:#173126;border:1px solid var(--line);border-radius:13px;font-size:11px;line-height:1.5}.studio-export-overlay{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;padding:25px;background:#020807e8;backdrop-filter:blur(12px)}.studio-export-overlay[hidden]{display:none}.studio-export-overlay>div{display:grid;width:min(100%,390px);text-align:center}.studio-export-overlay b{font-size:58px;color:var(--lime)}.studio-export-overlay span{margin:5px 0 18px;color:var(--muted)}.studio-export-overlay progress{width:100%;height:10px;accent-color:var(--lime)}#video-result{width:min(calc(100% - 24px),680px);max-height:92svh;overflow:auto}#video-result video{display:block;width:100%;max-height:65svh;margin:15px 0;border-radius:16px;background:#000}#video-result-info{color:var(--muted);font-size:11px}
@media(min-width:820px){.video-studio-grid{grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);align-items:start}.video-preview-panel{position:sticky;top:80px}.video-stage{height:calc(100svh - 180px)}.studio-controls{max-height:calc(100svh - 100px);overflow:auto;padding-right:3px}}
@media(max-width:520px){.video-studio .page-head h1{font-size:30px;letter-spacing:-1px}.video-stage{height:61svh;border-radius:19px}.studio-checks{grid-template-columns:1fr}.studio-status{flex-direction:column}.studio-status b{text-align:left}}

/* Manual activity import */
.activities-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.activities-head>div{min-width:0}.import-activity-cta{width:auto;white-space:nowrap}.import-page-head{display:flex;align-items:flex-start;gap:13px}.import-page-head .icon-btn{display:grid;place-items:center;flex:0 0 42px;font-size:27px}.format-recommendation{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:18px;background:linear-gradient(135deg,#253c20,#112019);border:1px solid #c9ff3d52;border-radius:20px}.format-recommendation h2{margin:2px 0 5px;font-size:20px}.format-recommendation p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.format-recommendation p b{color:#fff}.format-badge{display:grid;place-items:center;flex:0 0 66px;height:66px;border-radius:18px;background:var(--lime);color:#07130f;font-size:20px;font-weight:950;box-shadow:0 10px 26px #0005}.import-form{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.file-drop{position:relative;display:flex;align-items:center;gap:15px;padding:20px;border:1px dashed #c9ff3d78;border-radius:17px;background:#07130f;cursor:pointer}.file-drop>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop>i{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:14px;background:#c9ff3d19;color:var(--lime);font-size:25px;font-style:normal}.file-drop>span{display:grid;min-width:0}.file-drop b{font-size:14px}.file-drop small{margin-top:3px;color:var(--muted);font-size:10px}.file-drop em{width:max-content;margin-top:9px;padding:6px 9px;border-radius:8px;background:var(--lime);color:#07130f;font-size:9px;font-style:normal;font-weight:900}.import-fields{display:grid;gap:15px;margin-top:17px}.import-fields>label,.import-fields fieldset{display:grid;gap:7px;margin:0;padding:0;border:0;color:var(--muted);font-size:11px}.import-fields input[type="text"],.import-fields input[type="date"]{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#07130f;color:var(--text);font:inherit;font-size:14px}.import-fields legend{margin-bottom:8px}.sport-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sport-choice label{cursor:pointer}.sport-choice input{position:absolute;opacity:0}.sport-choice span{display:grid;place-items:center;gap:3px;padding:12px 6px;border:1px solid var(--line);border-radius:13px;background:#07130f;color:var(--muted)}.sport-choice i{font-size:21px;font-style:normal}.sport-choice b{font-size:10px}.sport-choice input:checked+span{border-color:var(--lime);background:#c9ff3d14;color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.privacy-note{margin:15px 0;color:var(--muted);font-size:10px;line-height:1.5}.import-submit{width:100%}.form-error{display:grid;gap:3px;margin-bottom:13px;padding:13px 15px;border:1px solid #8a3d35;border-radius:13px;background:#3a1717;color:#ffb3aa}.form-error span{font-size:11px}.source-tag{display:inline-block;margin-left:3px;padding:2px 6px;border-radius:999px;background:#c9ff3d1c;color:var(--lime);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.05em}
@media(min-width:700px){.quick-links{grid-template-columns:repeat(4,1fr)}.import-fields{grid-template-columns:1fr 1fr}.import-fields fieldset{grid-column:1/-1}.import-submit{width:auto;min-width:230px}.import-form{padding:22px}}
@media(max-width:520px){.activities-head{align-items:flex-start}.activities-head .import-activity-cta{padding:10px;font-size:10px}.format-recommendation{align-items:flex-start}.format-badge{flex-basis:52px;height:52px;border-radius:14px;font-size:16px}.sport-choice{gap:5px}}

/* Dashboard: one continuous, glanceable summary on small screens. */
.dashboard-stats{display:flex;gap:10px;overflow-x:auto;margin:0 -18px;padding:0 18px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.dashboard-stats::-webkit-scrollbar{display:none}.dashboard-stats .stat{flex:0 0 clamp(148px,43vw,190px);min-height:120px;scroll-snap-align:start}.dashboard-chart{padding:18px;margin-top:20px;background:linear-gradient(145deg,#173326,#10231b)}.dashboard-chart .chart-title{align-items:flex-start;padding:0 0 8px}.dashboard-chart .chart-title>div{display:grid;gap:4px}.dashboard-chart .chart-title small{color:var(--lime);font-size:10px;font-weight:900;letter-spacing:1.1px}.dashboard-chart .chart-title b{font-size:21px}.dashboard-chart canvas{height:220px!important}.dashboard-chart-summary{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding-top:13px;border-top:1px solid #ffffff12;color:var(--muted);font-size:11px}.dashboard-chart-summary span:last-child{text-align:right}.dashboard-chart-summary b{color:var(--text);font-size:13px}
@media(min-width:700px){.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;overflow:visible}.dashboard-stats .stat{min-width:0}}

.activity-card .metrics .activity-time{text-align:right}.activity-card .metrics .activity-time small{color:#71857b}.activity-card .metrics .activity-time strong{margin-top:2px;color:var(--muted);font-size:10px;font-weight:650}.activity-card .metrics .activity-time b{color:inherit;font-size:inherit}

/* Personal activity labels */
.activity-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.activity-label-marks{display:inline-flex;align-items:center;gap:5px}.activity-label-mark{display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--label-color) 65%,transparent);border-radius:7px;background:color-mix(in srgb,var(--label-color) 18%,#07130f);color:var(--label-color);font-size:13px;font-style:normal;line-height:1}.activity-label-mark.is-dot{width:10px;height:10px;border:0;border-radius:50%;background:var(--label-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--label-color) 18%,transparent)}
.activity-title-labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.activity-title-labels>span{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid color-mix(in srgb,var(--label-color) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--label-color) 12%,#07130f);color:#eef7f1;font-size:10px;font-weight:800}.activity-title-labels i,.activity-label-options i{display:grid;place-items:center;color:var(--label-color);font-style:normal}.label-dot{display:inline-block!important;width:9px;height:9px;border-radius:50%;background:var(--label-color)}
.activity-label-picker{margin:12px 0 18px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.activity-label-picker-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.activity-label-picker-head h2{margin:1px 0 0;font-size:17px}.activity-label-picker-head>a{color:var(--lime);font-size:10px;font-weight:900}.activity-label-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.activity-label-options label{cursor:pointer}.activity-label-options input{position:absolute;opacity:0;pointer-events:none}.activity-label-options span{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#07130f;color:var(--muted);transition:.16s ease}.activity-label-options input:checked+span{border-color:var(--label-color);background:color-mix(in srgb,var(--label-color) 14%,#07130f);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--label-color) 55%,transparent)}.activity-label-options input:focus-visible+span{outline:2px solid var(--lime);outline-offset:2px}.activity-label-options b{font-size:11px}.activity-label-status,.activity-label-empty{margin:10px 1px 0;color:var(--muted);font-size:9px}.activity-label-empty a{color:var(--lime)}
.activity-edit-dialog{width:min(calc(100% - 24px),640px);max-height:90svh}.activity-edit-dialog .activity-label-picker{margin:0;padding:14px;background:#091712}.activity-edit-dialog .activity-label-options{max-height:220px;overflow:auto;padding:2px}.activity-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.activity-edit-actions .btn{width:100%}@media(max-width:520px){.activity-edit-dialog{max-height:94svh;padding:16px}.activity-edit-dialog .activity-label-options{max-height:32svh}.activity-edit-actions{grid-template-columns:1fr}.activity-edit-actions .btn-primary{grid-row:1}}
.labels-head{max-width:760px}.label-create-card,.labels-library{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.label-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(105px,.55fr) 86px auto;align-items:end;gap:11px}.label-form label{display:grid;gap:6px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.label-form label small{font-size:8px;font-weight:600}.label-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#07130f;color:var(--text);font:inherit;font-size:13px}.label-form input[type="color"]{padding:5px}.labels-library>.section-head>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#c9ff3d18;color:var(--lime);font-size:12px;font-weight:900}.labels-list{display:grid;gap:10px}.label-row{position:relative;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#07130f}.label-preview{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--label-color) 55%,transparent);border-radius:14px;background:color-mix(in srgb,var(--label-color) 15%,#07130f);color:var(--label-color)}.label-preview i{font-size:22px;font-style:normal}.label-preview .label-dot{width:14px;height:14px}.label-usage{align-self:start;color:var(--muted);font-size:9px;white-space:nowrap}.label-row-actions{display:flex;gap:7px}.label-delete{padding:10px;border:1px solid #ff6d5a55;border-radius:10px;background:#ff6d5a12;color:#ff9b8f;font-size:10px;font-weight:800}.labels-empty{display:grid;gap:5px;padding:30px}.labels-empty span{font-size:11px}
@media(max-width:720px){.label-form{grid-template-columns:1fr 110px}.label-form>label:first-child{grid-column:1/-1}.label-form>button,.label-row-actions{grid-column:1/-1}.label-row{grid-template-columns:42px 1fr}.label-preview{width:42px;height:42px}.label-row .label-form{grid-column:2}.label-usage{grid-column:2}.label-row-actions .btn,.label-row-actions .label-delete{flex:1}.label-create-card,.labels-library{padding:14px}.activity-label-picker{padding:13px}}
.activity-title-labels svg,.activity-label-options svg{display:grid;place-items:center;width:15px;height:15px;color:var(--label-color);stroke-width:2.4}.label-dot{width:9px!important;height:9px!important}.label-form{grid-template-columns:minmax(160px,1fr) 86px auto}.label-icon-field{grid-column:1/-1;min-width:0;margin:2px 0 0;padding:0;border:0}.label-icon-field legend{margin-bottom:8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em}.label-icon-field legend small{font-weight:600}.label-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px}.label-icon-picker button{display:grid;place-items:center;gap:5px;min-width:0;min-height:58px;padding:7px 4px;border:1px solid var(--line);border-radius:11px;background:#07130f;color:var(--muted);cursor:pointer}.label-icon-picker button:hover,.label-icon-picker button.active{border-color:var(--lime);background:#c9ff3d12;color:var(--lime)}.label-icon-picker button.active{box-shadow:inset 0 0 0 1px var(--lime)}.label-icon-picker button svg{width:19px;height:19px;stroke-width:2.2}.label-icon-picker button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:800;white-space:nowrap}.label-icon-picker .label-dot{--label-color:var(--muted)}.label-icon-picker button.active .label-dot{--label-color:var(--lime)}.label-preview svg{width:23px;height:23px;stroke-width:2.3}.label-preview .label-dot{width:14px!important;height:14px!important}
@media(max-width:720px){.label-form{grid-template-columns:1fr 86px}.label-icon-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.label-icon-picker button{min-height:55px}.label-icon-picker button span{display:none}}
.label-icon-choice{display:flex;align-items:stretch;gap:8px}.label-icon-choice>button:first-of-type{display:flex;align-items:center;gap:11px;min-width:190px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#07130f;color:var(--text);text-align:left}.label-icon-choice>button:first-of-type>i,.label-icon-choice>button:first-of-type>svg{flex:0 0 25px;width:25px;height:25px;color:var(--label-color);stroke-width:2.3}.label-icon-choice>button:first-of-type>span{display:grid;gap:2px}.label-icon-choice>button:first-of-type b{font-size:11px}.label-icon-choice>button:first-of-type small{color:var(--muted);font-size:8px}.label-icon-choice>[data-clear-label-icon]{padding:8px 11px;border:1px solid #ff6d5a45;border-radius:11px;background:#ff6d5a0d;color:#ff9b8f;font-size:9px;font-weight:800}.label-icon-choice>[hidden]{display:none}.label-icon-dialog{width:min(940px,calc(100% - 24px));height:min(820px,90svh);padding:18px;border:1px solid #ffffff2b;border-radius:22px;background:#0b1813;color:var(--text);box-shadow:0 30px 90px #000c}.label-icon-dialog::backdrop{background:#020806cc;backdrop-filter:blur(5px)}.label-icon-dialog .video-head{margin-bottom:13px}.label-icon-search{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:#07130f}.label-icon-search svg{flex:0 0 19px;width:19px;height:19px;color:var(--lime)}.label-icon-search input{width:100%;height:48px;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.label-icon-search input::placeholder{color:#698076}.label-icon-filters{display:flex;gap:7px;margin:12px 0 9px;padding-bottom:4px;overflow-x:auto;scrollbar-width:thin}.label-icon-filters button{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#07130f;color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}.label-icon-filters button small{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#ffffff0b;color:#80978c;font-size:7px}.label-icon-filters button.active{border-color:var(--lime);background:#c9ff3d14;color:var(--lime)}.label-icon-filters button.active small{background:#c9ff3d1c;color:var(--lime)}.label-icon-results-status{min-height:17px;margin:4px 2px 8px;color:var(--muted);font-size:9px}.label-icon-results{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-content:start;gap:7px;height:calc(100% - 174px);padding:2px 3px 12px;overflow-y:auto}.label-icon-results button{display:grid;place-items:center;gap:7px;min-width:0;min-height:77px;padding:9px 5px;border:1px solid var(--line);border-radius:12px;background:#07130f;color:#a8bbb1;cursor:pointer}.label-icon-results button:hover,.label-icon-results button:focus-visible{border-color:#c9ff3d88;background:#c9ff3d0c;color:var(--lime)}.label-icon-results button.is-selected{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);color:#fff}.label-icon-results svg{width:24px;height:24px;stroke-width:2}.label-icon-results span{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:750;white-space:nowrap;text-align:center}
@media(max-width:720px){.label-icon-choice{display:grid}.label-icon-choice>button:first-of-type{min-width:0;width:100%}.label-icon-dialog{height:94svh;padding:14px;border-radius:18px}.label-icon-results{grid-template-columns:repeat(4,minmax(0,1fr));height:calc(100% - 177px);gap:6px}.label-icon-results button{min-height:69px}.label-icon-results svg{width:22px;height:22px}.label-icon-search input{height:46px;font-size:13px}}

.control-group input[type="date"]{width:100%;padding:11px;border:1px solid var(--line);border-radius:11px;background:#07130f;color:var(--text)}

/* Broadcast-style interactive route player */
.activity-broadcast{margin:0 0 18px;overflow:visible;border:1px solid #ffffff1f;border-radius:22px;background:#050807;box-shadow:0 22px 65px #0007}.broadcast-screen{position:relative;overflow:hidden;border-radius:21px 21px 0 0;background:#101713}.broadcast-screen #activity-map{height:clamp(390px,58svh,680px);border:0;border-radius:0}.activity-broadcast .leaflet-control-layers{display:none}.broadcast-live,.broadcast-stage,.broadcast-telemetry{position:absolute;z-index:650;pointer-events:none}.broadcast-live{top:15px;left:15px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff2b;border-radius:5px;background:#07130fe8;color:#fff;box-shadow:0 6px 22px #0007;font-size:9px;font-weight:950;letter-spacing:.12em}.broadcast-live i{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #fc4c0233;animation:broadcast-pulse 1.8s infinite}.broadcast-stage{top:50px;left:15px;display:grid;min-width:142px;padding:10px 13px 11px;border-left:4px solid var(--lime);background:linear-gradient(105deg,#07130ff2,#07130fc9);color:#fff;box-shadow:0 9px 28px #0007}.broadcast-stage small,.broadcast-telemetry small{color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.13em}.broadcast-stage strong{margin:1px 0;font-size:23px;line-height:1;font-variant-numeric:tabular-nums}.broadcast-stage span{color:#afc0b7;font-size:9px}.broadcast-telemetry{right:15px;bottom:15px;display:flex;align-items:stretch;overflow:hidden;border:1px solid #ffffff26;border-radius:7px;background:#07130feb;color:#fff;box-shadow:0 10px 32px #0009;backdrop-filter:blur(8px)}.broadcast-telemetry>div{display:grid;align-content:center;min-width:94px;padding:9px 13px;border-left:1px solid #ffffff1c}.broadcast-telemetry>div:first-child{border-left:0;background:var(--lime);color:#07130f}.broadcast-telemetry>div:first-child small{color:#315018}.broadcast-telemetry b{font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums}.broadcast-telemetry span{font-size:8px;font-weight:800}.route-player{position:relative;margin:0;padding:15px 14px 13px;border:0;border-radius:0 0 21px 21px;background:#080b0a}.player-timeline{position:absolute;z-index:2;top:-7px;left:0;width:100%;height:15px;display:flex;align-items:center}.player-timeline input{width:100%;height:15px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.player-timeline input::-webkit-slider-runnable-track{height:5px;background:linear-gradient(90deg,var(--orange) 0 var(--player-progress,0%),#ffffff42 var(--player-progress,0%) 100%)}.player-timeline input::-moz-range-track{height:5px;background:#ffffff42}.player-timeline input::-moz-range-progress{height:5px;background:var(--orange)}.player-timeline input::-webkit-slider-thumb{width:17px;height:17px;margin-top:-6px;border:2px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:var(--orange);box-shadow:0 2px 8px #000}.player-timeline input::-moz-range-thumb{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:var(--orange)}.player-controlbar{display:flex;align-items:center;gap:9px;min-height:46px}.player-controlbar .play-button{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:var(--orange);color:#fff;font-size:18px;box-shadow:0 7px 20px #fc4c0240}.player-controlbar .play-button:hover{background:#ff6428}.player-clock{display:flex;gap:5px;align-items:center;margin-right:auto;color:#8fa198;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.player-clock b{color:#fff}.player-select{display:flex;align-items:center;gap:6px;color:#8fa198;font-size:9px;font-weight:800}.player-select select{min-height:42px;max-width:108px;padding:8px 27px 8px 10px;border:1px solid #ffffff2e;border-radius:10px;background:#121816;color:#fff;font-size:11px;font-weight:800}.player-layers{position:relative;color:#fff;font-size:10px}.player-layers summary,.player-fit{display:flex;align-items:center;justify-content:center;gap:6px;min-width:66px;height:42px;padding:0 9px;border:1px solid #ffffff2e;border-radius:10px;background:#121816;color:#fff;cursor:pointer;font:800 9px/1 system-ui}.player-layers summary{list-style:none}.player-layers summary::-webkit-details-marker{display:none}.player-layers summary i{color:var(--lime);font-style:normal}.player-layers[open] summary{border-color:#c9ff3d88;background:#1a281f}.player-action-icon{font-size:16px;line-height:1}.player-action-text{white-space:nowrap}.player-layers>div{position:absolute;z-index:900;right:0;bottom:calc(100% + 10px);display:grid;min-width:220px;padding:8px;border:1px solid #ffffff35;border-radius:13px;background:#0a110ef5;box-shadow:0 15px 40px #000b;backdrop-filter:blur(12px)}.player-layers label{display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 10px;border-radius:8px;color:#f2f7f4;font-size:11px;font-weight:750;line-height:1.2;cursor:pointer}.player-layers label:hover{background:#ffffff0d}.player-layers input[type="checkbox"]{flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--lime)}.player-fit{flex:0 0 auto}.broadcast-rider{filter:drop-shadow(0 4px 8px #000)}@keyframes broadcast-pulse{50%{opacity:.45;transform:scale(.8)}}
.playback-elevation{position:relative;padding:8px 14px 5px;border-top:1px solid #ffffff12;background:linear-gradient(180deg,#0d1713,#080b0a)}.playback-elevation-head,.playback-elevation-scale{position:absolute;z-index:1;left:14px;right:14px;display:flex;justify-content:space-between;pointer-events:none}.playback-elevation-head{top:7px;align-items:center}.playback-elevation-head span{color:#91a79d;font-size:8px;font-weight:900;letter-spacing:.12em}.playback-elevation-head b{color:#fff;font-size:11px;font-variant-numeric:tabular-nums}.playback-elevation canvas{display:block;width:100%;height:82px}.playback-elevation-scale{bottom:4px;color:#71847a;font-size:8px;font-variant-numeric:tabular-nums}
@media(max-width:620px){.activity-broadcast{margin-left:-10px;margin-right:-10px;border-radius:17px}.broadcast-screen{border-radius:16px 16px 0 0}.broadcast-screen #activity-map{height:max(390px,52svh)}.broadcast-stage{top:47px;left:10px;min-width:124px;padding:8px 10px}.broadcast-stage strong{font-size:19px}.broadcast-live{top:10px;left:10px}.broadcast-telemetry{right:9px;bottom:9px}.broadcast-telemetry>div{min-width:76px;padding:8px 9px}.broadcast-telemetry b{font-size:14px}.broadcast-telemetry>div:nth-child(3){display:none}.playback-elevation{padding-left:9px;padding-right:9px}.playback-elevation-head,.playback-elevation-scale{left:9px;right:9px}.playback-elevation canvas{height:70px}.route-player{padding:17px 9px 11px;border-radius:0 0 16px 16px}.player-controlbar{display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));gap:7px}.player-controlbar .play-button{grid-column:1;width:48px;height:48px}.player-clock{grid-column:2/4;min-width:0;margin:0;font-size:9px}.player-clock span:last-child{overflow:hidden;text-overflow:ellipsis}.player-layers,.player-fit{min-width:0;width:100%}.player-layers summary,.player-fit{width:100%;min-width:0;height:48px;padding:3px 2px;flex-direction:column;gap:3px;border-radius:11px}.player-layers{grid-column:4}.player-fit{font-size:9px}.player-action-icon{font-size:17px}.player-action-text{font-size:8px}.player-layers summary i{display:none}.player-select{display:grid;grid-row:2;gap:4px;min-width:0;margin-top:2px}.player-select span{display:block;padding-left:2px;color:#91a79d;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.player-select select{width:100%;max-width:none;min-height:46px;font-size:12px}.player-speed{grid-column:1/4}.player-map{grid-column:4/7}.player-layers>div{position:fixed;z-index:1400;right:10px;bottom:calc(74px + env(safe-area-inset-bottom));left:10px;min-width:0;max-height:min(420px,58svh);overflow:auto;padding:10px;border-radius:16px}.player-layers label{min-height:48px;font-size:13px}.player-layers input[type="checkbox"]{flex-basis:22px;width:22px;height:22px}.player-timeline input::-webkit-slider-thumb{width:21px;height:21px;margin-top:-8px}.player-timeline input::-moz-range-thumb{width:19px;height:19px}.activity-broadcast .leaflet-control-zoom{margin-top:11px}}
.segment-mode .activity-broadcast{position:sticky;z-index:450;top:66px;box-shadow:0 18px 34px #000c}.segment-mode .activity-broadcast #activity-map{position:relative;top:auto;height:44svh;box-shadow:none}

/* Route-anchored broadcast milestones */
#activity-map .leaflet-marker-icon{overflow:visible}#activity-map .km-marker,#activity-map .rest-marker,#activity-map .segment-boundary-marker,#activity-map .map-feature-marker{--callout-color:var(--lime);position:relative;left:50%;overflow:visible;transform:translate(-50%,-38px);box-shadow:0 7px 20px #000b}#activity-map .km-marker{display:flex;width:auto;min-width:48px;height:25px;padding:0 8px;border:1px solid #ffffffb8;border-top:3px solid var(--callout-color);border-radius:4px;background:#07130ff2;color:#fff;font-size:11px;font-variant-numeric:tabular-nums}#activity-map .km-marker:before{content:'KM';margin-right:4px;color:var(--callout-color);font-size:7px;letter-spacing:.08em}#activity-map .km-marker:after,#activity-map .rest-marker:after,#activity-map .segment-boundary-marker:after,#activity-map .map-feature-marker:after{content:'';position:absolute;top:100%;left:50%;width:9px;height:31px;transform:translateX(-50%);background:linear-gradient(var(--callout-color),var(--callout-color)) center top/2px 25px no-repeat,radial-gradient(circle,#fff 0 2px,var(--callout-color) 2.5px 4px,transparent 4.5px) center bottom/9px 9px no-repeat;filter:drop-shadow(0 2px 2px #000b)}#activity-map .rest-marker{--callout-color:#52d5ff;display:grid;width:max-content;min-width:68px;padding:4px 8px;border:1px solid #ffffffb8;border-top:3px solid var(--callout-color);border-radius:5px;background:#07130ff2;color:#fff;text-align:center;font-variant-numeric:tabular-nums}#activity-map .rest-marker span{color:var(--callout-color);font-size:7px;font-weight:900;letter-spacing:.1em}#activity-map .rest-marker b{font-size:11px;line-height:1.1}#activity-map .segment-boundary-marker{display:grid;width:max-content;max-width:176px;min-width:96px;padding:4px 9px;border:1px solid #ffffffb8;border-top:3px solid var(--callout-color);border-radius:5px;background:#07130ff2;color:#fff;text-align:left}#activity-map .segment-boundary-marker span{color:var(--callout-color);font-size:7px;font-weight:950;letter-spacing:.1em}#activity-map .segment-boundary-marker b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25}#activity-map .segment-boundary-marker.end{text-align:right}#activity-map .map-feature-marker{width:max-content;transform:translate(-50%,-48px);border-width:1px;border-top:3px solid var(--callout-color);border-radius:5px}#activity-map .map-feature-marker:after{height:32px}#activity-map .map-feature-marker.highest{--callout-color:#ffd34e}#activity-map .map-feature-marker.max-speed{--callout-color:#ff7040}#activity-map .map-feature-marker.ends{--callout-color:#69e5a6}
#activity-map .km-marker{transform:translate(-50%,-44px)}#activity-map .rest-marker{transform:translate(-50%,-54px)}#activity-map .segment-boundary-marker{transform:translate(-50%,-58px)}#activity-map .map-feature-marker{transform:translate(-50%,-51px)}
#activity-map .km-marker:after,#activity-map .rest-marker:after,#activity-map .segment-boundary-marker:after,#activity-map .map-feature-marker:after{background:linear-gradient(#ffffffdd,#ffffffdd) center top/2px 25px no-repeat,radial-gradient(circle,var(--callout-color) 0 3px,#fff 3.5px 5px,transparent 5.5px) center bottom/11px 11px no-repeat}#activity-map .map-feature-marker.highest,#activity-map .map-feature-marker.max-speed,#activity-map .map-feature-marker.ends{background:#07130ff0;color:#fff}
.activity-rests{margin-top:8px}.activity-rests .section-head{align-items:center;margin-bottom:7px}.activity-rests .section-head>strong{color:#52d5ff;font-size:13px;font-variant-numeric:tabular-nums}.rest-detection-note{margin:0 2px 12px;color:var(--muted);font-size:11px;line-height:1.5}.rest-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.activity-rests table{width:100%;border-collapse:collapse;white-space:nowrap}.activity-rests th,.activity-rests td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.activity-rests th{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.activity-rests tbody tr:last-child td{border-bottom:0}.activity-rests td:first-child b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#52d5ff1f;color:#52d5ff}.activity-rests td strong{color:var(--lime)}.activity-rests td:last-child{text-align:right}.activity-rests button{border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:7px 10px;font-size:11px;font-weight:800}.activity-rests .empty{padding:25px 16px;font-size:12px}.activity-rests .empty b{font-size:14px}@media(max-width:520px){.activity-rests th,.activity-rests td{padding:11px 10px}.activity-rests th:nth-child(2),.activity-rests td:nth-child(2){display:none}}
.activity-broadcast .leaflet-control-zoom,.activity-broadcast .leaflet-control-attribution,.activity-broadcast .leaflet-control-layers{display:none!important}.route-play-overlay{position:absolute;z-index:800;top:50%;left:50%;display:grid;place-items:center;width:78px;height:78px;padding-left:6px;border:1px solid #ffffffaa;border-radius:50%;background:#07130fd9;color:#fff;box-shadow:0 12px 35px #000b;transform:translate(-50%,-50%);cursor:pointer;font-size:30px;backdrop-filter:blur(10px);transition:opacity .2s,transform .2s,background .2s}.route-play-overlay:hover{background:#c9ff3df0;color:#07130f;transform:translate(-50%,-50%) scale(1.05)}.route-play-overlay.is-playing{opacity:.35}.route-play-overlay.is-playing:hover{opacity:1}.route-play-overlay.is-idle{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.94)}@media(max-width:620px){.route-play-overlay{width:64px;height:64px;font-size:24px}}

/* La ficha conserva todas las métricas, pero prioriza un resumen desplazable. */
.activity-detail>.activity-summary{display:flex;gap:8px;overflow-x:auto;margin:10px -2px 18px;padding:2px;scroll-snap-type:x proximity;scrollbar-width:none}.activity-detail>.activity-summary::-webkit-scrollbar{display:none}.activity-detail>.activity-summary>div{flex:0 0 min(42vw,164px);min-height:82px;padding:13px 12px;scroll-snap-align:start}.activity-detail>.activity-summary span{white-space:nowrap}.activity-detail>.activity-summary b{display:block;white-space:nowrap;font-size:16px;line-height:1.25}.activity-segments{margin-top:30px}.activity-segments .section-head{margin-bottom:12px}.activity-segment-link{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:8px;border:1px solid var(--line);border-radius:15px;background:var(--panel);transition:background .2s,transform .2s}.activity-segment-link:active{background:var(--panel2);transform:scale(.99)}.activity-segment-link>strong{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#263d21;color:var(--lime)}.activity-segment-link>div{min-width:0;flex:1}.activity-segment-link b,.activity-segment-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-segment-link small{margin-top:3px;color:var(--muted);font-size:10px}.activity-segment-link>span{color:var(--lime);font-size:12px;font-weight:800;white-space:nowrap}.activity-segment-link>i{color:var(--muted);font-size:20px;font-style:normal}
.activity-segment-link>strong b{font-size:13px;line-height:1}.activity-segment-link>strong small{margin-top:1px;font-size:8px;line-height:1;color:#b9d77a}.activity-segment-time{display:block;margin-top:5px;color:var(--muted);font-size:10px;white-space:nowrap}.activity-segment-time b{display:inline!important;margin-left:2px;color:var(--text)}.activity-segment-time em{margin-left:5px;color:var(--lime);font-style:normal;font-weight:800}

/* Interactive activity and segment terrain */
.activity-map-3d{position:absolute;z-index:20;inset:0;overflow:hidden;background:linear-gradient(155deg,#183328,#719180);color:#fff;transition:opacity .2s}.activity-map-3d[hidden]{display:none}.activity-map-3d.is-preparing{opacity:0;pointer-events:none}.broadcast-screen.is-3d #activity-map{visibility:hidden}.broadcast-screen.is-loading-3d:after{content:'Preparando relieve 3D…';position:absolute;z-index:760;top:15px;left:50%;padding:8px 12px;border:1px solid #ffffff4d;border-radius:999px;background:#07130fe8;color:#fff;box-shadow:0 7px 22px #0008;transform:translateX(-50%);font-size:9px;font-weight:850;letter-spacing:.04em;pointer-events:none}.activity-map-3d .maplibregl-canvas{outline:0}.activity-map-3d .maplibregl-ctrl-bottom-left,.activity-map-3d .maplibregl-ctrl-bottom-right{z-index:30}.activity-map-3d .maplibregl-ctrl-group{overflow:hidden;border:1px solid #ffffff55;border-radius:10px;background:#07130fdd;box-shadow:0 7px 20px #0008}.activity-map-3d .maplibregl-ctrl button .maplibregl-ctrl-icon{filter:invert(1)}.activity-map-3d .maplibregl-ctrl-attrib{border-radius:5px;background:#07130fc4;color:#dbe5df}.activity-map-3d .maplibregl-ctrl-attrib a{color:#fff}.activity-3d-loading{position:absolute;z-index:50;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:linear-gradient(145deg,#13271f,#567566);font-size:11px;font-weight:850;letter-spacing:.08em}.activity-3d-loading i{width:36px;height:36px;border:4px solid #ffffff45;border-top-color:var(--lime);border-radius:50%;animation:activity-3d-spin .8s linear infinite}.activity-3d-badge{position:absolute;z-index:45;top:15px;right:15px;display:grid;min-width:112px;padding:8px 10px;border:1px solid #ffffff6b;border-radius:6px;background:#07130fe6;box-shadow:0 8px 24px #0008;pointer-events:none;text-align:right}.activity-3d-badge span{color:var(--lime);font-size:7px;font-weight:950;letter-spacing:.1em}.activity-3d-badge b{font-size:16px;font-variant-numeric:tabular-nums}.activity-3d-callout{--callout-color:var(--lime);position:relative;display:grid;min-width:58px;padding:4px 7px 30px;border-radius:5px;background:linear-gradient(#07130ff2,#07130ff2) top/100% calc(100% - 26px) no-repeat;color:#fff;filter:drop-shadow(0 5px 8px #000a);opacity:0;pointer-events:none;text-align:center;transform:translateY(8px) scale(.9);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}.activity-3d-callout:before{content:'';position:absolute;top:calc(100% - 27px);left:0;width:100%;height:3px;background:var(--callout-color)}.activity-3d-callout:after{content:'';position:absolute;bottom:0;left:50%;width:9px;height:29px;transform:translateX(-50%);background:linear-gradient(var(--callout-color),var(--callout-color)) center top/2px 23px no-repeat,radial-gradient(circle,#fff 0 2px,var(--callout-color) 2.5px 4px,transparent 4.5px) center bottom/9px 9px no-repeat}.activity-3d-callout.is-reached{opacity:1;transform:none}.activity-3d-callout span{font-size:8px;font-weight:950;letter-spacing:.04em;white-space:nowrap}.activity-3d-callout b{color:var(--callout-color);font-size:9px}.activity-3d-callout-highest{--callout-color:#ffd34e}.activity-3d-callout-max-speed{--callout-color:#ff7040}.activity-3d-callout-rests{--callout-color:#52d5ff}.activity-3d-callout-ends{--callout-color:#69e5a6}.activity-3d-warning{position:absolute;z-index:1000;right:12px;bottom:12px;left:12px;padding:11px 13px;border:1px solid #ffb64d88;border-radius:10px;background:#3b2816ef;color:#ffe0aa;box-shadow:0 10px 30px #0009;font-size:10px;font-weight:750;text-align:center}.is-3d .leaflet-control-container{display:none}@keyframes activity-3d-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.activity-3d-badge{top:9px;right:9px;min-width:98px;padding:6px 8px}.activity-3d-badge span{font-size:6px}.activity-3d-badge b{font-size:13px}.activity-3d-callout{min-width:48px;padding-right:5px;padding-left:5px}.activity-3d-callout span{font-size:7px}.activity-map-3d .maplibregl-ctrl-bottom-right{bottom:64px}}
@media(prefers-reduced-motion:reduce){.activity-3d-callout,.activity-3d-loading i{transition:none;animation:none}}
.route-video-dialog{width:min(calc(100% - 24px),620px);max-height:92svh;overflow:auto}.route-video-dialog progress{display:block;width:100%;height:9px;margin:12px 0 16px;accent-color:var(--lime)}.route-video-dialog>p{color:var(--muted);font-size:12px}.route-video-dialog video{display:block;width:100%;max-height:68svh;margin:12px 0;border-radius:15px;background:#000}.route-video-dialog video[hidden]{display:none}
.activity-broadcast.is-exporting button:disabled,.activity-broadcast.is-exporting select:disabled,.activity-broadcast.is-exporting input:disabled,.route-video-dialog[aria-busy="true"] button:disabled{opacity:.38;filter:saturate(.35);cursor:wait}.activity-broadcast.is-exporting .player-layers{opacity:.38;pointer-events:none}.route-video-dialog[aria-busy="true"] .video-head,.route-video-dialog[aria-busy="true"] .action-grid{opacity:.55}

/* Installable mobile webapp */
.top-actions{display:flex;align-items:center;gap:9px}.install-app-button{border:1px solid var(--lime);border-radius:999px;background:#c9ff3d18;color:var(--lime);padding:8px 12px;font-size:11px;font-weight:850}.ios-install-tip{position:fixed;z-index:2100;left:50%;bottom:calc(82px + var(--safe));transform:translateX(-50%);width:min(calc(100% - 28px),430px);display:grid;grid-template-columns:1fr auto;padding:15px 46px 15px 17px;background:#f5f8f4;color:#07130f;border-radius:17px;box-shadow:0 18px 50px #000b}.ios-install-tip[hidden]{display:none}.ios-install-tip b{font-size:14px}.ios-install-tip span{grid-column:1/-1;margin-top:3px;color:#486057;font-size:11px}.ios-install-tip button{position:absolute;right:10px;top:9px;width:30px;height:30px;border:0;background:#dfe8e2;color:#07130f;border-radius:50%;font-size:20px}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.bottom-nav,.topbar{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}.shell{padding-top:calc(84px + env(safe-area-inset-top))}.install-app-button{display:none}}

.segment-fields{display:grid;grid-template-columns:1fr 84px;gap:10px}.segment-fields input[type="color"]{width:100%;height:46px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#07130f}.map-feature-marker{opacity:1;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.milestone-toast{position:absolute;z-index:700;left:50%;top:18px;display:flex;align-items:center;gap:10px;min-width:210px;padding:12px 15px;border:1px solid #ffffff33;border-radius:16px;background:#07130fe8;color:#fff;box-shadow:0 14px 35px #0008;backdrop-filter:blur(12px);transform:translateX(-50%);pointer-events:none}.milestone-toast b{color:var(--lime);font-size:18px}.milestone-toast span{display:flex;flex-direction:column;font-size:11px}.milestone-toast small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}

/* Direct, mobile-first segment editing */
.segment-editor{padding:18px;background:linear-gradient(155deg,#14291f,#0b1913);border-color:#fc4c0270}.segment-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.segment-editor-head .eyebrow{margin:0 0 4px}.segment-editor-head h2{font-size:27px;letter-spacing:-.7px}.segment-editor-head .icon-btn{flex:0 0 40px;width:40px;height:40px}.segment-editor-help{margin:10px 0 16px;font-size:12px;line-height:1.5}.segment-point-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.segment-point-switch button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#07130f;color:var(--muted);text-align:left}.segment-point-switch button b{display:flex;align-items:center;gap:8px;color:var(--text)}.segment-point-switch button i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#30463d;color:#fff;font-style:normal}.segment-point-switch button span{font-size:12px;font-variant-numeric:tabular-nums}.segment-point-switch button.active{border-color:var(--lime);background:#c9ff3d12;box-shadow:inset 0 0 0 1px var(--lime)}.segment-point-switch button.active i{background:var(--orange)}.segment-point-switch button.active span{color:var(--lime);font-weight:850}.segment-editor #segment-range{margin:38px 15px 22px}.segment-editor .noUi-horizontal .noUi-handle{width:38px;height:38px;right:-19px;top:-15px;touch-action:none}.segment-editor .noUi-handle:after{display:grid;place-items:center;inset:0;width:auto;height:auto;background:transparent;color:#fff;font-size:12px;font-weight:950}.segment-editor .noUi-handle[data-handle="0"]:after{content:'A'}.segment-editor .noUi-handle[data-handle="1"]:after{content:'B'}.segment-editor:not(.editing-end) .noUi-handle[data-handle="0"],.segment-editor .editing-end .noUi-handle[data-handle="1"]{box-shadow:0 0 0 6px #c9ff3d38,0 5px 16px #000b}.segment-distance-summary{display:flex;align-items:end;justify-content:space-between;padding:12px 14px;border:1px solid #ffffff12;border-radius:13px;background:#07130f}.segment-distance-summary span{color:var(--muted);font-size:10px}.segment-distance-summary strong{color:var(--lime);font-size:22px}.segment-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.segment-nudge>span{color:var(--muted);font-size:10px}.segment-nudge>span b{color:var(--lime)}.segment-nudge>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.segment-nudge button{min-width:43px;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#07130f;color:var(--text);font-size:11px;font-weight:850}.segment-nudge button:active{background:var(--lime);color:#07130f}.segment-fit{width:100%;margin-top:12px}.segment-editor-status{margin:10px 0 0!important;text-align:center;font-size:10px!important;color:var(--lime)!important}.segment-editor-actions{display:grid;grid-template-columns:minmax(100px,.45fr) 1fr;gap:9px;margin-top:13px}.segment-mode .broadcast-live,.segment-mode .broadcast-stage,.segment-mode .broadcast-telemetry,.segment-mode .route-play-overlay{display:none}.segment-mode .activity-broadcast #activity-map{cursor:crosshair}.segment-mode .activity-broadcast .route-player,.segment-mode .playback-elevation{display:none}.segment-mode .segment-marker{cursor:grab}.segment-mode .segment-marker:active{cursor:grabbing}
.segment-edit-marker{position:relative;width:44px;height:44px;border-width:4px;box-shadow:0 5px 18px #000d}.segment-edit-marker span{position:absolute;bottom:calc(100% + 7px);left:50%;padding:5px 8px;border:2px solid #fff;border-radius:7px;background:#07130ff2;color:#fff;box-shadow:0 5px 16px #000b;transform:translateX(-50%);font-size:8px;font-weight:950;letter-spacing:.1em;white-space:nowrap}.segment-edit-marker span:after{content:'';position:absolute;top:100%;left:50%;border:5px solid transparent;border-top-color:#fff;transform:translateX(-50%)}.segment-edit-marker b{font-size:15px}.segment-edit-marker.end{background:var(--lime);color:#07130f}.segment-edit-marker.active{box-shadow:0 0 0 7px #c9ff3d4d,0 7px 22px #000e;transform:scale(1.08)}.segment-edit-marker.active span{border-color:var(--lime);color:var(--lime)}.segment-edit-marker.active span:after{border-top-color:var(--lime)}
@media(max-width:520px){.segment-editor{margin-right:-8px;margin-left:-8px;padding:16px;border-radius:18px}.segment-fields{grid-template-columns:minmax(0,1fr) 72px}.segment-nudge{display:grid}.segment-nudge>div{width:100%}.segment-nudge button{min-width:0;min-height:46px}.segment-editor-actions{position:sticky;z-index:10;bottom:calc(72px + var(--safe));padding:9px;margin:12px -8px -8px;border:1px solid var(--line);border-radius:15px;background:#0b1913ee;box-shadow:0 -10px 28px #0008;backdrop-filter:blur(12px)}}
.file-drop.has-file{border-style:solid;background:#c9ff3d0b}.file-drop.has-file>i{background:var(--lime);color:#07130f}.file-drop b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* The active-handle state lives on the dual range itself. */
#segment-range.editing-end .noUi-handle[data-handle="0"]{box-shadow:0 4px 14px #0008}
#segment-range.editing-end .noUi-handle[data-handle="1"]{box-shadow:0 0 0 6px #c9ff3d38,0 5px 16px #000b}

/* Skeletons for page transitions and API-backed activity content */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.page-skeleton{position:fixed;z-index:850;inset:68px 0 0;display:none;overflow:hidden;background:var(--bg);pointer-events:none}.page-loading .page-skeleton{display:block}.page-loading .shell{visibility:hidden}.page-skeleton-inner{width:min(100%,960px);margin:auto;padding:30px 18px calc(105px + var(--safe))}.page-skeleton-inner>*{animation:skeleton-shimmer 1.25s ease-in-out infinite;background:linear-gradient(100deg,#10231b 20%,#1d392d 42%,#10231b 64%);background-size:250% 100%}.skeleton-line{height:12px;border-radius:999px}.skeleton-line-short{width:88px}.skeleton-line-title{width:min(65%,330px);height:42px;margin-top:12px}.skeleton-line-section{width:160px;height:24px;margin:34px 0 14px}.skeleton-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px;background:none}.skeleton-card{height:112px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.skeleton-card i,.skeleton-card b,.skeleton-row i,.skeleton-row b,.skeleton-row em,.skeleton-row strong,.skeleton-segment-row i,.skeleton-segment-row b,.skeleton-segment-row em,.skeleton-segment-row strong{display:block;background:#294438;border-radius:999px}.skeleton-card i{width:42%;height:10px}.skeleton-card b{width:72%;height:25px;margin-top:34px}.skeleton-list{display:grid;gap:9px;background:none}.skeleton-row,.skeleton-segment-row{display:flex;align-items:center;gap:13px;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.skeleton-row>i,.skeleton-segment-row>i{flex:0 0 42px;height:42px;border-radius:13px}.skeleton-row span,.skeleton-segment-row span{flex:1}.skeleton-row b,.skeleton-segment-row b{width:55%;height:13px}.skeleton-row em,.skeleton-segment-row em{width:80%;height:10px;margin-top:12px}.skeleton-row strong,.skeleton-segment-row strong{width:30px;height:12px}.async-skeleton{position:relative;min-height:220px}.async-skeleton:after{content:'';position:absolute;inset:52px 10px 10px;border-radius:12px;background:linear-gradient(100deg,#13271e 20%,#244437 42%,#13271e 64%);background-size:250% 100%;animation:skeleton-shimmer 1.25s ease-in-out infinite}.async-skeleton-list{display:grid;gap:8px}.async-skeleton-list .skeleton-segment-row{animation:skeleton-shimmer 1.25s ease-in-out infinite;background:linear-gradient(100deg,var(--panel) 20%,var(--panel2) 42%,var(--panel) 64%);background-size:250% 100%}.async-skeleton-list .skeleton-segment-row:nth-child(2){animation-delay:.1s}.async-skeleton-list .skeleton-segment-row:nth-child(3){animation-delay:.2s}@keyframes skeleton-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@media(min-width:700px){.page-skeleton-inner{padding-inline:28px}.skeleton-stat-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.page-skeleton-inner>*,.async-skeleton:after,.async-skeleton-list .skeleton-segment-row{animation:none}}

/* Dedicated share lifecycle and public interactive player */
.share-manager-head{display:flex;align-items:flex-start}.share-manager-head>div{min-width:0}.share-manager-head h1{overflow-wrap:anywhere}.share-manager-head .icon-btn{flex:0 0 46px}.share-manager-head p:last-child{max-width:680px;color:var(--muted);font-size:12px;line-height:1.55}.share-manager-grid{display:grid;gap:14px}.share-link-card{padding:19px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.share-link-card.is-active{border-color:#c9ff3d55}.share-link-card>header{display:flex;align-items:center;gap:11px}.share-link-card>header>i{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#07130f;color:var(--lime);font-size:21px;font-style:normal}.share-link-card>header>span{min-width:0}.share-link-card>header small{display:block;color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.1em}.share-link-card h2{margin:2px 0 0;font-size:20px}.share-link-card>header>em{margin-left:auto;padding:5px 8px;border-radius:999px;background:#ffffff0b;color:var(--muted);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}.share-link-card.is-active>header>em{background:#c9ff3d18;color:var(--lime)}.share-link-card>p{margin:13px 0;color:var(--muted);font-size:11px;line-height:1.5}.share-url-box{display:grid;gap:6px;margin:15px 0;padding:12px;border:1px solid #c9ff3d36;border-radius:14px;background:#07130f}.share-url-box>label,.share-expiration{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.share-url-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.share-url-box input{min-width:0;height:42px;border:1px solid var(--line);border-radius:10px;background:#10231b;color:var(--text);padding:0 10px;font-size:11px}.share-url-box button{border:0;border-radius:10px;background:var(--lime);color:#07130f;padding:0 11px;font-size:10px;font-weight:900}.share-url-box button:last-child{background:var(--orange);color:#fff}.share-action-status{min-height:14px;color:var(--lime);font-size:9px}.share-options-form fieldset{display:grid;gap:7px;margin:0 0 13px;padding:0;border:0}.share-options-form legend{margin-bottom:8px;color:var(--text);font-size:12px;font-weight:900}.share-check{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#07130f}.share-check input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:var(--lime)}.share-check span{display:grid;gap:3px}.share-check b{font-size:11px}.share-check small,.share-expiration small{color:var(--muted);font-size:9px;line-height:1.4}.share-expiration{display:grid;gap:6px}.share-expiration input{min-height:44px}.share-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.share-danger{margin-top:13px;border-top:1px solid var(--line);padding-top:11px}.share-danger summary{width:max-content;color:#ff9d82;cursor:pointer;font-size:10px;font-weight:850}.share-danger>div{margin-top:10px;padding:12px;border:1px solid #8a3d35;border-radius:12px;background:#3a171755}.share-danger p{margin:0 0 9px;color:#ffb3aa;font-size:10px}.share-danger button{border-color:#b35449;background:#8a2e27;color:#fff}.share-more{margin-top:25px}.share-more>div:last-child{display:grid;gap:9px}.share-more a{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text)}.share-more a>i{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#c9ff3d14;color:var(--lime);font-size:20px;font-style:normal}.share-more a>span{display:grid;gap:3px;min-width:0}.share-more a small{color:var(--muted);font-size:9px}.share-more a strong{margin-left:auto;color:var(--lime);font-size:10px;white-space:nowrap}.share-manage-link{width:auto}.public-player{width:min(100%,1100px);margin:0 auto}.public-player-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.public-player-head>span{color:var(--lime);font-size:8px;font-weight:900;letter-spacing:.1em}.public-player-title{margin-bottom:13px}.public-player-title h1{margin:2px 0 5px}.public-player-title>p:last-child{color:var(--muted);font-size:10px}.public-player-foot{padding:8px 5px 20px;color:var(--muted);font-size:9px;text-align:center}.guest .public-player .activity-broadcast{margin-bottom:12px}
@media(min-width:820px){.share-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-more>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.share-url-box>div{grid-template-columns:1fr 1fr}.share-url-box input{grid-column:1/-1}.share-form-actions{grid-template-columns:1fr}.share-more a{align-items:flex-start}.share-more a strong{display:none}.share-manager-head .icon-btn{flex:0 0 40px}.public-player-head{margin-top:-8px}.guest .public-player .activity-broadcast{margin-left:-18px;margin-right:-18px}.public-player-title{padding:0 2px}}

/* Activity cards: compact header and four clearly labelled metrics */
.activity-card{padding:14px}
.activity-card h3{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;margin:3px 0 11px;overflow:visible;white-space:normal}
.activity-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-label-marks{flex:0 0 auto}
.activity-temperature{flex:0 0 auto;padding:4px 7px;border:1px solid #fc4c0255;border-radius:999px;background:#fc4c0214;color:#ff9a70;font-size:10px;font-weight:850}
.activity-card .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;color:var(--muted)}
.activity-card .metrics>span{min-width:0;padding-right:8px}
.activity-card .metrics>span+span{padding-left:10px;border-left:1px solid var(--line)}
.activity-card .metrics small{display:block;margin-bottom:3px;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.activity-card .metrics strong{display:block;overflow:hidden;color:var(--muted);font-size:9px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.activity-card .metrics b{font-size:14px}
@media(max-width:420px){.activity-card{padding:12px 10px}.activity-card .metrics>span{padding-right:4px}.activity-card .metrics>span+span{padding-left:6px}.activity-card .metrics small{font-size:7px}.activity-card .metrics b{font-size:12px}.activity-card .metrics strong{font-size:8px}}

/* MapLibre loads its stylesheet after this one and sets .maplibregl-map to
   position:relative. Keep the player map anchored to the broadcast screen. */
.broadcast-screen>.activity-map-3d{position:absolute;inset:0;width:100%;height:100%}

/* Minimal player bar: one calm control surface, including narrow phones. */
.route-player{padding:11px 12px 9px;background:#080b0a}.player-controlbar{gap:6px;min-height:40px}.player-controlbar .play-button{flex-basis:40px;width:40px;height:40px;border-radius:10px;box-shadow:none;font-size:15px}.player-clock{gap:4px;font-size:9px}.player-select>span{display:none}.player-select select{min-height:38px;padding:6px 24px 6px 9px;border-color:#ffffff1c;border-radius:9px;background-color:#0e1411;font-size:10px}.player-layers summary,.player-fit{height:38px;min-width:54px;border-color:#ffffff1c;border-radius:9px;background:#0e1411}.player-timeline input::-webkit-slider-runnable-track{height:3px}.player-timeline input::-moz-range-track,.player-timeline input::-moz-range-progress{height:3px}.player-timeline input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;border-width:2px}.player-timeline input::-moz-range-thumb{width:12px;height:12px}.route-play-overlay{width:54px;height:54px;padding-left:3px;border-color:#ffffff70;background:#07130f75;box-shadow:0 6px 18px #0007;font-size:21px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.route-play-overlay.is-playing{opacity:.16;transform:translate(-50%,-50%) scale(.78)}.route-play-overlay.is-playing:hover{opacity:.3}.route-play-overlay:active{background:#07130fb8;color:#fff}.route-play-overlay.is-idle{transform:translate(-50%,-50%) scale(.72)}
@media(hover:hover){.route-play-overlay:hover{background:#07130fc4;color:#fff;transform:translate(-50%,-50%) scale(1.04)}}
@media(max-width:620px){.route-player{padding:12px 6px 7px}.player-controlbar{display:flex;align-items:center;gap:4px;min-height:36px;flex-wrap:nowrap}.player-controlbar .play-button{flex:0 0 34px;width:34px;height:36px;border-radius:9px;font-size:13px}.player-clock{flex:0 0 auto;min-width:34px;margin:0;font-size:8px}.player-clock span{display:none}.player-select{display:block;flex:0 0 auto;min-width:0;margin:0}.player-select select{width:auto;max-width:none;min-height:36px;height:36px;padding:4px 18px 4px 6px;border-radius:8px;font-size:9px}.player-speed select{width:39px}.player-map{flex:1 1 70px;overflow:hidden}.player-map select{width:100%;min-width:0}.player-layers,.player-fit{flex:0 0 32px;width:32px;min-width:32px}.player-layers summary,.player-fit{width:32px;min-width:32px;height:36px;padding:0;flex-direction:row;border-radius:8px}.player-action-icon{font-size:14px}.player-action-text,.player-layers summary i{display:none}.route-play-overlay{width:42px;height:42px;padding-left:2px;font-size:17px}.route-play-overlay.is-playing{opacity:.12;transform:translate(-50%,-50%) scale(.72)}.player-timeline input::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6px}.player-timeline input::-moz-range-thumb{width:13px;height:13px}}
.route-play-overlay.is-playing.is-idle{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.68)}
.permission-notice{margin-top:14px;padding:17px;border:1px solid #fc4c0266;border-radius:17px;background:#29170f}.permission-notice p{color:var(--muted)}.permission-notice .btn{margin-top:10px}
.strava-explore{margin-top:36px}.strava-explore-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px}.strava-explore-actions select{border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);padding:0 12px}.strava-explore-grid{display:grid;gap:8px;margin-top:12px}.strava-explore-grid article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.strava-explore-grid article span{display:grid;min-width:0;flex:1}.strava-explore-grid small,.strava-explore-grid em{color:var(--muted);font-size:11px;font-style:normal}.strava-explore-grid .btn{flex:0 0 auto;padding:10px}.strava-explore-grid .is-starred{color:var(--lime)}
.strava-segment-card .strava-detail-link{width:100%;margin-top:14px}.strava-official-detail .detail-title{align-items:center}.strava-official-detail .detail-title p{color:var(--muted)}.strava-ranking-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.strava-ranking-hero article{display:grid;min-height:132px;padding:16px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.strava-ranking-hero article.record{border-color:#c9ff3d66}.strava-ranking-hero small,.strava-ranking-hero span{color:var(--muted);font-size:10px}.strava-ranking-hero strong{align-self:center;color:var(--lime);font-size:26px}.strava-effort-table{overflow:auto;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.strava-effort-table table{width:100%;border-collapse:collapse;white-space:nowrap}.strava-effort-table th,.strava-effort-table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.strava-effort-table th{color:var(--muted)}.strava-api-limit{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.strava-api-limit p{margin-bottom:0;color:var(--muted);font-size:12px}@media(min-width:700px){.strava-ranking-hero{grid-template-columns:repeat(4,1fr)}}