:root{--bg: #000000;--surface-1: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--surface-4: #000000;--text: #ffffff;--text-dim: #ebebf5;--text-muted: #ebebf599;--text-subtle: #ebebf5cc;--text-on-action: #ffffff;--border: #48484a;--border-dim: #38383a;--border-faint: #1c1c1e;--brand: #0a84ff;--brand-hover: #0071e3;--brand-2: #bf5af2;--brand-3: #5e5ce6;--brand-3-hover: #4e4cd2;--good: #30d158;--good-surface: #0a3d1a;--good-surface-hover: #0f5c27;--bad: #ff453a;--bad-hover: #ff2d20;--bad-dark: #8b0000;--disabled: #636366;--neutral: #8e8e93;--toggle-off: #636366;--warning: #ff9f0a;--warning-dim: #ffd60a;--warning-surface: rgba(255, 159, 10, .15);--overlay: rgba(0, 0, 0, .7);--highlight: rgba(255, 255, 255, .07);--highlight-dim: rgba(255, 255, 255, .03);--brand-tint: rgba(10, 132, 255, .12);--shadow-tint: rgba(0, 0, 0, .1);--glow-active: rgba(48, 209, 88, .25);--glow-stopped: rgba(255, 69, 58, .25);--accent-blue: #64d2ff;--accent-blue-surface: #0a1e33;--accent-blue-surface-even: #142840;--accent-blue-surface-odd: #0e2235;--accent-blue-header: #1a3050;--radius: 12px;--radius-sm: 8px;--radius-xs: 4px;--shadow-1: 0 6px 20px rgba(0, 0, 0, .35);--shadow-2: 0 2px 4px rgba(0, 0, 0, .2);--shadow-3: 3px 0 15px rgba(0, 0, 0, .2);--surface-overlay: rgba(50, 50, 50, .95);--border-subtle: rgba(255, 255, 255, .13);--border-light: rgba(255, 255, 255, .2);--z-sticky: 1;--z-sticky-header: 2;--z-content-overlay: 10;--z-overlay: 1000;--z-overlay-control: 1001;--z-modal-backdrop: 1100;--z-modal: 1200;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-9: 40px;--s-10: 48px;--s-11: 56px;--s-12: 64px;--layout-app-max: 720px;--layout-content-max: 600px;--layout-sidebar-w: 260px;--layout-chart-scroll-min: 800px;--layout-table-min: 500px;--layout-table-min-sm: 450px;--layout-menu-drawer-w: 250px;--layout-chart-min-h: 400px;--layout-chart-max-h: 480px;--layout-error-min-h: 200px;--layout-curve-sidebar-min: 320px;--layout-curve-sidebar-max: 420px;--tab-bar-h: 56px;--tab-bar-bg: rgba(28, 28, 30, .85);--size-menu-toggle: 50px;--size-menu-toggle-mobile: 56px;--size-toggle-w: 50px;--size-toggle-h: 24px;--size-toggle-knob: 18px;--size-toggle-inset: 3px;--size-toggle-travel: 26px;--dur-fast: .15s;--dur-normal: .2s;--dur-slow: .3s;--dur-modal: .3s;--scroll-indicator-h: 3px;--scroll-indicator-bg: var(--surface-3);--scroll-indicator-fill: var(--brand);--focus-ring: 2px solid var(--brand);--focus-ring-offset: 2px;--chart-grid: #333333;--chart-text: #ffffff;--chart-curve: #2eaadc;--chart-marker: #ff6347;--chart-zone-label: #888888;--color-error-bg: #3b1111;--color-error-text: #fca5a5;--color-error-border: #7f1d1d;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Roboto Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--transition-button: background-color var(--dur-normal), transform var(--dur-fast);--step-neg-1: clamp(13px, .8rem + .2vw, 14px);--step-0: clamp(16px, 1rem + .5vw, 18px);--step-1: clamp(20px, 1.25rem + 1vw, 24px);--step-2: clamp(28px, 1.6rem + 2vw, 40px);--step-3: clamp(40px, 2.2rem + 4vw, 72px);--timer-main: clamp(64px, 12vw + 2rem, 120px);--timer-secondary: clamp(24px, 4vw + .5rem, 40px);--timer-label: clamp(10px, 1.2vw, 13px)}@media (prefers-color-scheme: light){:root{--bg: #f2f2f7;--surface-1: #ffffff;--surface-2: #f2f2f7;--surface-3: #e5e5ea;--surface-4: #ffffff;--text: #000000;--text-dim: #3a3a3c;--text-muted: #8e8e93;--text-subtle: #636366;--text-on-action: #ffffff;--border: #c6c6c8;--border-dim: #d1d1d6;--border-faint: #e5e5ea;--brand-hover: #0064d2;--brand-3: #5856d6;--brand-3-hover: #4a48c4;--good-surface: #d1f2d9;--good-surface-hover: #a8e6b8;--bad-hover: #d70015;--bad-dark: #ffcdd2;--disabled: #aeaeb2;--neutral: #8e8e93;--toggle-off: #aeaeb2;--warning: #c93400;--warning-dim: #ff9500;--warning-surface: rgba(255, 149, 0, .1);--overlay: rgba(0, 0, 0, .4);--highlight: rgba(0, 0, 0, .05);--highlight-dim: rgba(0, 0, 0, .02);--brand-tint: rgba(10, 132, 255, .1);--shadow-tint: rgba(0, 0, 0, .05);--glow-active: rgba(52, 199, 89, .2);--glow-stopped: rgba(255, 59, 48, .2);--accent-blue: #007aff;--accent-blue-surface: #eff6ff;--accent-blue-surface-even: #e0ecff;--accent-blue-surface-odd: #eff6ff;--accent-blue-header: #dbeafe;--tab-bar-bg: rgba(255, 255, 255, .85);--shadow-2: 0 2px 4px rgba(0, 0, 0, .08);--shadow-3: 3px 0 15px rgba(0, 0, 0, .08);--surface-overlay: rgba(255, 255, 255, .95);--border-subtle: rgba(0, 0, 0, .08);--border-light: rgba(0, 0, 0, .12);--chart-grid: #e5e7eb;--chart-text: #000000;--chart-curve: #0a84ff;--chart-marker: #ff3b30;--chart-zone-label: #8e8e93;--color-error-bg: #fef2f2;--color-error-text: #991b1b;--color-error-border: #fecaca}}*{box-sizing:border-box;padding:0;margin:0}html,body,#root{height:100%}body{min-height:100svh;padding:var(--s-5);font-family:var(--font-body);font-size:var(--step-0);line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600}h1{font-size:var(--step-2)}h2,h3{font-size:var(--step-1)}p{margin-bottom:1em}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.transition-all{transition:all var(--dur-slow) ease}.app{max-width:var(--layout-app-max);padding:env(safe-area-inset-top) var(--s-4) calc(var(--s-4) + env(safe-area-inset-bottom));margin:0 auto}button{-webkit-user-select:none;user-select:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}@media (width <= 640px){body{padding:0}.app{max-width:none;padding-inline:var(--s-3)}}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stopwatch-app{width:100%;max-width:var(--layout-content-max);padding:0 var(--s-2) calc(var(--tab-bar-h) + env(safe-area-inset-bottom) + var(--s-4));margin:0 auto}.stopwatch-app--centered{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-height:100svh}.stopwatch-container{display:flex;flex:1;flex-direction:column}.stopwatch{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding:0 var(--s-2);color:var(--text)}.timer-section{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:var(--s-4) 0;text-align:center}.timer-section__title{margin-bottom:var(--s-2);font-size:var(--step-1);font-weight:600;color:var(--text)}.timer-main{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--s-4) 0}.timer-main:before{display:block;width:8px;height:8px;margin-right:var(--s-3);content:"";border-radius:50%;opacity:0;transition:opacity var(--dur-normal)}.timer-main.timer--running:before{background-color:var(--good);opacity:1;animation:pulse 2s ease-in-out infinite}.timer-main.timer--paused:before{background-color:var(--bad);opacity:1}.timer-main__value{font-family:var(--font-mono);font-size:var(--timer-main);font-weight:300;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-1px;transition:color var(--dur-normal),text-shadow var(--dur-normal)}.timer--idle .timer-main__value{color:var(--text-dim)}.timer--running .timer-main__value{color:var(--good);text-shadow:0 0 40px var(--glow-active)}.timer--paused .timer-main__value{color:var(--bad);animation:pulse-timer 2s ease-in-out infinite}@keyframes pulse-timer{0%,to{opacity:1}50%{opacity:.4}}.timer-secondary{display:flex;gap:var(--s-4);align-items:center;justify-content:center;width:100%;padding:var(--s-2) 0}.timer-secondary__item{display:flex;flex-direction:column;gap:2px;align-items:center}.timer-secondary__label{font-family:var(--font-body);font-size:var(--timer-label);font-weight:500;color:var(--text-muted);letter-spacing:1.5px}.timer-secondary__value{font-family:var(--font-mono);font-size:var(--timer-secondary);font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1}.timer-secondary__item--lap .timer-secondary__value{color:var(--brand)}.timer-secondary__item--segment .timer-secondary__value{color:var(--brand-2)}.timer-secondary__divider{width:1px;height:32px;background:var(--border-dim)}.session-details__review-container,.fitness-mode-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-content-overlay);padding-bottom:calc(var(--tab-bar-h) + env(safe-area-inset-bottom));overflow-y:auto;background-color:var(--bg)}@media (width <= 640px){.timer-secondary{gap:var(--s-3)}.timer-secondary__divider{height:24px}}.pace-strip{display:flex;gap:var(--s-2);justify-content:center;width:100%;padding:var(--s-2) 0}.pace-chip{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:120px;padding:var(--s-2) var(--s-4);font-family:var(--font-body);cursor:pointer;background:var(--surface-2);border:none;border-radius:var(--radius-sm);transition:background-color var(--dur-fast)}.pace-chip:active{background:var(--surface-3)}.pace-chip--empty{opacity:.5}.pace-chip__label{font-size:11px;font-weight:500;color:var(--text-muted);letter-spacing:1px}.pace-chip__value{font-family:var(--font-mono);font-size:var(--step-1);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.pace-chip__unit{font-family:var(--font-body);font-size:.6em;font-weight:400;color:var(--text-muted)}.distance-strip{display:flex;gap:var(--s-2);align-items:center;justify-content:center;width:100%;padding:var(--s-3) 0}.distance-strip--disabled{pointer-events:none;opacity:.35}.distance-strip__chip{height:40px;padding:0 var(--s-4);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--text-dim);cursor:pointer;background:var(--surface-2);border:1px solid var(--border-dim);border-radius:20px;transition:var(--transition-button)}.distance-strip__chip:active{transform:scale(.95)}.distance-strip__chip--active{color:var(--text-on-action);background:var(--brand-2);border-color:transparent}.distance-strip__chip--auto-active{color:var(--text-on-action);background:var(--brand);border-color:transparent}.distance-strip__auto-lap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text-muted);cursor:pointer;background:none;border:none;border-radius:50%;transition:color var(--dur-fast)}.distance-strip__auto-lap--active{color:var(--brand)}@media (width <= 480px){.distance-strip__chip{height:36px;padding:0 var(--s-3);font-size:13px}}.action-buttons{display:flex;justify-content:center;width:100%;padding:var(--s-4) 0 var(--s-6)}.action-buttons__start{width:100%;max-width:320px;height:64px;font-family:var(--font-body);font-size:18px;font-weight:600;color:var(--text-on-action);cursor:pointer;background:var(--good);border:none;border-radius:32px;box-shadow:0 4px 16px #30d1584d;transition:var(--transition-button)}.action-buttons__start:active{transform:scale(.96)}.action-buttons__running{display:flex;gap:var(--s-8);align-items:center;justify-content:center}.action-buttons__lap{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:80px;height:80px;font-family:var(--font-body);color:var(--text-on-action);cursor:pointer;background:var(--brand);border:none;border-radius:50%;box-shadow:0 4px 16px #0a84ff4d;transition:var(--transition-button)}.action-buttons__lap:active{transform:scale(.92)}.action-buttons__lap-text{font-size:14px;font-weight:600;line-height:1}.action-buttons__lap-number{font-size:20px;font-weight:700;line-height:1}.action-buttons__end{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--text-on-action);cursor:pointer;background:var(--bad);border:none;border-radius:50%;box-shadow:0 4px 16px #ff453a4d;transition:var(--transition-button)}.action-buttons__end:active{transform:scale(.92)}.workout__toggle-container{display:flex;align-items:center;justify-content:center;padding:var(--s-1);margin:var(--s-3) 0}.workout__toggle-switch{position:relative;display:inline-block;width:var(--size-toggle-w);height:var(--size-toggle-h);margin-right:var(--s-3)}.workout__toggle-input{width:0;height:0;opacity:0}.workout__toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:var(--toggle-off);border-radius:var(--size-toggle-h);transition:var(--dur-slow)}.workout__toggle-slider:before{position:absolute;bottom:var(--size-toggle-inset);left:var(--size-toggle-inset);width:var(--size-toggle-knob);height:var(--size-toggle-knob);content:"";background-color:var(--text-on-action);border-radius:50%;transition:var(--dur-slow)}.workout__toggle-input:checked+.workout__toggle-slider{background-color:var(--brand)}.workout__toggle-input:checked+.workout__toggle-slider:before{transform:translate(var(--size-toggle-travel))}.workout__toggle-label{font-size:var(--step-neg-1);color:var(--text)}.pace-timer-display{margin-bottom:var(--s-5);text-align:center}.pace-timer-display__value{padding:var(--s-4);font-family:var(--font-mono);font-size:var(--step-2);font-weight:700;color:var(--good);background-color:var(--surface-1);border-radius:var(--radius-xs)}.pace-timer-display__label{margin-top:var(--s-1);font-size:var(--step-neg-1);color:var(--text-muted)}.lap-history{width:100%;padding:var(--s-4) 0}.lap-history__empty{padding:var(--s-8) var(--s-4);font-size:var(--step-0);color:var(--text-muted);text-align:center}.lap-history__list{display:flex;flex-direction:column;gap:var(--s-2)}.lap-card{padding:var(--s-3) var(--s-4);cursor:pointer;background:var(--surface-1);border-left:3px solid transparent;border-radius:var(--radius-sm);transition:background-color var(--dur-fast)}.lap-card:active{background:var(--surface-2)}.lap-card--fastest{border-left-color:var(--good)}.lap-card--slowest{border-left-color:var(--bad)}.lap-card__row{display:flex;gap:var(--s-3);align-items:baseline}.lap-card__number{font-size:13px;font-weight:700;color:var(--text-muted)}.lap-card__time{flex:1;font-family:var(--font-mono);font-size:var(--step-0);font-variant-numeric:tabular-nums;color:var(--text);text-align:center}.lap-card__pace{font-family:var(--font-mono);font-size:var(--step-0);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);text-align:right}.lap-card__segments{display:flex;flex-wrap:wrap;gap:var(--s-1);padding-top:var(--s-2);margin-top:var(--s-2);border-top:1px solid var(--border-dim)}.lap-card__segment-chip{padding:var(--s-1) var(--s-2);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-subtle);background:var(--surface-2);border-radius:var(--radius-xs)}@keyframes lap-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.lap-card:first-child{animation:lap-enter var(--dur-slow) ease-out}.history{max-width:var(--layout-content-max);padding:var(--s-4);margin:0 auto}.history__header{padding:var(--s-6) 0 var(--s-4)}.history__title{font-size:var(--step-2);font-weight:700;color:var(--text)}.history__sort-controls{display:flex;gap:var(--s-2);padding-top:var(--s-3);overflow-x:auto;scrollbar-width:none}.history__sort-controls::-webkit-scrollbar{display:none}.history__sort-chip{padding:var(--s-1) var(--s-4);font-family:var(--font-body);font-size:var(--step-neg-1);font-weight:500;color:var(--text-dim);white-space:nowrap;cursor:pointer;background:var(--surface-2);border:none;border-radius:var(--radius-sm);transition:var(--transition-button)}.history__sort-chip--active{color:var(--text-on-action);background:var(--brand)}.history__list{display:flex;flex-direction:column;gap:var(--s-3)}.history__card{position:relative;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5);cursor:pointer;background:var(--surface-1);border-radius:var(--radius);transition:background-color var(--dur-fast),transform var(--dur-fast)}.history__card:active{background:var(--surface-2);transform:scale(.98)}.history__card-date{display:flex;flex-direction:column;gap:2px}.history__card-weekday{font-size:var(--step-0);font-weight:600;color:var(--text)}.history__card-full-date{font-size:var(--step-neg-1);color:var(--text-muted)}.history__card-stats{display:flex;gap:var(--s-4)}.history__card-stat{display:flex;flex-direction:column;gap:2px}.history__card-stat-value{font-family:var(--font-mono);font-size:var(--step-0);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.history__card-stat-label{font-size:var(--step-neg-1);color:var(--text-muted)}.history__card-chevron{position:absolute;top:50%;right:var(--s-4);color:var(--text-muted);transform:translateY(-50%)}.history-empty{display:flex;flex-direction:column;gap:var(--s-4);align-items:center;justify-content:center;min-height:60vh;padding:var(--s-8);text-align:center}.history-empty__icon{color:var(--text-muted)}.history-empty__title{font-size:var(--step-1);font-weight:600;color:var(--text)}.history-empty__subtitle{font-size:var(--step-0);color:var(--text-muted)}.history-empty__action{padding:var(--s-3) var(--s-6);font-family:var(--font-body);font-size:var(--step-0);font-weight:600;color:var(--text-on-action);cursor:pointer;background:var(--brand);border:none;border-radius:var(--radius-sm);transition:var(--transition-button)}.history-empty__action:active{transform:scale(.96)}.history-detail{max-width:var(--layout-content-max);padding:0 var(--s-4) var(--s-8);margin:0 auto}.history-detail__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) 0;margin-bottom:var(--s-4);border-bottom:1px solid var(--border-dim)}.history-detail__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--text);cursor:pointer;background:none;border:none;border-radius:50%;transition:color var(--dur-fast)}.history-detail__close:active{color:var(--brand)}.history-detail__title-area{display:flex;flex:1;flex-direction:column;align-items:center}.history-detail__title{margin:0;font-size:var(--step-1);font-weight:600;color:var(--text)}.history-detail__subtitle{margin-top:2px;font-size:var(--step-neg-1);color:var(--text-muted)}.history-detail__delete{padding:var(--s-2) var(--s-3);font-family:var(--font-body);font-size:var(--step-neg-1);font-weight:500;color:var(--bad);cursor:pointer;background:none;border:none;transition:color var(--dur-fast)}.history-detail__delete:active{color:var(--bad-hover)}.history-detail__hero{padding:var(--s-6) 0;text-align:center}.history-detail__hero-stat{display:flex;flex-direction:column;gap:var(--s-1);align-items:center;margin-bottom:var(--s-5)}.history-detail__hero-value{font-family:var(--font-mono);font-size:var(--step-2);font-weight:700;font-variant-numeric:tabular-nums;color:var(--good)}.history-detail__hero-label{font-size:var(--step-neg-1);color:var(--text-muted)}.history-detail__hero-row{display:flex;gap:var(--s-6);justify-content:center}.history-detail__secondary-stat{display:flex;flex-direction:column;gap:2px;align-items:center}.history-detail__secondary-value{font-family:var(--font-mono);font-size:var(--step-0);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.history-detail__secondary-label{font-size:var(--step-neg-1);color:var(--text-muted)}.history-detail__laps{padding-top:var(--s-4)}@media (width <= 640px){.pace-data__lap-header,.pace-data__lap{grid-template-columns:1fr 1fr;gap:var(--s-2);padding:var(--s-3) var(--s-2)}.pace-data__lap-header-number,.pace-data__lap-number{grid-row:1;grid-column:1}.pace-data__lap-header-time,.pace-data__lap-time{grid-row:1;grid-column:2}.pace-data__lap-header-total,.pace-data__total-time{grid-row:2;grid-column:1}.pace-data__lap-header-distance,.pace-data__lap-distance{grid-row:2;grid-column:2}.pace-data__lap-header-pace,.pace-data__lap-pace{grid-row:3;grid-column:1 / span 2;text-align:right}.pace-data__lap{padding-bottom:var(--s-4)}}.session-details__table{width:100%;margin-bottom:var(--s-5);table-layout:fixed;border-collapse:collapse}.session-details__col--lap{width:15%}.session-details__col--time,.session-details__col--total{width:25%}.session-details__col--pace{width:35%}.session-details__th{padding:var(--s-2);font-size:var(--step-neg-1);font-weight:700;text-align:center;border-bottom:1px solid var(--border)}.session-details__th--lap{background-color:var(--surface-3)}.session-details__th--segment{background-color:var(--accent-blue-header)}.session-details__td{padding:var(--s-2);font-size:var(--step-neg-1);text-align:center}.session-details__td--mono{font-family:var(--font-mono)}.session-details__td--relative{position:relative}.session-details__td--selected{font-weight:700}.session-details__row{cursor:pointer;border-bottom:1px solid var(--border-dim)}.session-details__row--even{background-color:var(--border-faint)}.session-details__row--selected{background-color:var(--accent-blue-surface)}.session-details__indicator{position:absolute;top:50%;left:var(--s-2);font-size:var(--step-neg-1);color:var(--accent-blue);transform:translateY(-50%)}.session-details__segments-panel{padding:var(--s-3);margin:0 var(--s-3) var(--s-3);background-color:var(--accent-blue-surface);border:1px solid var(--border);border-radius:var(--radius-xs);box-shadow:var(--shadow-2)}.session-details__segments-title{padding-bottom:var(--s-1);margin:0 0 var(--s-3);color:var(--accent-blue);border-bottom:1px solid var(--border)}.session-details__segments-table{width:100%;margin-top:var(--s-1);table-layout:fixed;border-collapse:collapse}.session-details__segment-row--even{background-color:var(--accent-blue-surface-even)}.session-details__segment-row--odd{background-color:var(--accent-blue-surface-odd)}.session-details__segment-row--border{border-bottom:1px solid var(--border-dim)}.session-details__no-padding{padding:0}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:space-around;height:calc(var(--tab-bar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--tab-bar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-dim);transition:transform var(--dur-slow) ease}.tab-bar--hidden{transform:translateY(100%)}.tab-bar__tab{position:relative;display:flex;flex:1;flex-direction:column;gap:2px;align-items:center;justify-content:center;height:100%;padding:var(--s-1) 0;font-family:var(--font-body);font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.2px;cursor:pointer;background:none;border:none;transition:color var(--dur-fast);-webkit-tap-highlight-color:transparent}.tab-bar__tab--active{color:var(--brand)}.tab-bar__tab--locked{opacity:.6}.tab-bar__indicator{position:absolute;top:0;width:32px;height:3px;background:var(--brand);border-radius:0 0 var(--radius-xs) var(--radius-xs)}.tab-bar__icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.tab-bar__lock{position:absolute;top:-2px;right:-4px;color:var(--text-muted)}.tab-bar__label{line-height:1}.tab-bar__reveal-zone{position:fixed;right:0;bottom:0;left:0;z-index:calc(var(--z-overlay) - 1);height:20px;cursor:pointer}.curve{position:relative;display:grid;grid-template-areas:"canvas sidebar";grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) clamp(var(--layout-curve-sidebar-min),35%,var(--layout-curve-sidebar-max));height:100%}.curve__controls{position:absolute;top:var(--s-4);right:var(--s-4);z-index:var(--z-sticky)}.curve__segmented{display:flex;padding:2px;background:var(--surface-2);border-radius:var(--radius-sm)}.curve__segmented--inline{display:inline-flex}.curve__segment{padding:var(--s-1) var(--s-4);font-family:var(--font-body);font-size:var(--step-neg-1);font-weight:500;color:var(--text-muted);cursor:pointer;background:none;border:none;border-radius:calc(var(--radius-sm) - 2px);transition:var(--transition-button)}.curve__segment--active{color:var(--text-on-action);background:var(--brand)}.curve__canvas{position:relative;grid-area:canvas;min-height:0;overflow:hidden}.curve__sidebar{display:flex;flex-direction:column;grid-area:sidebar;gap:var(--s-4);padding:var(--s-4);overflow-y:auto;border-left:1px solid var(--border-dim)}.curve__edit-trigger{position:fixed;right:var(--s-4);bottom:calc(var(--tab-bar-h) + env(safe-area-inset-bottom) + var(--s-4));z-index:var(--z-content-overlay);padding:var(--s-2) var(--s-5);font-family:var(--font-body);font-size:var(--step-neg-1);font-weight:600;color:var(--text-on-action);cursor:pointer;background:var(--brand);border:none;border-radius:var(--radius);box-shadow:var(--shadow-1);transition:var(--transition-button)}.curve__edit-trigger:hover{background:var(--brand-hover)}.curve__method-selector{display:flex;flex-direction:column;gap:var(--s-2)}.curve__method-pills{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none}.curve__method-pills::-webkit-scrollbar{display:none}.curve__method-pill{padding:var(--s-2) var(--s-4);font-family:var(--font-body);font-size:var(--step-neg-1);font-weight:500;color:var(--text-dim);white-space:nowrap;cursor:pointer;background:var(--surface-2);border:none;border-radius:var(--radius-sm);transition:var(--transition-button)}.curve__method-pill--active{color:var(--text-on-action);background:var(--brand)}.curve__method-description{margin:0;font-size:var(--step-neg-1);color:var(--text-muted)}.curve__gender{display:flex;gap:var(--s-3);align-items:center}.curve__gender-label{font-size:var(--step-neg-1);font-weight:500;color:var(--text-muted)}.curve__sidebar input,.curve-modal__body input{width:100%;padding:var(--s-2) var(--s-3);font-size:var(--step-0);color:var(--text);background:var(--surface-2);border:1px solid var(--border-dim);border-radius:var(--radius-xs)}.fitness-curve__beswick-inputs{padding:var(--s-4);background:var(--surface-2);border:1px solid var(--border-dim);border-radius:var(--radius-sm)}.fitness-curve__beswick-inputs h4{margin:0 0 var(--s-4);font-size:var(--step-0);color:var(--text)}.fitness-curve__beswick-performance{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2) 0;border-bottom:1px solid var(--border-dim)}.fitness-curve__beswick-performance:last-child{border-bottom:none}.fitness-curve__remove-performance{align-self:flex-start;padding:var(--s-1) var(--s-2);font-size:var(--step-neg-1);color:var(--text-on-action);cursor:pointer;background:var(--bad-dark);border:1px solid var(--bad);border-radius:var(--radius-xs)}.fitness-curve__remove-performance:hover{background:var(--bad)}.fitness-curve__add-performance{padding:var(--s-1) var(--s-2);margin-top:var(--s-2);color:var(--text-on-action);cursor:pointer;background:var(--good-surface);border:1px solid var(--good-surface-hover);border-radius:var(--radius-xs)}.fitness-curve__add-performance:hover{background:var(--good-surface-hover)}.fitness-curve__numbers{font-size:var(--step-neg-1);color:var(--accent-blue)}.fitness-curve__slope-hint{margin-top:var(--s-1);font-size:var(--step-neg-1);color:var(--text-muted)}.fitness-curve__warning{padding:var(--s-3);margin-top:var(--s-4);font-size:var(--step-neg-1);line-height:1.4;color:var(--warning-dim);background-color:var(--warning-surface);border:1px solid var(--warning);border-radius:var(--radius-sm)}.fitness-curve__warning strong{display:block;margin-bottom:var(--s-1);font-weight:600;color:var(--warning)}@media (width <= 768px){.curve{display:flex;flex-direction:column}.curve__canvas{flex:1;min-height:max(300px,40vh);overflow:hidden}.fitness-curve__beswick-inputs h4{font-size:var(--step-neg-1)}}.fitness-curve__chart{flex:1;min-height:var(--layout-chart-min-h)}.fitness-curve__display{flex:1;overflow-x:hidden;overflow-y:auto;background-color:var(--bg)}.fitness-curve__tooltip{padding:var(--s-2) var(--s-3);font-size:var(--step-neg-1);line-height:1.4;color:var(--text-on-action);background:var(--overlay);border-radius:var(--radius-xs)}.fitness-curve__chart-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%}.fitness-curve__chart-wrapper:focus-visible{outline:var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-offset))}.fitness-curve__chart-wrapper:focus:not(:focus-visible){outline:none}.fitness-curve-container{position:relative;width:100%}.fitness-curve__chart-area{position:relative;flex:1;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;background-color:var(--bg);-webkit-overflow-scrolling:touch}.chart-scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch}.fitness-curve__chart-area .recharts-line-curve{filter:drop-shadow(0 0 6px var(--chart-curve))}.fitness-curve__callout{padding:var(--s-2) var(--s-3);font-size:var(--step-neg-1);color:var(--text);white-space:nowrap;background:var(--surface-1);border:1px solid var(--border-dim);border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.fitness-curve__chart-area .recharts-wrapper .recharts-surface>g.recharts-yAxis.yAxis{position:-webkit-sticky;position:sticky;left:0;z-index:var(--z-content-overlay)}.scroll-indicator{height:var(--scroll-indicator-h);margin:var(--s-1) var(--s-4);overflow:hidden;background:var(--scroll-indicator-bg);border-radius:calc(var(--scroll-indicator-h) / 2)}.scroll-indicator__fill{height:100%;background:var(--scroll-indicator-fill);border-radius:inherit;transition:transform var(--dur-fast) ease-out;transform-origin:left}@media (width <= 768px){.fitness-curve__display{flex-basis:0;flex-grow:1;flex-shrink:1;width:100%;min-height:40svh;max-height:min(60svh,var(--layout-chart-max-h));overflow-x:auto;overflow-y:auto}.fitness-curve__chart-area{height:100%}}.fitness-curve__table{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-4);color:var(--text)}.fitness-curve__table table{width:100%;border-collapse:collapse;background:var(--surface-1);border-radius:var(--radius)}.fitness-curve__table th,.fitness-curve__table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-dim)}.fitness-curve__table th{font-size:var(--step-neg-1);font-weight:600;color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:.5px}.fitness-curve__table td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.fitness-curve__table h4{margin:var(--s-2) 0;font-size:var(--step-0);font-weight:600;color:var(--text)}.fitness-curve__table table th:first-child,.fitness-curve__table table td:first-child{position:-webkit-sticky;position:sticky;left:0;z-index:var(--z-sticky);background-color:var(--surface-1)}.fitness-curve__table table thead th:first-child{z-index:var(--z-sticky-header)}@media (width <= 768px){.fitness-curve__table{padding:var(--s-3);overflow-x:auto}.fitness-curve__table table{min-width:var(--layout-chart-scroll-min);white-space:nowrap}.fitness-curve__table th,.fitness-curve__table td{padding:var(--s-1) var(--s-2);font-size:var(--step-neg-1)}}@media (width <= 480px){.fitness-curve__table th,.fitness-curve__table td{padding:var(--s-1) var(--s-2);font-size:var(--step-neg-1)}}.curve-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:var(--overlay)}.curve-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--bg);animation:curve-modal-slide-up var(--dur-modal) ease-out}@keyframes curve-modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.curve-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4);padding-top:max(var(--s-4),env(safe-area-inset-top));border-bottom:1px solid var(--border-dim)}.curve-modal__title{font-size:var(--step-1);font-weight:600;color:var(--text)}.curve-modal__done{padding:var(--s-2) var(--s-5);font-family:var(--font-body);font-size:var(--step-0);font-weight:600;color:var(--text-on-action);cursor:pointer;background:var(--brand);border:none;border-radius:var(--radius-sm);transition:var(--transition-button)}.curve-modal__done:hover{background:var(--brand-hover)}.curve-modal__body{display:flex;flex:1;flex-direction:column;gap:var(--s-4);padding:var(--s-4);padding-bottom:max(var(--s-6),env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.pace-cards{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4)}.pace-cards__section-title{margin:var(--s-2) 0 0;font-size:var(--step-0);font-weight:600;color:var(--text)}.pace-card{overflow:hidden;background:var(--surface-1);border:1px solid var(--border-dim);border-radius:var(--radius-sm)}.pace-card__header{padding:var(--s-2) var(--s-4);font-size:var(--step-neg-1);font-weight:600;color:var(--text);background:var(--surface-2);border-bottom:1px solid var(--border-dim)}.pace-card__body{padding:0}.pace-card__row{display:flex;justify-content:space-between;padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--border-faint)}.pace-card__row:last-child{border-bottom:none}.pace-card__label{font-size:var(--step-neg-1);color:var(--text-muted)}.pace-card__value{font-family:var(--font-mono);font-size:var(--step-neg-1);font-variant-numeric:tabular-nums;color:var(--text)}.time-input{display:flex;flex-direction:column;gap:var(--s-1)}.time-input__label{font-size:var(--step-neg-1);color:var(--toggle-off)}.time-input__field{width:100%;padding:var(--s-1);font-family:var(--font-mono);color:var(--text);background:var(--surface-4);border:1px solid var(--border);border-radius:var(--radius-xs)}@media (width <= 640px){.time-input__field{padding:var(--s-3);font-size:16px;border-radius:var(--radius-sm)}}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:var(--layout-error-min-h);padding:var(--s-6);color:var(--text);text-align:center;background-color:var(--surface-1)}.error-boundary__title{margin:0 0 var(--s-3)}.error-boundary__message{margin:0 0 var(--s-5);opacity:.7}.error-boundary__retry{padding:var(--s-2) var(--s-5);font-size:var(--step-neg-1);color:var(--text);cursor:pointer;background-color:transparent;border:1px solid var(--text);border-radius:var(--radius-xs)}.persistence-error{position:fixed;inset:0 0 auto;z-index:var(--z-overlay);display:flex;gap:var(--s-3);align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);font-size:var(--step-neg-1);color:var(--color-error-text);background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-xs)}.persistence-error__message{flex:1}.persistence-error__dismiss{padding:var(--s-1) var(--s-2);font-size:var(--step-neg-1);color:inherit;cursor:pointer;background:none;border:1px solid currentcolor;border-radius:var(--radius-xs)}