html{scroll-behavior:smooth}body{background-color:var(--stats-bg)!important}:root{--stats-blue:#007cc3;--stats-purple:#6b5b95;--stats-red:#fc4c02;--stats-dark:#1a1a2e;--stats-text:#1a1a2e;--stats-text-muted:#6e6e8f;--stats-bg:#e8f4f8;--stats-bg-border:#d0e8f0;--stats-surface:#fff;--stats-border:#e8f4f8}.race-stats-hero{background:linear-gradient(135deg,#007cc3,#6b5b95 50%,#fc4c02);padding:5rem 1.5rem}.hero-content{margin:0 auto;max-width:1280px}.hero-grid{display:flex;flex-direction:column;gap:3rem}.hero-text{flex:1}.hero-text h1{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 1.5rem}.hero-text p{color:hsla(0,0%,100%,.9);font-size:1.125rem;line-height:1.6;margin-bottom:2.5rem;max-width:540px}.hero-buttons{display:flex;flex-direction:column;gap:1rem}.btn-primary{align-items:center;background:var(--stats-dark);border-radius:.75rem;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.btn-primary:hover{background:#000;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-primary svg{height:20px;width:20px}.btn-secondary{align-items:center;background:#fff;border:none;border-radius:.75rem;color:var(--stats-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:44px;padding:1rem 2rem;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:hsla(0,0%,100%,.95)}.btn-secondary:active{transform:scale(.98)}.hero-card-container{flex:1}.hero-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:2rem}.hero-card h2{color:var(--stats-dark);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.prediction-preview{display:flex;flex-direction:column;gap:1.5rem}.prediction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.prediction-header span{color:var(--stats-text-muted);font-size:.875rem;font-weight:500}.prediction-row{display:flex;flex-direction:column;gap:.5rem}.prediction-label{align-items:center;display:flex;justify-content:space-between}.prediction-name{color:var(--stats-dark);font-size:.875rem;font-weight:600}.prediction-time{color:var(--stats-dark);font-size:1rem;font-weight:700}.prediction-bar{background:#e8e6f5;border-radius:9999px;height:.75rem;overflow:hidden}.prediction-bar-fill{border-radius:9999px;height:100%}.prediction-bar-fill.garmin{background:var(--stats-blue)}.prediction-bar-fill.strava{background:var(--stats-red)}.prediction-bar-fill.actual{background:var(--stats-dark)}.hero-footnote{color:var(--stats-text-muted);font-size:.75rem;font-style:italic;margin:.5rem 0 0}.race-stats-content{background:var(--stats-bg);min-height:100vh;padding:4rem 1.5rem}.stats-container{margin:0 auto;max-width:1280px}#stats-content{scroll-margin-top:3.5rem}@media (min-width:768px){#stats-content{scroll-margin-top:4rem}}.stats-summary{align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.stat-card{background:#fff;border:1px solid var(--stats-bg-border);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:center;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card .stat-value{color:var(--stats-dark);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.stat-card .stat-label{color:var(--stats-text-muted);font-size:.875rem;font-weight:500}.stat-card.garmin .stat-value{color:var(--stats-blue)}.stat-card.strava .stat-value{color:var(--stats-red)}.stat-card.other .stat-value{color:var(--stats-purple)}.charts-section{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.chart-card{background:#fff;border:1px solid var(--stats-bg-border);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:visible;padding:2rem}.chart-card h3{color:var(--stats-dark);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.chart-card .chart-description{color:var(--stats-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.chart-container{height:280px;position:relative}.chart-card-full{grid-column:1/-1}.chart-card-full .chart-container{height:320px}.chart-legend{border-top:1px solid var(--stats-border);display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem;padding-top:1rem}.legend-item{align-items:center;color:var(--stats-text-muted);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.legend-dot{border-radius:.25rem;height:.75rem;width:.75rem}.legend-dot.garmin{background:var(--stats-blue)}.legend-dot.strava{background:var(--stats-red)}.legend-dot.other{background:var(--stats-purple)}.legend-dot.mean{background:var(--stats-blue)}.legend-dot.median{background:#fff;border:2px solid var(--stats-blue);height:.5rem;width:.5rem}.error-bar-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding-top:.75rem}.error-bar-legend-item{align-items:center;color:var(--stats-text-muted);display:flex;font-size:.8125rem;font-weight:500;gap:.5rem}.error-bar-legend-bar{background:linear-gradient(135deg,var(--stats-blue) 0,var(--stats-purple) 50%,var(--stats-red) 100%);border-radius:2px;height:.75rem;width:1rem}.error-bar-legend-line{background:var(--stats-dark);height:2px;position:relative;width:1rem}.error-bar-legend-line:after,.error-bar-legend-line:before{background:var(--stats-dark);border-radius:50%;content:"";height:6px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.error-bar-legend-line:before{left:-3px}.error-bar-legend-line:after{right:-3px}.violin-container{align-items:center;display:flex;justify-content:center;min-height:200px;position:relative}.violin-container svg{height:auto;max-width:100%}.overlapping-distribution-container{height:auto!important;min-height:220px;overflow:visible;position:relative}@media (min-width:768px){.overlapping-distribution-container{margin:0 auto;min-height:280px}}.overlapping-distribution-container svg{display:block;max-width:100%}.distribution-tooltip{transition:opacity .15s ease}.nailed-it-container{height:auto!important;min-height:220px;position:relative}.nailed-it-container svg{display:block;max-width:100%}.nailed-tooltip{transition:opacity .15s ease}@media (min-width:768px){.nailed-it-container{min-height:280px}}.cdf-container{height:auto!important;min-height:280px;position:relative}.cdf-container svg{display:block;max-width:100%}.cdf-container+.chart-legend{margin-top:.5rem;padding-top:.5rem}.cdf-tooltip{transition:opacity .15s ease}.nailed-it-tooltip{transition:opacity .15s ease}@media (min-width:768px){.cdf-container{min-height:340px}}.distance-chart-container{height:auto!important;min-height:260px;position:relative}.distance-chart-container svg{display:block;max-width:100%}.distance-tooltip{transition:opacity .15s ease}@media (min-width:768px){.distance-chart-container{min-height:300px}}.pie-chart-container{height:auto!important;min-height:280px;position:relative}.pie-chart-container svg{display:block;max-width:100%}.pie-tooltip{transition:opacity .15s ease}@media (min-width:768px){.pie-chart-container{min-height:320px}}.pace-abs-chart-container,.pace-chart-container{height:auto!important;min-height:220px;position:relative}.pace-abs-chart-container svg,.pace-chart-container svg{display:block;max-width:100%}.pace-abs-tooltip,.pace-tooltip{transition:opacity .15s ease}@media (min-width:768px){.pace-abs-chart-container,.pace-chart-container{min-height:280px}}.chart-locked{position:relative}.chart-locked .chart-container{position:relative}.chart-locked .chart-container:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:hsla(0,0%,100%,.95);border-radius:.75rem;bottom:40px;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.chart-locked-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.95);border-radius:.75rem;bottom:40px;display:flex;flex-direction:column;justify-content:center;left:0;padding:1.5rem;position:absolute;right:0;text-align:center;top:0;z-index:2}.chart-locked-overlay.chart-locked-overlay-full{background:var(--stats-bg);border-radius:.75rem;bottom:0;min-height:300px;position:relative}.chart-locked-icon{align-items:center;background:linear-gradient(135deg,var(--stats-blue) 0,var(--stats-red) 100%);border-radius:50%;box-shadow:0 4px 16px rgba(65,105,225,.3);display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.chart-locked-icon svg{color:#fff;height:1.5rem;width:1.5rem}.chart-locked-title{color:var(--stats-dark);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.chart-locked-text{color:var(--stats-text-muted);font-size:.9375rem;line-height:1.5;margin-bottom:1.5rem;max-width:400px}.chart-locked-btn{align-items:center;background:var(--stats-dark);border-radius:.75rem;box-shadow:0 4px 12px rgba(26,26,46,.25);color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.chart-locked-btn:hover{background:#000;box-shadow:0 6px 20px rgba(26,26,46,.35)}.chart-locked-btn svg{height:1.125rem;width:1.125rem}.source-stats-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.source-stats-table{border-collapse:collapse;font-size:.875rem;min-width:500px;width:100%}.source-stats-table td,.source-stats-table th{border-bottom:1px solid var(--stats-border);padding:1rem;text-align:left}.source-stats-table th{background:var(--stats-bg);border-bottom:2px solid var(--stats-bg-border);color:var(--stats-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.source-stats-table td{color:var(--stats-dark);font-weight:500}.source-stats-table td:nth-child(3){font-weight:700}.source-stats-table tbody tr:hover{background:rgba(232,244,248,.3)}.source-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.source-badge.garmin{background:rgba(65,105,225,.1);color:var(--stats-blue)}.source-badge.strava{background:rgba(220,20,60,.1);color:var(--stats-red)}.source-badge.other{background:rgba(107,91,149,.1);color:var(--stats-purple)}.error-positive{color:#10b981}.error-negative{color:var(--stats-red)}.raw-data-section{position:relative}.raw-data-table-container{max-height:400px;overflow-y:auto;position:relative}.raw-data-table{border-collapse:collapse;font-size:.875rem;width:100%}.raw-data-table td,.raw-data-table th{border-bottom:1px solid var(--stats-border);padding:1rem;text-align:left}.raw-data-table th{background:#fff;border-bottom:2px solid var(--stats-border);color:var(--stats-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.04em;position:sticky;text-transform:uppercase;top:0;z-index:2}.raw-data-table td{color:var(--stats-dark);font-variant-numeric:tabular-nums}.raw-data-table td:first-child{font-weight:500}.raw-data-table td:nth-child(2),.raw-data-table td:nth-child(3){font-variant-numeric:tabular-nums}.raw-data-table td:nth-child(3){font-weight:600}.raw-data-table td:nth-child(4){color:var(--stats-text-muted)}.raw-data-table td:nth-child(5){font-weight:600}.raw-data-table td:nth-child(5).error-positive{color:#16a34a}.raw-data-table td:nth-child(5).error-negative{color:var(--stats-red)}.raw-data-table tbody tr:hover{background:rgba(232,244,248,.3)}.table-locked .raw-data-table-container{max-height:none;overflow:hidden}.table-locked-overlay{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.7) 0,#fff 30%);display:flex;flex-direction:column;justify-content:center;margin-top:-3.5rem;padding:3rem 1.5rem;position:relative;text-align:center;z-index:3}.explanation-section{background:#fff;border:1px solid var(--stats-bg-border);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:1.5rem;padding:2rem}.explanation-section h3{color:var(--stats-dark);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.explanation-section p{color:var(--stats-text-muted);font-size:.9375rem;line-height:1.7;margin-bottom:1rem}.explanation-section p strong{color:var(--stats-dark);font-weight:600}.explanation-section .disclaimer-note{background:var(--stats-bg);border-left:4px solid var(--stats-blue);border-radius:0 .5rem .5rem 0;margin-top:1.5rem;padding:1rem}.explanation-section .disclaimer-note p{color:var(--stats-dark);font-size:.875rem;margin:0}.definitions-section{background:#fff;border:1px solid var(--stats-bg-border);border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-top:1.5rem;padding:2rem}.definitions-section h3{color:var(--stats-dark);font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.definition-item{border-bottom:1px solid var(--stats-border);margin-bottom:2rem;padding-bottom:2rem}.definition-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.definition-term{color:var(--stats-dark);font-size:1rem;font-weight:600;margin-bottom:1rem}.definition-formula{background:var(--stats-bg);border-radius:.75rem;margin-bottom:1rem;overflow-x:auto;padding:1.25rem 1.5rem;-webkit-overflow-scrolling:touch}.definition-formula .katex{font-size:1.1rem}.definition-description{color:var(--stats-text-muted);font-size:.9375rem;line-height:1.6}@media (min-width:768px){.definition-formula .katex{font-size:1.25rem}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:360px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--stats-border);border-radius:50%;border-top-color:var(--stats-blue);height:2.25rem;width:2.25rem}.loading-container p{color:var(--stats-text-muted);font-size:.875rem}@keyframes spin{to{transform:rotate(1turn)}}.error-container{color:var(--stats-red);padding:3rem;text-align:center}.error-container h3{font-weight:600;margin-bottom:.5rem}.empty-state{color:var(--stats-text-muted);padding:4rem 1.5rem;text-align:center}.empty-state h3{color:var(--stats-dark);font-weight:600;margin-bottom:.75rem}@media (min-width:640px){.hero-buttons{flex-direction:row}.stats-summary{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.race-stats-hero{padding:5rem 3rem}.hero-text h1{font-size:3.25rem}.hero-text p{font-size:1.25rem}.btn-primary,.btn-secondary{font-size:1.125rem}.hero-card h2{font-size:1.5rem}.race-stats-content{padding:4rem 3rem}}@media (min-width:1024px){.race-stats-hero{padding:8rem 5rem}.hero-grid{align-items:center;flex-direction:row;gap:4rem}.hero-text{max-width:55%}.hero-text h1{font-size:3.75rem}.hero-text p{font-size:1.375rem}.hero-card-container{max-width:45%}.race-stats-content{padding:4rem 5rem}.charts-section{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn-primary,.btn-secondary,.chart-locked-btn,.stat-card{transition:none}.loading-spinner{animation:none;opacity:.7}}@media print{.race-stats-hero{background:none;padding:1rem}.hero-text h1,.hero-text p{color:#000}.hero-buttons{display:none}.hero-card{border:1px solid #ccc;box-shadow:none}.race-stats-content{background:#fff;padding:1rem}.chart-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid}}