.loading-container{opacity:.7;pointer-events:none;transition:opacity .3s ease}.loaded-container{opacity:1;pointer-events:auto;animation:fadeIn .5s ease}.error-container{opacity:1;pointer-events:auto;border-color:var(--error-red);background:#ff576c1a}.component-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);min-height:150px}.component-loading p{margin-top:var(--spacing-lg);opacity:.8;font-size:var(--font-size-md)}.loading-spinner{width:40px;height:40px;border:4px solid var(--glass-border);border-top:4px solid var(--primary-cyan);border-radius:var(--radius-round);animation:spin 1s linear infinite}.loading-container.section-card{background:var(--glass-bg);border:1px solid var(--glass-border-light)}.loading-container.map-card{background:var(--glass-bg);border:1px solid var(--glass-border-light);min-height:300px}.loaded-container .metric-summary{animation:fadeIn .6s ease}.loaded-container .zones-chart-container{animation:fadeIn .8s ease}.loaded-container .map-preview,.loaded-container .info-grid{animation:fadeIn .6s ease}.loaded-container .metric-item:nth-child(1){animation:fadeIn .4s ease}.loaded-container .metric-item:nth-child(2){animation:fadeIn .5s ease}.loaded-container .metric-item:nth-child(3){animation:fadeIn .6s ease}.loaded-container .metric-item:nth-child(4){animation:fadeIn .7s ease}.loaded-container .metric-item:nth-child(5){animation:fadeIn .8s ease}.loaded-container .metric-item:nth-child(6){animation:fadeIn .9s ease}.loaded-container .metric-item:nth-child(7){animation:fadeIn 1s ease}.loading-skeleton{background:linear-gradient(90deg,var(--glass-bg) 25%,var(--glass-bg-light) 50%,var(--glass-bg) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md);height:20px;margin:var(--spacing-sm) 0}.loading-skeleton.wide{width:80%}.loading-skeleton.narrow{width:60%}.loading-skeleton.short{height:15px}.loading-skeleton.tall{height:30px}.heart-rate-loading{background:var(--glass-bg);border:1px solid rgba(255,68,68,.3)}.performance-loading{background:var(--glass-bg);border:1px solid rgba(255,170,0,.3)}.gps-loading{background:var(--glass-bg);border:1px solid rgba(0,255,255,.3)}.info-loading{background:var(--glass-bg);border:1px solid rgba(64,128,255,.3)}.component-status{position:absolute;top:10px;right:10px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.component-status.loading{background:var(--cyan-alpha-medium);color:var(--primary-cyan)}.component-status.loaded{background:var(--success-green);color:var(--text-primary)}.component-status.error{background:var(--error-red);color:var(--text-primary)}.loading-container[aria-busy=true]{cursor:wait}.component-loading[role=status]{position:relative}.component-loading[role=status]:before{content:"Loading...";position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-group{margin-bottom:var(--spacing-lg);position:relative;z-index:1}.form-group label{display:block;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-lg);background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-sm);border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:var(--transition-normal);box-sizing:border-box;color:var(--text-primary)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300ffff' d='M6 9L1.5 4.5h9L6 9z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1.5 4.5h9L6 9z'/%3E%3C/svg%3E")}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-cyan);box-shadow:var(--shadow-cyan)}.form-group select option{color:var(--text-primary);background-color:#2a2a2a;padding:var(--spacing-sm) var(--spacing-md);border:none}.form-group select option:checked,.form-group select option:hover{background-color:#1a3a3a;color:var(--primary-cyan)}.form-group select option:disabled{color:var(--text-muted);background:#1a1a1a}.form-group select optgroup{color:var(--primary-cyan);background-color:#1a1a1a;font-weight:var(--font-weight-bold);font-style:normal;padding:var(--spacing-md) 4px 4px 4px}.form-group select optgroup option{padding-left:var(--spacing-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);align-items:start}.conditional-field{display:none}.unit-label{font-size:var(--font-size-xs);color:#fff9;margin-top:var(--spacing-3xs)}.form-group input:not(:placeholder-shown)+.form-group label,.form-group select:focus+.form-group label,.form-group textarea:not(:placeholder-shown)+.form-group label{color:var(--accent-magenta)}.google-sso-container{margin-bottom:var(--spacing-lg)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-lg);border:2px solid #4285f4;background:#4285f4;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-normal);backdrop-filter:var(--backdrop-blur-sm);cursor:pointer;box-shadow:0 2px 10px #4285f433}.btn-google:hover{background:#357ae8;border-color:#357ae8;color:var(--text-primary);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 20px #4285f466}.btn-google:active{transform:translateY(0);box-shadow:0 2px 10px #4285f44d}.google-icon{flex-shrink:0;transition:var(--transition-normal)}.btn-google:hover .google-icon{transform:scale(1.05)}.auth-divider{text-align:center;margin:var(--spacing-lg) 0;position:relative;z-index:1}.divider-text{background:#1a1a1a;padding:0 var(--spacing-md);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.divider-line{border:none;border-top:1px solid #333;margin-top:-10px;position:relative;z-index:-1}.auth-form{position:relative;z-index:1}.auth-title{text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-cyan);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);position:relative;z-index:1}.auth-title-blue{color:var(--primary-blue)}.auth-submit-btn{width:100%;font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:var(--transition-normal);position:relative;z-index:1;text-transform:none;letter-spacing:.5px}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--cyan-alpha-strong)}.auth-submit-btn:active{transform:translateY(0)}.auth-form .error{background:linear-gradient(135deg,#f443,#ff576c33);color:var(--error-red);padding:var(--spacing-lg) 18px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:var(--font-weight-medium);border:1px solid rgba(255,87,108,.3);backdrop-filter:var(--backdrop-blur-sm);animation:fadeIn .4s ease forwards}.auth-form .form-group input:focus{border-color:var(--primary-cyan);box-shadow:var(--shadow-cyan);background:var(--cyan-alpha-light)}.auth-form .form-group input:focus+label{color:var(--primary-cyan)}.auth-form .link{text-align:center;margin-top:var(--spacing-lg-plus);position:relative;z-index:1}.auth-form .link a{color:var(--primary-cyan);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-normal);display:inline-block;padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);background:var(--cyan-alpha-light);border:1px solid var(--cyan-alpha-medium)}.auth-form .link a:hover{color:var(--text-primary);background:var(--cyan-alpha-medium);border-color:var(--cyan-alpha-strong);transform:translateY(-1px);box-shadow:0 4px 15px var(--cyan-alpha-medium)}.auth-form .form-group{margin-bottom:var(--spacing-lg);position:relative;z-index:1}.auth-form .form-group label{display:block;margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-normal)}.auth-form .form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-sm);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:var(--transition-normal);box-sizing:border-box;color:var(--text-primary);font-family:inherit}.auth-form .form-group input::placeholder{color:#fff6;font-style:italic}.auth-form .form-group input:hover{border-color:var(--cyan-alpha-strong);background:var(--glass-bg-light)}.auth-form{animation:authSlideIn .6s ease forwards}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.quick-action-card{color:var(--text-primary);text-align:center;text-decoration:none}.quick-action-card:hover{box-shadow:0 8px 25px var(--cyan-alpha-medium);color:var(--text-primary);text-decoration:none}.quick-action-icon{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);display:block}.quick-action-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);color:var(--primary-cyan)}.quick-action-desc{font-size:var(--font-size-md);opacity:.8}.stat{display:flex;justify-content:space-between;margin:var(--spacing-lg) 0;padding:var(--spacing-md) 0;border-bottom:1px solid var(--glass-border)}.stat-label{font-weight:var(--font-weight-semibold);color:#fffc}.stat-value{color:var(--primary-cyan);font-weight:var(--font-weight-bold)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.cards h3{color:var(--primary-cyan);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}.drag-drop-area{border:3px dashed var(--primary-cyan);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-sm);text-align:center;background:var(--cyan-alpha-light);transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.drag-drop-area:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--cyan-alpha-light) 0%,transparent 30%,var(--cyan-alpha-medium) 70%,transparent 100%);pointer-events:none;opacity:.3;border-radius:var(--radius-xl)}.drag-drop-area:hover{background:var(--cyan-alpha-medium);transform:scale(1.02);box-shadow:0 10px 30px var(--cyan-alpha-medium)}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-size-info{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--primary-cyan);opacity:.6}.upload-icon{font-size:var(--font-size-4xl);margin-bottom:0;color:var(--primary-cyan);display:block}.drag-text{font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);margin-bottom:var(--spacing-sm);position:relative;z-index:1}.drag-subtext{color:#fffc;position:relative;z-index:1}.recommendation-panel{background:linear-gradient(135deg,#ff576c1a,#ffa5001a);border:1px solid rgba(255,87,108,.3);border-radius:var(--radius-xl);padding:var(--spacing-lg);margin:var(--spacing-md) 0;backdrop-filter:var(--backdrop-blur-sm)}.recommendation-panel strong{color:var(--error-red)}.link{text-align:center;margin-top:var(--spacing-lg);position:relative;z-index:1}.link a{color:var(--primary-cyan);text-decoration:none;font-weight:var(--font-weight-medium);transition:var(--transition-normal)}.link a:hover{color:var(--primary-blue);text-shadow:0 0 10px var(--blue-alpha-strong)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:var(--spacing-lg-plus);margin-bottom:var(--spacing-xl)}.chart-card{border-radius:var(--radius-xxl);box-shadow:var(--shadow-lg)}.chart-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-alpha-medium),transparent);animation:scan 10s linear infinite}.chart-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--cyan-alpha-medium)}.chart-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--primary-cyan);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1}.chart-container{position:relative;height:300px;margin:var(--spacing-lg) 0;z-index:1}.chart-container.tall{height:400px}.metric-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0;position:relative;z-index:1}.metric-item{text-align:center;padding:var(--spacing-md);background:var(--bg-gradient-blue);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);border:1px solid var(--blue-alpha-strong);backdrop-filter:var(--backdrop-blur-sm);transition:var(--transition-normal)}.metric-item:hover{transform:scale(1.05);box-shadow:0 5px 15px var(--blue-alpha-strong)}.metric-value{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);display:block;color:var(--primary-blue)}.metric-label{font-size:var(--font-size-md);opacity:.9;color:#fffc}.insight-card{background:var(--bg-gradient-cyan);color:var(--text-primary);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin:var(--spacing-lg) 0;border:1px solid var(--cyan-alpha-medium);backdrop-filter:var(--backdrop-blur-sm);position:relative;z-index:1}.full-width{grid-column:1 / -1}.upgrade-notice{background:var(--bg-gradient-cyan);border:1px solid var(--cyan-alpha-medium);border-radius:var(--radius-xxl);padding:var(--spacing-xxl);text-align:center;margin-bottom:var(--spacing-xl);backdrop-filter:var(--backdrop-blur-md);position:relative;overflow:hidden}.upgrade-notice:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--cyan-alpha-light) 0%,transparent 50%,var(--blue-alpha-light) 100%);pointer-events:none;opacity:.4}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0;position:relative;z-index:1}.feature-item{background:var(--cyan-alpha-light);padding:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--cyan-alpha-medium);backdrop-filter:var(--backdrop-blur-sm);transition:var(--transition-normal)}.feature-item:hover{background:var(--cyan-alpha-medium);transform:translateY(-2px)}.running-dynamics-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg-plus)}.running-icon{width:var(--spacing-xl);height:var(--spacing-xl);background:linear-gradient(135deg,var(--info-blue),#2196F3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.running-dynamics-header h3{margin:0;color:var(--info-blue);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.prominent-cadence-card{background:linear-gradient(135deg,#475569cc,#374151cc);border:1px solid rgba(71,85,105,.6);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;backdrop-filter:var(--backdrop-blur-sm)}.prominent-cadence-card.excellent{border-color:var(--success-green)}.prominent-cadence-card.good{border-color:var(--accent-orange)}.prominent-cadence-card.needs-work{border-color:var(--accent-red)}.cadence-main .cadence-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);line-height:1}.prominent-cadence-card.excellent .cadence-value{color:var(--success-green)}.prominent-cadence-card.good .cadence-value{color:var(--accent-orange)}.prominent-cadence-card.needs-work .cadence-value{color:var(--accent-red)}.cadence-label{color:#fffc;font-size:var(--font-size-md)}.cadence-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.trend-icon,.info-icon{font-size:var(--font-size-base);opacity:.7;cursor:pointer;transition:var(--transition-normal)}.trend-icon:hover,.info-icon:hover{opacity:1}.running-metrics-row{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.metric-row-card{background:#47556999;border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-lg);backdrop-filter:var(--backdrop-blur-sm)}.metric-row-indicator{width:12px;height:12px;border-radius:var(--radius-round);flex-shrink:0}.metric-row-indicator.excellent{background:var(--success-green)}.metric-row-indicator.good{background:var(--accent-orange)}.metric-row-indicator.needs-work{background:var(--accent-red)}.metric-row-content{display:flex;justify-content:space-between;align-items:center;width:100%}.metric-row-label{color:#ffffffe6;font-size:var(--font-size-md)}.metric-row-value-section{display:flex;align-items:center;gap:var(--spacing-md)}.metric-row-value{font-weight:var(--font-weight-bold);color:var(--text-primary);font-size:var(--font-size-base)}.metric-row-trend{font-size:var(--font-size-sm);opacity:.7}.training-focus-card{background:linear-gradient(135deg,#1e3a8a4d,#06b6d44d);border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) 0;backdrop-filter:var(--backdrop-blur-sm)}.training-focus-card h4{color:var(--info-blue);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-md)}.recommendation-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.recommendation-item{display:flex;align-items:flex-start;gap:var(--spacing-md);font-size:var(--font-size-md);line-height:1.4}.rec-bullet{margin-top:var(--spacing-3xs);flex-shrink:0}.priority-excellent .rec-bullet{color:var(--accent-orange)}.priority-good .rec-bullet{color:var(--success-green)}.priority-needs-work .rec-bullet{color:var(--warning-orange)}.priority-info .rec-bullet{color:var(--info-blue)}.recommendation-item strong{font-weight:var(--font-weight-semibold)}.priority-excellent strong{color:var(--accent-orange)}.priority-good strong{color:var(--success-green)}.priority-needs-work strong{color:var(--warning-orange)}.priority-info strong{color:var(--info-blue)}.running-status-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin:var(--spacing-lg) 0;padding:var(--spacing-lg);font-size:var(--font-size-sm)}.status-item{display:flex;align-items:center;gap:var(--spacing-sm);color:#ffffffb3}.status-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-round);display:inline-block}.status-item.excellent .status-dot{background:var(--success-green)}.status-item.good .status-dot{background:var(--accent-orange)}.status-item.needs-work .status-dot{background:var(--accent-red)}.activity-hero{background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);position:relative;overflow:hidden}.activity-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue),var(--primary-cyan))}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg-plus)}.hero-main{display:flex;justify-content:space-between;align-items:flex-start}.sport-info{display:flex;align-items:center;gap:var(--spacing-lg)}.sport-icon{font-size:var(--font-size-4xl);line-height:1}.activity-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.sub-sport{font-size:var(--font-size-lg);margin:var(--spacing-xs) 0 0 0;opacity:.8;color:var(--primary-blue)}.hero-date{text-align:right}.date-time .date{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-cyan)}.date-time .time{display:block;font-size:var(--font-size-base);opacity:.8;margin-top:var(--spacing-xs)}.conditions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-md)}.weather,.location{opacity:.8}.hero-metrics{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.hero-metric{text-align:center;min-width:100px}.hero-metric.primary .metric-value{font-size:var(--font-size-3xl);color:var(--primary-cyan)}.hero-metric .metric-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.hero-metric .metric-label{font-size:var(--font-size-md);opacity:.8;text-transform:uppercase;letter-spacing:.5px}.activity-hero-new{background:linear-gradient(135deg,#14141ef2,#1e1e2df2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-sm);position:relative;overflow:hidden}.activity-hero-new:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue),var(--primary-cyan))}.hero-top-row{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xs)}@media(max-width:768px){.hero-top-row{flex-direction:column;gap:var(--spacing-sm)}}.hero-header{flex:0 1 auto;min-width:0}.hero-header .sport-info{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.sport-icon-large{font-size:var(--font-size-3xl);line-height:1;flex-shrink:0}.title-group{flex:1;min-width:0}.activity-title-new{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);line-height:1.2}.activity-metadata{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary)}.metadata-item{opacity:.9}.metadata-separator{opacity:.5}.primary-metrics{display:flex;gap:var(--spacing-lg);flex:1;justify-content:space-evenly}.primary-metric{text-align:center}.primary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-cyan);line-height:1;margin-bottom:var(--spacing-xs);text-shadow:0 0 15px rgba(10,132,255,.3)}.primary-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium)}.secondary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-sm)}.secondary-metric{display:flex;flex-direction:column;gap:var(--spacing-2xs);padding:var(--spacing-xs);background:#ffffff08;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.secondary-metric:hover{background:#ffffff0d;border-color:#ffffff1a}.secondary-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;opacity:.8}.secondary-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}@media(max-width:768px){.sport-icon-large{font-size:var(--font-size-3xl)}.activity-title-new,.primary-value{font-size:var(--font-size-2xl)}.primary-metrics{grid-template-columns:1fr;gap:var(--spacing-md)}.secondary-metrics{grid-template-columns:repeat(2,1fr)}.activity-hero-new{padding:var(--spacing-md)}}.section-card{background:#14141ee6;border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-card h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;color:var(--primary-cyan)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.metric-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.metric{text-align:center;flex:1;min-width:120px}.metric .metric-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.metric .metric-label{font-size:var(--font-size-sm);opacity:.8}.metrics-timeline{background:#14141ee6;border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.metrics-timeline h3{font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;color:var(--primary-cyan);display:flex;align-items:center;justify-content:space-between}.timeline-controls{display:flex;gap:var(--spacing-md);align-items:center}.timeline-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.timeline-toggle-btn:hover{background:var(--glass-bg-hover);border-color:var(--primary-cyan);color:var(--primary-cyan)}.timeline-toggle-btn.active{background:var(--primary-cyan);color:var(--bg-primary);border-color:var(--primary-cyan)}.metric-selection-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border-light)}.metric-selector{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:#14141e99;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);position:relative}.metric-selector:hover{background:#14141ee6;border-color:var(--primary-cyan)}.metric-selector.selected{background:var(--cyan-alpha-light);border-color:var(--primary-cyan)}.metric-selector input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer}.metric-selector .metric-color-indicator{width:12px;height:12px;border-radius:2px;margin-right:var(--spacing-sm);border:1px solid rgba(255,255,255,.2);flex-shrink:0}.metric-selector label{cursor:pointer;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.metric-selector .metric-unit{font-size:var(--font-size-xs);opacity:.7;margin-left:var(--spacing-xs)}.preset-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.preset-btn{padding:var(--spacing-sm) var(--spacing-md);background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--primary-cyan);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);text-transform:capitalize}.preset-btn:hover{background:#0ff3;border-color:var(--primary-cyan);color:var(--primary-cyan-bright);transform:translateY(-1px);box-shadow:0 2px 8px #0ff3}.preset-btn.active{background:var(--primary-cyan);color:var(--bg-primary);border-color:var(--primary-cyan);font-weight:var(--font-weight-semibold);box-shadow:0 2px 12px #0ff6}.timeline-chart-container{position:relative;height:400px;margin-bottom:var(--spacing-lg);background:#0a0a1480;border-radius:var(--radius-md);padding:var(--spacing-md)}.timeline-chart-container canvas{max-height:100%}.timeline-context-container{position:relative;height:80px;background:#0a0a144d;border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.timeline-context-container canvas{max-height:100%}.timeline-legend{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;padding:var(--spacing-md);background:var(--glass-bg);border-radius:var(--radius-sm);margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.legend-color{width:12px;height:12px;border-radius:2px}.export-controls{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.export-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.export-btn:hover{background:var(--glass-bg-hover);border-color:var(--primary-cyan);color:var(--primary-cyan)}.axis-toggle{display:inline-flex;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden}.axis-toggle button{padding:var(--spacing-2xs) 10px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:var(--transition-fast)}.axis-toggle button:not(:last-child){border-right:1px solid var(--glass-border)}.axis-toggle button:hover{background:var(--glass-bg-hover);color:var(--primary-cyan)}.axis-toggle button.active{background:#0ff3;color:var(--primary-cyan);border-color:var(--primary-cyan);font-weight:var(--font-weight-semibold)}.timeline-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-secondary)}.timeline-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top:3px solid var(--primary-cyan);border-radius:50%;animation:spin 1s linear infinite}.chart-tooltip{background:#14141ef2!important;border:1px solid var(--primary-cyan)!important;border-radius:var(--radius-sm)!important;padding:var(--spacing-sm)!important;font-size:var(--font-size-sm)!important;backdrop-filter:blur(10px)!important}@media(max-width:768px){.metrics-timeline{padding:var(--spacing-lg)}.metric-selection-panel{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.timeline-chart-container{height:300px}.preset-controls,.export-controls{justify-content:center}}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg)}.zones-chart-container{height:200px;margin-top:var(--spacing-lg)}.form-insights{margin-top:var(--spacing-lg-plus);padding-top:var(--spacing-lg);border-top:1px solid var(--blue-alpha-medium)}.form-insights h4{color:var(--primary-cyan);margin-bottom:var(--spacing-md)}.insights-grid{display:grid;gap:var(--spacing-sm)}.insight-item{background:var(--cyan-alpha-light);border:1px solid var(--cyan-alpha-medium);border-radius:var(--radius-md);padding:var(--spacing-lg);font-size:var(--font-size-md)}.map-card{background:#14141ee6;border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;min-height:200px}.map-card:hover{border-color:var(--primary-blue);box-shadow:0 5px 20px var(--blue-alpha-medium);transform:translateY(-2px)}.map-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue));opacity:0;transition:var(--transition-normal)}.map-card:hover:before{opacity:1}.map-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.map-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);margin:0}.expand-btn{background:var(--blue-alpha-medium);border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-sm);color:var(--primary-blue);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-normal)}.expand-btn:hover{background:var(--blue-alpha-strong);border-color:var(--primary-blue);color:var(--text-primary)}.map-preview{height:240px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md);position:relative}.map-preview-overlay{position:absolute;inset:0;background:var(--glass-bg-dark);display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal);z-index:1}.map-card:hover .map-preview-overlay{opacity:1}.map-preview-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.map-stats{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.map-stat{text-align:center;background:var(--blue-alpha-light);border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-lg);min-width:80px}.map-stat-value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-blue);margin-bottom:var(--spacing-3xs)}.map-stat-label{font-size:var(--font-size-xs);opacity:.8}.map-container{margin-bottom:var(--spacing-lg)}.route-stats{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.route-stat{text-align:center;background:var(--blue-alpha-light);border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-md);padding:var(--spacing-md);min-width:100px}.route-stat .stat-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-blue);margin-bottom:var(--spacing-xs)}.route-stat .stat-label{font-size:var(--font-size-sm);opacity:.8}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#1e1e2899;border-radius:var(--radius-md)}.info-item.full-width{grid-column:1 / -1;flex-direction:column;align-items:stretch}.info-label{font-weight:var(--font-weight-semibold);color:var(--primary-blue)}.info-value{font-weight:var(--font-weight-medium)}.notes-content{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:#14141ecc;border-radius:var(--radius-md);border:1px solid var(--blue-alpha-medium);line-height:1.6}.map-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:none;backdrop-filter:var(--backdrop-blur-sm)}.map-fullscreen.active{display:flex;flex-direction:column}.map-fullscreen-header{background:#14141ee6;border-bottom:1px solid var(--blue-alpha-strong);padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.map-fullscreen-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);margin:0}.close-btn{background:#ff576c33;border:1px solid rgba(255,87,108,.4);border-radius:var(--radius-sm);color:var(--error-red);padding:var(--spacing-md) 16px;font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-normal)}.close-btn:hover{background:#ff576c4d;border-color:var(--error-red);color:var(--text-primary)}.map-fullscreen-content{flex:1;position:relative;overflow:hidden}.map-fullscreen-map{width:100%;height:100%}.activity-controls{background:#14141ecc;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg-plus);border:1px solid var(--blue-alpha-medium)}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.filter-section{display:flex;gap:var(--spacing-md);justify-content:flex-start;flex-wrap:wrap}.filter-select{background:#1e1e28e6;border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-width:140px;transition:var(--transition-normal);transform:scale(1)}.filter-select:hover{transform:scale(1.02)}.filter-select:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00ffff40;transform:scale(1.02)}.filter-input{background:#1e1e28e6;border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);min-width:140px;transition:var(--transition-normal)}.filter-input::placeholder{color:var(--text-muted)}.filter-input:hover{border-color:var(--primary-cyan)}.filter-input:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00ffff40}.view-toggles{display:flex;gap:var(--spacing-sm)}.controls-right{display:flex;align-items:center;gap:var(--spacing-md)}.view-toggle{background:#1e1e28e6;border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-md) 16px;cursor:pointer;font-size:var(--font-size-md);transition:var(--transition-normal);transform:scale(1)}.view-toggle:hover{background:var(--blue-alpha-medium);border-color:var(--primary-blue);box-shadow:0 0 10px var(--blue-alpha-strong);transform:scale(1.05)}.view-toggle.active{background:var(--blue-alpha-medium);border-color:var(--primary-blue);box-shadow:0 0 10px var(--blue-alpha-strong);transform:scale(1.02)}.summary-stats{display:flex;gap:var(--spacing-lg);justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.pagination-top .pagination{justify-content:flex-end;margin-top:0;padding:0}.pagination-top{margin-top:var(--spacing-xl)}.stat-group{display:flex;gap:var(--spacing-lg)}.stat-chip{background:var(--bg-gradient-cyan);border:1px solid var(--cyan-alpha-medium);border-radius:var(--radius-md);padding:var(--spacing-lg) 18px;text-align:center;min-width:100px;transition:var(--transition-normal)}.stat-chip:hover{transform:scale(1.02)}.stat-chip .stat-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-cyan);margin-bottom:var(--spacing-2xs)}.stat-chip .stat-label{font-size:var(--font-size-sm);opacity:.8}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.activities-container:not(.grid-view) .activities-grid{grid-template-columns:1fr}.activities-container:not(.grid-view) .activity-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.activities-container:not(.grid-view) .activity-header{margin-bottom:0;flex:0 0 200px}.activities-container:not(.grid-view) .activity-metrics{flex:1;margin-bottom:0;display:flex;gap:var(--spacing-xl);justify-content:center}.activities-container:not(.grid-view) .activity-badges{flex:0 0 auto;justify-content:flex-end}.activity-card{background:#14141ee6;border:1px solid var(--blue-alpha-medium);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-normal);position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.activity-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-cyan),var(--primary-blue));opacity:0;transition:var(--transition-normal)}.activity-card:hover:before{opacity:1}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.activity-sport{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.activity-date{font-size:var(--font-size-sm);opacity:.7;text-align:right}.activity-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.activity-badges{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-md)}.activity-badge{background:var(--blue-alpha-medium);border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-lg);padding:var(--spacing-2xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--primary-blue);transition:var(--transition-normal);opacity:.8}.activity-card:hover .activity-badge{opacity:1}.activity-badge.advanced{background:var(--cyan-alpha-medium);border-color:var(--cyan-alpha-strong);color:var(--primary-cyan)}.activity-delete-btn{position:absolute;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-sm);color:#f44336cc;cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);opacity:0;transform:scale(.9);z-index:2}.activities-container.grid-view .activity-delete-btn{bottom:var(--spacing-lg);right:var(--spacing-lg)}.activities-container:not(.grid-view) .activity-delete-btn{top:var(--spacing-md);right:var(--spacing-md)}.activity-card:hover .activity-delete-btn{opacity:1;transform:scale(1)}.activity-delete-btn:hover{background:#f4433633;border-color:#f44336;color:#f44336;transform:scale(1.05)}.activity-delete-btn:active{transform:scale(.95)}.activities-container,.activities-container.grid-view{transition:var(--transition-normal)}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);background:#14141e99;border-radius:var(--radius-lg);border:2px dashed var(--blue-alpha-strong)}.empty-state h3{color:var(--primary-blue);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}.empty-state p{opacity:.8;margin-bottom:var(--spacing-lg-plus);font-size:var(--font-size-lg)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.pagination button{background:#1e1e28e6;border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-md);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:var(--transition-normal);transform:scale(1)}.pagination button:hover:not(:disabled){background:var(--blue-alpha-medium);border-color:var(--primary-blue);transform:scale(1.05)}.pagination button:active:not(:disabled){transform:scale(.95)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .current-page{background:var(--cyan-alpha-medium);border-color:var(--primary-cyan);color:var(--primary-cyan)}.activity-card.loading{opacity:.6;transform:scale(.98);transition:var(--transition-normal)}.activity-card.updated{animation:cardUpdate .4s ease}@keyframes cardUpdate{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;align-items:center;justify-content:center;z-index:10000;backdrop-filter:var(--backdrop-blur-sm);animation:fadeIn .3s ease forwards}.modal-content{background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xxl);max-width:400px;width:90%;margin:var(--spacing-lg);position:relative;animation:modalSlideIn .3s ease forwards}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary, rgba(255, 255, 255, .7));cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--color-text-primary, white)}.modal-content h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--error-red)}.modal-content p{margin:0 0 var(--spacing-xl) 0;color:#ffffffe6;line-height:1.5}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--glass-border);margin-bottom:var(--spacing-md)}.modal-header h3{margin:0;color:var(--color-text-primary, white)}.modal-body{max-height:60vh;overflow-y:auto;padding-right:var(--spacing-sm)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);margin-top:var(--spacing-md)}.screenshot-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:20000;cursor:pointer}.screenshot-lightbox-content{position:relative;max-width:90vw;max-height:90vh}.screenshot-lightbox-content img{max-width:90vw;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 4px 30px #00000080}.screenshot-lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;line-height:1;opacity:.8;transition:opacity .2s ease}.screenshot-lightbox-close:hover{opacity:1}.success-message{background:#28a74533;color:var(--success-green);padding:var(--spacing-lg) 18px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:var(--font-weight-medium);border:1px solid rgba(40,167,69,.3);backdrop-filter:var(--backdrop-blur-sm);animation:fadeIn .4s ease forwards}.success-message button{background:none;border:none;color:var(--success-green);cursor:pointer;float:right;font-size:var(--font-size-xl);line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-round);transition:var(--transition-normal)}.success-message button:hover{background:#28a74533;transform:scale(1.1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-message{text-align:center;padding:var(--spacing-xl);color:var(--error-red);animation:errorSlideIn .3s ease}.error-message p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg)}.error-message button{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--error-red);color:var(--text-primary);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-md);transition:var(--transition-normal)}.error-message button:hover{background:#f33;transform:translateY(-2px)}.error-message button:focus{outline:2px solid var(--primary-cyan);outline-offset:2px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.zone-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:var(--glass-bg);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--glass-border)}.zone-tab{flex:1;padding:var(--spacing-lg) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;font-weight:var(--font-weight-semibold);transition:var(--transition-normal);text-align:center}.zone-tab:hover{color:var(--primary-cyan);background:var(--cyan-alpha-light)}.zone-tab.active{background:var(--bg-gradient-cyan);color:var(--primary-cyan);border:1px solid var(--cyan-alpha-medium)}.zone-content{display:none}.zone-content.active{display:block}.zone-method-selector{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg-plus);background:var(--glass-bg);border-radius:var(--radius-xl);border:1px solid var(--glass-border)}.zone-method-selector h3{margin:0 0 var(--spacing-lg) 0;color:var(--primary-cyan);font-size:var(--font-size-lg)}.radio-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 18px;background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);backdrop-filter:var(--backdrop-blur-sm)}.radio-option:hover{background:var(--cyan-alpha-light);border-color:var(--cyan-alpha-medium)}.radio-option input[type=radio]{width:16px;height:16px;accent-color:var(--primary-cyan)}.radio-option input[type=radio]:checked+span{color:var(--primary-cyan);font-weight:var(--font-weight-semibold)}.base-values{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg-plus);background:var(--blue-alpha-light);border-radius:var(--radius-xl);border:1px solid var(--blue-alpha-medium)}.zones-table{margin-bottom:var(--spacing-xl)}.zones-table h3{margin:0 0 var(--spacing-lg) 0;color:var(--primary-cyan);font-size:var(--font-size-lg)}.zone-placeholder{text-align:center;padding:var(--spacing-xxl);color:#fff9;background:var(--glass-bg);border-radius:var(--radius-lg);border:2px dashed var(--glass-border-light)}.zone-row{display:grid;grid-template-columns:40px 1fr 2fr 2fr;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:var(--glass-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);border:1px solid var(--glass-border);transition:var(--transition-normal)}.zone-row:hover{background:var(--glass-bg-light);border-color:var(--cyan-alpha-medium)}.zone-color{width:24px;height:24px;border-radius:var(--radius-round);border:2px solid var(--glass-border-light)}.zone-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md)}.zone-inputs,.zone-percent{display:flex;align-items:center;gap:var(--spacing-md)}.zone-input,.percent-input{width:var(--zone-input-width);padding:var(--spacing-md) var(--spacing-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-md);text-align:center;transition:var(--transition-normal)}.zone-input:focus,.percent-input:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 10px var(--cyan-alpha-medium);background:var(--cyan-alpha-light)}.zone-inputs span,.zone-percent span{color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sport-interests-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.sport-checkbox-item{transition:var(--transition-normal)}.sport-checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);backdrop-filter:var(--backdrop-blur-sm);user-select:none}.sport-checkbox-label:hover{background:var(--cyan-alpha-light);border-color:var(--cyan-alpha-medium);transform:translateY(-1px)}.sport-checkbox-label input[type=checkbox]{width:var(--spacing-md);height:var(--spacing-md);accent-color:var(--primary-cyan);cursor:pointer}.sport-checkbox-label input[type=checkbox]:checked+.sport-checkbox-text{color:var(--primary-cyan);font-weight:var(--font-weight-semibold)}.sport-checkbox-label:has(input[type=checkbox]:checked){background:var(--cyan-alpha-medium);border-color:var(--primary-cyan);box-shadow:0 0 10px var(--cyan-alpha-medium)}.sport-checkbox-text{font-size:var(--font-size-md);color:var(--text-primary);transition:var(--transition-normal)}.sport-interests-display{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.sport-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-gradient-cyan);border:1px solid var(--cyan-alpha-medium);border-radius:var(--radius-lg);backdrop-filter:var(--backdrop-blur-sm);transition:var(--transition-normal)}.sport-badge:hover{transform:scale(1.05);box-shadow:0 4px 15px var(--cyan-alpha-medium)}.sport-icon{font-size:var(--font-size-lg);line-height:1}.sport-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--primary-cyan)}.data-table-container{overflow-x:auto;margin-bottom:2rem}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface, var(--glass-bg));border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 4px #0000001a}.data-table th{background:var(--color-background, var(--glass-bg-light));color:var(--color-text, #ffffff);font-weight:var(--font-weight-semibold);text-align:left;padding:1rem;border-bottom:2px solid var(--color-border, var(--glass-border));font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:1rem;border-bottom:1px solid var(--color-border, var(--glass-border));color:var(--color-text, #ffffff);font-size:var(--font-size-sm)}.data-table tr:hover{background:var(--color-background-alt, var(--glass-bg-light))}.data-table tr:last-child td{border-bottom:none}.data-table code{background:var(--color-background, var(--glass-bg));padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary, rgba(255, 255, 255, .7))}.badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;display:inline-block}.badge-mcp_server{background:#e8f5e9;color:#388e3c}.badge-integration{background:#e3f2fd;color:#1976d2}.badge-webhook{background:#f3e5f5;color:#7b1fa2}.badge-admin_tools{background:#fff3e0;color:#e65100}.badge-live{background:#fff3e0;color:#f57c00}.badge-test{background:#f5f5f5;color:#616161}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-active{background:#e8f5e9;color:#2e7d32}.status-revoked{background:#ffebee;color:#c62828}.status-expired{background:#fff3e0;color:#f57c00}.tier-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-block}.tier-free{background:#f5f5f5;color:#616161}.tier-pro{background:#e3f2fd;color:#1565c0}.icon-button{background:none;border:none;cursor:pointer;font-size:var(--font-size-lg);padding:.25rem;border-radius:var(--radius-xs);transition:background .2s;color:inherit;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--color-background, var(--glass-bg))}.icon-button.danger:hover{background:#ffebee;color:#c62828}.action-buttons{display:flex;gap:.25rem;align-items:center}.copy-button{background:var(--primary-cyan, var(--color-primary));color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-sm);transition:background .2s;display:inline-flex;align-items:center;gap:.5rem}.copy-button:hover{background:var(--primary-cyan-dark, var(--color-primary-dark))}.copy-button.copied{background:var(--success-green, #28a745)}.user-info{display:flex;flex-direction:column;line-height:1.3}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text, #ffffff)}.user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary, rgba(255, 255, 255, .7));margin-top:.125rem}.loading-container::-webkit-scrollbar{width:var(--spacing-xs)}.loading-container::-webkit-scrollbar-track{background:var(--glass-bg)}.loading-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-sm)}.loading-container::-webkit-scrollbar-thumb:hover{background:var(--glass-border-light)}@media(max-width:768px){.view-toggles{display:none!important}.activities-container:not(.grid-view) .activity-card{display:block!important;align-items:initial!important;gap:initial!important;padding:var(--spacing-lg)!important}.activities-container:not(.grid-view) .activity-header{flex:none!important;margin-bottom:var(--spacing-md)!important}.activities-container:not(.grid-view) .activity-metrics{flex:none!important;margin-bottom:var(--spacing-md)!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))!important;gap:var(--spacing-md)!important;justify-content:stretch!important}.activities-container:not(.grid-view) .activity-badges{flex:none!important;justify-content:flex-start!important}.activity-badges{display:none!important}.activity-delete-btn{opacity:1!important;transform:scale(1)!important;bottom:var(--spacing-md)!important;right:var(--spacing-md)!important;top:auto!important}.activities-grid{grid-template-columns:1fr!important}.component-loading{padding:var(--spacing-lg);min-height:100px}.loading-spinner{width:30px;height:30px}.component-loading p{font-size:var(--font-size-sm)}.btn-google{padding:14px var(--spacing-lg);font-size:var(--font-size-sm)}.auth-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg-plus)}.auth-submit-btn{padding:16px var(--spacing-lg);font-size:var(--font-size-sm)}.auth-form .form-group input{padding:var(--spacing-lg) 16px;font-size:var(--font-size-base)}.form-row,.quick-actions,.charts-grid{grid-template-columns:1fr}.metric-summary{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.prominent-cadence-card{flex-direction:column;text-align:center;gap:var(--spacing-md)}.cadence-actions{justify-content:center}.metric-row-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.running-status-legend{flex-wrap:wrap;gap:var(--spacing-md)}.training-focus-card{padding:var(--spacing-md)}.recommendation-item{font-size:var(--font-size-sm)}.hero-main{flex-direction:column;gap:var(--spacing-lg)}.hero-date{text-align:left}.hero-metrics{justify-content:center}.metrics-grid{grid-template-columns:1fr}.metric-row{flex-direction:column;gap:var(--spacing-md)}.route-stats{grid-template-columns:repeat(2,1fr)}.controls-row{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.controls-right{justify-content:space-between}.summary-stats{justify-content:center;flex-wrap:wrap}.modal-content{margin:var(--spacing-md);padding:var(--spacing-lg)}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-danger{width:100%;text-align:center}.zone-tabs{flex-direction:column;gap:var(--spacing-2xs)}.radio-group{flex-direction:column}.zone-row{grid-template-columns:1fr;gap:var(--spacing-sm);text-align:center}.zone-color{justify-self:center}.zone-inputs,.zone-percent{justify-content:center}.sport-interests-grid{grid-template-columns:1fr}.sport-checkbox-label{padding:var(--spacing-md)}.sport-interests-display{justify-content:center}}@media(max-width:480px){.google-sso-container{margin-bottom:var(--spacing-md)}.btn-google{padding:var(--spacing-lg) 16px;font-size:var(--font-size-sm);gap:var(--spacing-md)}.auth-divider{margin:var(--spacing-md) 0}.auth-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg)}.auth-form .form-group{margin-bottom:16px}.auth-form .form-group label{font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.auth-form .form-group input{padding:var(--spacing-lg) 14px;font-size:var(--font-size-base)}.auth-submit-btn{padding:14px 18px;font-size:var(--font-size-sm)}.auth-form .link a{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-lg)}.running-dynamics-header{justify-content:center;text-align:center}.cadence-main .cadence-value{font-size:var(--font-size-2xl)}.training-focus-card h4{font-size:var(--font-size-base)}.sport-checkbox-label{padding:var(--spacing-sm) var(--spacing-md)}.sport-checkbox-text{font-size:var(--font-size-sm)}.sport-badge{padding:var(--spacing-xs) var(--spacing-sm)}.sport-name{font-size:var(--font-size-sm)}}.dropdown{position:relative;display:inline-block;z-index:10}.dropdown-btn{background:none!important;border:none!important;cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--dropdown-bg, #1a1a2e);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;min-width:190px;z-index:50;white-space:nowrap;backdrop-filter:blur(10px)}.dropdown.show .dropdown-menu{display:block}.dropdown-item{display:block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-primary);transition:all .2s;font-weight:var(--font-weight-medium)}.dropdown-item:hover{background:#ffffff1a;color:var(--primary-cyan)}.dropdown-divider{height:1px;margin:var(--spacing-xs) 0;background:#ffffff26}.nav-buttons{overflow:visible!important;overflow-x:visible!important}.dropdown-menu{z-index:50!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-block!important}.btn-text{display:none}.btn-icon-only{display:inline}.nav-buttons .dropdown-btn,.nav-buttons .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.dropdown-menu{min-width:160px}}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:inline-block!important}.btn-icon-only{display:none}}.splits-analysis-container{margin-top:var(--spacing-xxl);padding-top:var(--spacing-xxl);border-top:1px solid var(--glass-border);position:relative}.splits-analysis-container.loading-splits{opacity:.5;pointer-events:none}.splits-loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center;background:#14141ef2;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0006}.splits-loading-overlay p{margin-top:var(--spacing-sm);color:var(--text-primary);font-size:var(--font-size-sm)}.splits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.splits-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.splits-controls{display:flex;align-items:center;gap:var(--spacing-md)}.interval-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.interval-selector label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.interval-selector select{padding:var(--spacing-sm) var(--spacing-md);background:#1e1e28e6;border:1px solid var(--blue-alpha-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.interval-selector select:hover{border-color:var(--primary-cyan);transform:scale(1.02)}.interval-selector select:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px #00ffff40;transform:scale(1.02)}.interval-selector select:disabled{opacity:.5;cursor:not-allowed;transform:none}.interval-selector select:disabled:hover{border-color:var(--blue-alpha-strong);transform:none}.interval-selector select option{background:#1e1e28fa;color:var(--text-primary);padding:var(--spacing-sm)}.splits-insights{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.splits-insights.has-insights{display:grid;gap:var(--spacing-sm)}.splits-insights.no-insights{display:none}.insight-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all .2s ease}.insight-item.positive{background:#4caf501a;border-left:3px solid var(--success-green)}.insight-item.negative{background:#ff576c1a;border-left:3px solid var(--error-red)}.insight-item.warning{background:#ff98001a;border-left:3px solid #ff9800}.insight-item.neutral{background:#ffffff0d;border-left:3px solid var(--text-secondary)}.insight-icon{font-size:var(--font-size-lg);flex-shrink:0}.insight-message{color:var(--text-primary);line-height:1.4}.splits-layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(max-width:1024px){.splits-layout-grid{grid-template-columns:1fr}}.splits-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg);background:var(--glass-bg);border:1px solid var(--glass-border)}.splits-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.splits-table thead{background:#ffffff0d;border-bottom:2px solid var(--glass-border)}.splits-table th{padding:var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.splits-table th.text-right{text-align:right}.splits-table tbody tr{border-bottom:1px solid var(--glass-border);transition:all .2s ease;cursor:pointer}.splits-table tbody tr:last-child{border-bottom:none}.splits-table tbody tr:hover{background:var(--glass-bg-hover)}.splits-table tbody tr.selected{background:#00ffff1a;border-left:3px solid var(--primary-cyan)}.splits-table tbody tr.fastest{background:#4caf500d}.splits-table tbody tr.slowest{background:#ff576c0d}.splits-table td{padding:var(--spacing-md);color:var(--text-primary)}.splits-table td.text-right{text-align:right}.split-number{font-weight:var(--font-weight-semibold);color:var(--primary-cyan);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.split-indicator{font-size:var(--font-size-lg);line-height:1;display:inline-block;animation:pulse 2s ease-in-out infinite}.fastest-indicator{filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.slowest-indicator{filter:drop-shadow(0 0 4px rgba(255,87,108,.5))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.splits-table tbody tr.fastest{background:linear-gradient(90deg,#4cd96414,#4cd96408);border-left:3px solid var(--success-green)}.splits-table tbody tr.slowest{background:linear-gradient(90deg,#ff950014,#ff950008);border-left:3px solid var(--warning-yellow)}.split-variation{display:inline-flex;align-items:center;gap:var(--spacing-2xs);font-size:var(--font-size-xs);padding:var(--spacing-3xs) 6px;border-radius:var(--radius-sm)}.split-variation.positive{color:var(--success-green);background:#4caf501a}.split-variation.negative{color:var(--error-red);background:#ff576c1a}.split-variation.neutral{color:var(--text-secondary);background:#ffffff0d}.effort-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--spacing-xl);height:24px;padding:0 8px;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs)}.effort-badge.low{background:#4caf5033;color:var(--success-green)}.effort-badge.moderate{background:#ffeb3b33;color:#fdd835}.effort-badge.high{background:#ff980033;color:#ff9800}.effort-badge.maximum{background:#ff576c33;color:var(--error-red)}.split-sparkline{display:inline-block;width:var(--spacing-xxl);height:20px;margin-left:var(--spacing-sm)}.split-sparkline svg{width:100%;height:100%}.no-splits-message{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.no-splits-message p{margin:var(--spacing-sm) 0}@media(max-width:768px){.splits-header{flex-direction:column;align-items:flex-start}.splits-controls,.interval-selector{width:100%}.interval-selector select{flex:1}.splits-table-container{font-size:var(--font-size-xs)}.splits-table th,.splits-table td{padding:var(--spacing-sm)}.splits-table th.mobile-hide,.splits-table td.mobile-hide{display:none}.insight-item{font-size:var(--font-size-xs)}}@keyframes highlightRow{0%,to{background:var(--glass-bg-hover)}50%{background:#0ff3}}.splits-table tbody tr.highlight-pulse{animation:highlightRow 1s ease-in-out}.best-efforts-container{margin-bottom:var(--spacing-xl)}.best-efforts-header{margin-bottom:var(--spacing-lg)}.best-efforts-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.best-efforts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-md)}.effort-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.effort-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:var(--primary-cyan)}.effort-card.is-pr{border-color:var(--accent-gold);background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,var(--glass-bg) 100%)}.effort-distance{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-cyan);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:space-between}.effort-card.is-pr .effort-distance{color:var(--accent-gold)}.pr-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-gold);background:#ffd70033;padding:var(--spacing-3xs) 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.effort-time{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-variant-numeric:tabular-nums}.effort-pace{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-variant-numeric:tabular-nums}.effort-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-tertiary);padding-top:var(--spacing-sm);border-top:1px solid var(--glass-border)}.effort-hr,.effort-cadence{display:flex;align-items:center;gap:var(--spacing-2xs)}@media(max-width:768px){.best-efforts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.effort-card{padding:var(--spacing-md)}.effort-distance{font-size:var(--font-size-lg)}.effort-time{font-size:var(--font-size-xl)}.effort-pace{font-size:var(--font-size-sm)}}.split-bars-container{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.split-bars-content{max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:var(--spacing-xs)}.split-bars-content::-webkit-scrollbar{width:var(--spacing-xs)}.split-bars-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-2xs)}.split-bars-content::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:var(--radius-2xs)}.split-bars-content::-webkit-scrollbar-thumb:hover{background:#00ffff80}.split-bar-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xs);padding:var(--spacing-3xs) 0}.split-bar-label{min-width:40px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-align:right}.split-bar-track{flex:1;height:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-sm);position:relative;overflow:hidden}.split-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .6s ease,background-color .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.split-bar-fill.fastest{background:linear-gradient(90deg,#4cd964d9,#38c550bf)}.split-bar-fill.slowest{background:linear-gradient(90deg,#ff576cd9,#eb4358bf)}.split-bar-fill.normal{background:linear-gradient(90deg,#0a84ffd9,#0070ebbf)}.split-bar-value{min-width:65px;text-align:right;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.split-bars-header{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);margin:0}.split-bars-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.08)}.split-bars-toggle{display:flex;gap:var(--spacing-2xs);background:#0000004d;padding:var(--spacing-2xs);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.split-bars-toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.split-bars-toggle-btn:hover{color:var(--text-primary);background:#ffffff14}.split-bars-toggle-btn.active{color:var(--text-primary);background:linear-gradient(135deg,#0a84ffcc,#0070ebcc);box-shadow:0 2px 8px #0a84ff66}.no-data{padding:var(--spacing-md);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-xs)}@media(max-width:768px){.split-bars-container{padding:var(--spacing-sm)}.split-bars-content{max-height:180px}.split-bar-label{min-width:var(--spacing-xl);font-size:var(--font-size-xs)}.split-bar-value{min-width:50px;font-size:var(--font-size-xs)}.split-bar-track{height:16px}.split-bars-header-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.split-bars-toggle{width:100%}.split-bars-toggle-btn{flex:1;text-align:center;padding:var(--spacing-xs) 8px}}.splits-table-container{max-height:500px;overflow-y:auto;overflow-x:auto;border-radius:var(--radius-md)}.splits-table-container::-webkit-scrollbar{width:var(--spacing-sm);height:var(--spacing-sm)}.splits-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-xs)}.splits-table-container::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:var(--radius-xs)}.splits-table-container::-webkit-scrollbar-thumb:hover{background:#00ffff80}.splits-table thead{position:sticky;top:0;z-index:10;background:#14141ef2;backdrop-filter:blur(10px)}@media(max-width:768px){.splits-table-container{max-height:400px}}.performance-snapshot-section{margin:var(--spacing-md) auto;max-width:1200px;padding:0 var(--spacing-md)}.snapshot-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary);text-align:center}.snapshot-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.snapshot-insight-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(10px);transition:all .3s ease}.snapshot-insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.snapshot-insight-icon{font-size:var(--font-size-2xl);min-width:var(--spacing-xl);text-align:center}.insight-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.snapshot-insight-positive{border-left:4px solid var(--success-green);background:linear-gradient(135deg,rgba(76,217,100,.1),var(--glass-bg))}.snapshot-insight-warning{border-left:4px solid var(--warning-yellow);background:linear-gradient(135deg,rgba(255,149,0,.1),var(--glass-bg))}.snapshot-insight-neutral{border-left:4px solid var(--primary-cyan);background:linear-gradient(135deg,rgba(10,132,255,.1),var(--glass-bg))}.performance-snapshot-compact{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.compact-insight{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);background:#ffffff05;border-radius:var(--radius-sm);font-size:var(--font-size-sm);border-left:3px solid transparent}.compact-insight:last-child{margin-bottom:0}.compact-insight-icon{font-size:var(--font-size-base);min-width:20px;text-align:center}.compact-insight-text{color:var(--text-secondary);line-height:1.3;font-size:var(--font-size-sm)}.compact-insight-positive{border-left-color:var(--success-green);background:linear-gradient(90deg,#4cd96414,#ffffff05)}.compact-insight-warning{border-left-color:var(--warning-yellow);background:linear-gradient(90deg,#ff950014,#ffffff05)}.compact-insight-neutral{border-left-color:var(--primary-cyan);background:linear-gradient(90deg,#0a84ff14,#ffffff05)}@media(max-width:768px){.snapshot-insights{grid-template-columns:1fr}.snapshot-insight-card{padding:var(--spacing-md)}.snapshot-insight-icon{font-size:var(--font-size-2xl);min-width:var(--spacing-xl)}.insight-message{font-size:var(--font-size-sm)}}.tss-banner{background:linear-gradient(135deg,#00ffff26,#8a2be226);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);backdrop-filter:var(--backdrop-blur-md);box-shadow:0 8px 32px #00ffff1a;animation:fadeIn .5s ease}.tss-main{display:flex;align-items:center;gap:var(--spacing-md)}.tss-icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 0 10px rgba(0,255,255,.5));animation:pulse 2s ease-in-out infinite}.tss-content{display:flex;flex-direction:column;gap:var(--spacing-3xs)}.tss-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--text-gradient-cyan);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;line-height:1}.tss-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.tss-if{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-3xs);padding:var(--spacing-sm) var(--spacing-md);background:#00ffff1a;border-radius:var(--radius-md)}.if-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-cyan)}.if-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.sport-specific-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-highlight{background:linear-gradient(135deg,#00ffff1a,#8a2be21a);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);transition:var(--transition-normal);position:relative;overflow:hidden}.metric-highlight:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);animation:shimmer 3s infinite}.metric-highlight:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0ff3;border-color:#00ffff80}.metric-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 0 8px rgba(0,255,255,.3))}.metric-highlight .metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-cyan)}.metric-highlight .metric-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.metric-card{background:linear-gradient(135deg,#00ffff14,#8a2be214);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);backdrop-filter:var(--backdrop-blur-md);transition:var(--transition-normal)}.metric-card:hover{border-color:#0ff6;box-shadow:0 4px 16px #00ffff1a}.metric-card-hero{background:linear-gradient(135deg,#00ffff26,#8a2be226);border:1px solid rgba(0,255,255,.3);box-shadow:0 4px 20px #00ffff26;padding:var(--spacing-sm) var(--spacing-md)}.metric-card-hero:hover{border-color:#00ffff80;box-shadow:0 8px 32px #00ffff40;transform:translateY(-2px)}.metric-card-clickable{cursor:pointer}.metric-card-clickable .expand-btn{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:#0ff3;border:1px solid rgba(0,255,255,.4);color:var(--primary-cyan);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:var(--transition-fast);cursor:pointer}.metric-card-clickable .expand-btn:hover{background:#00ffff4d;border-color:#0ff9;transform:translateY(-50%) scale(1.05)}.metric-card-header{display:flex;align-items:center;position:relative;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(0,255,255,.15)}.metric-card-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 0 6px rgba(0,255,255,.4))}.metric-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-card-body{display:flex;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-xl)}.metric-hero{width:100%;text-align:center;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs)}.metric-chart-hero{width:100%;max-height:350px;padding:var(--spacing-md) 0;margin-bottom:var(--spacing-sm);position:relative}.metric-chart-hero canvas{max-height:300px}.metric-map-hero{width:100%;height:300px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);overflow:hidden}.metric-map-hero .map-preview{height:100%;border-radius:var(--radius-md)}.metric-hero-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:var(--text-gradient-cyan);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;line-height:1;margin-bottom:var(--spacing-3xs)}.metric-hero-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.metric-supporting{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);width:100%;justify-content:center;padding-top:var(--spacing-xs);border-top:1px solid rgba(0,255,255,.15)}.metric-inline-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);width:100%;justify-content:center}.metric-card-under-map{margin-top:0}.metric-inline{display:flex;align-items:baseline;gap:var(--spacing-sm)}.metric-inline-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.metric-inline-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--primary-cyan)}@media(max-width:768px){.metric-card{padding:var(--spacing-sm) var(--spacing-md)}.metric-card-body{gap:var(--spacing-sm) var(--spacing-md)}.metric-card-hero{padding:var(--spacing-xs) var(--spacing-sm)}.metric-hero{padding:var(--spacing-2xs) 0;margin-bottom:var(--spacing-2xs)}.metric-hero-value{font-size:var(--font-size-2xl)}.metric-map-hero{height:250px}.metric-supporting,.metric-inline-group{gap:var(--spacing-sm) var(--spacing-md)}.metric-inline{flex-direction:column;gap:var(--spacing-3xs);align-items:flex-start}.metric-inline-value{font-size:var(--font-size-md)}.tss-banner{flex-direction:column;align-items:flex-start;padding:var(--spacing-md)}.tss-if{width:100%;align-items:flex-start}.sport-specific-metrics{grid-template-columns:1fr}.tss-value{font-size:var(--font-size-2xl)}}.feedback-float-btn{position:fixed;bottom:8px;right:24px;padding:8px 14px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0096c84d,#00649666);border:2px solid var(--primary-cyan);color:var(--primary-cyan);cursor:pointer;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:all .3s ease;box-shadow:0 4px 16px #00c8ff4d,0 0 20px #00c8ff26;animation:feedbackPulse 3s ease-in-out infinite}.feedback-btn-icon{font-size:1.3rem;line-height:1}.feedback-btn-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes feedbackPulse{0%,to{box-shadow:0 4px 16px #00c8ff4d,0 0 20px #00c8ff26}50%{box-shadow:0 4px 20px #00c8ff80,0 0 30px #00c8ff40}}.feedback-float-btn:hover{background:linear-gradient(135deg,#00b4e680,#0082b499);border-color:#00e0ff;color:#00e0ff;transform:scale(1.1);box-shadow:0 6px 24px #00c8ff80,0 0 35px #00c8ff4d;animation:none}.feedback-float-btn:active{transform:scale(.95)}.feedback-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.feedback-modal-overlay.active{opacity:1;visibility:visible}.feedback-modal{background:#141923fa;backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow:auto;transform:translateY(20px);transition:transform .3s ease;box-shadow:0 8px 32px #00000080}.feedback-modal-overlay.active .feedback-modal{transform:translateY(0)}.feedback-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border);background:#0f141e80}.feedback-modal-header h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.feedback-modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-xl);cursor:pointer;padding:0;line-height:1;transition:color .2s ease}.feedback-modal-close:hover{color:var(--error-red)}.feedback-modal-body{padding:var(--spacing-lg)}.feedback-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.feedback-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feedback-form-group label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.feedback-form-group select,.feedback-form-group textarea{padding:var(--spacing-sm) var(--spacing-md);background:#1e2332e6;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease}.feedback-form-group select:focus,.feedback-form-group textarea:focus{outline:none;border-color:var(--primary-cyan)}.feedback-form-group textarea{min-height:120px;resize:vertical}.feedback-screenshot-upload{display:flex;flex-direction:column;gap:var(--spacing-xs)}.feedback-screenshot-input{display:none}.feedback-screenshot-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#1e2332e6;border:1px dashed var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.feedback-screenshot-btn:hover{border-color:var(--primary-cyan);color:var(--primary-cyan)}.feedback-screenshot-preview{display:none;position:relative;margin-top:var(--spacing-xs)}.feedback-screenshot-preview.has-image{display:block}.feedback-screenshot-preview img{max-width:100%;max-height:150px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.feedback-screenshot-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--error-red);border:none;border-radius:var(--radius-round);color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.feedback-char-count{text-align:right;font-size:var(--font-size-xs);color:var(--text-muted)}.feedback-char-count.warning{color:var(--warning-yellow)}.feedback-char-count.error{color:var(--error-red)}.feedback-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border)}.feedback-form.submitting{pointer-events:none;opacity:.7}.feedback-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md)}.feedback-success-icon{font-size:48px}.feedback-success h4{margin:0;color:var(--text-primary)}.feedback-success p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.feedback-float-btn{bottom:8px;right:16px;padding:6px 10px}.feedback-btn-icon{font-size:1.1rem}.feedback-btn-label{font-size:.55rem}.feedback-modal{width:95%;margin:var(--spacing-md)}}.header-subtitle{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.vitals-ticker{display:none;align-items:center;gap:.6rem;font-size:.8rem;color:var(--text-secondary)}.vital-item{display:inline-flex;align-items:center;gap:.15rem}.vital-icon{font-size:.75rem;line-height:1}.vital-value{font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.vital-good .vital-value{color:var(--success-green)}.vital-warning .vital-value{color:var(--warning-yellow)}.vital-poor .vital-value{color:var(--error-red)}@media(max-width:768px){.header-subtitle{flex-direction:column;align-items:flex-start;gap:.25rem}.vitals-ticker{gap:.5rem;font-size:.75rem}}