.demo-root{--demo-bg: #f4f3f0;--demo-surface: #ffffff;--demo-surface-raised: #ffffff;--demo-surface-dark: #1c1c1e;--demo-surface-dark-secondary: #2c2c2e;--demo-text: #1c1c1e;--demo-text-secondary: #8e8e93;--demo-text-tertiary: #aeaeb2;--demo-text-inverse: #f4f3f0;--demo-accent: #30d158;--demo-accent-dim: rgba(48, 209, 88, .15);--demo-border: #e5e5e7;--demo-border-strong: #d1d1d6;--demo-danger: #ff453a;--demo-danger-dim: rgba(255, 69, 58, .12);--demo-warning: #ff9f0a;--demo-warning-dim: rgba(255, 159, 10, .12);--demo-info: #0a84ff;--demo-info-dim: rgba(10, 132, 255, .12);--demo-space-xs: 4px;--demo-space-sm: 8px;--demo-space-md: 16px;--demo-space-lg: 24px;--demo-space-xl: 32px;--demo-space-2xl: 48px;--demo-header-h: 52px;--demo-tabbar-h: 52px;--demo-safe-bottom: env(safe-area-inset-bottom, 0px);--demo-tap: 44px;--demo-font-xs: .6875rem;--demo-font-sm: .8125rem;--demo-font-base: .9375rem;--demo-font-lg: 1.0625rem;--demo-font-xl: 1.25rem;--demo-font-2xl: 1.75rem;--demo-font-3xl: 2.5rem;--demo-weight-normal: 400;--demo-weight-medium: 500;--demo-weight-semibold: 600;--demo-weight-bold: 700;--demo-weight-heavy: 800;--demo-radius-sm: 8px;--demo-radius-md: 12px;--demo-radius-lg: 16px;--demo-radius-xl: 20px;--demo-radius-full: 9999px;--demo-shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--demo-shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--demo-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--demo-ease: cubic-bezier(.25, .1, .25, 1);--demo-duration: .2s}.demo-root{max-width:430px;min-height:100dvh;margin:0 auto;background:var(--demo-bg);position:relative;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--demo-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;overflow:hidden}@media(min-width:480px){.demo-root{margin-top:24px;margin-bottom:24px;border-radius:32px;min-height:calc(100dvh - 48px);box-shadow:0 0 0 1px #00000014,0 24px 80px #0000001f,0 8px 24px #0000000f;overflow:hidden}}.demo-header{position:sticky;top:0;z-index:20;height:var(--demo-header-h);background:#f4f3f0d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid var(--demo-border);display:flex;align-items:center;padding:0 var(--demo-space-md);gap:var(--demo-space-sm);flex-shrink:0}.demo-header__back{display:flex;align-items:center;justify-content:center;width:var(--demo-tap);height:var(--demo-tap);margin-left:-8px;background:none;border:none;color:var(--demo-accent);font-size:var(--demo-font-lg);cursor:pointer;border-radius:var(--demo-radius-full);transition:background var(--demo-duration) var(--demo-ease)}.demo-header__back:active{background:var(--demo-accent-dim)}.demo-header__back svg{width:20px;height:20px}.demo-header__title{flex:1;font-size:var(--demo-font-lg);font-weight:var(--demo-weight-semibold);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-header__title--large{font-size:var(--demo-font-2xl);font-weight:var(--demo-weight-bold);letter-spacing:-.03em}.demo-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--demo-tabbar-h) + var(--demo-safe-bottom) + 8px)}.demo-tabbar{position:sticky;bottom:0;z-index:20;height:calc(var(--demo-tabbar-h) + var(--demo-safe-bottom));background:#f4f3f0d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--demo-border);display:flex;align-items:flex-start;justify-content:space-around;padding-top:6px;padding-bottom:var(--demo-safe-bottom);flex-shrink:0}.demo-tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:var(--demo-tap);min-height:40px;padding:2px 12px;text-decoration:none;color:var(--demo-text-tertiary);font-size:10px;font-weight:var(--demo-weight-medium);letter-spacing:.01em;transition:color var(--demo-duration) var(--demo-ease);-webkit-tap-highlight-color:transparent}.demo-tabbar__item--active,.demo-tabbar__item.active{color:var(--demo-accent)}.demo-tabbar__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.demo-tabbar__icon svg{width:22px;height:22px;stroke-width:1.8}.demo-tabbar__label{line-height:1}.demo-page{padding:var(--demo-space-md);padding-top:var(--demo-space-lg)}.demo-page__title{font-size:var(--demo-font-2xl);font-weight:var(--demo-weight-bold);letter-spacing:-.03em;margin-bottom:var(--demo-space-xs);line-height:1.15}.demo-page__subtitle{font-size:var(--demo-font-sm);color:var(--demo-text-secondary);margin-bottom:var(--demo-space-lg);line-height:1.4}.demo-section{margin-bottom:var(--demo-space-lg)}.demo-section__label{font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--demo-space-sm);padding-left:var(--demo-space-xs)}.demo-card{background:var(--demo-surface);border-radius:var(--demo-radius-md);padding:var(--demo-space-md);box-shadow:var(--demo-shadow-sm);border:.5px solid var(--demo-border)}.demo-card+.demo-card{margin-top:var(--demo-space-sm)}.demo-card--dark{background:var(--demo-surface-dark);color:var(--demo-text-inverse);border:none}.demo-card--interactive{cursor:pointer;transition:transform var(--demo-duration) var(--demo-ease),box-shadow var(--demo-duration) var(--demo-ease);-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;color:inherit}.demo-card--interactive:active{transform:scale(.98);box-shadow:var(--demo-shadow-sm)}.demo-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--demo-space-sm)}.demo-card__title{font-size:var(--demo-font-base);font-weight:var(--demo-weight-semibold);letter-spacing:-.01em}.demo-card__meta{font-size:var(--demo-font-xs);color:var(--demo-text-secondary)}.demo-card__description{font-size:var(--demo-font-sm);color:var(--demo-text-secondary);line-height:1.45}.demo-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--demo-radius-full);font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);letter-spacing:.02em;line-height:1.3}.demo-badge--active{background:var(--demo-accent-dim);color:#1a8a3b}.demo-badge--completed{background:var(--demo-info-dim);color:#0a6dd6}.demo-badge--draft{background:#8e8e931f;color:var(--demo-text-secondary)}.demo-badge--archived{background:#8e8e9314;color:var(--demo-text-tertiary)}.demo-badge--warmup{background:var(--demo-warning-dim);color:#c57a00}.demo-badge--working{background:var(--demo-accent-dim);color:#1a8a3b}.demo-badge--dropset{background:var(--demo-danger-dim);color:#d63a32}.demo-badge--amrap{background:#af52de1f;color:#8944ab}.demo-badge--rest_pause{background:var(--demo-info-dim);color:#0a6dd6}.demo-badge--today{background:var(--demo-accent);color:#fff;font-weight:var(--demo-weight-bold)}.demo-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--demo-space-sm)}.demo-stat-card{background:var(--demo-surface);border-radius:var(--demo-radius-md);padding:var(--demo-space-md);border:.5px solid var(--demo-border)}.demo-stat-card__value{font-size:var(--demo-font-2xl);font-weight:var(--demo-weight-heavy);letter-spacing:-.04em;line-height:1;margin-bottom:var(--demo-space-xs)}.demo-stat-card__value--accent{color:var(--demo-accent)}.demo-stat-card__label{font-size:var(--demo-font-xs);color:var(--demo-text-secondary);font-weight:var(--demo-weight-medium);text-transform:uppercase;letter-spacing:.04em}.demo-week{margin-bottom:var(--demo-space-sm)}.demo-week__header{display:flex;align-items:center;justify-content:space-between;padding:var(--demo-space-md);background:var(--demo-surface);border-radius:var(--demo-radius-md);border:.5px solid var(--demo-border);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--demo-duration) var(--demo-ease)}.demo-week__header:active{background:var(--demo-bg)}.demo-week__header--current{border-color:var(--demo-accent);border-width:1.5px}.demo-week__title{font-size:var(--demo-font-base);font-weight:var(--demo-weight-semibold);letter-spacing:-.01em}.demo-week__chevron{width:20px;height:20px;color:var(--demo-text-tertiary);transition:transform var(--demo-duration) var(--demo-ease)}.demo-week__chevron--open{transform:rotate(180deg)}.demo-week__days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:var(--demo-space-sm) 0}.demo-day-card{display:flex;flex-direction:column;align-items:center;padding:var(--demo-space-sm) var(--demo-space-xs);border-radius:var(--demo-radius-sm);background:var(--demo-surface);border:.5px solid var(--demo-border);text-decoration:none;color:inherit;min-height:72px;transition:transform var(--demo-duration) var(--demo-ease),border-color var(--demo-duration) var(--demo-ease);-webkit-tap-highlight-color:transparent}.demo-day-card:active{transform:scale(.95)}.demo-day-card--rest{background:var(--demo-bg);border-color:transparent;opacity:.6}.demo-day-card--today{border-color:var(--demo-accent);border-width:2px;background:var(--demo-accent-dim)}.demo-day-card__number{font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary);margin-bottom:2px}.demo-day-card--today .demo-day-card__number{color:var(--demo-accent)}.demo-day-card__name{font-size:9px;font-weight:var(--demo-weight-medium);text-align:center;line-height:1.2;color:var(--demo-text);word-break:break-word;max-width:100%}.demo-day-card--rest .demo-day-card__name{color:var(--demo-text-tertiary)}.demo-day-card__count{font-size:8px;color:var(--demo-text-tertiary);margin-top:2px}.demo-day-list{display:flex;flex-direction:column;gap:var(--demo-space-sm)}.demo-day-row{display:flex;align-items:center;gap:var(--demo-space-md);padding:var(--demo-space-md);background:var(--demo-surface);border-radius:var(--demo-radius-md);border:.5px solid var(--demo-border);text-decoration:none;color:inherit;transition:transform var(--demo-duration) var(--demo-ease);-webkit-tap-highlight-color:transparent}.demo-day-row:active{transform:scale(.98)}.demo-day-row--rest{opacity:.55}.demo-day-row--today{border-color:var(--demo-accent);border-width:1.5px}.demo-day-row__indicator{width:36px;height:36px;border-radius:var(--demo-radius-sm);background:var(--demo-bg);display:flex;align-items:center;justify-content:center;font-size:var(--demo-font-sm);font-weight:var(--demo-weight-bold);color:var(--demo-text-secondary);flex-shrink:0}.demo-day-row--today .demo-day-row__indicator{background:var(--demo-accent);color:#fff}.demo-day-row__info{flex:1;min-width:0}.demo-day-row__name{font-size:var(--demo-font-base);font-weight:var(--demo-weight-medium);margin-bottom:2px}.demo-day-row__detail{font-size:var(--demo-font-xs);color:var(--demo-text-secondary)}.demo-day-row__arrow{color:var(--demo-text-tertiary);flex-shrink:0}.demo-exercise{background:var(--demo-surface);border-radius:var(--demo-radius-md);border:.5px solid var(--demo-border);overflow:hidden}.demo-exercise+.demo-exercise{margin-top:var(--demo-space-sm)}.demo-exercise__header{padding:var(--demo-space-md);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--demo-space-sm)}.demo-exercise__order{width:28px;height:28px;border-radius:var(--demo-radius-full);background:var(--demo-surface-dark);color:var(--demo-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--demo-font-xs);font-weight:var(--demo-weight-bold);flex-shrink:0}.demo-exercise__info{flex:1;min-width:0}.demo-exercise__name{font-size:var(--demo-font-base);font-weight:var(--demo-weight-semibold);letter-spacing:-.01em;margin-bottom:4px}.demo-exercise__muscles{display:flex;flex-wrap:wrap;gap:4px}.demo-exercise__muscle-tag{font-size:10px;font-weight:var(--demo-weight-medium);color:var(--demo-text-secondary);background:var(--demo-bg);padding:2px 6px;border-radius:var(--demo-radius-full)}.demo-exercise__youtube{display:flex;align-items:center;justify-content:center;width:var(--demo-tap);height:var(--demo-tap);color:red;flex-shrink:0;border-radius:var(--demo-radius-sm);-webkit-tap-highlight-color:transparent}.demo-exercise__youtube:active{background:#ff000014}.demo-exercise__youtube svg{width:20px;height:20px}.demo-exercise__notes{padding:0 var(--demo-space-md) var(--demo-space-sm);font-size:var(--demo-font-xs);color:var(--demo-text-secondary);font-style:italic}.demo-exercise__rest{padding:var(--demo-space-sm) var(--demo-space-md);font-size:var(--demo-font-xs);color:var(--demo-text-tertiary);border-top:.5px solid var(--demo-border);display:flex;align-items:center;gap:var(--demo-space-xs)}.demo-set-table{width:100%;border-collapse:collapse}.demo-set-table th{font-size:10px;font-weight:var(--demo-weight-semibold);color:var(--demo-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--demo-space-xs) var(--demo-space-sm);text-align:left;border-bottom:.5px solid var(--demo-border)}.demo-set-table th:first-child{padding-left:var(--demo-space-md)}.demo-set-table th:last-child{padding-right:var(--demo-space-md)}.demo-set-table td{font-size:var(--demo-font-sm);padding:var(--demo-space-sm);border-bottom:.5px solid rgba(0,0,0,.04);font-variant-numeric:tabular-nums}.demo-set-table td:first-child{padding-left:var(--demo-space-md)}.demo-set-table td:last-child{padding-right:var(--demo-space-md)}.demo-set-table tr:last-child td{border-bottom:none}.demo-set-table__set-num{font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary)}.demo-set-table__weight{font-weight:var(--demo-weight-semibold)}.demo-workout-sets{display:flex;flex-direction:column}.demo-set-row{display:grid;grid-template-columns:36px 1fr 1fr 56px 44px;gap:var(--demo-space-sm);align-items:center;padding:var(--demo-space-sm) var(--demo-space-md);border-bottom:.5px solid rgba(0,0,0,.04);transition:background var(--demo-duration) var(--demo-ease)}.demo-set-row:last-child{border-bottom:none}.demo-set-row--completed{background:var(--demo-accent-dim)}.demo-set-row__labels{display:grid;grid-template-columns:36px 1fr 1fr 56px 44px;gap:var(--demo-space-sm);padding:var(--demo-space-xs) var(--demo-space-md);padding-top:var(--demo-space-sm)}.demo-set-row__label{font-size:10px;font-weight:var(--demo-weight-semibold);color:var(--demo-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.demo-set-row__num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--demo-radius-full);font-size:var(--demo-font-xs);font-weight:var(--demo-weight-bold);background:var(--demo-bg);color:var(--demo-text-secondary)}.demo-set-row--completed .demo-set-row__num{background:var(--demo-accent);color:#fff}.demo-set-row__input{width:100%;height:36px;border:1.5px solid var(--demo-border);border-radius:var(--demo-radius-sm);padding:0 var(--demo-space-sm);font-size:var(--demo-font-base);font-weight:var(--demo-weight-semibold);font-variant-numeric:tabular-nums;text-align:center;background:var(--demo-surface);color:var(--demo-text);outline:none;transition:border-color var(--demo-duration) var(--demo-ease);-webkit-appearance:none}.demo-set-row__input:focus{border-color:var(--demo-accent)}.demo-set-row__input--filled{border-color:var(--demo-accent);background:var(--demo-accent-dim)}.demo-set-row__input::placeholder{color:var(--demo-text-tertiary);font-weight:var(--demo-weight-normal)}.demo-set-row__check{display:flex;align-items:center;justify-content:center;width:var(--demo-tap);height:var(--demo-tap);border:none;background:none;cursor:pointer;color:var(--demo-text-tertiary);border-radius:var(--demo-radius-sm);-webkit-tap-highlight-color:transparent;transition:color var(--demo-duration) var(--demo-ease),background var(--demo-duration) var(--demo-ease)}.demo-set-row__check:active{background:var(--demo-accent-dim)}.demo-set-row__check--done{color:var(--demo-accent)}.demo-set-row__check svg{width:24px;height:24px}.demo-set-row__target{font-size:var(--demo-font-xs);color:var(--demo-text-tertiary);text-align:center}.demo-rpe-selector{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:var(--demo-space-sm) 0}.demo-rpe-btn{width:36px;height:32px;border:1.5px solid var(--demo-border);border-radius:var(--demo-radius-sm);background:var(--demo-surface);font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--demo-duration) var(--demo-ease),background var(--demo-duration) var(--demo-ease),color var(--demo-duration) var(--demo-ease)}.demo-rpe-btn:active{transform:scale(.95)}.demo-rpe-btn--selected{border-color:var(--demo-accent);background:var(--demo-accent-dim);color:var(--demo-accent)}.demo-rpe-btn--high{border-color:var(--demo-danger);background:var(--demo-danger-dim);color:var(--demo-danger)}.demo-timer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:demo-timer-fade-in .3s var(--demo-ease)}@keyframes demo-timer-fade-in{0%{opacity:0}to{opacity:1}}.demo-timer__ring{position:relative;width:220px;height:220px;margin-bottom:var(--demo-space-xl)}.demo-timer__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.demo-timer__ring-track{fill:none;stroke:#ffffff14;stroke-width:6}.demo-timer__ring-progress{fill:none;stroke:var(--demo-accent);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.demo-timer__time{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:var(--demo-weight-heavy);color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.demo-timer__label{font-size:var(--demo-font-sm);color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--demo-space-xl)}.demo-timer__actions{display:flex;gap:var(--demo-space-md)}.demo-timer__btn{height:var(--demo-tap);padding:0 var(--demo-space-lg);border:none;border-radius:var(--demo-radius-full);font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--demo-duration) var(--demo-ease),opacity var(--demo-duration) var(--demo-ease)}.demo-timer__btn:active{transform:scale(.95)}.demo-timer__btn--skip{background:#ffffff1f;color:#fff}.demo-timer__btn--extend{background:#30d15833;color:var(--demo-accent)}@keyframes demo-timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.demo-timer__time--done{animation:demo-timer-pulse .8s var(--demo-ease) infinite;color:var(--demo-accent)}.demo-chart-placeholder{background:var(--demo-surface);border:1.5px dashed var(--demo-border-strong);border-radius:var(--demo-radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--demo-space-sm);padding:var(--demo-space-lg);min-height:160px}.demo-chart-placeholder__icon{width:32px;height:32px;color:var(--demo-text-tertiary);opacity:.5}.demo-chart-placeholder__title{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary)}.demo-chart-placeholder__subtitle{font-size:var(--demo-font-xs);color:var(--demo-text-tertiary)}.demo-metrics-row{display:flex;gap:var(--demo-space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--demo-space-xs)}.demo-metrics-row::-webkit-scrollbar{display:none}.demo-metric-chip{flex-shrink:0;background:var(--demo-surface);border:.5px solid var(--demo-border);border-radius:var(--demo-radius-md);padding:var(--demo-space-sm) var(--demo-space-md);text-align:center;min-width:80px}.demo-metric-chip__value{font-size:var(--demo-font-lg);font-weight:var(--demo-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.demo-metric-chip__label{font-size:10px;color:var(--demo-text-secondary);font-weight:var(--demo-weight-medium);margin-top:2px}.demo-metric-chip__delta{font-size:10px;font-weight:var(--demo-weight-semibold);margin-top:2px}.demo-metric-chip__delta--positive{color:var(--demo-accent)}.demo-metric-chip__delta--negative{color:var(--demo-danger)}.demo-history-item{display:flex;align-items:center;gap:var(--demo-space-md);padding:var(--demo-space-md) 0;border-bottom:.5px solid var(--demo-border)}.demo-history-item:last-child{border-bottom:none}.demo-history-item__dot{width:10px;height:10px;border-radius:var(--demo-radius-full);background:var(--demo-accent);flex-shrink:0}.demo-history-item__info{flex:1;min-width:0}.demo-history-item__name{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold)}.demo-history-item__date{font-size:var(--demo-font-xs);color:var(--demo-text-secondary)}.demo-history-item__stats{text-align:right;flex-shrink:0}.demo-history-item__duration{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold);font-variant-numeric:tabular-nums}.demo-history-item__effort{font-size:var(--demo-font-xs);color:var(--demo-text-secondary)}.demo-pr-card{display:flex;align-items:center;gap:var(--demo-space-md);padding:var(--demo-space-sm) 0}.demo-pr-card__icon{width:32px;height:32px;border-radius:var(--demo-radius-sm);background:var(--demo-warning-dim);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.demo-pr-card__info{flex:1}.demo-pr-card__exercise{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-medium)}.demo-pr-card__value{font-size:var(--demo-font-xs);color:var(--demo-text-secondary)}.demo-greeting{margin-bottom:var(--demo-space-xs)}.demo-greeting__time{font-size:var(--demo-font-sm);color:var(--demo-text-secondary);font-weight:var(--demo-weight-medium);text-transform:uppercase;letter-spacing:.04em}.demo-greeting__name{font-size:var(--demo-font-2xl);font-weight:var(--demo-weight-bold);letter-spacing:-.03em;line-height:1.15}.demo-today-card{background:var(--demo-surface-dark);color:var(--demo-text-inverse);border-radius:var(--demo-radius-lg);padding:var(--demo-space-lg);position:relative;overflow:hidden}.demo-today-card:before{content:"";position:absolute;top:-20%;right:-15%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(48,209,88,.15) 0%,transparent 70%);pointer-events:none}.demo-today-card__label{font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);color:var(--demo-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--demo-space-sm)}.demo-today-card__title{font-size:var(--demo-font-xl);font-weight:var(--demo-weight-bold);letter-spacing:-.02em;margin-bottom:var(--demo-space-xs)}.demo-today-card__meta{font-size:var(--demo-font-sm);color:#fff9;margin-bottom:var(--demo-space-lg)}.demo-today-card__rest-msg{font-size:var(--demo-font-base);color:#ffffffb3;line-height:1.5}.demo-week-dots{display:flex;justify-content:space-between;padding:var(--demo-space-md) 0}.demo-week-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-week-dot__label{font-size:10px;font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary);text-transform:uppercase}.demo-week-dot__circle{width:32px;height:32px;border-radius:var(--demo-radius-full);border:2px solid var(--demo-border);display:flex;align-items:center;justify-content:center}.demo-week-dot__circle--completed{background:var(--demo-accent);border-color:var(--demo-accent)}.demo-week-dot__circle--completed svg{width:14px;height:14px;color:#fff}.demo-week-dot__circle--today{border-color:var(--demo-accent);border-width:2.5px}.demo-week-dot__circle--rest{border-style:dashed;border-color:var(--demo-border)}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--demo-space-sm);height:var(--demo-tap);padding:0 var(--demo-space-lg);border:none;border-radius:var(--demo-radius-md);font-size:var(--demo-font-base);font-weight:var(--demo-weight-semibold);letter-spacing:-.01em;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform var(--demo-duration) var(--demo-ease),opacity var(--demo-duration) var(--demo-ease)}.demo-btn:active{transform:scale(.97)}.demo-btn--primary{background:var(--demo-accent);color:#fff}.demo-btn--secondary{background:var(--demo-bg);color:var(--demo-text);border:1px solid var(--demo-border)}.demo-btn--dark{background:var(--demo-surface-dark);color:var(--demo-text-inverse)}.demo-btn--danger{background:var(--demo-danger);color:#fff}.demo-btn--full{width:100%}.demo-btn--lg{height:52px;font-size:var(--demo-font-lg);border-radius:var(--demo-radius-lg)}.demo-btn svg{width:18px;height:18px}.demo-exercise-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--demo-space-md);border-top:.5px solid var(--demo-border);background:var(--demo-surface)}.demo-exercise-nav__btn{display:flex;align-items:center;gap:var(--demo-space-xs);height:var(--demo-tap);padding:0 var(--demo-space-md);border:none;background:none;color:var(--demo-accent);font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold);cursor:pointer;border-radius:var(--demo-radius-sm);-webkit-tap-highlight-color:transparent}.demo-exercise-nav__btn:active{background:var(--demo-accent-dim)}.demo-exercise-nav__btn:disabled{color:var(--demo-text-tertiary);cursor:default}.demo-exercise-nav__btn:disabled:active{background:none}.demo-exercise-nav__btn svg{width:16px;height:16px}.demo-exercise-nav__indicator{font-size:var(--demo-font-xs);font-weight:var(--demo-weight-semibold);color:var(--demo-text-secondary);font-variant-numeric:tabular-nums}.demo-summary{padding:var(--demo-space-lg) var(--demo-space-md);text-align:center}.demo-summary__icon{width:64px;height:64px;border-radius:var(--demo-radius-full);background:var(--demo-accent-dim);color:var(--demo-accent);display:flex;align-items:center;justify-content:center;margin:0 auto var(--demo-space-md)}.demo-summary__icon svg{width:32px;height:32px}.demo-summary__title{font-size:var(--demo-font-xl);font-weight:var(--demo-weight-bold);letter-spacing:-.02em;margin-bottom:var(--demo-space-xs)}.demo-summary__subtitle{font-size:var(--demo-font-sm);color:var(--demo-text-secondary);margin-bottom:var(--demo-space-lg)}.demo-summary__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--demo-space-sm);margin-bottom:var(--demo-space-lg)}.demo-summary__stat{text-align:center}.demo-summary__stat-value{font-size:var(--demo-font-xl);font-weight:var(--demo-weight-heavy);letter-spacing:-.03em}.demo-summary__stat-label{font-size:var(--demo-font-xs);color:var(--demo-text-secondary);margin-top:2px}.demo-effort-rating{display:flex;gap:6px;justify-content:center;padding:var(--demo-space-md) 0}.demo-effort-btn{width:36px;height:36px;border-radius:var(--demo-radius-full);border:1.5px solid var(--demo-border);background:var(--demo-surface);font-size:var(--demo-font-sm);font-weight:var(--demo-weight-bold);color:var(--demo-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color var(--demo-duration) var(--demo-ease),background var(--demo-duration) var(--demo-ease),color var(--demo-duration) var(--demo-ease);font-variant-numeric:tabular-nums}.demo-effort-btn:active{transform:scale(.9)}.demo-effort-btn--selected{border-color:var(--demo-accent);background:var(--demo-accent);color:#fff}.demo-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--demo-space-sm)}.demo-quick-action{display:flex;align-items:center;gap:var(--demo-space-sm);padding:var(--demo-space-md);background:var(--demo-surface);border-radius:var(--demo-radius-md);border:.5px solid var(--demo-border);text-decoration:none;color:var(--demo-text);-webkit-tap-highlight-color:transparent;transition:transform var(--demo-duration) var(--demo-ease)}.demo-quick-action:active{transform:scale(.97)}.demo-quick-action__icon{width:36px;height:36px;border-radius:var(--demo-radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-quick-action__icon--programme{background:var(--demo-info-dim);color:var(--demo-info)}.demo-quick-action__icon--progress{background:var(--demo-accent-dim);color:var(--demo-accent)}.demo-quick-action__icon svg{width:18px;height:18px}.demo-quick-action__label{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-semibold)}.demo-profile-avatar{width:80px;height:80px;border-radius:var(--demo-radius-full);background:var(--demo-surface-dark);color:var(--demo-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--demo-font-2xl);font-weight:var(--demo-weight-bold);margin:0 auto var(--demo-space-md)}.demo-profile-name{font-size:var(--demo-font-xl);font-weight:var(--demo-weight-bold);text-align:center;margin-bottom:var(--demo-space-xs)}.demo-profile-email{font-size:var(--demo-font-sm);color:var(--demo-text-secondary);text-align:center;margin-bottom:var(--demo-space-lg)}.demo-profile-field{display:flex;justify-content:space-between;padding:var(--demo-space-md) 0;border-bottom:.5px solid var(--demo-border)}.demo-profile-field__label{font-size:var(--demo-font-sm);color:var(--demo-text-secondary)}.demo-profile-field__value{font-size:var(--demo-font-sm);font-weight:var(--demo-weight-medium)}.demo-notice{display:flex;align-items:center;gap:var(--demo-space-sm);padding:var(--demo-space-sm) var(--demo-space-md);background:var(--demo-info-dim);border-radius:var(--demo-radius-sm);font-size:var(--demo-font-xs);color:var(--demo-info);font-weight:var(--demo-weight-medium);margin-top:var(--demo-space-lg)}.demo-spacer{height:var(--demo-space-md)}.demo-spacer--lg{height:var(--demo-space-lg)}.demo-divider{height:.5px;background:var(--demo-border);margin:var(--demo-space-md) 0}.demo-text-center{text-align:center}.demo-text-secondary{color:var(--demo-text-secondary)}.demo-text-xs{font-size:var(--demo-font-xs)}.demo-mt-sm{margin-top:var(--demo-space-sm)}.demo-mt-md{margin-top:var(--demo-space-md)}.demo-mt-lg{margin-top:var(--demo-space-lg)}.demo-mb-sm{margin-bottom:var(--demo-space-sm)}.demo-mb-md{margin-bottom:var(--demo-space-md)}.demo-mb-lg{margin-bottom:var(--demo-space-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1a1a1a;background:#f5f5f5}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:1.5rem 1rem}.sidebar-header h2{font-size:1.25rem;margin-bottom:2rem;padding:0 .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-link{display:block;padding:.625rem .75rem;color:#a0a0b8;text-decoration:none;border-radius:6px;font-size:.9rem;transition:background .15s,color .15s}.nav-link:hover{background:#ffffff14;color:#fff}.nav-link.active{background:#ffffff1f;color:#fff;font-weight:500}.sidebar-footer{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.main-content{flex:1;padding:2rem}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1rem;color:#666}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f5f5}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;font-weight:600}.page-header__subtitle{font-size:.875rem;color:#6b7280;font-weight:400;margin-top:.25rem;letter-spacing:.01em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stat-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;position:relative;overflow:hidden;transition:border-color .2s}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#e5e7eb;transition:background .2s}.stat-card:hover{border-color:#d1d5db}.stat-card:hover:before{background:#4f46e5}.stat-card__value{font-size:1.75rem;font-weight:700;line-height:1;color:#111827;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stat-card__label{font-size:.8125rem;color:#6b7280;margin-top:.5rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.stat-card__trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;margin-top:.625rem;padding:.125rem .5rem;border-radius:100px;font-variant-numeric:tabular-nums}.stat-card__trend--up{color:#059669;background:#ecfdf5}.stat-card__trend--down{color:#dc2626;background:#fef2f2}.two-col{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:960px){.two-col{grid-template-columns:1fr}}.section{margin-bottom:1.5rem}.section__title{font-size:.8125rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.activity-feed{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;position:relative;transition:background .15s}.activity-item:hover{background:#f9fafb}.activity-item+.activity-item{border-top:1px solid #f3f4f6}.activity-item__dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;margin-top:.375rem;flex-shrink:0}.activity-item__dot--workout{background:#4f46e5}.activity-item__dot--metric{background:#059669}.activity-item__dot--check_in{background:#f59e0b}.activity-item__dot--programme{background:#0ea5e9}.activity-item__body{flex:1;min-width:0}.activity-item__client{font-size:.8125rem;font-weight:600;color:#111827}.activity-item__desc{font-size:.8125rem;color:#6b7280;margin-top:.125rem;line-height:1.4}.activity-item__time{font-size:.75rem;color:#9ca3af;white-space:nowrap;flex-shrink:0;margin-top:.125rem;font-variant-numeric:tabular-nums}.quick-actions{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.quick-action{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:#111827;font-size:.875rem;font-weight:500;transition:background .15s}.quick-action:hover{background:#f9fafb}.quick-action+.quick-action{border-top:1px solid #f3f4f6}.quick-action__icon{width:32px;height:32px;border-radius:8px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action__icon svg{width:16px;height:16px}.quick-action__arrow{margin-left:auto;color:#d1d5db;flex-shrink:0}.quick-action__arrow svg{width:16px;height:16px}.search-bar{position:relative;margin-bottom:1.25rem}.search-bar__input{width:100%;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;font-family:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.search-bar__input::placeholder{color:#9ca3af}.search-bar__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.search-bar__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-bar__icon svg{width:16px;height:16px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.client-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.client-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000a}.client-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.client-card__info{flex:1;min-width:0}.client-card__name{font-size:.9375rem;font-weight:600;color:#111827}.client-card__email{font-size:.8125rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card__details{display:flex;flex-direction:column;gap:.5rem}.client-card__row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.client-card__label{color:#6b7280}.client-card__value{font-weight:500;color:#111827}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;letter-spacing:.02em;text-transform:uppercase}.avatar--indigo{background:#eef2ff;color:#4f46e5}.avatar--emerald{background:#ecfdf5;color:#059669}.avatar--amber{background:#fffbeb;color:#d97706}.avatar--slate{background:#f1f5f9;color:#475569}.badge{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:100px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.badge--active{color:#059669;background:#ecfdf5}.badge--completed{color:#2563eb;background:#eff6ff}.badge--draft{color:#d97706;background:#fffbeb}.badge--none{color:#6b7280;background:#f3f4f6}.filter-pills{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem}.filter-pill{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;font-family:inherit;border:1px solid #e5e7eb;border-radius:100px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-pill:hover{border-color:#d1d5db;color:#374151}.filter-pill--active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.filter-pill--active:hover{background:#2a2a42;border-color:#2a2a42;color:#fff}.exercise-table{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;border-spacing:0}.exercise-table th{text-align:left;padding:.75rem 1rem;font-size:.6875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;background:#f9fafb;border-bottom:1px solid #e5e7eb}.exercise-table td{padding:.75rem 1rem;font-size:.875rem;color:#111827;vertical-align:middle}.exercise-table tr+tr td{border-top:1px solid #f3f4f6}.exercise-table tbody tr{transition:background .15s}.exercise-table tbody tr:hover{background:#f9fafb}.exercise-table__name{font-weight:500}.exercise-table__muscles{display:flex;flex-wrap:wrap;gap:.25rem}.exercise-table__muscle-tag{font-size:.6875rem;font-weight:500;padding:.125rem .4375rem;border-radius:4px;background:#f3f4f6;color:#4b5563}.exercise-table__link{color:#4f46e5;text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s}.exercise-table__link:hover{color:#4338ca}.exercise-table__equipment{color:#6b7280;font-size:.8125rem}.programme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem}.programme-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:border-color .2s,box-shadow .2s}.programme-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000000a}.programme-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.programme-card__name{font-size:.9375rem;font-weight:600;color:#111827}.programme-card__client{font-size:.8125rem;color:#6b7280;margin-top:.125rem}.programme-card__meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:#6b7280;margin-top:.75rem}.programme-card__meta-item{display:flex;align-items:center;gap:.25rem}.progress-bar{height:6px;background:#f3f4f6;border-radius:100px;overflow:hidden;margin-top:.875rem}.progress-bar__fill{height:100%;border-radius:100px;background:#4f46e5;transition:width .4s cubic-bezier(.22,1,.36,1)}.progress-bar__fill--completed{background:#059669}.progress-bar__label{font-size:.75rem;color:#6b7280;margin-top:.375rem;font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:3rem 2rem;color:#9ca3af}.empty-state__icon{width:48px;height:48px;margin:0 auto 1rem;color:#d1d5db}.empty-state__icon svg{width:100%;height:100%}.empty-state__title{font-size:.9375rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.empty-state__desc{font-size:.8125rem;line-height:1.5}