.training-years-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.training-year-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .2s,box-shadow .2s}.training-year-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.year-title a{color:var(--color-text);text-decoration:none}.year-title a:hover{color:var(--color-accent)}.year-status{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:500;margin-top:var(--spacing-xs)}.year-status--active{background:rgba(91,33,182,.1);color:var(--color-accent)}.year-status--archived{background:var(--color-bg-muted);color:var(--color-text-light)}.year-description{margin-top:var(--spacing-sm);color:var(--color-text-light);font-size:.9rem}.year-goal{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:.9rem}.year-link{display:inline-block;margin-top:var(--spacing-md);color:var(--color-accent);text-decoration:none;font-weight:500}.year-link:hover{text-decoration:underline}.year-selector{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.year-selector-label{color:var(--color-text-light);font-size:.9rem;font-weight:500}.year-selector-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.year-selector-link{display:inline-block;padding:6px 14px;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.year-selector-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(91,33,182,5%)}.year-selector-link--active{background:var(--color-accent-gradient);color:#fff;border-color:var(--color-accent);cursor:default}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s}.loader-overlay.loader-hidden{opacity:0;pointer-events:none}.loader-spinner{width:50px;height:50px;border:4px solid var(--color-bg-muted);border-top:4px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader-text{margin-top:var(--spacing-md);color:var(--color-text-light);font-size:.9rem}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface);border:2px solid #ef4444;border-radius:var(--border-radius);margin:var(--spacing-xl)0}.error-icon{font-size:2.5rem;line-height:1}.error-content h3{margin:0 0 var(--spacing-sm);color:#ef4444;font-size:1.2rem}.error-content p{margin:0 0 var(--spacing-md);color:var(--color-text);line-height:1.6}.error-retry{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s ease}.error-retry:hover{background:#dc2626}.warning-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.warning-content{display:flex;align-items:center;gap:var(--spacing-md)}.warning-icon{font-size:1.5rem;line-height:1}.warning-text{flex:1;color:#92400e;font-size:.9rem;line-height:1.5}.warning-close{padding:4px 8px;background:0 0;border:1px solid #f59e0b;border-radius:3px;color:#92400e;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.warning-close:hover{background:#f59e0b;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-xl)0}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(91,33,182,.12);border-color:rgba(91,33,182,.3)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--color-accent);margin-bottom:var(--spacing-sm)}.stat-label{color:var(--color-text-light);font-size:.9rem}.stat-equivalence{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.85rem}.stat-equivalence-value{color:var(--color-accent);font-weight:600}.goal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-xl)0;transition:box-shadow .2s ease}.goal-container:hover{box-shadow:0 4px 12px rgba(91,33,182,8%)}.goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.goal-title{font-size:1.2rem;font-weight:600}.goal-status{font-size:.9rem;font-weight:500}.progress-bar-container{position:relative;height:40px;background:var(--color-bg-muted);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow:hidden}.progress-bar-bg{position:absolute;top:0;left:0;height:100%;transition:width .5s ease}.progress-bar-expected{background:rgba(91,33,182,.2)}.progress-bar-actual{background:var(--color-accent-gradient);background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,100%{background-position:0}50%{background-position:100%}}.progress-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--color-text);transition:left .5s ease}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);font-size:.9rem}.progress-stat strong{color:var(--color-accent)}.viz-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin:var(--spacing-xl)0}.viz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.viz-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(91,33,182,.1)}.viz-card h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.2rem}.heatmap-container{overflow-x:auto}.heatmap-grid{display:inline-grid;grid-auto-flow:column;gap:3px;min-width:max-content}.viz-card.viz-heatmap,.viz-card.viz-heatmap .heatmap-container,.viz-card.viz-heatmap .heatmap-scroll-wrapper{width:100%;max-width:100%;min-width:0}.viz-card.viz-heatmap .heatmap-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-sm)}@media(max-width:880px){.viz-card.viz-heatmap{max-width:100%;overflow-x:hidden}.viz-card.viz-heatmap .heatmap-container,.viz-card.viz-heatmap .heatmap-scroll-wrapper{max-width:100vw}.viz-card.viz-sports,.viz-card.viz-monthly,.viz-card.viz-map{max-width:100%;overflow-x:hidden}.viz-card.viz-sports>div,.viz-card.viz-monthly>div,.viz-card.viz-map>div{max-width:100%}}.day-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.day-cell:hover{transform:scale(1.3);box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:10}.day-cell[data-level="0"]{background:var(--color-bg-muted)}.day-cell[data-level="1"]{background:rgba(91,33,182,.2)}.day-cell[data-level="2"]{background:rgba(91,33,182,.4)}.day-cell[data-level="3"]{background:rgba(91,33,182,.6)}.day-cell[data-level="4"]{background:var(--color-accent)}.heatmap-legend{display:flex;align-items:center;gap:5px;margin-top:var(--spacing-md);font-size:.8rem;color:var(--color-text-light)}.activity-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:var(--spacing-xl)0;overflow:hidden}.activity-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.activity-header h2{margin:0;font-size:1.2rem}.activity-item{border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:none}.activity-summary{padding:var(--spacing-md);display:grid;grid-template-columns:100px 1fr 100px 100px 50px;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:background-color .2s}.activity-summary:hover{background:var(--color-bg-alt)}.activity-summary:focus{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-bg-alt)}.activity-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-bg-alt)}.activity-date{color:var(--color-text-light);font-size:.9rem}.activity-title{font-weight:600}.activity-type{background:var(--color-accent-gradient);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500;text-align:center}.activity-stat{font-weight:500;text-align:right;font-size:.9rem}.toggle-icon{text-align:right;color:var(--color-text-light);transition:transform .3s}.activity-item.active .toggle-icon{transform:rotate(180deg)}.activity-details{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--color-bg-alt)}.activity-item.active .activity-details{max-height:500px;border-top:1px solid var(--color-border)}.details-content{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);font-size:.9rem}.detail-group h4{color:var(--color-text-light);font-size:.8rem;text-transform:uppercase;margin-bottom:5px;font-weight:500}.detail-group p{color:var(--color-text);margin:0}.strava-link{color:#ea580c;text-decoration:none;font-weight:600}.strava-link:hover{text-decoration:underline}@media(max-width:768px){.activity-summary{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:5px}.activity-date{grid-column:1}.toggle-icon{grid-column:2;grid-row:1/span 2;align-self:center}.activity-title{grid-column:1;grid-row:2}.activity-type,.activity-stat{display:none}.stats-grid{grid-template-columns:1fr}.viz-grid{gap:var(--spacing-md)}.stat-value{font-size:2rem}.viz-card{padding:var(--spacing-md)}.viz-card h2{font-size:1rem}.goal-header{flex-direction:column;align-items:flex-start}.progress-stats{grid-template-columns:1fr}.training-years-grid{grid-template-columns:1fr}.heatmap-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.year-selector{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.year-selector-link{padding:8px 16px;font-size:1rem}.viz-card.viz-map #map{height:300px!important}.stat-equivalence{font-size:.8rem}}@media(max-width:480px){.stat-card{padding:var(--spacing-md)}.stat-value{font-size:1.8rem}.stat-label{font-size:.85rem}.day-cell{width:10px;height:10px}.viz-card{padding:var(--spacing-sm)}.viz-card h2{font-size:.95rem}.details-content{grid-template-columns:1fr}.viz-card.viz-map #map{height:250px!important}.stat-equivalence{font-size:.75rem}.stat-equivalence-icon{font-size:.9rem}}