.auth-page{min-height:100vh;padding:var(--space-5);background:radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 45%), radial-gradient(circle at 85% 80%, color-mix(in srgb, var(--color-elevation) 14%, transparent), transparent 45%), var(--color-bg);justify-content:center;align-items:center;display:flex;position:relative}.auth-page__toggle{top:var(--space-5);right:var(--space-5);position:absolute}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-card), 0 30px 60px -30px #00000059}.auth-card__brand{text-align:center;margin-bottom:var(--space-5)}.auth-card__logo{width:48px;height:48px;margin:0 auto var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent), var(--color-elevation));color:#fff;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.auth-card__brand h1{font-size:var(--font-size-lg);margin:0 0 var(--space-2)}.auth-card__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-tabs{margin-bottom:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.auth-tabs button{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 3px);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex:1;font-weight:600}.auth-tabs button.is-active{background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-card)}.auth-tabs button:disabled{cursor:default}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.loading-spinner{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:inline-flex}.loading-spinner__icon{color:var(--color-accent);overflow:visible}.loading-spinner__label{font-size:var(--font-size-sm)}.loading-spinner--sm .loading-spinner__icon{width:16px;height:16px}.loading-spinner--md .loading-spinner__icon{width:24px;height:24px}.loading-spinner--lg .loading-spinner__icon{width:40px;height:40px}.loading-spinner--lg .loading-spinner__label{font-size:var(--font-size-base)}.loading-spinner__leg-a,.loading-spinner__arm-b{transform-origin:10.8px 13px;animation:.55s ease-in-out infinite alternate loading-spinner-swing-a}.loading-spinner__leg-b,.loading-spinner__arm-a{transform-origin:10.8px 13px;animation:.55s ease-in-out infinite alternate loading-spinner-swing-b}.loading-spinner__arm-a,.loading-spinner__arm-b{transform-origin:12.3px 6.8px}.loading-spinner__bob{transform-box:fill-box;transform-origin:50% 100%;animation:.275s ease-in-out infinite alternate loading-spinner-bob}@keyframes loading-spinner-swing-a{0%{transform:rotate(-32deg)}to{transform:rotate(32deg)}}@keyframes loading-spinner-swing-b{0%{transform:rotate(32deg)}to{transform:rotate(-32deg)}}@keyframes loading-spinner-bob{0%{transform:translateY(0)}to{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.loading-spinner__leg-a,.loading-spinner__leg-b,.loading-spinner__arm-a,.loading-spinner__arm-b,.loading-spinner__bob{animation:none}}.goal-button{margin-left:var(--space-3)}.goal-form{align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.goal-form .field{min-width:160px}.goal-progress__summary{align-items:center;gap:var(--space-5);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.goal-progress__summary-tile{flex-direction:column;gap:2px;display:flex}.goal-progress__summary-value{font-size:var(--font-size-xl);color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:700}.goal-progress__summary-value--ahead{color:var(--color-success)}.goal-progress__summary-value--behind{color:var(--color-danger)}.goal-progress__summary-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.goal-progress__summary-actions{gap:var(--space-2);margin-left:auto;display:flex}.goal-progress__tooltip{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);flex-direction:column;gap:2px;display:flex}.goal-progress__tooltip-date{color:var(--color-text);margin-bottom:2px;font-weight:600}.share-button__url-row{gap:var(--space-2);align-items:center;display:flex}.share-button__url-row .input{font-size:var(--font-size-sm);flex:1}.share-button__error{color:var(--color-danger);font-size:13px}.hike-featured-grid{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.hike-featured-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:inherit;text-decoration:none;display:block}.hike-featured-card:hover{border-color:var(--color-accent);text-decoration:none}.hike-featured-card__label{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-elevation);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2);font-weight:600;display:flex}.hike-featured-card__title{margin-bottom:var(--space-1);font-weight:600;display:block}.hike-featured-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);display:block}.hike-featured-card__stats{font-size:var(--font-size-sm);color:var(--color-text);display:block}.notes__status{color:var(--color-text-muted);font-size:var(--font-size-sm)}.notes__list{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.notes__item{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.notes__item-body{margin:0 0 var(--space-1);white-space:pre-wrap}.notes__item-meta{font-size:var(--font-size-sm);color:var(--color-text-faint)}.notes__form{gap:var(--space-2);flex-direction:column;display:flex}.notes__textarea{resize:vertical;min-height:4.5rem;font-family:inherit}.notes__submit{align-self:flex-end}.running-stats h3{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-2);font-weight:600}.week-mets-breakdown{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.running-stats__charts{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.running-heatmap{margin-top:var(--space-5)}.running-heatmap__grid{width:100%;max-width:min(100%, calc(28px + var(--week-count,53) * 20px));flex-direction:column;gap:2px;display:flex}.running-heatmap__row{grid-template-columns:28px repeat(var(--week-count,53), minmax(12px, 1fr));align-items:center;gap:2px;display:grid}.running-heatmap__row-label{font-size:var(--font-size-sm);color:var(--color-text-muted);background:var(--color-surface);position:sticky;left:0}.running-heatmap__grid--years .running-heatmap__row{grid-template-columns:34px repeat(var(--week-count,53), minmax(12px, 1fr))}.running-heatmap__strip{grid-template-columns:repeat(var(--day-count,31), minmax(28px, 1fr));gap:4px;display:grid}.running-heatmap__strip-day{align-items:stretch;gap:var(--space-1);flex-direction:column;display:flex}.running-heatmap__day-label{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.running-heatmap__row--months{margin-bottom:1px}.running-heatmap__month-label{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:visible}.running-heatmap__cell{aspect-ratio:1;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-pace) var(--heat-pct,0%), var(--color-surface));width:100%;color:inherit;border-radius:3px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.running-heatmap__cell.is-empty{background:0 0;border-color:#0000}.running-heatmap__cell.is-month-end{border-right:2px solid var(--color-text-faint)}.running-heatmap__cell.is-highlighted{box-shadow:0 0 0 2px var(--color-accent);z-index:1}.running-heatmap__cell.is-dimmed{opacity:.25}.running-heatmap__pie{background:conic-gradient(var(--color-pace) var(--pie-deg,0deg), color-mix(in srgb, var(--color-pace) 15%, transparent) 0);border-radius:50%;width:72%;height:72%}.running-heatmap__legend{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.running-heatmap__legend-item{align-items:center;gap:3px;display:inline-flex}.running-heatmap__legend .running-heatmap__cell{width:14px}.running-heatmap__tooltip{z-index:10;white-space:nowrap;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);box-shadow:var(--shadow-card);flex-direction:column;gap:2px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.running-heatmap__cell:not(.is-empty):hover .running-heatmap__tooltip{display:flex}.running-stats__pie-caption{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.running-records{margin-top:var(--space-5)}.running-records__caveat{color:var(--color-text-faint);font-weight:400}.running-records__table{margin-top:var(--space-2)}.running-records__table tbody tr.is-hovered{background:var(--color-surface-raised)}.running-records__row{cursor:pointer}.running-records__new-prs{align-items:center;gap:var(--space-2);margin:var(--space-2) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-load) 15%, transparent);color:var(--color-load);font-weight:600;font-size:var(--font-size-sm);display:flex}.running-records__pr-badge{color:var(--color-load);margin-left:var(--space-1);display:inline-flex}.running-records__pr-badge .icon{width:13px;height:13px}.exercise-step-editor{gap:var(--space-2);flex-direction:column;display:flex}.exercise-step-editor__row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.exercise-step-editor__search{flex:1;min-width:12rem;position:relative}.exercise-step-editor__search .input{width:100%}.exercise-step-editor__results{z-index:10;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:14rem;box-shadow:var(--shadow-md,0 2px 8px #00000026);margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.exercise-step-editor__results li{border-bottom:1px solid var(--color-border)}.exercise-step-editor__results li:last-child{border-bottom:none}.exercise-step-editor__results button{justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2);text-align:left;cursor:pointer;font:inherit;color:var(--color-text);background:0 0;border:none;display:flex}.exercise-step-editor__results button:hover,.exercise-step-editor__results button:focus{background:var(--color-surface-hover,var(--color-surface))}.exercise-step-editor__category{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:nowrap}.exercise-step-editor__no-results{padding:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.exercise-step-editor__results button.exercise-step-editor__load-more{color:var(--color-text-muted);font-size:var(--font-size-sm);justify-content:center}.exercise-step-editor__number{width:4.5rem}.exercise-step-editor__rest-label{color:var(--color-text-muted);font-weight:600}.exercise-step-editor__row-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.exercise-step-editor__move{padding-left:var(--space-2);padding-right:var(--space-2)}.exercise-step-editor__entry{gap:var(--space-1);flex-direction:column;display:flex}.exercise-step-editor__comment{font-size:var(--font-size-sm)}.exercise-step-editor__group{gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);padding:var(--space-3);flex-direction:column;display:flex}.exercise-step-editor__group-head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.exercise-step-editor__group-repeat{align-items:center;gap:var(--space-2);flex-direction:row}.step-builder{gap:var(--space-4);flex-direction:column;display:flex}.step-builder__step{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.step-builder__step legend,.step-builder__target legend{padding:0 var(--space-1);font-weight:600}.step-builder__target{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.step-builder__row{gap:var(--space-2);display:flex}.step-builder__row .input,.step-builder__row .field{flex:1}.step-builder__checkboxes{gap:var(--space-3);flex-wrap:wrap;display:flex}.step-builder__checkboxes label{align-items:center;gap:var(--space-1);font-weight:400;display:flex}.planned-workout__entry{padding-bottom:var(--space-3);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.planned-workout__entry:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.planned-workout__summary{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.planned-workout__summary-header{align-items:center;gap:var(--space-2);display:flex}.planned-workout__status{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full,999px);background:var(--color-surface-raised);color:var(--color-text-muted)}.planned-workout__status--pushed{background:var(--color-success-bg,var(--color-surface-raised));color:var(--color-success,var(--color-text))}.planned-workout__status--push_failed{background:var(--color-danger-bg,var(--color-surface-raised));color:var(--color-danger,var(--color-text))}.planned-workout__status--completed{background:var(--color-success-bg,var(--color-surface-raised));color:var(--color-success,var(--color-text))}.planned-workout__notes{white-space:pre-wrap}.planned-workout__comment{white-space:pre-wrap;font-style:italic}.planned-workout__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.workout-load{gap:var(--space-1);flex-direction:column;display:flex}.workout-load__label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:600}.workout-load-bar{border-bottom:1px solid var(--color-border);align-items:flex-end;max-width:260px;display:flex}.workout-load-bar__segment{border-radius:1px 1px 0 0;display:block}.planned-workout-form{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.planned-workout-form__row{gap:var(--space-3);align-items:center;display:flex}.planned-workout-form__row .field{flex:1}.planned-workout-form__textarea{resize:vertical;min-height:8rem;font-family:var(--font-mono,monospace);font-size:var(--font-size-sm)}.planned-workout-form__comment-textarea{resize:vertical;min-height:3rem}.planned-workout-form__errors{color:var(--color-danger,var(--color-text));font-size:var(--font-size-sm);padding-left:var(--space-4);margin:0}.planned-workout-form__preview{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.planned-workout-form__preview-group ul{margin:var(--space-1) 0 0;padding-left:var(--space-4)}.planned-workout-form__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.planned-workout-form__recurrence{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.month-grid__planned{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-accent,var(--color-text-muted));display:flex}.month-grid__planned .icon{flex-shrink:0}.planned-race__summary{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.planned-race__header{align-items:center;gap:var(--space-2);display:flex}.chart-note.planned-race__comparison--good{color:var(--color-success)}.chart-note.planned-race__comparison--warn{color:var(--color-warning)}.planned-race__target-inputs{align-items:center;gap:var(--space-1);display:flex}.planned-race__target-inputs input{text-align:center;width:3.5rem}.month-grid__race{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-warning,var(--color-text-muted));display:flex}.month-grid__race .icon{flex-shrink:0}.calendar-header{align-items:center;gap:var(--space-3);display:flex}.calendar-header h1{margin:0}.month-tile-grid{margin-top:var(--space-4)}.month-tile{color:inherit;text-decoration:none;display:block}.month-tile:hover{border-color:var(--color-accent);text-decoration:none}.month-tile__name{margin-bottom:var(--space-2);font-weight:600}.month-tile__stats{color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;gap:.15rem;display:flex}.month-tile__stats--empty{color:var(--color-text-faint);font-style:italic}.month-grid{table-layout:fixed;border-collapse:collapse;width:100%}.month-grid th{text-align:center}.month-grid td{vertical-align:top;width:14.28%;height:84px;padding:var(--space-2);border:1px solid var(--color-border)}.month-grid__day-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.month-grid__day-btn:hover{color:var(--color-accent)}.month-grid__summary{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.week-summary{gap:var(--space-4);color:var(--color-text-muted);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.week-summary strong{color:var(--color-text)}:root{--color-bg:#12151c;--color-surface:#1b1f29;--color-surface-raised:#232836;--color-border:#2e3441;--color-text:#eef1f6;--color-text-muted:#9aa3b5;--color-text-faint:#6b7386;--color-accent:#4da3ff;--color-accent-strong:#7cb9ff;--color-heart-rate:#ef5a6f;--color-pace:#4da3ff;--color-elevation:#4caf7d;--color-power:#b57bee;--color-cadence:#3fb6c9;--color-temperature:#e8a33d;--color-load:#e8a33d;--color-success:#4caf7d;--color-warning:#e8a33d;--color-danger:#ef5a6f;--color-zone-1:#3fb6c9;--color-zone-2:#4caf7d;--color-zone-3:#d9c74b;--color-zone-4:#e8a33d;--color-zone-5:#ef5a6f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow-card:0 1px 3px #0006;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem}:root[data-theme=light]{--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-raised:#f4f6f9;--color-border:#dde2ea;--color-text:#1a1d24;--color-text-muted:#5a6273;--color-text-faint:#8a92a3;--color-accent:#1a73e8;--color-accent-strong:#0f5bc4;--color-heart-rate:#d43a52;--color-pace:#1a73e8;--color-elevation:#2f9160;--color-power:#8c4fd6;--color-cadence:#1f92a3;--color-temperature:#c47f1a;--color-load:#c47f1a;--color-success:#2f9160;--color-warning:#c47f1a;--color-danger:#d43a52;--color-zone-1:#1f92a3;--color-zone-2:#2f9160;--color-zone-3:#a8850a;--color-zone-4:#c47f1a;--color-zone-5:#d43a52;--shadow-card:0 1px 3px #14192314}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg:#f4f6f9;--color-surface:#fff;--color-surface-raised:#f4f6f9;--color-border:#dde2ea;--color-text:#1a1d24;--color-text-muted:#5a6273;--color-text-faint:#8a92a3;--color-accent:#1a73e8;--color-accent-strong:#0f5bc4;--color-heart-rate:#d43a52;--color-pace:#1a73e8;--color-elevation:#2f9160;--color-power:#8c4fd6;--color-cadence:#1f92a3;--color-temperature:#c47f1a;--color-load:#c47f1a;--color-success:#2f9160;--color-warning:#c47f1a;--color-danger:#d43a52;--color-zone-1:#1f92a3;--color-zone-2:#2f9160;--color-zone-3:#a8850a;--color-zone-4:#c47f1a;--color-zone-5:#d43a52;--shadow-card:0 1px 3px #14192314}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);margin:0;line-height:1.45}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 var(--space-3);font-weight:600}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}button,input,select{font:inherit;color:inherit}.app-nav{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.app-nav__actions{align-items:center;gap:var(--space-2);display:flex}.app-nav__links{align-self:stretch;gap:var(--space-4);flex-wrap:wrap;display:flex}.app-nav__links a{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-weight:500;display:inline-flex;position:relative}.app-nav__links a .icon{width:16px;height:16px}.app-nav__links a:hover{color:var(--color-text);text-decoration:none}.app-nav__links a.is-active{color:var(--color-accent);text-decoration:none}.app-nav__links a.is-active:after{content:"";left:0;right:0;bottom:calc(-1 * var(--space-3) - 1px);background:var(--color-accent);border-radius:2px 2px 0 0;height:2px;position:absolute}.app-main{max-width:1080px;padding:var(--space-5);margin:0 auto}.table-scroll{overflow-x:auto}.chart-fullscreen-heading{align-items:center;display:flex}.chart-fullscreen-trigger{display:none}.chart-fullscreen-icon{width:.85em;height:.85em;color:var(--color-text-muted)}@media (width<=640px){.chart-fullscreen-static-title{display:none}.chart-fullscreen-trigger{align-items:center;gap:var(--space-2);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:inline-flex}}.chart-fullscreen-modal-body{min-height:60vh}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-4)}.card+.card{margin-top:var(--space-4)}.stat-grid>.card+.card{margin-top:0}.button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;display:inline-flex}.button:hover{border-color:var(--color-accent)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;justify-content:center;font-weight:600}.button--primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.button--full{width:100%}.field{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-direction:column;font-weight:500;display:flex}.input{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);outline:none}.badge{padding:.1rem var(--space-2);font-size:var(--font-size-sm);background:var(--color-surface-raised);color:var(--color-text-muted);border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1em;height:1em;display:block}.icon.icon--filled{fill:currentColor;stroke:none}.tone-neutral{--tone:var(--color-text-muted)}.tone-pace{--tone:var(--color-pace)}.tone-hr{--tone:var(--color-heart-rate)}.tone-elevation{--tone:var(--color-elevation)}.tone-power{--tone:var(--color-power)}.tone-cadence{--tone:var(--color-cadence)}.tone-load{--tone:var(--color-load)}.faint{color:var(--color-text-faint)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;display:grid}.stat-grid+h3{margin-top:var(--space-5)}.stat-tile{gap:var(--space-2);flex-direction:column;display:flex}.stat-tile__label{align-items:center;gap:var(--space-2);letter-spacing:.075em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700;display:flex}.icon-chip{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--tone);background:color-mix(in srgb, var(--tone) 15%, transparent);flex:none;place-items:center;display:grid}.icon-chip .icon{width:13px;height:13px}.icon-chip--lg{border-radius:var(--radius-md);width:44px;height:44px}.icon-chip--lg .icon{width:26px;height:26px}.icon-chip--xl{border-radius:var(--radius-md);width:64px;height:64px}.icon-chip--xl .icon{width:36px;height:36px}.stat-tile__value{letter-spacing:-.026em;font-variant-numeric:tabular-nums;overflow-wrap:break-word;font-size:1.5rem;font-weight:600;line-height:1.1}.stat-tile__value small{letter-spacing:0;color:var(--color-text-faint);margin-left:.2rem;font-size:.8125rem;font-weight:500}.stat-tile__meta{font-size:var(--font-size-sm);color:var(--color-text-faint)}.stat-tile--hero{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--tone) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--tone) 22%, transparent)}.stat-tile--hero .stat-tile__value{color:var(--tone)}.stat-tile-link{color:inherit;text-decoration:none;display:block}.stat-tile-link:hover{text-decoration:none}.stat-tile-link:hover .stat-tile__value{color:var(--color-accent)}.chip{align-items:center;gap:var(--space-2);padding:.15rem var(--space-3) .15rem var(--space-2);font-size:var(--font-size-sm);white-space:nowrap;color:var(--tone);background:color-mix(in srgb, var(--tone) 13%, transparent);border:1px solid color-mix(in srgb, var(--tone) 26%, transparent);border-radius:999px;font-weight:600;display:inline-flex}.chip .icon{width:14px;height:14px}.type-breakdown__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.type-breakdown__header h3{margin:0}.type-breakdown__toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden}.type-breakdown__toggle button{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.type-breakdown__toggle button+button{border-left:1px solid var(--color-border)}.type-breakdown__toggle button.is-active{color:var(--color-text);background:color-mix(in srgb, var(--color-text-faint) 12%, transparent);font-weight:600}.type-breakdown{justify-content:center;display:flex}.type-breakdown__slice-icon{color:#fff;pointer-events:none;filter:drop-shadow(0 1px 1.5px #00000059)}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);font-variant-numeric:tabular-nums}th{letter-spacing:.075em;text-transform:uppercase;color:var(--color-text-faint);font-size:.65625rem;font-weight:700}tbody tr:last-child td{border-bottom:0}.chart-note{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-text-faint)}.chart-legend{gap:var(--space-4);margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.chart-legend--center{justify-content:center}.chart-legend__item{align-items:center;gap:var(--space-2);display:inline-flex}.chart-legend__swatch{border-radius:2px;width:10px;height:10px;display:inline-block}.date-nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:max-content;max-width:100%;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);font-size:.75rem;display:inline-block}.date-nav__row{align-items:center;gap:var(--space-2);flex-wrap:nowrap;line-height:1.6;display:flex;overflow-x:auto}.date-nav__row--years{gap:var(--space-4)}.date-nav__row+.date-nav__row{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border)}.date-nav__row a,.date-nav__row button,.date-nav__week-row a{flex-shrink:0}.date-nav__row a,.date-nav__week-row a{color:var(--color-text-muted);font-weight:600}.date-nav__row a:hover,.date-nav__week-row a:hover{color:var(--color-text);text-decoration:none}.date-nav__row a.is-active,.date-nav__week-row a.is-active{color:var(--color-bg);background:var(--color-accent);border-radius:var(--radius-sm);padding:0 .3rem}.date-nav__all-time{margin-right:var(--space-1);text-transform:uppercase}.date-nav__page{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .15rem;font-size:.9rem;line-height:1}.date-nav__page:disabled{opacity:.3;cursor:default}.trend-controls{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex;position:sticky;top:0}.trend-controls__resolutions{gap:var(--space-1);display:flex}.trend-controls__res{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);background:0 0;font-weight:600}.trend-controls__res--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.trend-controls__nav{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);white-space:nowrap;font-weight:600;display:flex}.trend-controls__label{text-align:center;min-width:13rem;display:inline-block}.trend-controls__page{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1.1rem;line-height:1}.trend-controls__page:disabled{opacity:.3;cursor:default}.metric-explorer{align-items:flex-start;gap:var(--space-4);display:flex}.metric-explorer__list{gap:var(--space-1);top:calc(3.5rem + var(--space-4));flex-direction:column;flex:0 0 12rem;display:flex;position:sticky}.metric-explorer__item{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);text-align:left;background:0 0;border:1px solid #0000;font-weight:600}.metric-explorer__item:hover{border-color:var(--color-border);color:var(--color-text)}.metric-explorer__item--active{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.metric-explorer__detail{flex:1;min-width:0}@media (width<=720px){.metric-explorer{flex-direction:column}.metric-explorer__list{flex-flow:row;flex:none;width:100%;position:static;overflow-x:auto}.metric-explorer__item{flex-shrink:0}}.date-nav__weeks{margin-top:var(--space-1);padding-top:var(--space-1);border-top:1px solid var(--color-border);flex-direction:column;gap:1px;display:flex}.date-nav__week-row{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);grid-template-columns:2rem repeat(7,1fr);display:grid}.date-nav__week-row.is-selected{background:color-mix(in srgb, var(--color-accent) 16%, transparent)}.date-nav__week-row a{text-align:center;border-radius:var(--radius-sm);color:var(--color-text-muted);padding:.05rem 0;font-weight:500}.date-nav__week-row .date-nav__week-handle{color:var(--color-text-faint);white-space:nowrap;font-size:.7rem;font-weight:400}.date-nav__week-row a.is-outside{color:var(--color-text-faint);font-weight:400}