html,body{width:100%;height:100%;margin:0;padding:0}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--accent-strava:#fc6100;--accent-strava-hover:#e05600;--accent-glow:#fc610014;--accent-lime:#10b981;--accent-cyan:#06b6d4;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border-color:#e2e8f0;--border-glow:#fc610040;--success:#059669;--warning:#d97706;--info:#2563eb;--danger:#dc2626;--chart-grid:#e2e8f0;--chart-planned:#94a3b8;--chart-planned-fill:#94a3b81a;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--pill-pre-trip-bg:#3b82f61a;--pill-pre-trip-text:#1d4ed8;--pill-vacation-bg:#8b5cf61a;--pill-vacation-text:#6d28d9;--pill-ramp-up-bg:#f59e0b1a;--pill-ramp-up-text:#b45309;--pill-recovery-bg:#10b9811a;--pill-recovery-text:#047857;--pill-peak-bg:#ef44441a;--pill-peak-text:#b91c1c;--pill-taper-bg:#10b9811a;--pill-taper-text:#047857;--pill-event-bg:#fc61001a;--pill-event-text:#c2410c}@media (prefers-color-scheme:dark){:root{--bg-primary:#0b0f19;--bg-secondary:#131b2e;--bg-tertiary:#1e2942;--accent-glow:#fc610026;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#24324f;--border-glow:#fc610059;--success:#10b981;--warning:#f59e0b;--info:#3b82f6;--danger:#ef4444;--chart-grid:#24324f;--chart-planned:#475569;--chart-planned-fill:#47556926;--shadow-sm:0 1px 2px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--pill-pre-trip-bg:#3b82f626;--pill-pre-trip-text:#93c5fd;--pill-vacation-bg:#8b5cf626;--pill-vacation-text:#c4b5fd;--pill-ramp-up-bg:#f59e0b26;--pill-ramp-up-text:#fde047;--pill-recovery-bg:#10b98126;--pill-recovery-text:#6ee7b7;--pill-peak-bg:#ef444426;--pill-peak-text:#fca5a5;--pill-taper-bg:#10b98126;--pill-taper-text:#a7f3d0;--pill-event-bg:#fc610033;--pill-event-text:#fdba74}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 1rem;display:flex}@media (width>=768px){#root{padding:0 2rem}}.header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 0;display:flex}@media (width<=640px){.header{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0}}.logo-container{align-items:center;gap:.5rem;display:flex}.logo-icon{color:var(--accent-strava);width:2rem;height:2rem;filter:drop-shadow(0 0 6px var(--accent-glow))}.logo-text{letter-spacing:-.04em;color:var(--text-primary);font-size:1.35rem;font-weight:800}.logo-text span{color:var(--accent-strava)}.strava-connect-btn{background-color:var(--accent-strava);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #fc610026}.strava-connect-btn:hover{background-color:var(--accent-strava-hover);transform:translateY(-1px);box-shadow:0 6px 14px #fc610040}.strava-connected{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;display:inline-flex}.status-indicator{background-color:var(--success);width:.5rem;height:.5rem;box-shadow:0 0 6px var(--success);border-radius:50%}.connected-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.disconnect-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.2rem;display:inline-flex}.disconnect-btn:hover{color:var(--danger);background-color:#ef444414}.demo-badge{letter-spacing:.08em;color:var(--warning);vertical-align:middle;background-color:#f59e0b26;border:1px solid #f59e0b59;border-radius:.25rem;margin-left:.6rem;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.demo-banner{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--warning);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:.5rem;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.demo-banner strong{color:var(--text-primary)}.demo-banner svg{color:var(--warning);flex-shrink:0;margin-top:.1rem}.demo-banner code{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:.25rem;padding:.1rem .3rem;font-family:monospace;font-size:.8rem}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.dashboard-grid{grid-template-columns:1fr}}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-md), 0 0 12px var(--accent-glow);transform:translateY(-1px)}.stat-card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.stat-card-icon{color:var(--text-muted);width:1.15rem;height:1.15rem;transition:var(--transition)}.stat-card:hover .stat-card-icon{color:var(--accent-strava)}.stat-card-value{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:800;line-height:1.2}@media (width>=768px){.stat-card-value{font-size:2rem}}.stat-card-subtitle{color:var(--text-muted);margin-top:auto;font-size:.8rem}.stat-progress-container{background-color:var(--bg-tertiary);border-radius:9999px;width:100%;height:5px;margin-top:.5rem;overflow:hidden}.stat-progress-bar{background-color:var(--accent-strava);border-radius:9999px;height:100%;transition:width .8s ease-out}.countdown-card .stat-card-value{color:var(--accent-strava)}.visuals-container{margin-bottom:1.5rem}.chart-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;padding:1.25rem;display:flex}@media (width<=640px){.chart-card{padding:.75rem .5rem}}.chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.chart-title{color:var(--text-primary);font-size:1rem;font-weight:700}.toggle-container{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.375rem;padding:.2rem;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:.25rem;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.toggle-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chart-wrapper{width:100%;height:280px}@media (width>=768px){.chart-wrapper{height:320px}}.summary-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.75rem;flex-direction:column;padding:1.25rem;display:flex}.summary-title{margin-bottom:1rem;font-size:1rem;font-weight:700}.summary-list{flex-direction:column;flex-grow:1;gap:.75rem;display:flex}.summary-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-item.legend-item{border-bottom:none;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:0}.legend-list{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.summary-label{color:var(--text-secondary);font-size:.8rem}.summary-val{color:var(--text-primary);font-size:.9rem;font-weight:700}.phase-pill{text-align:center;border-radius:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.phase-pre-trip{background-color:var(--pill-pre-trip-bg);color:var(--pill-pre-trip-text)}.phase-vacation{background-color:var(--pill-vacation-bg);color:var(--pill-vacation-text)}.phase-ramp-up{background-color:var(--pill-ramp-up-bg);color:var(--pill-ramp-up-text)}.phase-recovery{background-color:var(--pill-recovery-bg);color:var(--pill-recovery-text)}.phase-peak{background-color:var(--pill-peak-bg);color:var(--pill-peak-text)}.phase-taper{background-color:var(--pill-taper-bg);color:var(--pill-taper-text)}.phase-event{background-color:var(--pill-event-bg);color:var(--pill-event-text)}.table-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:.75rem;margin-bottom:2rem;padding:1.25rem}.table-title-bar{margin-bottom:1rem}.table-title{font-size:1rem;font-weight:700}.desktop-only-table{display:none}@media (width>=768px){.desktop-only-table{display:block}}.plan-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.plan-table th{color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:.75rem;font-size:.7rem;font-weight:700}.plan-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:.75rem}.plan-table tr:hover td{background-color:var(--bg-tertiary)}.plan-table tr:last-child td{border-bottom:none}.week-num{color:var(--accent-strava);font-weight:800}.week-dates{color:var(--text-secondary);font-size:.7rem;display:block}.metric-group{flex-direction:column;display:flex}.metric-target{font-weight:600}.metric-actual{color:var(--text-muted);align-items:center;gap:.2rem;font-size:.7rem;display:inline-flex}.metric-actual.completed{color:var(--success);font-weight:700}.progress-cell-container{align-items:center;gap:.5rem;display:flex}.table-progress-bar{background-color:var(--bg-tertiary);border-radius:9999px;width:70px;height:5px;overflow:hidden}.table-progress-fill{background-color:var(--accent-strava);border-radius:9999px;height:100%}tr.is-current-row{background-color:#fc61000f}.mobile-week-row.is-current-row{background-color:#fc61000d}.section-divider-row td{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#0000;padding-top:1rem;padding-bottom:.4rem;font-size:.7rem;font-weight:700}.mobile-section-divider{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-top:1rem;padding:.5rem 0;font-size:.7rem;font-weight:700}.table-progress-fill.is-done,.mobile-progress-bar-fill.is-done{background-color:var(--success)}.metric-total{font-weight:700}.metric-success{color:var(--success)}.stat-card-value-suffix{color:var(--text-secondary);font-size:1rem}.stat-card-value-phase{text-overflow:ellipsis;white-space:nowrap;font-size:1.75rem;overflow:hidden}.summary-val-strava{color:var(--accent-strava)}.summary-val-success{color:var(--success)}.summary-val-cyan{color:var(--accent-cyan)}.table-progress-percent{width:2rem;font-size:.7rem;font-weight:700}.mobile-only-cards{flex-direction:column;gap:.75rem;display:flex}@media (width>=768px){.mobile-only-cards{display:none}}.mobile-week-row{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1.25rem 0;display:flex}.mobile-week-row:last-child{border-bottom:none}.mobile-card-row{justify-content:space-between;align-items:center;display:flex}.mobile-card-week-info{flex-direction:column;display:flex}.mobile-card-week-num{color:var(--accent-strava);font-size:.95rem;font-weight:800}.mobile-card-week-dates{color:var(--text-secondary);font-size:.75rem}.mobile-card-stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.25rem 0;font-size:.8rem;display:grid}.mobile-stat-column{flex-direction:column;align-items:flex-start;display:flex}.mobile-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.65rem;font-weight:600}.mobile-stat-value{color:var(--text-primary);margin-top:.1rem;font-size:.85rem;font-weight:700}.mobile-stat-value span{color:var(--text-muted);font-size:.75rem;font-weight:500}.mobile-progress-wrapper{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mobile-progress-label{color:var(--text-secondary);font-size:.7rem;font-weight:700}.mobile-progress-bar-container{background-color:var(--bg-tertiary);border-radius:9999px;flex-grow:1;height:5px;overflow:hidden}.mobile-progress-bar-fill{background-color:var(--accent-strava);border-radius:9999px;height:100%}.mobile-progress-percent{color:var(--text-primary);text-align:right;width:2rem;font-size:.75rem;font-weight:800}.custom-tooltip{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:.375rem;padding:.5rem;font-size:.75rem}.tooltip-label{color:var(--text-primary);margin-bottom:.2rem;font-weight:800}.tooltip-item{color:var(--text-secondary);justify-content:space-between;gap:1rem;display:flex}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:250px;display:flex}.spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--accent-strava);border-radius:50%;width:2.25rem;height:2.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}