.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-base)}.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)}.loaded-container .metric-summary,.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}.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)}.field-error{font-size:var(--font-size-xs);color:var(--error-red);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-sm)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:1px solid #dadce0;background:#fff;color:#1f1f1f;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-normal);cursor:pointer;box-shadow:0 1px 2px #00000040}.btn-google:hover{background:#f7f8f8;border-color:#dadce0;color:#1f1f1f;text-decoration:none;transform:translateY(-1px);box-shadow:0 3px 10px #0000004d}.btn-google:active{transform:translateY(0);box-shadow:0 1px 2px #00000040}.google-icon{flex-shrink:0;width:18px;height:18px;transition:var(--transition-normal)}.btn-google:hover .google-icon{transform:scale(1.05)}.apple-sso-container{margin-bottom:var(--spacing-lg)}.btn-apple{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:1px solid rgba(255,255,255,.18);background:#000;color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-normal);cursor:pointer;box-shadow:0 1px 2px #0000004d}.btn-apple:hover{background:#1a1a1a;border-color:#ffffff47;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 3px 10px #00000059}.btn-apple:active{transform:translateY(0);box-shadow:0 1px 2px #0000004d}.apple-icon{flex-shrink:0;width:18px;height:18px;transition:var(--transition-normal)}.btn-apple:hover .apple-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-base);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(--text-primary);font-weight:var(--font-weight-bold)}.icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;fill:currentColor;flex-shrink:0;pointer-events:none}.effort-dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:var(--spacing-xs)}.effort-dot.effort-recovery{background:var(--success-green)}.effort-dot.effort-easy{background:var(--accent-yellow)}.effort-dot.effort-moderate{background:var(--warning-orange)}.effort-dot.effort-hard{background:var(--error-red)}.effort-dot.effort-max{background:var(--text-tertiary)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.cards h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}.cards h3 .icon,.heading-accent .icon,.section-title .icon,.chart-card h3 .icon,.action-content h3 .icon{color:var(--primary-cyan)}.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-2xl);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(max(450px,45%),1fr));gap:var(--spacing-lg-plus);margin-bottom:var(--spacing-xl)}.charts-grid>:last-child:nth-child(odd){grid-column:1 / -1}.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(--text-primary);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-2xl);font-weight:var(--font-weight-bold);display:block;color:var(--text-primary)}.metric-label{font-size:var(--font-size-base);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)}.feature-item strong{color:var(--primary-cyan)}.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}.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)}.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)}.conditions{margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-base)}.weather,.location{opacity:.8}.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))}.activity-context-strip{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-xl);margin-bottom:var(--spacing-sm)}.ctx-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.ctx-stat{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.ctx-stat-label{font-size:var(--font-size-xs);color:var(--text-muted)}.ctx-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.ctx-delta{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.ctx-delta-good{color:var(--success-green)}.ctx-delta-warn{color:var(--warning-orange)}.ctx-delta-flat{color:var(--text-muted)}.ctx-spacer{flex:1}.ctx-session-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cyan-alpha-light);border:1px solid var(--cyan-alpha-strong);border-radius:var(--radius-pill);padding:5px 14px;text-decoration:none;transition:var(--transition-fast)}.ctx-session-pill:hover{background:var(--cyan-alpha-medium)}.ctx-session-lead{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap}.ctx-session-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.ctx-session-title .key-indicator .icon{width:12px;height:12px;vertical-align:-1px}.ctx-session-adherence{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--success-green);background:#10b98126;border-radius:var(--radius-pill);padding:2px 8px}.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{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(--text-primary);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-light);border-color:var(--primary-cyan);color:var(--primary-cyan)}.timeline-toggle-btn.active{background:var(--primary-cyan);color:var(--text-on-accent);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);transform:translateY(-1px);box-shadow:0 2px 8px #0ff3}.preset-btn.active{background:var(--primary-cyan);color:var(--text-on-accent);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-light);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-light);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)}.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}}.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-base)}.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:1050;pointer-events:none}.map-preview: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-container{margin-bottom:var(--spacing-lg)}.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}.map-fullscreen-actions{display:flex;align-items:center;gap:var(--spacing-md)}.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-base);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}.search-input{padding:8px 12px;border:1px solid var(--glass-border-light);border-radius:8px;background:transparent;color:var(--text-primary);min-width:260px}.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-base);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-base);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-base);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(--text-primary);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:grid;grid-template-columns:200px minmax(0,1fr) 116px;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.activities-container.grid-view .metric-empty{display:none}@media(max-width:1160px){.activities-container:not(.grid-view) .activity-card{grid-template-columns:180px minmax(0,1fr) 116px}}.activities-container:not(.grid-view) .activity-header{margin-bottom:0;min-width:0}.activities-container:not(.grid-view) .activity-metrics{margin-bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-md)}.activities-container:not(.grid-view) .activity-badges{margin-top:0;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-source{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-muted);margin-top:2px}.data-attribution{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;margin:var(--spacing-lg) 0 0 0}.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:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--primary-blue);transition:var(--transition-normal);opacity:.8;cursor:pointer}.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)}.activity-hero-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.hero-action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal)}.hero-action-btn svg{width:18px;height:18px}.hero-action-btn:hover{transform:translateY(-1px)}.hero-action-btn:active{transform:translateY(0)}.hero-action-btn--share{color:var(--primary-cyan);border-color:var(--blue-alpha-strong)}.hero-action-btn--share:hover{background:var(--blue-alpha-light);border-color:var(--primary-cyan);box-shadow:0 0 14px var(--blue-alpha-strong)}.hero-action-btn--delete:hover{color:var(--error-red);border-color:var(--error-red)}@media(max-width:768px){.activity-hero-actions{order:-1;align-self:flex-end}}#shareModal .modal-content{max-height:92vh;overflow-y:auto}.share-snapshot-img{display:block;max-width:100%;max-height:46vh;width:auto;height:auto;margin:0 auto var(--spacing-md);border-radius:var(--radius-md)}.share-snapshot-error{color:var(--error-red);text-align:center;padding:var(--spacing-lg) 0}.share-snapshot-hint{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-sm)}.share-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-md)}.share-stat{display:inline-flex;align-items:center;font-family:inherit;gap:6px;padding:6px var(--spacing-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-normal)}.share-stat:hover{border-color:var(--primary-cyan);color:var(--text-primary)}.share-stat:disabled{opacity:.55;cursor:not-allowed}.share-stat input{accent-color:var(--primary-cyan);cursor:pointer}.share-stat-all{font-weight:700;color:var(--text-primary);border-color:var(--blue-alpha-strong)}.share-crop-viewport{position:relative;width:min(100%,46vh);aspect-ratio:1 / 1;margin:0 auto var(--spacing-sm);overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-light);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.share-crop-viewport:active{cursor:grabbing}.share-crop-img{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;will-change:transform;-webkit-user-drag:none}.share-crop-hint{margin-bottom:var(--spacing-md)}.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-2xl);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-header .modal-close{position:static;flex:0 0 auto;align-self:flex-start;margin-left:var(--spacing-sm);width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--glass-border-light);background:var(--glass-bg-light);color:var(--text-primary);font-size:1.5rem}.modal-header .modal-close:hover{border-color:var(--primary-cyan);color:var(--primary-cyan)}.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}.is-webview .modal{align-items:flex-start;overflow-y:auto;padding:var(--spacing-xl) 0}.is-webview .modal-content,.is-webview #shareModal .modal-content{max-height:none}.is-webview .modal-body{max-height:none;overflow:visible}.is-webview .modal-content.modal-lg .modal-body,.is-webview .share-snapshot-img{max-height:none}.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-base);transition:var(--transition-normal)}.error-message button:hover{background:#f33;transform:translateY(-2px)}button.error-inline-btn,.error-message button.error-inline-btn,.error-message button.error-inline-btn:hover{float:right;background:none;border:none;color:var(--error-red);cursor:pointer}.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)}.tooltip-trigger{appearance:none;-webkit-appearance:none;background:none;border:1px solid currentColor;border-radius:50%;width:14px;height:14px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:var(--font-weight-bold);font-size:9px;line-height:1;color:var(--text-muted);opacity:.7;cursor:pointer;transition:var(--transition-normal);vertical-align:middle}.tooltip-trigger:hover,.tooltip-trigger:focus-visible{color:var(--primary-cyan);opacity:1}.tooltip-bubble{position:fixed;top:0;left:0;z-index:20001;max-width:min(300px,calc(100vw - 24px));padding:var(--spacing-sm) var(--spacing-md);background:var(--sheet-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:400;line-height:1.5;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.tooltip-bubble.show{opacity:1;visibility:visible}.tooltip-bubble>div+div{margin-top:var(--spacing-sm)}.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-base)}.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-base);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-base);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-base);font-weight:var(--font-weight-medium);color:var(--primary-cyan)}.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(--primary-cyan));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(--primary-blue))}.copy-button.copied{background:var(--success-green, #28a745)}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text, #ffffff)}.admin-table td[data-label=User],.admin-table td[data-label=Name],.admin-table td[data-label=Email]{white-space:nowrap}.admin-table td[data-label=User]>*,.admin-table td[data-label=Name]>*,.admin-table td[data-label=Email]>*{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.admin-table.responsive-cards td[data-label=User],.admin-table.responsive-cards td[data-label=Name],.admin-table.responsive-cards td[data-label=Email]{white-space:normal}.admin-table.responsive-cards td[data-label=User]>*,.admin-table.responsive-cards td[data-label=Name]>*,.admin-table.responsive-cards td[data-label=Email]>*{max-width:none;overflow:visible}}.user-flag{display:inline-block;width:1.1em;height:.825em;margin-right:.4em;border-radius:2px;vertical-align:-.1em;opacity:.85}.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}.metric-empty{display:none}.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,.btn-apple{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,.metrics-grid{grid-template-columns: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}.modal-actions .btn,.form-actions .btn{width:100%}.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-sm)}.apple-sso-container{margin-bottom:var(--spacing-md)}.btn-google,.btn-apple{padding:var(--spacing-md) 16px;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.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)}.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)}.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-light)}.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-orange)}.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)}.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-light)}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-yellow);background:linear-gradient(135deg,rgba(255,215,0,.05) 0%,var(--glass-bg) 100%)}.effort-pr-gap{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-muted)}.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-yellow)}.pr-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--accent-yellow);background:#ffd70033;padding:var(--spacing-3xs) 8px;border-radius:var(--radius-pill);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-base);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}}.insight-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.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-orange);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){.insight-message{font-size:var(--font-size-sm)}}.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}.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-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-base)}}.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-orange)}.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-modal{width:95%;margin:var(--spacing-md)}}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:44px;height:44px;border-radius:var(--radius-round);border:1px solid var(--primary-cyan);background:var(--sheet-bg);color:var(--primary-cyan);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:998;box-shadow:var(--shadow-cyan);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-normal),transform var(--transition-normal),visibility var(--transition-normal)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover,.back-to-top:focus-visible{background:var(--cyan-alpha-medium);transform:translateY(-2px)}.back-to-top.has-coach-bar{bottom:calc(68px + var(--spacing-md) + env(safe-area-inset-bottom))}body:has(.chat-sheet:popover-open) .back-to-top{opacity:0;visibility:hidden}.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:.25rem;cursor:pointer}.vital-icon{font-size:.75rem;line-height:1;color:var(--primary-cyan);display:inline-flex;align-items:center}.vital-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-tertiary);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-orange)}.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;flex-wrap:wrap}.vital-label{display:none}}.site-footer{margin-top:40px;padding:20px 16px 24px;border-top:1px solid var(--glass-border);color:var(--text-tertiary);font-size:.85em;text-align:center}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:8px}.site-footer-links a{color:var(--text-secondary);text-decoration:none}.site-footer-links a:hover{color:var(--primary-cyan)}.site-footer-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-bottom:8px;font-size:.9em}.site-footer-legal a{color:var(--text-tertiary);text-decoration:none}.site-footer-legal a:hover{color:var(--primary-cyan)}.site-footer-copy{color:var(--text-quaternary);font-size:.85em}.contact-form-grid{display:grid;gap:12px;margin-top:16px}.contact-form-field label{display:block;margin-bottom:6px;font-size:.9em;color:var(--text-secondary)}.contact-form-field input,.contact-form-field select,.contact-form-field textarea{width:100%;padding:10px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-primary);font:inherit}.contact-form-field textarea{min-height:140px;resize:vertical}.contact-status{margin-top:12px;padding:10px 12px;border-radius:6px;font-size:.95em;color:var(--text-secondary)}.contact-status-success{background:var(--cyan-alpha-light);color:var(--primary-cyan)}.contact-status-error{background:var(--glass-bg-light);color:var(--error-red)}.toast{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);backdrop-filter:var(--backdrop-blur-md);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:10000;animation:toastIn .3s ease;pointer-events:none}.toast.toast-dismissing{animation:toastOut .3s ease forwards}.toast-info{background:var(--cyan-alpha-light);color:var(--primary-cyan);border-color:var(--cyan-alpha-medium)}.toast-success{border-color:color-mix(in srgb,var(--success-green) 45%,var(--glass-border))}.toast-error{background:var(--glass-bg-light);color:var(--error-red);border-color:var(--error-red)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,12px)}}.expired-provider-banner{position:sticky;top:0;z-index:9999;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;padding:8px 16px;background:var(--warning-orange);color:#fff;font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-sm)}.expired-provider-banner .btn-reconnect{background:#fff;color:var(--warning-orange);padding:4px 12px;border-radius:4px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg-dark)}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.beta-tag{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-magenta);border:1px solid color-mix(in srgb,var(--accent-magenta) 55%,transparent);border-radius:var(--radius-xs);padding:1px 5px;vertical-align:middle}.coach-trickle-notice{padding:8px 14px;font-size:12px;line-height:1.4;color:var(--text-secondary);background:var(--glass-bg-light);border-top:1px solid var(--glass-border-light)}.coach-trickle-notice a{color:var(--primary-cyan);text-decoration:none}.input-area.access-locked .message-input,.input-area.access-locked .send-button,.input-area.access-locked .voice-button,.input-area.access-locked .attach-button{opacity:.5;cursor:not-allowed}