<!--
  ╔═══════════════════════════════════════════════════════════════════════════════╗
  ║                                                                             ║
  ║   GYM BATTERY v3.3 — Workout Tracker PWA (Development Build)                ║
  ║                                                                             ║
  ║   Описание приложения:                                                      ║
  ║   ────────────────────                                                      ║
  ║   Gym Battery — одностраничное PWA-приложение для отслеживания              ║
  ║   силовых тренировок по сплиту Upper/Lower (Верх × 2 + Низ × 2).           ║
  ║                                                                             ║
  ║   Основная метафора интерфейса — батарея: каждая тренировка                 ║
  ║   "заряжает" батарею от 0% до 100%. Интерфейс полностью на русском          ║
  ║   языке, тёмная тема, mobile-first дизайн (max-width 480px).               ║
  ║                                                                             ║
  ║   Функционал:                                                               ║
  ║   • 4 тренировочных дня (Д1–Д4), без привязки к дням недели               ║
  ║   • Каждый день — 6 упражнений с 7 вариантами каждое                       ║
  ║   • Ввод веса (кг) и повторений для каждого подхода                         ║
  ║   • Авто-заполнение данных из последней тренировки                          ║
  ║   • Таймер отдыха между подходами (SVG-кольцо)                             ║
  ║   • Механизм «отложить» если тренажёр занят                                ║
  ║   • Автосброс прогресса по неделям (каждый понедельник)                     ║
  ║   • Статистика: объём за неделю, история тренировок                         ║
  ║   • Экспорт/импорт данных в JSON                                           ║
  ║   • Настройки: кол-во подходов (2–6), длительность отдыха (30–300с)         ║
  ║   • Хранение данных в localStorage (ключ: 'gb_v3')                          ║
  ║   • Тактильная обратная связь (vibration API)                               ║
  ║                                                                             ║
  ║   Технический стек:                                                         ║
  ║   • Ванильный HTML + CSS + JS (zero dependencies)                           ║
  ║   • Архитектура: три синглтона — App, UI, Workout                           ║
  ║   • Делегирование событий через data-action атрибуты                        ║
  ║   • CSS Custom Properties (переменные) для темизации                        ║
  ║   • Шрифты: Orbitron (заголовки, цифры), Exo 2 (основной текст)            ║
  ║                                                                             ║
  ║   Навигация по экранам (SPA):                                               ║
  ║                                                                             ║
  ║   screen-home ──→ screen-muscles ──→ screen-workout ──→ screen-variation  ║
  ║       │          (6 мышечных групп) (1 слот: делай/     (ПОДХОДЫ)          ║
  ║       │                              проверь)                │              ║
  ║       │                ↑←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←┘              ║
  ║       │                                                                     ║
  ║       ├──→ screen-stats (Статистика и история)                             ║
  ║       └──→ screen-settings (Настройки)                                     ║
  ║                                                                             ║
  ║   screen-exercise — вспомогательный экран (обзор вариантов, не в            ║
  ║                     основном флоу; открывается через data-action="open-exercise") ║
  ║                                                                             ║
  ║   Структура папок для ассетов (предполагаемая):                             ║
  ║   assets/                                                                   ║
  ║   └── img/                                                                  ║
  ║       ├── logo/                                                             ║
  ║       │   └── gym-battery-logo.png      — Логотип приложения                ║
  ║       ├── muscles/                                                          ║
  ║       │   ├── chest.png                 — Иллюстрация: грудные мышцы       ║
  ║       │   ├── back.png                  — Иллюстрация: мышцы спины         ║
  ║       │   ├── shoulders.png             — Иллюстрация: дельтовидные        ║
  ║       │   ├── legs.png                  — Иллюстрация: ноги                ║
  ║       │   ├── biceps.png                — Иллюстрация: бицепс              ║
  ║       │   └── triceps.png               — Иллюстрация: трицепс             ║
  ║       ├── exercises/                                                        ║
  ║       │   └── {exercise-slug}.gif/.png   — Техника выполнения варианта       ║
  ║       │       (Пример: chest-flat-barbell.gif, legs-squat-back.gif)        ║
  ║       │       Slug: {мышца}-{движение}-{оборудование} (kebab-case)         ║
  ║       └── ui/                                                               ║
  ║           ├── workout-complete.png       — Иконка завершения тренировки     ║
  ║           ├── stats-icon.png            — Иконка для экрана статистики      ║
  ║           └── empty-state.png           — Заглушка: «пока пусто»           ║
  ║                                                                             ║
  ║   Автор:    [Имя разработчика]                                              ║
  ║   Версия:   3.3                                                            ║
  ║   Дата:     Март 2026                                                      ║
  ║   Лицензия: [Указать лицензию]                                             ║
  ║                                                                             ║
  ╚═══════════════════════════════════════════════════════════════════════════════╝
-->
<!DOCTYPE html>
<html lang="ru">
<head>
<!-- ═══════════════════════════════════════════════════════════════
     META-ТЕГИ
     Базовые мета-теги для PWA-режима на мобильных устройствах.
     • viewport — запрещает масштабирование (user-scalable=no)
     • theme-color — цвет шапки браузера (совпадает с фоном)
     • apple-mobile-web-app — поддержка «добавить на рабочий стол» на iOS
     ═══════════════════════════════════════════════════════════════ -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#161618">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" href="assets/img/logo/icon-192.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/logo/icon-192.png">
<title>GYM BATTERY</title>

<style>
/* ═══════════════════════════════════════════════════════════════════
   ШРИФТЫ
   ───────
   Подключение Google Fonts:
   • Orbitron — моноширинный технический шрифт для заголовков,
     процентов, номеров, лейблов. Создаёт «приборный» вид.
   • Exo 2 — основной текст, описания, кнопки.
     Хорошо читается на маленьких размерах.
   ═══════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap');

/* ═══════════════════════════════════════════════════════════════════
   CSS CUSTOM PROPERTIES (ПЕРЕМЕННЫЕ)
   ──────────────────────────────────
   Все цвета, радиусы и шрифты вынесены в переменные.
   Чтобы сменить тему — достаточно изменить значения здесь.

   Цветовая палитра:
   • bg / bg2 / bg3 / bg4 — градации фона (от тёмного к светлому)
   • border / border2     — цвета границ
   • text / text2         — основной и яркий текст
   • text-dim / text-off  — приглушённый и неактивный текст
   • led / led-dim        — оранжевый акцент (основной цвет бренда)
   • led-glow / led-bg    — свечение и фон для акцентных элементов
   • green / red          — состояния успеха / опасности
   • r / r2 / r3          — радиусы скруглений (14px, 9px, 6px)
   ═══════════════════════════════════════════════════════════════════ */
:root {
  /* Фоновые оттенки (от самого тёмного) */
  --bg:       #161618;  /* Основной фон страницы */
  --bg2:      #1d1d20;  /* Карточки, панели */
  --bg3:      #252528;  /* Ховеры, нажатия */
  --bg4:      #2e2e33;  /* Активные состояния */

  /* Границы */
  --border:   #2c2c32;  /* Основные разделители */
  --border2:  #3a3a42;  /* Границы кнопок и полей */

  /* Текст */
  --text:     #a8a8ba;  /* Основной текст (улучшена читаемость) */
  --text2:    #d0d0e0;  /* Яркий текст (заголовки списков) */
  --text-dim: #7a7a8c;  /* Приглушённый (лейблы) — улучшен контраст */
  --text-off: #5a5a6c;  /* Неактивный (отключённые элементы) */

  /* Акцентный оранжевый (LED / «батарейная» тема) */
  --led:      #d97320;  /* Основной оранжевый */
  --led-dim:  #7a3e0e;  /* Тёмный оранжевый (границы) */
  --led-glow: rgba(217,115,32,0.2);  /* Свечение */
  --led-bg:   rgba(217,115,32,0.08); /* Фоновая подсветка */

  /* Доп. цвета */
  --green:    #2ecc71;  /* Успех */
  --green-dim:#1a7a42;
  --green-bg: rgba(46,204,113,0.08);
  --red:      #e74c3c;  /* Опасность / удаление */
  --red-dim:  #8b2e25;
  --white:    #d8d8e8;  /* Самый яркий текст */

  /* Радиусы скруглений */
  --r:        14px;     /* Крупные карточки */
  --r2:       9px;      /* Кнопки, поля ввода */
  --r3:       6px;      /* Мелкие теги, чипы */

  /* Шрифтовые стеки */
  --orb: 'Orbitron', sans-serif;  /* Технический / приборный */
  --exo: 'Exo 2', sans-serif;    /* Основной читабельный */
}

/* ═══════════════════════════════════════════════════════════════════
   ГЛОБАЛЬНЫЙ СБРОС
   ─────────────────
   • box-sizing: border-box — padding не увеличивает размер блока
   • -webkit-tap-highlight-color: transparent — убирает синюю
     подсветку при нажатии на мобильных (iOS/Android)
   ═══════════════════════════════════════════════════════════════════ */
* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

html, body {
  width: 100%; height: 100%;
  background: var(--bg);
  color: var(--text2);
  font-family: var(--exo);
  overflow: hidden; /* Прокрутку контролируем внутри #app */
}

/* ═══════════════════════════════════════════════════════════════════
   #app — КОРНЕВОЙ КОНТЕЙНЕР
   ──────────────────────────
   Центрированный контейнер max-width 480px.
   height: 100dvh — использует dynamic viewport height для
   корректного отображения на мобильных с адресной строкой.
   overflow: hidden — экраны переключаются внутри абсолютно
   позиционированными слоями (см. .screen).
   ═══════════════════════════════════════════════════════════════════ */
#app {
  width: 100%;
  max-width: 480px;
  height: 100vh; /* Fallback for Android Chrome < 108 */
  height: 100dvh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/* ══════════════════════════════════════════════════════════════════
   SCREENS — Экраны и анимации переходов
   ─────────────────────────────────────
   Все экраны (.screen) абсолютно позиционированы внутри #app.
   По умолчанию невидимы (opacity: 0, pointer-events: none).

   Состояния:
   • .active — текущий видимый экран (opacity: 1, translateX(0))
   • .exit   — уходящий экран (translateX(-22px), быстрее fade-out)

   Переходы: slide + fade, 300ms вход, 200ms выход.
   ══════════════════════════════════════════════════════════════════ */
.screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transform: translateX(22px);  /* Входящий экран появляется справа */
  transition: opacity 0.3s ease, transform 0.3s ease;
  background: var(--bg);
}
.screen.active { opacity: 1; pointer-events: all; transform: translateX(0); }
.screen.exit   { opacity: 0; transform: translateX(-22px); transition: opacity 0.2s ease, transform 0.2s ease; }

/* ══════════════════════════════════════════════════════════════════
   APP HEADER — Шапка приложения (общая для всех экранов)
   ─────────────────────────────────────────────────────
   Flex-контейнер: слева логотип + заголовок, справа кнопки.
   Используется на каждом экране с разным контентом.
   ══════════════════════════════════════════════════════════════════ */
.app-header {
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;           /* Не сжимается при нехватке места */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
}

/* ── Логотип (мелкий текст сверху) ── */
.header-left .logo {
  font-family: var(--orb);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.28em;
  color: var(--text);
  text-transform: uppercase;
  margin-bottom: 5px;
}

/* ── Заголовок экрана ── */
.header-left .title {
  font-family: var(--orb);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--white);
  line-height: 1;
}

/* ── Правая часть хедера (кнопки) ── */
.header-right { display: flex; gap: 7px; align-items: flex-end; }

/* ── Кнопка «Назад» и иконочные кнопки ── */
.back-btn, .icon-btn {
  font-family: var(--exo);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: var(--text-dim);
  background: none;
  border: 1px solid var(--border2);
  border-radius: var(--r2);
  padding: 7px 13px;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.15s;
  flex-shrink: 0;
  white-space: nowrap;
}
.back-btn:active, .icon-btn:active { background: var(--bg3); color: var(--text2); }
.icon-btn { padding: 7px 10px; font-size: 14px; }

/* ══════════════════════════════════════════════════════════════════
   BATTERY BAR — Индикатор прогресса (батарея)
   ────────────────────────────────────────────
   Общий компонент, используется на экранах:
   • screen-workout   — общий прогресс тренировки
   • screen-exercise  — прогресс текущего упражнения
   • screen-variation — прогресс при выполнении подходов

   Структура:
   ┌──────────────────────────────────────────────────┐
   │ ЗАРЯД  ║████████████░░░░░░░░░░░░░░░░░░░║▌  45%  │
   └──────────────────────────────────────────────────┘
    label     battery-outer (рамка) + fill (полоска)  pct

   .battery-outer::after — «контакт» батарейки справа (4×7px).
   .battery-fill — полосатый градиент (repeating-linear-gradient),
   имитирует LED-сегменты батареи.
   .battery-fill.full — сплошной цвет + усиленное свечение при 100%.
   ══════════════════════════════════════════════════════════════════ */
.battery-wrap {
  padding: 11px 18px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.battery-label {
  font-family: var(--orb);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: 0.22em;
  color: var(--text);
  white-space: nowrap;
  flex-shrink: 0;
  text-transform: uppercase;
}

/* Внешняя рамка батарейки */
.battery-outer {
  position: relative;
  flex: 1;
  height: 15px;
  border: 1px solid var(--border2);
  border-radius: 4px;
  background: var(--bg2);
  overflow: visible;
}
/* Контакт батарейки (правый выступ) */
.battery-outer::after {
  content: '';
  position: absolute;
  right: -6px; top: 50%;
  transform: translateY(-50%);
  width: 4px; height: 7px;
  background: var(--border2);
  border-radius: 0 3px 3px 0;
}

/* Заполнение батарейки (анимированная полоска) */
.battery-fill {
  height: 100%;
  border-radius: 3px;
  /* LED-полоски: 3px оранж, 4px полупрозрачный — повтор */
  background: repeating-linear-gradient(
    90deg,
    var(--led) 0px, var(--led) 3px,
    rgba(217,115,32,0.3) 3px, rgba(217,115,32,0.3) 7px
  );
  transition: width 0.65s cubic-bezier(0.4,0,0.2,1);  /* Плавная анимация */
  box-shadow: 0 0 8px var(--led-glow);
  min-width: 0;
  width: 0%;  /* Управляется из JS через style.width */
}
/* 100% — сплошная заливка + усиленное свечение */
.battery-fill.full { background: var(--led); box-shadow: 0 0 18px rgba(217,115,32,0.55); }

/* Процент справа от батарейки */
.battery-pct {
  font-family: var(--orb);
  font-size: 10px;
  font-weight: 600;
  color: var(--led);
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
  min-width: 36px;
  text-align: right;
}

/* ══════════════════════════════════════════════════════════════════
   WORKOUT HINT — Памятка о фокусе дня тренировки
   ─────────────────────────────────────────────
   Показывает что мы прокачиваем в этот день.
   ══════════════════════════════════════════════════════════════════ */
.workout-hint {
  padding: 11px 18px;
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
  background: var(--bg2);
}
.workout-hint::before {
  content: '💡 ';
}
.workout-hint {
  font-family: var(--exo);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.03em;
  color: var(--text-dim);
  line-height: 1.3;
}

/* ══════════════════════════════════════════════════════════════════
   SCROLL BODY — Прокручиваемая область контента
   ─────────────────────────────────────────────
   flex: 1 — занимает всё пространство между хедером и футером.
   Тонкий скроллбар (2px) для эстетики тёмной темы.
   ══════════════════════════════════════════════════════════════════ */
.scroll-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;  /* Плавный скролл на iOS */
}
.scroll-body::-webkit-scrollbar { width: 2px; }
.scroll-body::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* ══════════════════════════════════════════════════════════════════
   HOME SCREEN — Главный экран
   ────────────────────────────
   Месячный календарь + кнопка «Начать тренировку N».
   Ячейки дней показывают мини-батарейку заполнения.
   ══════════════════════════════════════════════════════════════════ */
#screen-home .scroll-body { padding: 12px 12px 20px; }

/* ── Заголовок месяца ── */
.cal-header {
  display: flex; align-items: center; justify-content: center;
  padding: 8px 0 12px;
}
.cal-month-name {
  font-family: var(--orb); font-size: 13px; font-weight: 700;
  letter-spacing: 0.15em; color: var(--white); text-transform: uppercase;
}

/* ── Дни недели ── */
.cal-weekdays {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;
  margin-bottom: 3px;
}
.cal-weekday {
  font-family: var(--orb); font-size: 8px; font-weight: 500;
  letter-spacing: 0.12em; color: var(--text-dim);
  text-align: center; text-transform: uppercase; padding: 4px 0;
}

/* ── Сетка дней ── */
.cal-grid {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;
}

/* ── Ячейка дня ── */
.cal-day {
  aspect-ratio: 1;
  border-radius: 8px;
  background: var(--bg2);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 2px; padding: 3px 2px;
  position: relative;
  transition: all 0.15s;
}
.cal-day.today {
  border: 2px solid var(--led);
  box-shadow: 0 0 10px var(--led-glow);
}
.cal-day.other-month { opacity: 0.15; }
.cal-day.future { opacity: 0.4; }
.cal-day.rest-day { opacity: 0.6; }

/* Число дня */
.cal-day-num {
  font-family: var(--orb); font-size: 14px; font-weight: 700;
  color: var(--white); line-height: 1;
}
.cal-day.other-month .cal-day-num { color: var(--text-dim); }
.cal-day.has-workout .cal-day-num { color: var(--led); }
.cal-day.has-full .cal-day-num { color: var(--led); text-shadow: 0 0 8px rgba(217,115,32,0.5); }

/* Мини-батарейка внутри ячейки */
.cal-day-battery {
  width: 80%; height: 3px;
  border-radius: 2px; background: var(--border);
  overflow: hidden;
}
.cal-day-fill {
  height: 100%; border-radius: 2px;
  background: var(--led);
  transition: width 0.3s;
}
.cal-day.has-full .cal-day-fill {
  box-shadow: 0 0 4px rgba(217,115,32,0.5);
}

/* Лейбл дня тренировки (Д1, Д2...) */
.cal-day-label {
  font-family: var(--orb); font-size: 6px; font-weight: 500;
  color: var(--led-dim); letter-spacing: 0.05em;
}

/* ── Информация о неделе ── */
.cal-week-info {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 16px; padding: 10px 13px;
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--r2);
}
.cal-week-text {
  font-family: var(--orb); font-size: 9px; font-weight: 500;
  letter-spacing: 0.12em; color: var(--text); text-transform: uppercase;
}
.cal-week-text strong { color: var(--led); font-weight: 600; }

/* ── Превью тренировки ── */
.cal-preview {
  margin-top: 14px; padding: 12px 14px;
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--r2);
  display: flex; flex-direction: column; gap: 4px;
}
.cal-preview-date {
  font-family: var(--orb); font-size: 8px; font-weight: 500;
  letter-spacing: 0.14em; color: var(--text-dim); text-transform: uppercase;
}
.cal-preview-label {
  font-family: var(--exo); font-size: 11px; font-weight: 500;
  color: var(--text); line-height: 1.4;
}

/* ── Кнопка сброса дня (маленькая) ── */
.btn-reset-day {
  padding: 5px 10px; border-radius: var(--r2);
  background: transparent; border: 1px solid var(--border);
  color: var(--text-dim); font-family: var(--orb); font-size: 8px;
  font-weight: 500; letter-spacing: 0.1em; cursor: pointer;
  transition: all 0.15s;
}
.btn-reset-day:active { background: var(--bg3); color: var(--text); }

/* ── Попап лога дня ── */
.day-log-popup {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(14,14,16,0.85);
  display: none; align-items: flex-end; justify-content: center;
}
.day-log-popup.visible { display: flex; }
.day-log-popup-inner {
  width: 100%; max-width: 440px; max-height: 70vh;
  background: var(--bg1); border-top: 1px solid var(--border);
  border-radius: 18px 18px 0 0;
  display: flex; flex-direction: column; overflow: hidden;
}
.day-log-popup-header {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 16px 10px;
  border-bottom: 1px solid var(--border);
}
.day-log-popup-date {
  font-family: var(--orb); font-size: 11px; font-weight: 600;
  letter-spacing: 0.12em; color: var(--led); text-transform: uppercase;
}
.day-log-popup-body {
  overflow-y: auto; padding: 12px 16px 24px;
  display: flex; flex-direction: column; gap: 10px;
}
.day-log-empty {
  font-family: var(--exo); font-size: 13px; color: var(--text-dim);
  text-align: center; padding: 20px 0;
}
.day-log-entry {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--r2); padding: 10px 12px;
  display: flex; flex-direction: column; gap: 6px;
}
.day-log-day {
  font-family: var(--orb); font-size: 9px; font-weight: 700;
  letter-spacing: 0.15em; color: var(--led);
}
.day-log-ex {
  font-family: var(--exo); font-size: 12px; color: var(--text2);
  padding: 3px 0; border-bottom: 1px solid var(--bg3);
}
.day-log-ex:last-child { border-bottom: none; }
.day-log-sets {
  font-family: var(--orb); font-size: 9px; color: var(--text-dim);
  letter-spacing: 0.05em; margin-top: 2px;
}

/* ── CTA кнопка «Начать тренировку» ── */
.cal-start-wrap {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  align-items: stretch;
  gap: 8px;
  margin-top: 14px;
}
.cal-start-btn {
  width: 100%; padding: 18px;
  border-radius: var(--r);
  background: linear-gradient(180deg, #e58536 0%, var(--led) 100%);
  color: var(--bg); border: none;
  font-family: var(--orb); font-size: 14px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(217,115,32,0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, background 0.15s ease;
}
.cal-start-btn:active {
  transform: translateY(1px);
  box-shadow: 0 8px 20px rgba(217,115,32,0.18);
}
.cal-start-main {
  min-width: 0;
  text-align: left;
  padding-inline: 20px;
}
.cal-start-toggle {
  flex-shrink: 0;
  background: linear-gradient(180deg, #34281f 0%, #271d17 100%);
  color: var(--white);
  border: 1px solid var(--border2);
  box-shadow: none;
  font-size: 11px;
  letter-spacing: 0.12em;
  padding: 10px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.cal-start-toggle .toggle-label {
  font-size: 8px;
  line-height: 1;
  opacity: 0.74;
}
.cal-start-toggle .chevron {
  font-size: 18px;
  line-height: 1;
  transition: transform 0.15s ease;
}
.cal-start-toggle:active {
  background: linear-gradient(180deg, #3f2f24 0%, #2f231c 100%);
}
.cal-start-wrap.open .cal-start-toggle .chevron {
  transform: rotate(180deg);
}
.cal-start-wrap.open .cal-start-toggle {
  border-color: var(--led-dim);
}
.cal-start-btn:disabled {
  background: var(--bg3); color: var(--text-dim);
  box-shadow: none; cursor: default;
}
.cal-start-btn:disabled:active { transform: none; box-shadow: none; }
.cal-start-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 10px);
  bottom: auto;
  background: var(--bg2);
  border: 1px solid var(--border2);
  border-radius: 18px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.34);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: min(320px, calc(100dvh - 260px));
  -webkit-overflow-scrolling: touch;
  z-index: 15;
  padding: 6px;
}
.cal-start-wrap.menu-up .cal-start-menu {
  top: auto;
  bottom: calc(100% + 10px);
}
.cal-start-menu[hidden] { display: none; }
.cal-start-menu-item {
  width: 100%;
  background: transparent;
  color: var(--text2);
  border: none;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  border-radius: 12px;
  padding: 13px 14px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cal-start-menu-item:last-child { border-bottom: none; }
.cal-start-menu-item:active {
  background: var(--bg3);
}
.cal-start-menu-item.active {
  background: linear-gradient(180deg, rgba(217,115,32,0.14) 0%, rgba(217,115,32,0.07) 100%);
  box-shadow: inset 0 0 0 1px rgba(217,115,32,0.18);
}
.cal-start-menu-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cal-start-menu-day {
  font-family: var(--orb);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: var(--led);
}
.cal-start-menu-desc {
  font-family: var(--exo);
  font-size: 12px;
  color: var(--text);
  line-height: 1.25;
}
.cal-start-menu-label {
  flex-shrink: 0;
  font-family: var(--orb);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--white);
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
}
.cal-start-menu-item.active .cal-start-menu-label {
  background: rgba(217,115,32,0.18);
  color: var(--led);
}
.cal-start-menu-item.is-done .cal-start-menu-day {
  color: #9fd3a8;
}
.cal-start-menu-item.is-done .cal-start-menu-label {
  background: rgba(72, 160, 98, 0.16);
  color: #9fd3a8;
}

/* Кнопка экстра-тренировки — вторичная, под основной */
.cal-extra-wrap {
  margin-top: 8px;
}
.cal-extra-main {
  background: transparent;
  border: 1px solid var(--led-dim);
  color: var(--led);
  box-shadow: none;
}
.cal-extra-main:active {
  background: var(--bg2);
  border-color: var(--led);
  color: var(--led);
  box-shadow: none;
}
.cal-extra-main:disabled {
  border-color: var(--border);
  color: var(--text-dim);
}
.cal-extra-main:disabled:active {
  background: transparent;
}
.cal-extra-toggle {
  border-color: var(--led-dim);
}
.cal-extra-wrap .cal-start-menu-day {
  color: #8fd4ff;
}

/* Анимация появления элемента */
@keyframes slideIn {
  from { opacity:0; transform: translateY(5px); }
  to   { opacity:1; transform: translateY(0); }
}

/* Бэйдж типа упражнения (ЖИМ, ТЯГА, ПРИСЕД, ...) */
.exercise-type-badge {
  font-family: var(--exo); font-size: 10px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--led); background: var(--led-bg);
  border: 1px solid var(--led-dim); border-radius: 20px;
  padding: 3px 10px; flex-shrink: 0;
}

/* ══════════════════════════════════════════════════════════════════
   THREE-ZONE WORKOUT LAYOUT
   ──────────────────────────
   Три зоны экрана тренировки:
   • ДЕЛАЙ СЕЙЧАС — .now-card
   • ПРОВЕРЬ      — .check-card
   • ВЫПОЛНЕНО    — .done-row
   ══════════════════════════════════════════════════════════════════ */
#screen-workout .scroll-body { padding: 14px 16px; }
.workout-zone { margin-bottom: 22px; }

.zone-label {
  font-family: var(--exo); font-size: 10px; font-weight: 700;
  letter-spacing: 0.15em; color: var(--led);
  text-transform: uppercase; margin-bottom: 10px;
}
.zone-label-dim { color: var(--text-dim); }

/* ДЕЛАЙ СЕЙЧАС */
.now-card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 13px 14px 11px;
  margin-bottom: 10px;
  animation: slideIn 0.2s ease;
  transition: border-color 0.6s ease, box-shadow 0.6s ease;
}
/* Подсветка карточки при смене варианта (после нажатия «Занято») */
.now-card--updated {
  border-color: var(--led) !important;
  box-shadow: 0 0 14px var(--led-glow);
  animation: cardPulse 1s ease-out;
}
@keyframes cardPulse {
  0%   { border-color: var(--led); box-shadow: 0 0 18px rgba(217,115,32,0.45); }
  100% { border-color: var(--border); box-shadow: none; }
}
/* Альтернативный вариант — акцентная левая полоса */
.now-card--alt {
  border-left: 3px solid var(--led);
}
.now-card-header {
  display: flex; align-items: center;
  gap: 6px; margin-bottom: 8px; flex-wrap: wrap;
}
.now-card-header .now-stars { margin-left: auto; }
/* Бейдж «АЛЬТЕРНАТИВА» */
.now-alt-badge {
  font-family: var(--exo); font-size: 9px; font-weight: 700;
  letter-spacing: 0.08em; color: var(--led);
  background: var(--led-bg);
  border: 1px solid var(--led-dim);
  border-radius: 3px; padding: 1px 5px;
  text-transform: uppercase;
}
/* Счётчик варианта */
.now-var-counter {
  font-family: var(--exo); font-size: 9px; font-weight: 500;
  color: var(--text-dim); letter-spacing: 0.04em;
}
.now-stars {
  font-size: 11px; color: var(--led); letter-spacing: 1px;
}
/* Тело карточки: текст слева, миниатюра справа */
.now-card-body {
  display: flex; gap: 10px; align-items: flex-start;
}
.now-card-text { flex: 1; min-width: 0; }
.now-movement {
  font-family: var(--exo); font-size: 14px; font-weight: 700;
  color: var(--white); margin-bottom: 3px; line-height: 1.3;
}
.now-variant-name {
  font-family: var(--exo); font-size: 12px; color: var(--white);
  margin-bottom: 7px; line-height: 1.35; opacity: 0.8;
}
/* Миниатюра упражнения */
.now-card-thumb {
  position: relative;
  width: 72px; min-width: 72px; height: 72px;
  border-radius: 6px; overflow: hidden;
  background: var(--border);
  flex-shrink: 0;
}
.now-card-thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.now-card-thumb-dim { opacity: 0.5; }

/* Тепловой оверлей на картинке упражнения (левый верхний угол)
   — занимает 1/3 ширины контейнера, закрывает ватермарк источника */
.heat-img-bar {
  position: absolute;
  top: 0; left: 0;
  width: 42%;
  padding: 4px 5px 5px;
  background: rgba(0,0,0,0.82);
  border-radius: 0 0 6px 0;
  display: flex;
  gap: 2px;
  pointer-events: none;
  z-index: 2;
}
.him-seg {
  flex: 1;
  height: 5px;
  border-radius: 1px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
}
/* Filled — цвет и плавный градиент задаётся инлайн через hsl() */
.him-seg--on { border: none; }

/* На большой иллюстрации (экран подходов) — высота x1.54, длина x0.8 */
.illust-wrap .heat-img-bar { width: 34%; }
.illust-wrap .him-seg { height: 31px; }
.var-card-thumb .him-seg { height: 14px; }
/* Каталог — миниатюра 96×64 */
.catalog-thumb { position: relative; }
.catalog-thumb .him-seg { height: 8px; }

.now-actions { display: flex; gap: 8px; margin-top: 10px; }
.now-actions .btn { flex: 1; }

/* ПРОВЕРЬ — компактные карточки, визуально отличаются от Зоны 1 */
.check-card {
  background: transparent;
  border: 1px dashed var(--border);
  border-radius: 8px;
  padding: 10px 12px 8px;
  margin-bottom: 8px;
  opacity: 0.6;
}
.check-card .now-movement { font-size: 12px; }
.check-card .now-variant-name { font-size: 11px; opacity: 0.6; }
.check-card .now-card-thumb { width: 52px; min-width: 52px; height: 52px; }
.check-card-header {
  display: flex; align-items: center; gap: 8px; margin-bottom: 4px;
}
.check-busy-label {
  font-family: var(--exo); font-size: 9px; font-weight: 700;
  letter-spacing: 0.1em; color: #c45c5c; text-transform: uppercase;
  background: rgba(196,92,92,0.1); padding: 1px 5px; border-radius: 3px;
}

/* АЛЬТЕРНАТИВНЫЕ ВАРИАНТЫ — компактные карточки под основным */
.alt-variants-section { margin-top: 6px; }
.alt-variants-label {
  font-family: var(--orb); font-size: 8px; letter-spacing: 0.2em;
  color: var(--text-dim); text-transform: uppercase; margin-bottom: 8px;
}
.alt-variant-card {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  margin-bottom: 6px;
  opacity: 0.55;
  cursor: pointer;
  transition: opacity 0.15s, border-color 0.15s;
  background: transparent;
}
.alt-variant-card:active { opacity: 0.8; border-color: var(--led-dim); }
.alt-variant-thumb {
  width: 40px; height: 40px; border-radius: 6px;
  object-fit: cover; background: var(--bg3); flex-shrink: 0;
}
.alt-variant-info { flex: 1; min-width: 0; }
.alt-variant-name {
  font-family: var(--exo); font-size: 12px; font-weight: 600;
  color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.alt-variant-tags {
  font-family: var(--exo); font-size: 9px; color: var(--text-dim); margin-top: 2px;
}
.alt-variant-arrow {
  font-size: 14px; color: var(--text-dim); flex-shrink: 0;
}

/* ВЫПОЛНЕНО */
.done-row {
  display: flex; align-items: baseline; gap: 6px;
  padding: 5px 0;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
}
.done-check { color: var(--led); font-weight: 700; font-size: 13px; }
.done-movement { color: var(--text); font-family: var(--exo); }
.done-variant-name { font-size: 10px; color: var(--text-dim); }

/* ══════════════════════════════════════════════════════════════════
   COMPLETE BANNER — Баннер завершения тренировки
   ──────────────────────────────────────────────
   Появляется когда все упражнения выполнены (queue пуст).
   Содержит: заголовок, подзаголовок, объём, кнопку завершения.
   ══════════════════════════════════════════════════════════════════ */
.complete-banner {
  margin: 18px 16px;
  border: 1px solid var(--led-dim);
  border-radius: var(--r);
  padding: 26px 18px 22px;
  text-align: center;
  background: linear-gradient(140deg, var(--bg2) 0%, var(--bg3) 100%);
  box-shadow: 0 0 32px var(--led-glow);
  animation: fadeUp 0.5s ease;
  display: none;  /* Управляется JS — .visible */
}
.complete-banner.visible { display: block; }

/* Анимация подъёма снизу */
@keyframes fadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }

.complete-title {
  font-family: var(--orb); font-size: 21px; font-weight: 700;
  color: var(--led); letter-spacing: 0.06em; line-height: 1.25;
  margin-bottom: 7px; text-shadow: 0 0 22px rgba(217,115,32,0.55);
}
.complete-sub {
  font-family: var(--exo); font-size: 10px; font-weight: 400;
  color: var(--text-dim); letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 20px;
}
.complete-stats {
  font-family: var(--exo); font-size: 11px; color: var(--text);
  margin-bottom: 16px; line-height: 1.6;
}
.complete-stats strong { color: var(--led); font-weight: 600; }

/* ══════════════════════════════════════════════════════════════════
   BUTTONS — Система кнопок (общая)
   ────────────────────────────────
   Все кнопки строятся от базового .btn:
   • .btn-primary    — оранжевая обводка (основное действие)
   • .btn-ghost      — серая обводка (второстепенное)
   • .btn-full       — на всю ширину
   • .btn-big-primary — крупная оранжевая (CTA-действие)
   • .btn-big-ghost  — крупная серая (отмена)
   ══════════════════════════════════════════════════════════════════ */
.btn {
  font-family: var(--exo); font-size: 11px; font-weight: 600;
  letter-spacing: 0.09em; text-transform: uppercase;
  padding: 10px 15px; border-radius: var(--r2);
  border: 1px solid var(--border2); background: transparent;
  color: var(--text2); cursor: pointer; transition: all 0.13s; flex-shrink: 0;
}
.btn:active { background: var(--bg4); }
.btn-primary { border-color: var(--led); color: var(--led); background: var(--led-bg); }
.btn-primary:active { background: rgba(217,115,32,0.18); }
.btn-ghost { border-color: var(--border2); color: var(--text-dim); }
.btn-ghost:active { background: var(--bg3); color: var(--text2); }
.btn-full { width: 100%; text-align: center; display: block; }
.btn-big-primary {
  font-family: var(--orb); font-size: 11px; font-weight: 600; letter-spacing: 0.12em;
  background: var(--led-bg); border-color: var(--led); color: var(--led);
  box-shadow: 0 0 12px var(--led-glow); padding: 15px; border-radius: var(--r2);
}
.btn-big-primary:active { background: rgba(217,115,32,0.2); }
.btn-big-ghost {
  font-family: var(--exo); font-size: 11px; font-weight: 400; letter-spacing: 0.07em;
  background: transparent; border-color: var(--border2); color: var(--text-dim);
  padding: 13px; border-radius: var(--r2);
}
.btn-big-ghost:active { background: var(--bg3); color: var(--text2); }

/* ══════════════════════════════════════════════════════════════════
   DETAIL SCREENS — Экраны деталей (общие стили)
   ──────────────────────────────────────────────
   Используются на:
   • screen-exercise  — выбор варианта упражнения
   • screen-variation — выполнение подходов

   Компоненты:
   • .detail-scroll     — прокручиваемая область
   • .detail-badge-row  — строка чипов (тип + номер)
   • .detail-chip       — чип-бэйдж (оранжевый или серый)
   • .detail-main-title — заголовок упражнения
   • .detail-muscle-line — мышечная группа
   ══════════════════════════════════════════════════════════════════ */
.detail-scroll {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 20px 18px 10px;
}
.detail-scroll::-webkit-scrollbar { width: 2px; }
.detail-scroll::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

.detail-badge-row {
  display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 16px;
}

/* Чипы-бэйджи */
.detail-chip {
  font-size: 9px; font-weight: 600; letter-spacing: 0.14em;
  text-transform: uppercase; border-radius: 20px; padding: 3px 12px;
}
.detail-chip-orange {
  font-family: var(--exo);
  color: var(--led); background: var(--led-bg); border: 1px solid var(--led-dim);
}
.detail-chip-gray {
  font-family: var(--orb);
  color: var(--text-dim); border: 1px solid var(--border); letter-spacing: 0.1em;
}

.detail-main-title {
  font-family: var(--exo); font-size: 21px; font-weight: 600;
  color: var(--white); letter-spacing: 0.02em; line-height: 1.22; margin-bottom: 6px;
}
.detail-muscle-line {
  font-family: var(--exo); font-size: 12px; font-weight: 500;
  color: var(--text2); letter-spacing: 0.08em;
  text-transform: uppercase; margin-bottom: 10px;
}

/* Строка приоритета: звёзды + пояснение (detail-экраны) */
.detail-priority-row {
  display: flex; align-items: center; gap: 9px;
  margin-bottom: 18px;
}
.priority-stars {
  font-size: 13px; color: var(--led); letter-spacing: 2px; flex-shrink: 0;
}
.priority-label {
  font-family: var(--exo); font-size: 11px; font-weight: 500;
  color: var(--text); letter-spacing: 0.06em;
}

.detail-divider { height: 1px; background: var(--border); margin-bottom: 18px; border-radius: 1px; }

/* Звёзды в строке каталога */
.catalog-item-stars {
  font-size: 10px; color: var(--led); letter-spacing: 1.5px;
  margin-bottom: 3px;
}
.detail-section-label {
  font-family: var(--orb); font-size: 7px; letter-spacing: 0.28em;
  color: var(--text-dim); text-transform: uppercase; margin-bottom: 11px;
}

/* ══════════════════════════════════════════════════════════════════
   VARIATION CARD — Карточка варианта упражнения
   ──────────────────────────────────────────────
   Список кликабельных карточек с вариантами.
   Каждая содержит: номер, название, теги оборудования, стрелку.
   ══════════════════════════════════════════════════════════════════ */
.variation-card {
  background: var(--bg2); border: 1px solid var(--border);
  border-radius: var(--r2); padding: 11px 13px; margin-bottom: 7px;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, transform 0.1s;
  position: relative;
}
.variation-card:last-child { margin-bottom: 0; }
.variation-card:active { transform: scale(0.98); background: var(--bg3); border-color: var(--led-dim); }

/* Стрелка справа */
.variation-card .var-arrow {
  position: absolute; top: 50%; right: 12px; transform: translateY(-50%);
  font-size: 11px; color: var(--text-dim);
  transition: color 0.15s, transform 0.15s;
}
.variation-card:active .var-arrow { color: var(--led); transform: translateY(-50%) translateX(2px); }

.variation-card-header {
  display: flex; align-items: baseline; gap: 9px; margin-bottom: 6px;
}
.var-num { font-family: var(--orb); font-size: 9px; color: var(--led-dim); flex-shrink: 0; width: 16px; font-weight: 600; }
.var-name { font-family: var(--exo); font-size: 14px; font-weight: 600; color: var(--text2); flex: 1; line-height: 1.3; padding-right: 16px; }
.var-equipment-row { display: flex; gap: 5px; flex-wrap: wrap; padding-left: 25px; }
.var-tag {
  font-family: var(--exo); font-size: 10px; font-weight: 500; letter-spacing: 0.04em;
  color: var(--text-dim); border: 1px solid var(--border); border-radius: var(--r3);
  padding: 3px 8px; line-height: 1.4;
}

/* ── HEAT BAR — полоска активности (красная → зелёная) ── */
.var-heat-row {
  display: flex; align-items: center; gap: 7px;
  padding-left: 25px; margin: 5px 0 0;
}
.var-heat-label {
  font-family: var(--orb); font-size: 8px; color: var(--text-dim);
  letter-spacing: 0.08em; flex-shrink: 0; width: 52px;
}
.var-heat-track {
  flex: 1; height: 3px; background: var(--bg3); border-radius: 2px; overflow: hidden;
}
.var-heat-fill {
  height: 100%; border-radius: 2px; transition: width 0.5s ease;
  background: linear-gradient(to right, #e53935, #ff9800 45%, #8bc34a 70%, #00e676);
}

/* ── VARIATION DETAIL — Экран выполнения подходов ── */
.vd-desc {
  font-family: var(--exo); font-size: 13px; font-weight: 400; line-height: 1.65;
  color: var(--text); margin-bottom: 24px;
}
.vd-equip-row { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 20px; }
.vd-equip-tag {
  font-family: var(--exo); font-size: 10px; font-weight: 400;
  color: var(--text2); border: 1px solid var(--border2); border-radius: var(--r3);
  padding: 4px 10px;
}

/* ══════════════════════════════════════════════════════════════════
   SET BUTTONS — Кнопки подходов
   ─────────────────────────────
   Ряд из N кнопок (по setsCount из настроек, 2–6).
   Каждая кнопка: иконка ⚡ + номер подхода.

   Состояние .done:
   • Оранжевый фон + граница + свечение
   • Молния убирает grayscale + анимация boltPop
   ══════════════════════════════════════════════════════════════════ */
.sets-row {
  display: flex; gap: 8px; margin-bottom: 6px; flex-wrap: wrap;
}
.set-btn {
  flex: 1; min-width: 80px; padding: 12px 6px 10px;
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  background: var(--bg2); border: 1px solid var(--border2);
  border-radius: var(--r2); cursor: pointer;
  transition: all 0.18s; position: relative; overflow: hidden;
}
.set-btn:active { transform: scale(0.95); }
.set-btn.done {
  background: var(--led-bg);
  border-color: var(--led);
  box-shadow: 0 0 14px var(--led-glow);
}

/* Молния (эмодзи) — по умолчанию серая */
.set-bolt {
  font-size: 22px; line-height: 1;
  filter: grayscale(1) brightness(0.4);
  transition: filter 0.2s, transform 0.2s;
}
/* При .done — молния цветная + «пружинящая» анимация */
.set-btn.done .set-bolt {
  filter: none;
  transform: scale(1.12);
  animation: boltPop 0.3s ease;
}

/* Анимация «выскакивания» молнии */
@keyframes boltPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.3); }
  100% { transform: scale(1.12); }
}

.set-num {
  font-family: var(--orb); font-size: 8px; letter-spacing: 0.15em;
  color: var(--text-dim); text-transform: uppercase;
}
.set-btn.done .set-num { color: var(--led); }

/* Подсказка под кнопками */
.sets-hint {
  font-family: var(--exo); font-size: 10px; color: var(--text-dim);
  text-align: center; letter-spacing: 0.05em; margin-top: 6px;
}
.btn-force-complete {
  display: block; width: 100%; margin-top: 10px;
  font-family: var(--exo); font-size: 11px; font-weight: 600;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--led); border-color: var(--led-dim);
  padding: 10px;
}

/* ══════════════════════════════════════════════════════════════════
   SET INPUTS — Поля ввода веса и повторений
   ──────────────────────────────────────────
   Два числовых input'а: вес (кг, шаг 0.5) и повторения.
   Стилизованы под тему — оранжевый текст на тёмном фоне.

   ЗАМЕТКА: -moz-appearance: textfield и ::-webkit-*
   убирают стандартные стрелки у number-input'ов.
   ══════════════════════════════════════════════════════════════════ */
.set-inputs {
  display: flex; gap: 6px; margin-top: 10px; justify-content: center; flex-wrap: wrap;
}
.set-input-group {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
}
.set-input-group label {
  font-family: var(--orb); font-size: 6px; letter-spacing: 0.2em;
  color: var(--text-dim); text-transform: uppercase;
}
.set-input {
  width: 64px; padding: 7px 5px;
  font-family: var(--orb); font-size: 13px; font-weight: 600;
  color: var(--led); text-align: center;
  background: var(--bg); border: 1px solid var(--border2);
  border-radius: var(--r3);
  outline: none;
  transition: border-color 0.15s;
  -moz-appearance: textfield;  /* Firefox: убирает стрелки */
}
.set-input::-webkit-outer-spin-button,
.set-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.set-input:focus { border-color: var(--led-dim); }
.set-input::placeholder { color: var(--text-off); font-weight: 400; }

/* ══════════════════════════════════════════════════════════════════
   REST TIMER — Компактный таймер отдыха между подходами
   ──────────────────────────────────────────────────────
   Небольшой виджет в правом нижнем углу (position: fixed).
   Не блокирует основной экран — пользователь может продолжать
   просматривать описание или менять вес/повторения.

   Структура: SVG-кольцо (50×50) + цифра + кнопка «Пропустить ×».
   SVG-кольцо: r=70 внутри viewBox 160×160, circumference = 2πr ≈ 439.82.
   Прогресс управляется через stroke-dashoffset.
   ══════════════════════════════════════════════════════════════════ */
.rest-timer-overlay {
  display: none;
  position: fixed;
  bottom: 20px; right: 16px;
  background: var(--bg2);
  border: 1px solid var(--led-dim);
  border-radius: 14px;
  padding: 10px 14px;
  z-index: 100;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  animation: timerSlideUp 0.25s ease;
}
.rest-timer-overlay.visible { display: flex; }
@keyframes timerSlideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.rest-timer-ring {
  width: 50px; height: 50px;
  position: relative;
}
.rest-timer-ring svg {
  width: 100%; height: 100%;
  transform: rotate(-90deg);  /* Начало кольца — сверху (12 часов) */
}
.rest-timer-ring circle {
  fill: none;
  stroke-width: 4;
  cx: 80; cy: 80; r: 70;  /* Центр 80×80, радиус 70 */
}
.rest-timer-ring .ring-bg { stroke: var(--border2); }  /* Фоновое кольцо (серое) */
.rest-timer-ring .ring-fg {
  stroke: var(--led);  /* Прогресс-кольцо (оранжевое) */
  stroke-linecap: round;
  stroke-dasharray: 439.82;   /* = 2 * π * 70 */
  stroke-dashoffset: 0;       /* Управляется из JS */
  transition: stroke-dashoffset 1s linear;
  filter: drop-shadow(0 0 6px rgba(217,115,32,0.4));
}
/* Текст таймера поверх SVG (позиция: центр кольца) */
.rest-timer-ring .timer-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--orb);
  font-size: 18px;
  font-weight: 900;
  color: var(--led);
  text-shadow: 0 0 10px rgba(217,115,32,0.4);
}

/* Кнопка «Пропустить» таймер */
.rest-skip-btn {
  font-family: var(--exo); font-size: 10px; font-weight: 500;
  letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--text-dim); background: none;
  border: 1px solid var(--border2); border-radius: var(--r2);
  padding: 6px 12px; cursor: pointer;
  transition: all 0.15s; margin-top: 0;
}
.rest-skip-btn:active { background: var(--bg3); color: var(--text2); }

/* ── STICKY ACTIONS — Прилипающий футер с кнопками ──
   Фиксирован внизу экрана (не скроллится).
   Используется на screen-exercise и screen-variation.
   ─────────────────────────────────────────────────── */
.sticky-actions {
  flex-shrink: 0;
  padding: 11px 16px 16px;
  border-top: 1px solid var(--border);
  display: flex; flex-direction: column; gap: 7px;
  background: var(--bg);
}

/* ══════════════════════════════════════════════════════════════════
   STATS SCREEN — Экран статистики
   ─────────────────────────────────
   Карточки (.stat-card) с данными за неделю и историей.
   ══════════════════════════════════════════════════════════════════ */
.stats-section { padding: 16px; }

/* Карточка статистики */
.stat-card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 16px;
  margin-bottom: 10px;
}
.stat-card-title {
  font-family: var(--orb); font-size: 7px; letter-spacing: 0.25em;
  color: var(--text-dim); text-transform: uppercase; margin-bottom: 12px;
}
/* Строка статистики: лейбл + значение */
.stat-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid var(--border);
}
.stat-row:last-child { border-bottom: none; }
.stat-label { font-family: var(--exo); font-size: 12px; color: var(--text); }
.stat-value {
  font-family: var(--orb); font-size: 14px; font-weight: 700; color: var(--led);
}
.stat-value.dim { color: var(--text-dim); font-weight: 400; font-size: 12px; }

/* Элемент истории тренировок */
.history-item { padding: 10px 0; border-bottom: 1px solid var(--border); }
.history-item:last-child { border-bottom: none; }
.history-date {
  font-family: var(--orb); font-size: 8px; letter-spacing: 0.15em;
  color: var(--text-dim); text-transform: uppercase; margin-bottom: 4px;
}
.history-summary {
  font-family: var(--exo); font-size: 12px; color: var(--text2); line-height: 1.4;
}
.history-summary strong { color: var(--led); font-weight: 600; }

/* ══════════════════════════════════════════════════════════════════
   LOG SCREEN — Журнал тренировок
   ──────────────────────────────
   Список дней за последние 30 суток: тренировки + дни отдыха.
   ══════════════════════════════════════════════════════════════════ */
.log-day {
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}
.log-day:last-child { border-bottom: none; }
.log-day--rest {
  display: flex; justify-content: space-between; align-items: center;
  opacity: 0.4;
}
.log-day--active .log-day-header {
  display: flex; align-items: center; gap: 8px; margin-bottom: 6px;
}
.log-date {
  font-family: var(--orb); font-size: 9px; letter-spacing: 0.12em;
  color: var(--text-dim); text-transform: uppercase;
}
.log-day-tag {
  font-family: var(--orb); font-size: 9px; font-weight: 700;
  color: var(--led); background: var(--led-bg);
  border: 1px solid var(--led-dim); border-radius: var(--r3);
  padding: 2px 6px;
}
.log-volume {
  font-family: var(--orb); font-size: 9px; color: var(--green); margin-left: auto;
}
.log-rest-label {
  font-family: var(--exo); font-size: 11px; color: var(--text-off);
}
.log-exercises { padding-left: 4px; }
.log-exercise {
  display: flex; justify-content: space-between; align-items: center;
  padding: 3px 0;
}
.log-ex-muscle {
  font-family: var(--exo); font-size: 11px; color: var(--text);
}
.log-ex-sets {
  font-family: var(--orb); font-size: 9px; color: var(--text-dim);
  letter-spacing: 0.05em;
}

/* ══════════════════════════════════════════════════════════════════
   SETTINGS SCREEN — Экран настроек
   ────────────────────────────────
   Группы настроек (.settings-group) с рядами (.setting-row).
   Каждый ряд: лейбл слева, контрол (±кнопки + значение) справа.
   ══════════════════════════════════════════════════════════════════ */
.settings-group { margin-bottom: 20px; }
.settings-group-title {
  font-family: var(--orb); font-size: 7px; letter-spacing: 0.25em;
  color: var(--text-dim); text-transform: uppercase; margin-bottom: 12px;
}
.setting-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
}
.setting-row:last-child { border-bottom: none; }
.setting-label { font-family: var(--exo); font-size: 12px; color: var(--text2); }
.setting-label small { display: block; font-size: 10px; color: var(--text-dim); margin-top: 2px; }
.setting-control { display: flex; align-items: center; gap: 8px; }
.setting-value {
  font-family: var(--orb); font-size: 13px; font-weight: 600; color: var(--led);
  min-width: 36px; text-align: center;
}
/* Кнопки ± в настройках */
.setting-btn {
  width: 32px; height: 32px;
  font-size: 16px; line-height: 1;
  color: var(--text-dim); background: var(--bg2);
  border: 1px solid var(--border2); border-radius: var(--r3);
  cursor: pointer; transition: all 0.15s;
  display: flex; align-items: center; justify-content: center;
}
.setting-btn:active { background: var(--bg3); color: var(--led); }

/* ══════════════════════════════════════════════════════════════════
   TOAST — Всплывающее уведомление
   ────────────────────────────────
   Фиксировано внизу по центру. Появляется/исчезает плавно.
   Управляется из JS: UI.toast('текст') добавляет .visible.
   ══════════════════════════════════════════════════════════════════ */
.toast {
  position: fixed;
  bottom: 30px; left: 50%; transform: translateX(-50%) translateY(60px);
  background: var(--bg3);
  border: 1px solid var(--led-dim);
  border-radius: var(--r2);
  padding: 10px 20px;
  font-family: var(--exo); font-size: 11px; color: var(--led);
  letter-spacing: 0.05em;
  z-index: 200;
  opacity: 0;
  transition: all 0.3s ease;
  pointer-events: none;
  white-space: nowrap;
}
.toast.visible { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ══════════════════════════════════════════════════════════════════
   CONFIRM DIALOG — Модальное окно подтверждения
   ──────────────────────────────────────────────
   Полноэкранный оверлей + центрированная карточка.
   Используется для деструктивных действий:
   • Сброс недели
   • Очистка всех данных
   ══════════════════════════════════════════════════════════════════ */
.dialog-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(22,22,24,0.88);
  z-index: 150;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.dialog-overlay.visible { display: flex; }
.dialog-box {
  background: var(--bg2);
  border: 1px solid var(--border2);
  border-radius: var(--r);
  padding: 24px 20px 18px;
  max-width: 320px;
  width: 100%;
  text-align: center;
  animation: fadeUp 0.3s ease;
}
.dialog-title {
  font-family: var(--orb); font-size: 12px; font-weight: 700;
  color: var(--white); letter-spacing: 0.08em; margin-bottom: 10px;
}
.dialog-text {
  font-family: var(--exo); font-size: 12px; color: var(--text);
  line-height: 1.5; margin-bottom: 18px;
}
.dialog-actions { display: flex; gap: 8px; }
.dialog-actions .btn { flex: 1; }

/* ══════════════════════════════════════════════════════════════════
   ILLUSTRATION PLACEHOLDER — Контейнер иллюстрации
   ─────────────────────────────────────────────────
   Стили для контейнеров иллюстраций (.illust-wrap).
   Когда реальное изображение не загружено — показывается
   SVG-заглушка (генерируется через JS: ImgLoader).

   Используется в:
   • Хедер приложения (логотип)
   • Экран упражнения (иллюстрация мышечной группы)
   • Экран вариации (техника выполнения)
   • Баннер завершения (иконка «готово»)
   • Экран статистики (декоративный значок)
   ══════════════════════════════════════════════════════════════════ */
.illust-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--r2);
  background: var(--bg2);
  border: 1px solid var(--border);
  flex-shrink: 0;
}
/* Мелкая иконка (рядом с заголовком, 32×32) */
.illust-wrap.illust-sm {
  width: 32px; height: 32px;
  border-radius: var(--r3);
}
/* Средняя иллюстрация (мышечная группа) */
.illust-wrap.illust-md {
  width: 100%; height: auto;
  margin-bottom: 16px;
}
/* Крупная иллюстрация (детали вариации) */
.illust-wrap.illust-lg {
  width: 100%; height: auto;
  margin-bottom: 20px;
}
/* Изображение внутри обёртки — высота по пропорциям */
.illust-wrap img {
  width: 100%; height: auto;
  display: block;
  opacity: 0.7;
  transition: opacity 0.3s ease;
}
.illust-wrap img.loaded { opacity: 1; }

/* ══════════════════════════════════════════════════════════════════
   CATALOG — Экран каталога упражнений
   ════════════════════════════════════════════════════════════════ */

/* Группа мышц: заголовок-разделитель */
.catalog-group { margin-bottom: 8px; }
.catalog-group-title {
  font-family: var(--orb); font-size: 10px; font-weight: 700;
  letter-spacing: 0.22em; color: var(--led); text-transform: uppercase;
  padding: 18px 16px 10px;
  border-bottom: 1px solid var(--border2);
}

/* Одно упражнение: картинка + текст */
.catalog-item {
  display: flex; gap: 12px; align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid var(--border);
  transition: background 0.12s;
  cursor: pointer;
}
.catalog-item:active { background: var(--bg2); }

/* Миниатюра — ширина фиксирована, высота по пропорциям файла */
.catalog-thumb {
  position: relative;
  width: 96px;
  border-radius: var(--r2); overflow: hidden;
  flex-shrink: 0; background: var(--bg2);
  border: 1px solid var(--border);
}
.catalog-thumb img {
  width: 100%; height: auto;
  display: block;
  opacity: 0.85; transition: opacity 0.3s;
}
.catalog-thumb img.loaded { opacity: 1; }

/* Текстовая часть */
.catalog-info { flex: 1; min-width: 0; }
.catalog-name {
  font-family: var(--exo); font-size: 12px; font-weight: 500;
  color: var(--text2); line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden;
}
.catalog-tags {
  font-family: var(--exo); font-size: 9px; letter-spacing: 0.04em;
  color: var(--text-dim); margin-top: 4px;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

/* Кнопка «Все варианты» в карточке слота */
.btn-variants {
  font-size: 11px; padding: 6px 10px;
  color: var(--text-dim); border-color: var(--border);
  margin-top: 4px; width: 100%;
}

/* Карточка теперь кликабельна */
.now-card { cursor: pointer; }
.now-card:active { transform: scale(0.985); }

/* Миниатюра в карточке варианта (screen-exercise) */
.var-card-thumb {
  position: relative;
  width: 100%; border-radius: 6px;
  overflow: hidden; background: var(--bg3); margin: 8px 0;
}
.var-card-thumb img { width: 100%; height: auto; display: block; }

/* Звёздочки мелкие (в карточке варианта) */
.var-stars-sm {
  font-size: 10px; color: var(--led); margin-left: auto; letter-spacing: 1px;
}

/* Ряд кнопок лайк/бан в screen-variation */
.vd-like-ban-row {
  display: flex; gap: 8px; margin: 10px 0 4px;
}
.vd-like-ban-row .var-btn {
  flex: 1; padding: 7px; font-size: 13px;
}

/* ── Кнопки лайк/бан в карточке варианта ── */
.var-action-row {
  display: flex; gap: 6px; margin-top: 8px; justify-content: flex-end;
}
.var-btn {
  background: none; border: 1px solid var(--border);
  border-radius: 6px; color: var(--text-dim);
  font-size: 14px; padding: 3px 10px; cursor: pointer;
  transition: color .15s, border-color .15s, background .15s;
}
.var-btn:active { opacity: .7; }
.var-btn-like.active { color: #e85; border-color: #e85; background: rgba(238,136,85,.12); }
.var-btn-ban.active  { color: #c44; border-color: #c44; background: rgba(204,68,68,.12); }

/* Забаненная карточка — затемнение */
.variation-card--banned { opacity: .4; }
.variation-card--banned .var-btn-ban { pointer-events: auto; opacity: 1; }

/* Настройки — секция забаненных */
.banned-item {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 0; border-bottom: 1px solid var(--border);
  font-size: 13px; color: var(--text-dim);
}
.banned-name { flex: 1; margin-right: 10px; }
.btn-xs { padding: 4px 12px; font-size: 11px; }
.settings-empty { color: var(--text-dim); font-size: 12px; padding: 8px 0; }

/* ── Карточки мышечных групп (screen-muscles) ── */
.muscle-card {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg2);
  margin-bottom: 10px;
  cursor: pointer;
  transition: transform .1s, border-color .15s, background .15s;
}
.muscle-card:active { transform: scale(0.97); }
.muscle-card--pending { border-color: var(--border2); }
.muscle-card--pending:active { border-color: var(--led-dim); background: var(--bg3); }
.muscle-card--busy { border-color: var(--text-dim); opacity: 0.6; }
.muscle-card--done {
  border-color: var(--led-dim); opacity: 0.5; pointer-events: none;
}
.muscle-card--done .muscle-card-status { color: var(--led); }
.muscle-card-img {
  width: 56px; height: 56px; border-radius: 8px;
  object-fit: cover; background: var(--bg3); flex-shrink: 0;
}
.muscle-card-info { flex: 1; min-width: 0; }
.muscle-card-type {
  font-size: 10px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--text-dim); margin-bottom: 2px;
}
.muscle-card-muscle {
  font-size: 15px; font-weight: 600; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.muscle-card-movement {
  font-size: 12px; color: var(--text-dim); margin-top: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.muscle-card-status {
  font-size: 11px; font-weight: 600; color: var(--text-dim);
  flex-shrink: 0; text-align: right;
}
</style>
</head>
<body>

<!-- ═══════════════════════════════════════════════════════════════════
     HTML СТРУКТУРА
     ──────────────
     Все экраны живут внутри #app как абсолютно позиционированные
     слои (.screen). Только один экран имеет класс .active в каждый
     момент времени.

     Порядок экранов:
     1. screen-home       — Главный экран (сетка дней)
     2. screen-muscles    — Группы мышц тренировочного дня
     3. screen-workout    — Упражнение (один слот: делай/проверь)
     4. screen-exercise   — Детали упражнения (варианты)
     5. screen-variation  — Вариант + подходы + ввод веса
     6. screen-stats      — Статистика и история
     7. screen-settings   — Настройки

     Плюс глобальные элементы:
     • #toast             — Всплывающее уведомление
     • #dialog            — Модальный диалог подтверждения
     ═══════════════════════════════════════════════════════════════════ -->
<div id="app">

  <!-- ═══════════════════════════════════════════════════
       SCREEN: HOME — Главная страница
       ─────────────────────────────────
       Содержит:
       • Хедер с логотипом + кнопки (Статистика, Настройки)
       • Week bar (прогресс недели + сброс)
       • Day grid (4 тренировочных дня, вертикально)
       ═══════════════════════════════════════════════════ -->
  <div class="screen active" id="screen-home">
    <div class="app-header">
      <div class="header-left">
        <div class="logo">PWA · v3.3</div>
        <div class="title">GYM BATTERY</div>
      </div>
      <div class="header-right">
        <button class="icon-btn" id="btn-log" aria-label="Журнал"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true"><rect x="1" y="0" width="12" height="2"/><rect x="1" y="4" width="10" height="2"/><rect x="1" y="8" width="8" height="2"/><rect x="1" y="12" width="6" height="2"/></svg></button>
        <button class="icon-btn" id="btn-stats" aria-label="Статистика"><svg width="14" height="13" viewBox="0 0 14 13" fill="currentColor" aria-hidden="true"><rect x="0" y="6" width="3" height="7"/><rect x="4" y="3" width="3" height="10"/><rect x="8" y="0" width="3" height="13"/><rect x="12" y="4" width="2" height="9"/></svg></button>
        <button class="icon-btn" id="btn-catalog" aria-label="Каталог упражнений"><svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor" aria-hidden="true"><rect x="0" y="0" width="6" height="6"/><rect x="8" y="0" width="6" height="6"/><rect x="0" y="8" width="6" height="6"/><rect x="8" y="8" width="6" height="6"/></svg></button>
        <button class="icon-btn" id="btn-settings" aria-label="Настройки">⚙</button>
      </div>
    </div>
    <div class="scroll-body">
      <!-- Calendar: рендерится из JS (UI.renderHome) -->
      <div id="cal-header" class="cal-header"></div>
      <div id="cal-weekdays" class="cal-weekdays"></div>
      <div id="cal-grid" class="cal-grid"></div>
      <div id="cal-week-info" class="cal-week-info"></div>
      <div id="cal-preview" class="cal-preview" style="display:none"></div>
      <div class="cal-start-wrap" id="cal-start-wrap">
        <button class="cal-start-btn cal-start-main" id="cal-start-btn"></button>
        <button class="cal-start-btn cal-start-toggle" id="cal-start-toggle" type="button" aria-label="Выбрать тренировку" aria-expanded="false">
          <span class="toggle-label">ВЫБОР</span>
          <span class="chevron">▾</span>
        </button>
        <div class="cal-start-menu" id="cal-start-menu" hidden></div>
      </div>
      <div class="cal-start-wrap cal-extra-wrap" id="cal-extra-wrap">
        <button class="cal-start-btn cal-start-main cal-extra-main" id="cal-extra-btn"></button>
        <button class="cal-start-btn cal-start-toggle cal-extra-toggle" id="cal-extra-toggle" type="button" aria-label="Выбрать экстра-тренировку" aria-expanded="false">
          <span class="toggle-label">ЭКСТРА</span>
          <span class="chevron">▾</span>
        </button>
        <div class="cal-start-menu" id="cal-extra-menu" hidden></div>
      </div>
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: WORKOUT — Тренировка (очередь упражнений)
       ──────────────────────────────────────────────────
       Содержит:
       • Хедер: день + название программы, кнопка «Выйти»
       • Battery bar: прогресс тренировки (0–100%)
       • Scroll body: список упражнений (рендерится из JS)
       • Complete banner: появляется когда queue пуст
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-workout">
    <div class="app-header">
      <div class="header-left">
        <!-- id="w-day-label" — заполняется из JS: "Д1 · ВЕРХ" -->
        <div class="logo" id="w-day-label">ТРЕНИРОВКА 1 · ВЕРХ</div>
        <div class="title">ТРЕНИРОВКА</div>
      </div>
      <button class="back-btn" id="btn-go-home" aria-label="Вернуться к группам мышц">← Назад</button>
    </div>
    <div class="battery-wrap">
      <span class="battery-label">Заряд</span>
      <div class="battery-outer"><div class="battery-fill" id="battery-fill"></div></div>
      <span class="battery-pct" id="battery-pct">0%</span>
    </div>
    <div class="workout-hint" id="workout-hint">
      <!-- Памятка заполняется из JS -->
    </div>
    <div class="scroll-body" id="exercise-list">
      <!-- Содержимое рендерится из JS: Workout.render() -->
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: MUSCLES — Группы мышц тренировочного дня
       ──────────────────────────────────────────────────
       Промежуточный экран между выбором дня и упражнениями.
       Показывает 6 карточек мышечных групп с иконками.
       Тап по карточке → screen-workout для одного слота.
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-muscles">
    <div class="app-header">
      <div class="header-left">
        <div class="logo" id="m-day-label">ТРЕНИРОВКА 1 · ВЕРХ</div>
        <div class="title">ГРУППЫ МЫШЦ</div>
      </div>
      <div class="header-right">
        <button class="back-btn" id="btn-regenerate" aria-label="Перегенерировать">⟳ Сгенерировать</button>
        <button class="back-btn" id="btn-muscles-home" aria-label="Вернуться на главную">← Выйти</button>
      </div>
    </div>
    <div class="battery-wrap">
      <span class="battery-label">Заряд</span>
      <div class="battery-outer"><div class="battery-fill" id="battery-fill-m"></div></div>
      <span class="battery-pct" id="battery-pct-m">0%</span>
    </div>
    <div class="workout-hint" id="muscles-hint"></div>
    <div class="scroll-body" id="muscle-list">
      <!-- Содержимое рендерится из JS: Workout.renderMuscles() -->
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: EXERCISE — Детали упражнения + варианты
       ──────────────────────────────────────────────────
       Показывает:
       • Тип + номер (badge'ы)
       • Название движения
       • Мышечная группа
       • Иллюстрация мышечной группы ← PLACEHOLDER
       • Список вариантов (variation-card)
       • Кнопки: «Выполнено» / «Отложить»
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-exercise">
    <div class="app-header">
      <div class="header-left">
        <div class="logo" id="ex-header-label">УПРАЖНЕНИЕ</div>
        <div class="title">ДЕТАЛИ</div>
      </div>
      <button class="back-btn" id="btn-cancel-exercise" aria-label="Отложить и вернуться">← Назад</button>
    </div>
    <div class="battery-wrap">
      <span class="battery-label">Заряд</span>
      <div class="battery-outer"><div class="battery-fill" id="battery-fill-ex"></div></div>
      <span class="battery-pct" id="battery-pct-ex">0%</span>
    </div>
    <div class="detail-scroll" id="detail-scroll">
      <div class="detail-badge-row">
        <span class="detail-chip detail-chip-orange" id="det-type">ТИП</span>
        <span class="detail-chip detail-chip-gray" id="det-index">#01</span>
      </div>
      <div class="detail-main-title" id="det-movement">Движение</div>
      <div class="detail-muscle-line" id="det-muscle">Мышца</div>

      <!-- ИЛЛЮСТРАЦИЯ: мышечная группа (средняя)
           Путь к файлу формируется динамически из JS:
           assets/img/muscles/{muscle-key}.png
           Если файл не найден — ImgLoader подставит SVG-заглушку. -->
      <div class="illust-wrap illust-md" id="illust-muscle">
        <img src="data:," alt="Иллюстрация мышечной группы"
             data-fallback="muscle">
      </div>

      <div class="detail-divider"></div>
      <div class="detail-section-label">// Варианты выполнения</div>
      <!-- Список вариантов рендерится из JS: Workout.openExercise() -->
      <div id="det-variations"></div>
      <div style="height:6px"></div>
    </div>
    <div class="sticky-actions">
      <button class="btn btn-full btn-big-primary" id="btn-complete-exercise">Выполнено</button>
      <button class="btn btn-full btn-big-ghost" id="btn-postpone-exercise">Отложить — тренажёр занят</button>
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: VARIATION — Вариант выполнения + подходы
       ──────────────────────────────────────────────────
       Показывает:
       • Тип + номер (badge'ы)
       • Название варианта
       • Мышечная группа
       • Оборудование (теги)
       • Иллюстрация техники ← PLACEHOLDER
       • Описание техники
       • Кнопки подходов (sets)
       • Поля ввода: вес + повторения
       • Overlay: таймер отдыха (SVG ring)
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-variation">
    <div class="app-header">
      <div class="header-left">
        <div class="logo" id="vd-header-label">ВАРИАНТ</div>
        <div class="title">ПОДХОДЫ</div>
      </div>
      <button class="back-btn" id="btn-close-variation" aria-label="Вернуться к вариантам">← Назад</button>
    </div>
    <div class="battery-wrap">
      <span class="battery-label">Заряд</span>
      <div class="battery-outer"><div class="battery-fill" id="battery-fill-vd"></div></div>
      <span class="battery-pct" id="battery-pct-vd">0%</span>
    </div>
    <div class="detail-scroll" id="vd-scroll">
      <div class="detail-badge-row">
        <span class="detail-chip detail-chip-orange" id="vd-type-chip">ТИП</span>
        <span class="detail-chip detail-chip-gray" id="vd-id-chip">#01</span>
      </div>
      <div class="detail-main-title" id="vd-title">Название</div>
      <div class="detail-muscle-line" id="vd-muscle">Мышца</div>
      <div class="detail-priority-row" id="vd-priority"><!-- звёзды + пояснение --></div>
      <div class="vd-like-ban-row">
        <button class="var-btn var-btn-like" id="vd-like-btn" data-action="vd-like" title="Лайк">♥ Лайк</button>
        <button class="var-btn var-btn-ban"  id="vd-ban-btn"  data-action="vd-ban"  title="Заблокировать">⊘ Забанить</button>
      </div>
      <div class="detail-divider"></div>
      <div class="detail-section-label">// Оборудование</div>
      <div class="vd-equip-row" id="vd-equip"></div>
      <!-- ИЛЛЮСТРАЦИЯ: техника выполнения варианта (крупная)
           Путь к файлу формируется динамически из JS:
           assets/img/exercises/{exercise-slug}.png
           Slug берётся из поля img варианта: v.img
           Пример: assets/img/exercises/chest-flat-barbell.png
           Если файл не найден — ImgLoader подставит SVG-заглушку. -->
      <div class="illust-wrap illust-lg" id="illust-exercise">
        <img src="data:," alt="Техника выполнения упражнения"
             data-fallback="exercise">
      </div>

      <div class="detail-section-label">// Подходы — нажми после каждого</div>
      <!-- Кнопки подходов рендерятся из JS: Workout.openVariation() -->
      <div class="sets-row" id="sets-row"></div>
      <div class="sets-hint" id="sets-hint">Выполни все подходы</div>
      <button class="btn btn-ghost btn-force-complete" id="btn-force-complete"
              data-action="force-complete" style="display:none">✓ Выполнено</button>
      <!-- Поля ввода веса/повторений рендерятся из JS -->
      <div class="set-inputs" id="set-inputs"></div>
      <div class="detail-divider" style="margin-top:16px"></div>
      <div class="detail-section-label">// Техника выполнения</div>
      <div class="vd-desc" id="vd-desc">Описание</div>
      <div style="height:10px"></div>
    </div>
    <div class="sticky-actions">
      <button class="btn btn-full btn-big-ghost" id="btn-back-to-variants">← Вернуться к вариантам</button>
    </div>

  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: STATS — Статистика и история
       ──────────────────────────────────────
       Содержит:
       • Карточка «Текущая неделя» (тренировки/упражнения/подходы/объём)
       • Карточка «История» (последние 20 тренировок)
       • Карточка «Данные» (кнопки экспорт/импорт)
       Контент рендерится из JS: UI.renderStats()
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-stats">
    <div class="app-header">
      <div class="header-left">
        <div class="logo">Аналитика</div>
        <div class="title">СТАТИСТИКА</div>
      </div>
      <button class="back-btn" id="btn-stats-back" aria-label="Назад">← Назад</button>
    </div>
    <div class="scroll-body">
      <div class="stats-section" id="stats-content">
        <!-- Контент рендерится динамически из JS -->
      </div>
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: LOG — Журнал тренировок (последние 30 дней)
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-log">
    <div class="app-header">
      <div class="header-left">
        <div class="logo">Последние 30 дней</div>
        <div class="title">ЖУРНАЛ</div>
      </div>
      <button class="back-btn" id="btn-log-back" aria-label="Назад">← Назад</button>
    </div>
    <div class="scroll-body">
      <div class="stats-section" id="log-content">
        <!-- Контент рендерится динамически из JS -->
      </div>
    </div>
  </div>

  <!-- ═══════════════════════════════════════════════════
       SCREEN: SETTINGS — Настройки
       ─────────────────────────────
       Содержит:
       • Группа «Тренировка»: подходы (2–6), таймер (30–300с)
       • Группа «Опасная зона»: очистить все данные
       Контент рендерится из JS: UI.renderSettings()
       ═══════════════════════════════════════════════════ -->
  <div class="screen" id="screen-settings">
    <div class="app-header">
      <div class="header-left">
        <div class="logo">Конфигурация</div>
        <div class="title">НАСТРОЙКИ</div>
      </div>
      <button class="back-btn" id="btn-settings-back" aria-label="Назад">← Назад</button>
    </div>
    <div class="scroll-body">
      <div class="stats-section" id="settings-content">
        <!-- Контент рендерится динамически из JS -->
      </div>
    </div>
  </div>

  <!-- SCREEN: CATALOG — Каталог упражнений
       Полный список всех упражнений, сгруппированных по мышечной группе.
       Каждая группа: заголовок + карточки с иллюстрацией и названием.
       Контент рендерится из JS: UI.renderCatalog() -->
  <div class="screen" id="screen-catalog">
    <div class="app-header">
      <div class="header-left">
        <div class="logo">Все упражнения</div>
        <div class="title">КАТАЛОГ</div>
      </div>
      <button class="back-btn" id="btn-catalog-back" aria-label="Назад">← Назад</button>
    </div>
    <div class="scroll-body">
      <div id="catalog-content">
        <!-- Контент рендерится динамически из JS -->
      </div>
    </div>
  </div>

  <!-- SCREEN: CATALOG DETAIL — Детали упражнения из каталога
       Открывается при клике по карточке в каталоге.
       Зеркало screen-variation, но без тренировочных контролов
       (подходов, ввода веса, таймера отдыха).
       Показывает: тип, мышцу, название, оборудование, картинку, технику. -->
  <div class="screen" id="screen-catalog-detail">
    <div class="app-header">
      <div class="header-left">
        <div class="logo" id="cd-header-label">КАТАЛОГ</div>
        <div class="title">УПРАЖНЕНИЕ</div>
      </div>
      <button class="back-btn" id="btn-catalog-detail-back" aria-label="Назад">← Назад</button>
    </div>
    <div class="detail-scroll" id="cd-scroll">
      <div class="detail-badge-row">
        <span class="detail-chip detail-chip-orange" id="cd-type-chip">ТИП</span>
        <span class="detail-chip detail-chip-gray" id="cd-muscle-chip">МЫШЦА</span>
      </div>
      <div class="detail-main-title" id="cd-title">Название</div>
      <div class="detail-muscle-line" id="cd-muscle">Мышца</div>
      <div class="detail-priority-row" id="cd-priority"><!-- звёзды + пояснение --></div>
      <div class="detail-divider"></div>
      <div class="detail-section-label">// Снаряд</div>
      <div class="vd-equip-row" id="cd-equip"></div>
      <div class="detail-section-label">// Мышцы</div>
      <div class="vd-desc" id="cd-muscles">—</div>
      <div class="illust-wrap illust-lg" id="illust-catalog-detail">
        <img src="data:," alt="Техника выполнения упражнения"
             data-fallback="exercise">
      </div>
      <div class="detail-section-label">// Техника</div>
      <div class="vd-desc" id="cd-desc">Описание</div>
      <div style="height:20px"></div>
    </div>
  </div>

</div>

<!-- ═══ ГЛОБАЛЬНЫЕ КОМПОНЕНТЫ (вне #app) ═══ -->

<!-- Toast уведомление (управляется через UI.toast()) -->
<div class="toast" id="toast"></div>

<!-- Модальный диалог подтверждения (управляется через UI.confirm()) -->
<div class="dialog-overlay" id="dialog">
  <div class="dialog-box">
    <div class="dialog-title" id="dialog-title">Подтвердить?</div>
    <div class="dialog-text" id="dialog-text">Действие необратимо.</div>
    <div class="dialog-actions">
      <button class="btn btn-ghost" id="dialog-cancel">Отмена</button>
      <button class="btn btn-primary" id="dialog-confirm">Да</button>
    </div>
  </div>
</div>

<!-- DAY LOG POPUP — показывает лог тренировки за выбранный день -->
<div class="day-log-popup" id="day-log-popup">
  <div class="day-log-popup-inner">
    <div class="day-log-popup-header">
      <span class="day-log-popup-date" id="day-log-popup-date"></span>
      <button class="icon-btn" id="btn-day-log-close">✕</button>
    </div>
    <div class="day-log-popup-body" id="day-log-popup-body"></div>
  </div>
</div>

<!-- REST TIMER — компактный виджет, вне .screen чтобы position:fixed работал -->
<div class="rest-timer-overlay" id="rest-timer">
  <div class="rest-timer-ring">
    <svg viewBox="0 0 160 160">
      <circle class="ring-bg" />
      <circle class="ring-fg" id="timer-ring-fg" />
    </svg>
    <div class="timer-text" id="timer-text">90</div>
  </div>
  <button class="rest-skip-btn" id="btn-skip-timer">Пропустить ×</button>
</div>

<script>
/*
 * ════════════════════════════════════════════════════════════════════════════
 *  GYM BATTERY — УЧЕБНЫЙ КОММЕНТАРИЙ ДЛЯ СТУДЕНТОВ
 *  Это одностраничное PWA-приложение без фреймворков и сборщиков.
 *  Весь код — HTML, CSS и JS — находится в одном файле: index.html.
 * ════════════════════════════════════════════════════════════════════════════
 *
 *  АРХИТЕКТУРА ПРИЛОЖЕНИЯ
 *  ─────────────────────
 *  Три объекта-синглтона + одна утилита:
 *    App      — состояние, сохранение в localStorage, недельный цикл
 *    UI       — рендеринг экранов, тосты, диалоги, haptic-обратная связь
 *    Workout  — полная логика тренировки (слоты, зоны, подходы, таймер)
 *    ImgLoader — загрузка изображений с SVG-заглушкой при ошибке
 *
 *  НАВИГАЦИЯ (без роутера)
 *  ───────────────────────
 *  Функция UI.showScreen(id) показывает нужный <div class="screen">
 *  и скрывает все остальные через CSS-класс .active.
 *  Никаких URL-переходов — чистый DOM.
 *
 *  ДАННЫЕ
 *  ──────
 *  workoutSchedule     — расписание (4 дня, 6 упражнений/день)
 *  exerciseVariations  — 168 вариантов упражнений (7 на каждое)
 *  Ключ вариантов: "{ДЕНЬ}-{НОМЕР}" → массив {img, name, tags, muscles, desc}
 *
 *  СОСТОЯНИЕ (два уровня)
 *  ──────────────────────
 *  App.state    — runtime, сбрасывается при перезагрузке
 *  App.persist  — localStorage (ключ: gb_v3):
 *    persist.progress[day] — текущая незавершённая тренировка
 *    persist.history[]     — история всех завершённых тренировок
 *    persist.settings      — настройки (количество подходов, таймер)
 *    persist.doneDays      — выполненные дни текущей недели
 *
 *  FLOW ТРЕНИРОВКИ (три зоны)
 *  ──────────────────────────
 *  1. Пользователь выбирает день на HOME → Workout.start(day)
 *  2. buildSlots(day) создаёт 6 слотов (по одному на упражнение)
 *     Слот = { id, type, muscle, movement, varQueue[], busy[], done, doneVarIdx }
 *  3. render() рисует три зоны на screen-workout:
 *
 *     ┌─ ДЕЛАЙ СЕЙЧАС ────────────────────────────────────────────┐
 *     │  Один лучший вариант на слот (varQueue[0]).               │
 *     │  Кнопки: → Начать  |  ⊘ Занято                           │
 *     └───────────────────────────────────────────────────────────┘
 *     ┌─ ПРОВЕРЬ — может освободилось ────────────────────────────┐
 *     │  Варианты, отмеченные "Занято" (slot.busy[]).             │
 *     │  Кнопки: → Освободилось  |  ✕ Пропустить                 │
 *     └───────────────────────────────────────────────────────────┘
 *     ┌─ ВЫПОЛНЕНО ✓ ─────────────────────────────────────────────┐
 *     │  Завершённые слоты (slot.done === true). Справочно.       │
 *     └───────────────────────────────────────────────────────────┘
 *
 *  4. "Занято"       → markSlotBusy()    — вариант уходит в ПРОВЕРЬ,
 *                                          следующий по приоритету в ДЕЛАЙ
 *  5. "Начать"       → slot-start        → openVariation() → screen-variation
 *  6. "Выполнено"    → completeExercise() — слот закрыт (done=true)
 *  7. "Освободилось" → reclaimBusyVariant() — возврат в ДЕЛАЙ + openVariation()
 *  8. Все слоты done → баннер "БАТАРЕЯ ЗАРЯЖЕНА" → finish()
 *
 *  ПРИОРИТЕТ ВАРИАНТОВ
 *  ────────────────────
 *  Позиция в массиве = качество оборудования/удобство:
 *    varPriority(0) = varPriority(1) = ★★★★★  (штанга, силовая рама)
 *    varPriority(2) = varPriority(3) = ★★★★   (гантели, тросовый блок)
 *    varPriority(4) = varPriority(5) = ★★★    (машина, TRX)
 *    varPriority(6)                  = ★★     (альтернатива с весом тела)
 *
 *  СОБЫТИЯ (делегирование)
 *  ───────────────────────
 *  Один обработчик click на #app → target.closest('[data-action]')
 *  switch(action) обрабатывает: slot-start, slot-busy, check-start,
 *    check-dismiss, open-variation, open-exercise, tap-set и др.
 *  Кнопки с фиксированными id используют прямой addEventListener.
 *
 * ════════════════════════════════════════════════════════════════════════════
 */

/* ===[TOC]=== TABLE OF CONTENTS ═══════════════════════════════════════════
 *
 * Для навигации: grep -n "===[SECTION:" index.html
 *
 * [SECTION:IMGLOADER]     — ImgLoader: загрузка картинок + SVG-fallback
 * [SECTION:EXERCISES]     — exerciseVariations: 168 вариантов (24×7)
 * [SECTION:SCHEDULE]      — workoutSchedule + dayFullNames + dayDescriptions
 * [SECTION:CONFIG]        — CONFIG, DAYS_ORDER, COMPOUND_TYPES, STORAGE_KEY
 * [SECTION:APP]           — App: состояние, localStorage, неделя, heat, log
 * [SECTION:UI]            — UI: экраны, рендер, тосты, haptic, диалоги
 * [SECTION:WORKOUT]       — Workout: слоты, зоны, подходы, таймер, каталог
 * [SECTION:EVENTS]        — Делегирование событий (data-action + addEventListener)
 * [SECTION:INIT]          — Миграция + Bootstrap (load, render, SW)
 *
 * Архитектура: три синглтона (App, UI, Workout) + утилита ImgLoader.
 * Делегирование: data-action на #app, фиксированные id — addEventListener.
 * ═══════════════════════════════════════════════════════════════════════════ */


/* ===[SECTION:IMGLOADER]=== Загрузчик иллюстраций с SVG-заглушкой ═════════
   ──────────────────────────────────────────────────
   Назначение:
   Управляет загрузкой иллюстраций в элементы <img>.
   Если реальный файл недоступен (onerror) — подставляет
   легковесную inline-SVG заглушку в виде data:URI.

   Использование:
   • Автоматически срабатывает при DOMContentLoaded
     для всех <img data-fallback>
   • Вручную: ImgLoader.setSrc(imgElement, 'assets/img/...png')

   Папки ассетов (ожидаемая структура):
   ───────────────────────────────────
   assets/img/
   ├── logo/gym-battery-logo.png        (логотип)
   ├── muscles/{key}.png                (иллюстрации мышечных групп)
   │   Ключи: chest, back, shoulders, legs, biceps, triceps
   ├── exercises/{exercise-slug}.png    (техника выполнения)
   │   Имя берётся из поля img варианта: v.img
   │   Сначала пробует .gif, потом .png, потом SVG-заглушку
   │   Пример: chest-flat-barbell.gif, legs-squat-back.gif
   └── ui/
       ├── workout-complete.png         (баннер завершения)
       ├── stats-icon.png               (иконка статистики)
       └── empty-state.png              (пустое состояние)
   ═══════════════════════════════════════════════════════════════════════════ */
const ImgLoader = {

  /**
   * Карта ключей мышечных групп.
   * Используется для маппинга русского названия мышцы → имя файла.
   * Пример: "Грудь (нижняя)" → "chest" → assets/img/muscles/chest.png
   * @type {Object.<string, string>}
   */
  muscleKeyMap: {
    'грудь':    'chest',
    'спина':    'back',
    'плечи':    'shoulders',
    'ноги':     'legs',      /* Используется для: квадрицепс, бицепс бедра, икры */
    'бицепс':   'biceps',
    'трицепс':  'triceps',
    'дельты':   'shoulders',
    'трапеция': 'back',
    'широчайшие':'back',
    'ромбовидные':'back',
    'квадрицепс':'legs',
    'ягодичные':'legs',
    'икры':     'legs'
  },

  /**
   * Генерирует SVG-заглушку в виде data:URI строки.
   * Заглушка — нейтральная гантель на тёмном фоне, адаптированная
   * под цветовую палитру приложения. При разработке показывает
   * ожидаемое имя файла для помощи с отладкой.
   *
   * @param {number} w — ширина SVG (px)
   * @param {number} h — высота SVG (px)
   * @param {string} label — текст-подпись под иконкой
   * @param {string} [filename] — ожидаемое имя файла для разработки
   * @returns {string} — data:image/svg+xml;charset=utf-8,... URI
   */
  placeholder(w = 200, h = 120, label = 'Иллюстрация', filename = '') {
    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${h}" viewBox="0 0 ${w} ${h}">
      <rect width="${w}" height="${h}" rx="6" fill="#1d1d20"/>
      <g transform="translate(${w/2}, ${h/2 - 8})" fill="none" stroke="#3a3a42" stroke-width="2" stroke-linecap="round">
        <!-- Гантель: горизонтальная штанга -->
        <line x1="-28" y1="0" x2="28" y2="0"/>
        <!-- Левый блин -->
        <rect x="-36" y="-10" width="10" height="20" rx="2" fill="#2e2e33" stroke="#3a3a42"/>
        <!-- Правый блин -->
        <rect x="26" y="-10" width="10" height="20" rx="2" fill="#2e2e33" stroke="#3a3a42"/>
        <!-- Левая внешняя скоба -->
        <rect x="-42" y="-6" width="6" height="12" rx="1.5" fill="#252528" stroke="#3a3a42"/>
        <!-- Правая внешняя скоба -->
        <rect x="36" y="-6" width="6" height="12" rx="1.5" fill="#252528" stroke="#3a3a42"/>
      </g>
      <text x="${w/2}" y="${h/2 + 22}" text-anchor="middle"
            font-family="'Exo 2',sans-serif" font-size="9" fill="#505060"
            letter-spacing="0.12em">${label}</text>
      ${filename ? `<text x="${w/2}" y="${h - 8}" text-anchor="middle"
            font-family="'Exo 2',sans-serif" font-size="9" fill="#5a5a6a"
            opacity="0.8">${filename}</text>` : ''}
    </svg>`;
    return 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg);
  },

  /**
   * Определяет ключ мышечной группы по русскому названию.
   *
   * @param {string} muscleText — название мышцы (из упражнения)
   * @returns {string} — ключ для имени файла (chest, back, ...)
   *
   * @example
   * ImgLoader.getMuscleKey("Грудь (нижняя)") // → "chest"
   * ImgLoader.getMuscleKey("Спина (широчайшие)") // → "back"
   */
  getMuscleKey(muscleText) {
    const lower = muscleText.toLowerCase();
    for (const [keyword, key] of Object.entries(this.muscleKeyMap)) {
      if (lower.includes(keyword)) return key;
    }
    return 'default';
  },

  /**
   * Устанавливает src для <img> с автоматическим fallback.
   * Цепочка попыток для упражнений: локальный .gif → оригинальный src → SVG-заглушка.
   * Для остальных изображений (мышцы, UI): src → SVG-заглушка.
   *
   * @param {HTMLImageElement} img — элемент <img>
   * @param {string} src — путь к файлу изображения (PNG/JPEG)
   * @param {string} [label] — текст для заглушки (по умолчанию из alt)
   */
  setSrc(img, src, label) {
    img.classList.remove('loaded');
    const filename = src.split('/').pop().replace(/\.[^/.]+$/, ''); /* Убираем расширение */
    const isExercise = src.indexOf('/exercises/') !== -1;

    /* Строим цепочку URL: для упражнений сначала GIF, затем оригинальный src */
    const urls = [];
    if (isExercise) urls.push('assets/img/exercises/' + filename + '.gif');
    urls.push(src);
    let urlIndex = 0;

    const tryNext = () => {
      if (urlIndex < urls.length) {
        const url = urls[urlIndex++];
        img.onerror = tryNext;
        img.onload = () => { img.classList.add('loaded'); img.onerror = null; img.onload = null; };
        img.src = url;
      } else {
        /* Все попытки исчерпаны — показываем SVG-заглушку */
        const w = (img.parentElement && img.parentElement.offsetWidth) || 200;
        const h = (img.parentElement && img.parentElement.offsetHeight) || 120;
        img.src = this.placeholder(w, h, label || img.alt || 'Изображение', filename);
        img.classList.add('loaded');
        img.onerror = null;
        img.onload = null;
      }
    };

    tryNext();
  },

  /**
   * Инициализация: находит все <img data-fallback> на странице
   * и навешивает onerror обработчик для подстановки заглушки.
   * Вызывается один раз при загрузке страницы.
   */
  init() {
    document.querySelectorAll('img[data-fallback]').forEach(img => {
      img.onerror = () => {
        const w = (img.parentElement && img.parentElement.offsetWidth) || 200;
        const h = (img.parentElement && img.parentElement.offsetHeight) || 120;
        const type = img.dataset.fallback || 'default';
        const labels = {
          logo: 'GYM BATTERY',
          muscle: 'Мышечная группа',
          exercise: 'Техника упражнения',
          complete: 'Тренировка завершена',
          stats: 'Статистика'
        };
        img.src = this.placeholder(w, h, labels[type] || 'Изображение');
        img.classList.add('loaded');
        img.onerror = null;
      };
      /* Принудительно пытаемся загрузить текущий src */
      const currentSrc = img.src;
      img.src = '';
      img.src = currentSrc;
    });
  }
};


/* ===[SECTION:EXERCISES]=== База вариантов упражнений (168 = 24×7) ════════
   ─────────────────────────────────────────────────────
   Ключи: "{ДЕНЬ}-{НОМЕР}" → массив объектов вариантов.
   Пример: "Д1-1" → 7 вариантов жима на горизонтальной скамье.

   Каждый вариант:
   {
     name: string  — Полное название (рус + англ)
     tags: string[] — Необходимое оборудование
     desc: string  — Описание техники выполнения
   }

   Тренировочные дни:
   • Д1 (1–6) → ВЕРХ: грудь (горизонт/наклон), плечи, трицепс + вертикальная тяга
   • Д2 (1–6) → НИЗ: квадрицепс (присед), задняя цепь (РДЛ), икры, выпады
   • Д3 (1–6) → ВЕРХ: спина (горизонт/наклон), жим плеч, бицепс, задние дельты
   • Д4 (1–6) → НИЗ: жим ногами, выпады, присед (вариация), икры, бицепс бедра

   ВСЕГО: 4 дня × 6 упражнений × 7 вариантов = 168 вариантов.
   ═══════════════════════════════════════════════════════════════════════════ */
const exerciseVariations = {
  "Д1-1":[
    { img:"chest-flat-barbell",    name:"Штанга на горизонтальной скамье (Flat Bench Press)", tags:["Гриф + блины","Горизонтальная скамья","Силовые стойки / рама безопасности"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Хват чуть шире плеч, гриф над нижней частью груди. Опускай к нижней части груди, локти ~75° к туловищу. Жми вертикально вверх. Лопатки сведены и прижаты к скамье на протяжении всего подхода." },
    { img:"chest-flat-dumbbell",   name:"Гантели на горизонтальной скамье", tags:["Пара гантелей","Горизонтальная скамья"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Ляг, гантели над грудью, ладони вперёд. Опускай по дуге вниз и в стороны, локти слегка согнуты. Жми вверх, сводя гантели." },
    { img:"chest-flat-smith",      name:"Тренажёр Смита — горизонтально", tags:["Тренажёр Смита","Горизонтальная скамья"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Скамья под грифом — гриф опускается на нижнюю часть груди. Зафиксируй стопоры. Сними со стопоров, опускай к нижней части груди. Жми по фиксированной вертикальной траектории." },
    { img:"chest-flat-machine",    name:"Тренажёр грудной жим (Chest Press Machine)", tags:["Тренажёр chest-press","Регулируемое сиденье"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Сиденье: рукояти на уровне нижней части груди. Спина прижата. Жми вперёд, не блокируя локти. Медленно возвращай." },
    { img:"chest-flat-cable",      name:"Кроссовер стоя (Standing Cable Chest Press)", tags:["Кабельный кроссовер","D-рукояти на уровне груди"], muscles:"Грудные (основная), передние дельты", desc:"Блоки на уровне груди. Шаг вперёд, ноги устойчиво. Жми обеими руками вперёд, сводя перед грудью. Медленно возвращай." },
    { img:"chest-flat-converge",   name:"Тренажёр со сходящимися рычагами (Converging Chest Press Machine)", tags:["Тренажёр Life Fitness / Cybex","Регулируемое сиденье"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Сиденье: рукояти на уровне нижней части груди. Жми вперёд — рычаги сходятся к центру. Задержись в конечной точке. Медленно возвращай." },
    { img:"chest-flat-hammer",     name:"Hammer Strength — горизонтальный жим (ISO-Lateral Chest Press)", tags:["Hammer Strength","Блины","Независимые рычаги"], muscles:"Грудные (основная), передние дельты, трицепс", desc:"Навесь блины. Сядь, спина прижата. Рукояти на уровне нижней части груди. Каждый рычаг движется независимо — помогает выровнять силовой дисбаланс. Жми вперёд до почти полного разгибания. Задержись 1 сек. Медленно возвращай." }
  ],
  "Д1-3":[
    { img:"chest-incline-barbell",      name:"Штанга на наклонной скамье 30–45° (Incline Bench Press)", tags:["Гриф + блины","Наклонная скамья","Силовые стойки"], muscles:"Верхние (ключичные) пучки грудных (основная), передние дельты, трицепс", desc:"Скамья 30–45°. Хват шире плеч. Опускай к верхней части груди/ключицам. Жми вверх. Чем выше угол — тем больше нагрузка на передние дельты." },
    { img:"chest-incline-dumbbell",     name:"Гантели на наклонной скамье (Incline Dumbbell Press)", tags:["Пара гантелей","Наклонная скамья"], muscles:"Верхние пучки грудных (основная), передние дельты, трицепс", desc:"Скамья 30–45°. Ляг, гантели над верхней частью груди. Опускай по дуге, локти в стороны. Жми вверх, слегка сводя гантели." },
    { img:"chest-incline-smith",        name:"Тренажёр Смита — наклонно", tags:["Тренажёр Смита","Наклонная скамья"], muscles:"Верхние пучки грудных (основная), передние дельты, трицепс", desc:"Наклонная скамья строго под грифом, угол 30–40°. Хват шире плеч. Сними со стопоров. Опускай к верхней части груди. Жми по фиксированной вертикальной траектории." },
    { img:"chest-incline-cable-low",    name:"Кроссовер нижними блоками (Low Cable Fly)", tags:["Блочная рама","Два нижних блока","D-рукояти"], muscles:"Верхние пучки грудных (основная), передние дельты", desc:"Нижние блоки. Встань в центре, руки опущены. Веди по дуге вверх и к центру — своди перед верхней частью груди. Локти слегка согнуты." },
    { img:"chest-incline-machine",      name:"Тренажёр наклонный жим (Incline Chest Press Machine)", tags:["Selectorized incline press","Спинка ~30°"], muscles:"Верхние пучки грудных (основная), передние дельты, трицепс", desc:"Сиденье: рукояти на уровне верхней части груди/ключиц, спинка ~30°. Жми вперёд и вверх. Не блокируй локти. Медленно возвращай." },
    { img:"chest-incline-cable-high",   name:"Тяга нижних блоков вверх к груди (Low-to-High Cable Fly)", tags:["Нижние блоки кроссовера","D-рукояти"], muscles:"Верхние (ключичные) пучки грудных (основная), передние дельты", desc:"Нижние блоки. Шаг вперёд, руки опущены. Веди обе руки снизу вверх по дуге, сводя перед верхней частью груди. Локти слегка согнуты." },
    { img:"chest-incline-lever",        name:"Рычажный жим с наклоном (Hammer Strength Incline Press)", tags:["Рычажный тренажёр","Блины","Независимые рукояти"], muscles:"Верхние пучки грудных (основная), передние дельты, трицепс", desc:"Навесь блины. Сядь, спинка наклонена. Каждый рычаг независимо. Жми вверх и вперёд. Медленно возвращай." }
  ],
  "Д3-2":[
    { img:"shoulder-press-barbell",  name:"Штанга над головой стоя (Standing Overhead Press)", tags:["Гриф + блины","Силовая стойка"], muscles:"Передние и средние дельты (основная), верхняя трапеция, трицепс", desc:"Хват чуть шире плеч, гриф на уровне ключиц. Жми строго вертикально вверх, слегка отводя голову назад при прохождении грифа. В верхней точке руки полностью выпрямлены." },
    { img:"shoulder-press-dumbbell", name:"Гантели над головой сидя (Dumbbell Shoulder Press)", tags:["Пара гантелей","Скамья со спинкой"], muscles:"Передние и средние дельты (основная), верхняя трапеция, трицепс", desc:"Спинка 80–90°. Гантели на уровне плеч/ушей, локти ~90°. Жми вверх до полного разгибания. Медленно опускай до уровня плеч." },
    { img:"shoulder-press-machine",  name:"Тренажёр плечевой жим (Shoulder Press Machine)", tags:["Тренажёр для плеч","Регулируемое сиденье"], muscles:"Передние и средние дельты (основная), верхняя трапеция, трицепс", desc:"Сиденье: рукояти на уровне плеч. Жми вверх по заданной траектории, не блокируя локти полностью. Медленно опускай до уровня плеч." },
    { img:"shoulder-press-smith",    name:"Тренажёр Смита — жим вверх", tags:["Тренажёр Смита","Скамья без спинки"], muscles:"Передние и средние дельты (основная), верхняя трапеция, трицепс", desc:"Скамья 90° строго под грифом. Хват шире плеч. Сними со стопоров. Опускай к уровню подбородка/верхней части груди. Жми вертикально вверх." },
    { img:"shoulder-press-arnold",   name:"Арнольд-пресс (Arnold Press)", tags:["Пара гантелей","Скамья со спинкой"], muscles:"Все три пучка дельт (основная), верхняя трапеция, трицепс", desc:"Старт: ладони к себе, гантели перед лицом. Разворачивай кисти наружу в процессе жима. В верхней точке ладони вперёд. При опускании разворачивай обратно." },
    { img:"shoulder-press-lever",    name:"Рычажный жим на плечи (Plate-Loaded Shoulder Press)", tags:["Рычажный тренажёр","Блины","Независимые рукояти"], muscles:"Передние и средние дельты (основная), верхняя трапеция, трицепс", desc:"Навесь блины. Сиденье: рукояти на уровне плеч. Каждый рычаг независимо. Жми вверх, не блокируя локти. Медленно возвращай." },
    { img:"shoulder-press-alt",      name:"Жим гантелями поочерёдно стоя (Alternating Standing DB Press)", tags:["Пара гантелей","Стоя"], muscles:"Передние и средние дельты (основная), трицепс, мышцы кора", desc:"Ноги на ширине плеч, гантели на уровне плеч. Жми одну гантель вверх до полного разгибания. Опускай и жми другую. Не раскачивай корпус." }
  ],
  "Д1-4":[
    { img:"chest-fly-dumbbell-flat",    name:"Разводка гантелями лёжа (Dumbbell Fly)", tags:["Пара гантелей","Горизонтальная скамья"], muscles:"Грудные (основная), передние дельты", desc:"Ляг горизонтально. Гантели над грудью, ладони друг к другу. Разводи по дуге вниз и в стороны, локти слегка согнуты и зафиксированы. Своди обратно по той же дуге." },
    { img:"chest-fly-cable-high",       name:"Кроссовер верхними блоками (Cable Fly High)", tags:["Блочная рама","Два верхних блока","D-рукояти"], muscles:"Нижние пучки грудных (основная), передние дельты", desc:"Верхние блоки. Шаг вперёд, руки разведены вверх. Веди по дуге вниз и вперёд, сводя перед собой на уровне пояса. Локти слегка согнуты." },
    { img:"chest-fly-pecdeck",          name:"Тренажёр «Бабочка» / Pec-Deck (Flye Machine)", tags:["Тренажёр pec-deck","Регулируемые упоры"], muscles:"Грудные (основная), передние дельты", desc:"Спина к подушке. Предплечья на мягких упорах. Своди руки перед грудью. Задержись 1–2 сек в точке максимального сжатия. Медленно возвращай." },
    { img:"chest-fly-dumbbell-incline", name:"Разводка на наклонной скамье (Incline Dumbbell Fly)", tags:["Пара гантелей","Наклонная скамья 30-45°"], muscles:"Верхние пучки грудных (основная), передние дельты", desc:"Скамья 30–45°. Гантели над верхней частью груди, ладони друг к другу. Разводи по дуге вниз, угол в локтях фиксирован. Своди обратно по той же дуге." },
    { img:"chest-fly-cable-mid",        name:"Кроссовер на среднем уровне (Mid-Height Cable Fly)", tags:["Блоки на уровне плеч","D-рукояти"], muscles:"Средние пучки грудных (основная), передние дельты", desc:"Блоки на уровне плеч. Шаг вперёд, руки разведены. Своди по дуге горизонтально перед грудью. Задержись 1 сек. Медленно возвращай." },
    { img:"chest-fly-pecdeck-neutral",  name:"Тренажёр бабочка с вертикальными рукоятями (Pec Deck Neutral Grip)", tags:["Тренажёр pec-deck с вертикальными рукоятями"], muscles:"Средние пучки грудных (основная)", desc:"Нейтральный хват (ладони друг к другу). Спина к подушке. Своди руки перед грудью. Задержись 1–2 сек. Медленно возвращай." },
    { img:"chest-fly-lever",            name:"Рычажный тренажёр разводка (Plate-Loaded Fly Machine)", tags:["Рычажный тренажёр","Блины","Независимые рычаги"], muscles:"Грудные (основная), передние дельты", desc:"Навесь блины. Сядь, спина прижата. Локти слегка согнуты. Своди рычаги перед грудью, каждая рука независимо. Медленно возвращай." }
  ],
  "Д1-5":[
    { img:"delt-lateral-dumbbell-standing", name:"Гантели — подъём в стороны стоя (Lateral Raise)", tags:["Пара лёгких гантелей","Стоя"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Ноги на ширине плеч, гантели вдоль тела. Поднимай в стороны до уровня плеч, локти слегка согнуты. В верхней точке мизинец выше большого пальца. Медленно опускай." },
    { img:"delt-lateral-dumbbell-seated",   name:"Гантели — подъём в стороны сидя", tags:["Пара гантелей","Скамья без спинки"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Сядь на край скамьи, корпус слегка вперёд. Поднимай гантели в стороны до уровня плеч, локти слегка согнуты. Медленно опускай. Исключает читинг корпусом." },
    { img:"delt-lateral-cable",             name:"Кабельные боковые подъёмы (Cable Lateral Raise)", tags:["Нижний блок","D-рукоять"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Встань боком к блоку, дальняя рука берёт рукоять. Поднимай в сторону до уровня плеча, локоть слегка согнут. Медленно опускай, контролируя негативную фазу." },
    { img:"delt-lateral-machine",           name:"Тренажёр для средних дельт (Lateral Raise Machine)", tags:["Специальный тренажёр","Боковые рычаги"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Ось тренажёра — на уровне плечевого сустава. Предплечья на боковых подушках. Подними рычаги в стороны до уровня плеч. Задержись 1 сек. Медленно опускай." },
    { img:"delt-lateral-forepad",           name:"Тренажёр с упорами для предплечий (Forearm Pad Lateral Raise)", tags:["Тренажёр с полукруглыми упорами","Предплечья давят на подушки"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Сядь, предплечья на полукруглых подушках. Поднимай руки в стороны, давя предплечьями на упоры. Задержись 1 сек в верхней точке. Медленно опускай." },
    { img:"delt-lateral-cable-cross",       name:"Подъём через тело на блоке (Cross-Body Cable Lateral Raise)", tags:["Нижний блок","D-рукоять"], muscles:"Средние дельты (основная), верхняя трапеция", desc:"Встань боком к блоку. Дальняя рука берёт рукоять — трос идёт наискосок через тело. Поднимай в сторону до уровня плеча. Медленно опускай, контролируя." },
    { img:"delt-lateral-cable-behind",      name:"Подъём за спиной на блоке (Behind-Back Cable Lateral Raise)", tags:["Нижний блок","D-рукоять"], muscles:"Средние дельты — задняя порция (основная), верхняя трапеция", desc:"Ближняя рука заведена за спину и берёт нижнюю рукоять. Поднимай в сторону до уровня плеча. Медленно опускай. Свободной рукой держись за стойку." }
  ],
  "Д1-6":[
    { img:"tri-pushdown-bar",               name:"Разгибание на верхнем блоке — прямая рукоять (Tricep Pushdown)", tags:["Верхний блок","Прямая/EZ-рукоять"], muscles:"Трицепс — все три головки (основная)", desc:"Хват сверху. Локти прижаты к корпусу — не двигают ими. Разгибай предплечья вниз до полного выпрямления. Медленно возвращай." },
    { img:"tri-pushdown-rope",              name:"Разгибание на блоке — канат (Rope Pushdown)", tags:["Верхний блок","Канат-рукоять"], muscles:"Трицепс — боковая и медиальная головки (основная)", desc:"Нейтральный хват за концы каната. Локти у корпуса. Разгибай вниз. В нижней точке разводи концы каната в стороны — пиковое сокращение. Медленно возвращай." },
    { img:"tri-extension-barbell-lying",    name:"Французский жим со штангой лёжа (Lying Tricep Extension)", tags:["EZ-гриф","Горизонтальная скамья"], muscles:"Трицепс — длинная головка (основная)", desc:"Узкий хват EZ-грифа. Плечи вертикальны. Сгибай только в локтях — опускай гриф ко лбу. Разгибай обратно. Плечи неподвижны на протяжении всего подхода." },
    { img:"tri-extension-dumbbell-lying",   name:"Французский жим с гантелями лёжа", tags:["Пара гантелей","Горизонтальная скамья"], muscles:"Трицепс — длинная головка (основная)", desc:"Нейтральный хват (ладони друг к другу). Плечи вертикальны. Сгибай только в локтях — опускай по бокам от головы. Разгибай обратно. Плечи неподвижны." },
    { img:"tri-extension-cable-overhead",   name:"Разгибание над головой на блоке (Overhead Cable Extension)", tags:["Нижний блок","Канат-рукоять","Спиной к стойке"], muscles:"Трицепс — длинная головка (основная)", desc:"Встань спиной к блоку, возьми канат за головой. Локти направлены вперёд и вверх. Разгибай руки вперёд и вверх. Медленно возвращай за голову." },
    { img:"tri-extension-machine-overhead", name:"Тренажёр трицепс над головой (Overhead Tricep Extension Machine)", tags:["Специализированный тренажёр","Сиденье с упором"], muscles:"Трицепс — длинная головка (основная)", desc:"Сиденье: рукоять за головой при согнутых локтях. Спина к упору. Локти направлены вверх и зафиксированы. Разгибай руки вверх до полного выпрямления. Медленно возвращай." },
    { img:"tri-extension-dumbbell-overhead",name:"Разгибание одной рукой с гантелью (Single-Arm Overhead DB Extension)", tags:["Одна гантель","Стоя или сидя"], muscles:"Трицепс — длинная головка (основная)", desc:"Одна гантель над головой. Локоть зафиксирован и направлен вверх. Опускай предплечье за голову. Разгибай обратно. Свободной рукой поддерживай рабочий локоть. Работай каждой рукой отдельно." }
  ],
  "Д1-2":[
    { img:"back-pulldown-wide",         name:"Тяга верхнего блока к груди (Lat Pulldown)", tags:["Верхний блок","Широкая рукоять","Сиденье с фиксатором"], muscles:"Широчайшие мышцы спины (основная), бицепс, задние дельты", desc:"Зафиксируй бёдра. Хват шире плеч. Тяни к верхней части груди, ведя локти вниз и назад. Грудь слегка навстречу рукояти. Медленно возвращай с полным растяжением." },
    { img:"back-pullup-weighted",       name:"Подтягивания с отягощением (Weighted Pull-Up)", tags:["Турник","Пояс с блином/жилет"], muscles:"Широчайшие (основная), бицепс, задние дельты, большая круглая", desc:"Прицепи отягощение к поясу. Хват шире плеч. Подтягивайся — подбородок выше перекладины. Медленно опускайся до полного растяжения." },
    { img:"back-pulldown-machine",      name:"Тренажёр lat-pulldown (Lat Pulldown Machine)", tags:["Тренажёр для широчайших","V-рукоять"], muscles:"Широчайшие (основная), бицепс, задние дельты", desc:"Зафиксируй бёдра. Тяни рукоять к верхней части груди, локти вниз и назад. Медленно возвращай — полное растяжение в верхней точке." },
    { img:"back-pulldown-reverse",      name:"Тяга обратным хватом (Reverse Grip Lat Pulldown)", tags:["Верхний блок","Прямая рукоять","Хват снизу"], muscles:"Широчайшие (основная), бицепс — усиленная нагрузка, задние дельты", desc:"Зафиксируй бёдра. Хват снизу шириной плеч. Тяни к верхней части груди. Локти вдоль корпуса вниз. Медленно возвращай." },
    { img:"back-pulldown-close-neutral",name:"Тяга узким нейтральным хватом (Close-Grip Neutral Pulldown)", tags:["Верхний блок","V-рукоять"], muscles:"Широчайшие (основная), бицепс, задние дельты", desc:"V-рукоять. Зафиксируй бёдра. Нейтральный хват. Тяни к нижней части груди, локти вдоль корпуса. Медленно возвращай до полного растяжения." },
    { img:"back-pullup-assisted",       name:"Тренажёр assisted pull-up", tags:["Тренажёр assisted pull-up","Контрвес"], muscles:"Широчайшие (основная), бицепс, задние дельты", desc:"Установи контрвес. Встань на платформу или колени на подушку. Хват шире плеч. Подтягивайся — подбородок выше перекладины. Медленно опускайся." },
    { img:"back-pulldown-single",       name:"Тяга одной рукой на блоке (Single-Arm Lat Pulldown)", tags:["Верхний блок","D-рукоять"], muscles:"Широчайшие (основная), бицепс, задние дельты", desc:"D-рукоять. Зафиксируй бёдра. Тяни одной рукой к плечу, слегка наклоняясь в рабочую сторону. Медленно возвращай с полным растяжением." }
  ],
  "Д3-1":[
    { img:"back-row-cable-seated",      name:"Горизонтальная тяга блока сидя (Seated Cable Row)", tags:["Нижний горизонтальный блок","V-рукоять"], muscles:"Широчайшие, средняя часть спины (основная), задние дельты, бицепс", desc:"Ноги слегка согнуты. Тяни V-рукоять к животу, локти назад. В конечной точке сведи лопатки. Медленно возвращай." },
    { img:"back-row-barbell-overhand",  name:"Тяга штанги в наклоне (Barbell Bent-Over Row)", tags:["Гриф + блины","Наклон ~45°","Хват снизу"], muscles:"Широчайшие, средняя спина (основная), задние дельты, бицепс", desc:"Наклон ~45°, спина прямая. Хват снизу шириной плеч. Тяни к нижней части живота. Медленно опускай." },
    { img:"back-row-dumbbell-both",     name:"Тяга гантелей в наклоне двумя руками", tags:["Пара гантелей","Наклон ~45°"], muscles:"Широчайшие, средняя спина (основная), задние дельты, бицепс", desc:"Наклон ~45°, спина прямая. Тяни обе гантели к бёдрам одновременно, акцентируя движение лопатками. Медленно опускай." },
    { img:"back-row-chest-support",     name:"Тренажёр гребля с упором в грудь (Chest-Supported Row)", tags:["Тренажёр chest-supported row","Грудной упор"], muscles:"Широчайшие, средняя спина (основная), задние дельты, бицепс", desc:"Ляг грудью на наклонный упор. Тяни рукояти к поясу, сводя лопатки. Медленно возвращай. Читинг исключён." },
    { img:"back-row-lever-hammer",      name:"Рычажный тренажёр тяга (Hammer Strength Seated Row)", tags:["Рычажный тренажёр","Блины","Независимые рычаги"], muscles:"Широчайшие, средняя спина (основная), задние дельты, бицепс", desc:"Ляг грудью на упор. Каждый рычаг независимо. Тяни к поясу, сводя лопатки. Медленно возвращай." },
    { img:"back-row-machine-vertical",  name:"Тяга сидя вертикально (Selectorized Seated Row)", tags:["Тренажёр seated row","Вертикальная спинка"], muscles:"Широчайшие, средняя спина (основная), задние дельты, бицепс", desc:"Сядь вертикально. Тяни рукояти к животу, сводя лопатки. Медленно возвращай." },
    { img:"back-row-cable-standing",    name:"Тяга в кроссовере стоя (Standing Single-Arm Cable Row)", tags:["Нижний/средний блок","D-рукоять"], muscles:"Широчайшие (основная), задние дельты, бицепс", desc:"Блок на уровне живота. D-рукоять в одной руке. Тяни к боку, локоть назад. Медленно возвращай." }
  ],
  "Д3-3":[
    { img:"back-row-barbell-underhand", name:"Тяга штанги обратным хватом в наклоне", tags:["Гриф + блины","Наклон ~30°","Хват снизу"], muscles:"Нижние и средние пучки широчайших (основная), ромбовидные, задние дельты, бицепс", desc:"Наклон ~30°, хват снизу шириной плеч. Спина прямая. Тяни к нижней части живота. Медленно опускай." },
    { img:"back-row-tbar",              name:"T-Bar Row (тяга в упоре)", tags:["T-bar стойка","Рукоять-нейтраль"], muscles:"Широчайшие, ромбовидные (основная), задние дельты, бицепс", desc:"Встань над T-bar, наклонись ~45°. Нейтральный хват. Тяни к груди, локти по бокам. Медленно опускай." },
    { img:"back-row-dumbbell-single",   name:"Тяга гантели одной рукой в наклоне", tags:["Одна гантель","Опора рукой о скамью"], muscles:"Широчайшие (основная), ромбовидные, задние дельты, бицепс", desc:"Колено и рука одной стороны на скамье. Спина параллельна полу. Тяни гантель к бедру, локоть высоко. В верхней точке сведи лопатку." },
    { img:"back-row-cable-bent",        name:"Тяга нижнего блока в наклоне (Cable Bent-Over Row)", tags:["Нижний блок","Прямая рукоять/канат"], muscles:"Широчайшие, ромбовидные (основная), задние дельты, бицепс", desc:"Встань лицом к нижнему блоку, наклонись ~45°, спина прямая. Тяни прямую рукоять к нижней части живота. Медленно возвращай." },
    { img:"back-row-tbar-machine",      name:"Рычажный Т-бар тренажёр (T-Bar Row Machine)", tags:["Тренажёр T-bar с грудным упором","Блины"], muscles:"Широчайшие, ромбовидные (основная), задние дельты, бицепс", desc:"Ляг грудью на упор. Нейтральный хват. Тяни к животу, сводя лопатки. Медленно возвращай. Упор исключает читинг." },
    { img:"back-pullover-dumbbell",     name:"Пуловер с гантелью лёжа (Dumbbell Pullover)", tags:["Тяжёлая гантель","Горизонтальная скамья"], muscles:"Широчайшие (основная), грудные, трицепс (длинная головка)", desc:"Держи гантель двумя руками над грудью. Опусти за голову по дуге, сохраняя лёгкий изгиб в локтях. Растяни широчайшие в нижней точке. Верни по той же дуге." },
    { img:"back-row-cable-bilateral",   name:"Тяга двух блоков стоя (Bilateral Cable Row Standing)", tags:["Два нижних блока","D-рукояти"], muscles:"Широчайшие, ромбовидные (основная), задние дельты, бицепс", desc:"Встань в центре кроссовера. Наклонись ~45°, спина прямая. Тяни оба нижних блока к поясу одновременно, сводя лопатки. Медленно возвращай." }
  ],
  "Д3-5":[
    { img:"bi-curl-barbell",        name:"Сгибание со штангой стоя (Barbell Curl)", tags:["EZ-гриф/прямой гриф","Стоя, хват снизу"], muscles:"Бицепс (основная), брахиалис, брахиорадиалис", desc:"Хват снизу шириной плеч. Локти прижаты к корпусу, неподвижны. Сгибай предплечья до верхней точки. Медленно опускай до полного разгибания." },
    { img:"bi-curl-dumbbell-alt",   name:"Поочерёдные сгибания с гантелями (Alternating Dumbbell Curl)", tags:["Пара гантелей","Стоя/сидя"], muscles:"Бицепс (основная), брахиалис, брахиорадиалис", desc:"Ноги на ширине плеч, гантели нейтральным хватом. Поочерёдно сгибай каждую руку — в ходе подъёма разворачивай запястье (супинируй). Медленно опускай. Без раскачки корпуса." },
    { img:"bi-curl-preacher",       name:"Скамья Скотта (Preacher Curl)", tags:["EZ-гриф/гантели","Скамья Скотта"], muscles:"Бицепс (нижняя часть, основная), брахиалис", desc:"Плечи упираются в подушку скамьи Скотта — исключает читинг. Хват снизу. Сгибай до верхней точки, задержись на секунду. Медленно опускай до полного разгибания." },
    { img:"bi-curl-cable",          name:"Сгибание на нижнем блоке (Cable Curl)", tags:["Нижний блок","Прямая рукоять"], muscles:"Бицепс (основная), брахиалис", desc:"Хват снизу, локти прижаты к корпусу и неподвижны. Сгибай предплечья, поднимая рукоять к плечам. Медленно опускай. Постоянное натяжение кабеля нагружает бицепс по всей амплитуде." },
    { img:"bi-curl-machine",        name:"Тренажёр для бицепса (Bicep Curl Machine)", tags:["Тренажёр со стеком","Плечи на упоре"], muscles:"Бицепс (основная), брахиалис", desc:"Отрегулируй сиденье — плечи на упорной подушке. Хват снизу. Сгибай до верхней точки, медленно опускай до полного разгибания. Фиксированная траектория исключает читинг." },
    { img:"bi-curl-concentration",  name:"Концентрированное сгибание (Concentration Curl)", tags:["Одна гантель","Сидя, локоть в бедро"], muscles:"Бицепс (пик, основная), брахиалис", desc:"Сядь, широко расставь ноги. Локоть рабочей руки упирается во внутреннюю часть бедра. Сгибай предплечье до верхней точки, задержись на секунду. Медленно опускай." },
    { img:"bi-curl-incline",        name:"Сгибание на наклонной скамье (Incline Dumbbell Curl)", tags:["Пара гантелей","Скамья 45-60°"], muscles:"Бицепс (длинная головка, основная), брахиалис", desc:"Скамья 45–60°. Откинься, руки с гантелями свисают вниз — бицепс максимально растянут на старте. Сгибай до верхней точки, не выводя локти вперёд. Медленно опускай." }
  ],
  "Д2-5":[
    { img:"legs-calf-standing",   name:"Подъём на носки стоя в тренажёре (Standing Calf Raise Machine)", tags:["Тренажёр calf raise","Плечевые упоры","Блины"], muscles:"Икры (основная — икроножная, камбаловидная)", desc:"Стань на носки платформы, пятки свисают. Встань на носки как можно выше, задержись 1 сек на пике. Медленно опускайся до растяжения. Прямые колени акцентируют икроножную мышцу." },
    { img:"legs-calf-seated",     name:"Подъём на носки сидя (Seated Calf Raise Machine)", tags:["Тренажёр seated calf raise","Подушка на коленях"], muscles:"Икры (основная — камбаловидная)", desc:"Сидя, подушки фиксируют колени. Пятки свисают с платформы. Поднимай на носки как можно выше. Задержись 1 сек. Медленно опускай до растяжения. Согнутые колени акцентируют камбаловидную." },
    { img:"legs-calf-single",     name:"Одноногий подъём на носок с гантелью (Single-Leg Dumbbell Calf Raise)", tags:["Одна гантель","Степ/ступенька","Опора рукой"], muscles:"Икры (одна нога, основная)", desc:"Носок одной ноги на краю ступеньки, пятка свисает. Гантель в одноимённой руке, другой держись для баланса. Поднимайся на носок, задержись 1 сек. Медленно опускай." },
    { img:"legs-calf-legpress",   name:"Подъём на носки в жиме ногами (Leg Press Calf Raise)", tags:["Любой leg-press","Ноги на нижнем краю платформы"], muscles:"Икры (основная — икроножная)", desc:"Ноги на нижнем краю платформы на носках. Разогни платформу со стопоров. Только голеностоп движется — колени прямые. Жми носки вперёд, задержись. Медленно возвращай. Безопасно." },
    { img:"legs-calf-smith",      name:"Подъём на носки в тренажёре Смита (Smith Machine Calf Raise)", tags:["Тренажёр Смита","Степ/блины под пятки"], muscles:"Икры (основная)", desc:"Блины или степ под носками — пятки свисают. Гриф Смита на трапециях. Поднимайся на носки как можно выше. Задержись. Медленно опускай до растяжения. Стабильность грифа позволяет использовать большой вес." },
    { img:"legs-calf-donkey",     name:"Подъём на носки с наклоном (Donkey Calf Raise)", tags:["Партнёр/тренажёр donkey","Наклон 90° в бедре"], muscles:"Икры (основная — икроножная при вытянутом бедре)", desc:"Наклонись, упираясь предплечьями в опору — угол 90° в бедре. Носки на краю платформы. Поднимайся на носки, задержись. Медленно опускай. Наклон корпуса акцентирует икроножную мышцу." },
    { img:"legs-calf-bodyweight", name:"Подъём на носки без отягощения (Bodyweight Calf Raise)", tags:["Вес тела","Ступенька/порог"], muscles:"Икры (тренировочный минимум)", desc:"Носки на краю ступеньки. Делай 20–30 медленных повторений с паузой 2 сек на пике и полным растяжением в нижней точке. Добавь жилет или держи гантель для прогрессии." }
  ],
  "Д3-6":[
    { img:"trap-face-pull-cable",       name:"Тяга к лицу на блоке с канатом (Face Pull)", tags:["Средний/верхний блок","Канат-рукоять"], muscles:"Задние дельты (основная), трапеция, вращательная манжета", desc:"Блок на уровне лица. Канат-рукоять, хват ладонями вниз. Тяни к лицу, разводя концы каната к ушам — локти высоко и в стороны. Задержись. Медленно возвращай." },
    { img:"trap-face-pull-band",        name:"Тяга к лицу с лентой (Band Face Pull)", tags:["Эластичная лента","Точка фиксации на уровне лица"], muscles:"Задние дельты (основная), трапеция, вращательная манжета", desc:"Зафикси ленту на уровне лица. Возьмись за концы. Тяни к лицу, разводя руки к ушам — локти высоко. Лопатки сведены в конечной точке. Медленно возвращай." },
    { img:"trap-upright-row",           name:"Тяга штанги к подбородку (Upright Row)", tags:["EZ-гриф/прямой гриф","Стоя, узкий хват"], muscles:"Трапеция (основная), средние дельты, задние дельты, бицепс", desc:"Хват чуть уже плеч. Тяни гриф вертикально вверх вдоль тела к подбородку — локти ведут движение вверх и в стороны. В верхней точке локти выше плеч. Медленно опускай." },
    { img:"trap-face-pull-seated",      name:"Face Pull сидя (Seated Face Pull)", tags:["Нижний/средний блок","Канат-рукоять","Сидя на полу"], muscles:"Задние дельты (основная), трапеция (средняя), вращательная манжета", desc:"Блок на уровне груди или чуть ниже. Сядь на пол, ноги слегка согнуты. Тяни канат к лицу, разводя концы в стороны на уровне ушей. Сидячее положение исключает раскачку." },
    { img:"back-pulldown-straight-arm", name:"Тяга прямыми руками вниз (Straight-Arm Lat Pulldown)", tags:["Верхний блок","Прямая рукоять"], muscles:"Широчайшие (основная), задние дельты, трапеция (нижняя)", desc:"Встань перед верхним блоком, наклонись ~30°. Прямые руки тяни вниз и назад по дуге до бёдер. Локти не сгибаются. Медленно возвращай." },
    { img:"trap-upright-row-cable",     name:"Тяга к подбородку в кроссовере (Cable Upright Row)", tags:["Нижний блок","Прямая рукоять"], muscles:"Трапеция (основная), средние дельты, бицепс", desc:"Хват узкий (15–20 см). Тяни рукоять вертикально к подбородку, ведя локти высоко. В верхней точке локти выше плеч. Медленно опускай." },
    { img:"trap-high-pull-rope",        name:"Тяга каната к шее (Rope High Pull)", tags:["Средний блок","Канат-рукоять"], muscles:"Трапеция (верхняя, основная), задние дельты, средние дельты", desc:"Блок на среднем уровне. Тяни канат к задней части шеи, максимально разводя локти в стороны и вверх. В конечной точке локти выше плеч. Медленно возвращай." }
  ],
  "Д2-1":[
    { img:"legs-squat-back",          name:"Приседание со штангой на спине (Back Squat)", tags:["Гриф + блины","Силовая стойка","Страховочные упоры"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра, икры, разгибатели спины", desc:"Гриф на трапециях, хват чуть шире плеч. Ноги на ширине плеч, носки развёрнуты. Приседай до параллели или ниже, колени по линии носков. Спина прямая. Жми пятками от пола." },
    { img:"legs-squat-front",         name:"Приседание со штангой на груди (Front Squat)", tags:["Гриф + блины","Силовая стойка","Хват крест/чистый"], muscles:"Квадрицепс (основная), ягодичные, кор", desc:"Гриф на передних дельтах, локти высоко. Ноги на ширине плеч. Приседай вертикально вниз — корпус остаётся вертикальным. До параллели или ниже. Жми пятками от пола." },
    { img:"legs-squat-smith",         name:"Тренажёр Смита — приседание", tags:["Тренажёр Смита","Встроенные стопоры"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гриф на трапециях, ноги чуть впереди вертикали грифа. Установи стопоры. Приседай до параллели или ниже. Жми пятками. Фиксированная траектория освобождает от необходимости держать баланс." },
    { img:"legs-squat-goblet",        name:"Кубковое приседание (Goblet Squat)", tags:["Тяжёлая гантель/гиря","Держать у груди"], muscles:"Квадрицепс, ягодичные (основная), кор, приводящие", desc:"Гантель или гиря прижата к груди двумя руками. Ноги на ширине плеч, носки развёрнуты. Приседай глубоко, разводя колени в стороны. Корпус вертикален. Вернись в исходное, напрягая ягодицы." },
    { img:"legs-squat-hack",          name:"Гакк-приседание (Hack Squat Machine)", tags:["Тренажёр hack squat","Плечевые упоры","Блины"], muscles:"Квадрицепс (основная), ягодичные, бицепс бедра", desc:"Спина прижата к наклонной спинке, плечи под упорами. Ноги на ширине плеч на платформе. Сними со стопоров, приседай до параллели или ниже. Жми пятками. Низкая постановка ног — акцент на квадрицепс." },
    { img:"legs-extension-machine",   name:"Разгибание ног (Leg Extension Machine)", tags:["Тренажёр leg extension"], muscles:"Квадрицепс (изоляция)", desc:"Ролик на уровне нижней части голеней, ось тренажёра — на уровне коленного сустава. Разгибай ноги до полного выпрямления, задержись на секунду. Медленно опускай." },
    { img:"legs-squat-smith-narrow",  name:"Приседание в Смите узкая постановка (Smith Machine Narrow Squat)", tags:["Тренажёр Смита","Узкая постановка ног"], muscles:"Квадрицепс (внешние пучки, основная), ягодичные", desc:"Гриф на трапециях, ноги вместе (10–15 см). Установи стопоры. Приседай глубоко, колени движутся строго вперёд. Узкая постановка максимально акцентирует квадрицепс." }
  ],
  "Д2-3":[
    { img:"legs-press-horizontal",  name:"Жим ногами горизонтально (Horizontal Leg Press)", tags:["Горизонтальный leg-press","Блины","Стопоры"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Ступни на ширине плеч в центре платформы. Опускай платформу, сгибая колени до ~90°. Не блокируй колени в верхней точке. Жми пятками." },
    { img:"legs-press-45deg",       name:"Жим ногами под углом 45° (45° Leg Press)", tags:["Наклонный leg-press","Блины","Стопоры"], muscles:"Квадрицепс, ягодичные, бицепс бедра (распределение зависит от постановки ног)", desc:"Ступни на ширине плеч. Высокая постановка — акцент на ягодицы и бицепс бедра. Низкая — акцент на квадрицепс. Опускай до ~90° в коленях. Жми пятками." },
    { img:"legs-press-narrow",      name:"Акцент на квадрицепс — узкая постановка", tags:["Любой leg-press","Ноги на нижней части платформы"], muscles:"Квадрицепс (основная, акцент на внешние пучки)", desc:"Ноги узко (10–15 см) на нижней части платформы. Опускай до ~90°. Жми вверх, не блокируя колени. Колени движутся строго вперёд — не допускай схлопывания." },
    { img:"legs-press-single",      name:"Жим ногами одной ногой (Single-Leg Press)", tags:["Любой leg-press","Одна нога"], muscles:"Квадрицепс, ягодичные (одна нога, основная)", desc:"Одна нога в центре платформы. Опускай до ~90°, жми одной ногой. Начинай со слабой ноги. Устраняет дисбаланс между ногами. Используй меньший вес." },
    { img:"legs-press-sumo",        name:"Жим ногами «сумо» (Sumo Leg Press)", tags:["Наклонный leg-press","Ноги широко, носки ~45°"], muscles:"Приводящие, ягодичные (основная), квадрицепс", desc:"Ноги широко на верхних краях платформы, носки наружу ~45°. Колени разводятся по линии носков. Жми пятками. Широкая постановка акцентирует внутреннюю часть бедра и ягодицы." },
    { img:"legs-press-paused",      name:"Жим ногами с паузой (Paused Leg Press)", tags:["Любой leg-press","Пауза 2-3 сек"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Стандартный жим, но в нижней точке полная остановка 2–3 секунды без расслабления. Мощно выжми вверх. Убирает инерцию — мышцы работают значительно тяжелее. Уменьши вес на 20–30%." },
    { img:"legs-extension-single",  name:"Разгибание ног одной ногой (Single-Leg Extension)", tags:["Тренажёр leg extension","Одна нога"], muscles:"Квадрицепс (изоляция, одна нога)", desc:"Тренажёр настроен как для двустороннего разгибания. Рабочей ногой разгибай до полного выпрямления, задержись. Медленно опускай. Начинай со слабой ноги." }
  ],
  "Д2-6":[
    { img:"legs-lunge-walking",          name:"Шагающие выпады с гантелями (Walking Lunges)", tags:["Пара гантелей","Длинный коридор"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра, икры", desc:"Гантели в руках. Широкий шаг вперёд, опусти заднее колено почти до пола. Переднее колено над носком. Оттолкнись и шагни другой ногой. Корпус вертикально." },
    { img:"legs-lunge-bulgarian",        name:"Болгарский сплит-присед (Bulgarian Split Squat)", tags:["Пара гантелей","Скамья для задней ноги"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра, стабилизаторы", desc:"Носок задней ноги на скамье. Передняя нога далеко впереди. Опускай таз вниз, переднее колено над носком. Вернись вверх, отталкиваясь пяткой передней ноги." },
    { img:"legs-lunge-barbell",          name:"Выпады со штангой (Barbell Lunges)", tags:["Гриф + блины","Силовая стойка"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Штанга на трапециях. Длинный шаг вперёд, опусти заднее колено до пола. Переднее колено над носком. Вернись толчком передней ноги." },
    { img:"legs-lunge-reverse",          name:"Обратный выпад с гантелями (Reverse Lunge)", tags:["Пара гантелей","Свободное место"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гантели в руках. Шагни назад, опусти заднее колено до пола. Корпус вертикальный. Оттолкнись и верни ногу в исходное. Нагрузка на коленный сустав ниже, чем в прямом выпаде." },
    { img:"legs-stepup-dumbbell",        name:"Степ-ап с гантелями (Dumbbell Step-Up)", tags:["Пара гантелей","Платформа 40-50 см"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гантели в руках, одна нога на платформе. Оттолкнись рабочей ногой и поднимись. Приставь вторую ногу, спустись. Начинай со слабой ноги. Выше платформа — больше ягодичных." },
    { img:"legs-lunge-bulgarian-smith",  name:"Болгарский присед в Смите (Smith Machine Bulgarian Split Squat)", tags:["Тренажёр Смита","Скамья"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Задняя нога на скамье, передняя под грифом Смита. Приседай, колено над носком. Медленно вернись. Фиксированная траектория позволяет работать с большим весом." },
    { img:"legs-lunge-reverse-smith",    name:"Обратный выпад в Смите (Smith Machine Reverse Lunge)", tags:["Тренажёр Смита"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Встань под грифом. Шагни назад, опусти заднее колено до пола. Вернись в исходное. Смит обеспечивает стабильность — безопаснее для коленного сустава." }
  ],
  "Д2-2":[
    { img:"legs-rdl-barbell",       name:"Румынская тяга со штангой (Romanian Deadlift)", tags:["Гриф + блины","Ноги прямые/чуть согнутые"], muscles:"Бицепс бедра, ягодичные (основная), разгибатели спины", desc:"Стой с грифом перед бёдрами, хват сверху шириной плеч. Колени чуть согнуты и зафиксированы. Отводи таз назад, опускай гриф вдоль бёдер. Спина прямая. Вернись, напрягая ягодицы." },
    { img:"legs-rdl-dumbbell",      name:"Румынская тяга с гантелями", tags:["Пара гантелей","Ноги прямые/чуть согнутые"], muscles:"Бицепс бедра, ягодичные (основная), разгибатели спины", desc:"Гантели перед бёдрами хватом сверху. Колени чуть согнуты. Отводи таз назад, опускай гантели вдоль бёдер. Спина прямая. Опускайся до растяжения бицепса бедра. Вернись, напрягая ягодицы." },
    { img:"legs-rdl-smith",         name:"Тренажёр Смита — румынская тяга", tags:["Тренажёр Смита","Контролируемое движение"], muscles:"Бицепс бедра, ягодичные (основная), разгибатели спины", desc:"Гриф Смита на бёдрах, хват сверху. Колени чуть согнуты. Наклоняйся вперёд, отводя таз назад. Гриф скользит по вертикальным направляющим. Спина прямая. Вернись в исходное." },
    { img:"legs-rdl-cable-pull",    name:"Тяга нижнего блока к бёдрам (Cable Pull-Through)", tags:["Нижний блок","Канат-рукоять","Спиной к блоку"], muscles:"Ягодичные, бицепс бедра (основная), разгибатели спины", desc:"Встань спиной к блоку, канат-рукоять между ног. Наклонись с прямой спиной, отводя таз назад. Выпрямись, напрягая ягодицы и сводя бёдра. Кабель создаёт постоянное натяжение." },
    { img:"legs-back-extension",    name:"Гиперэкстензия (Back Extension)", tags:["Тренажёр гиперэкстензии","С весом/без"], muscles:"Разгибатели спины (основная), ягодичные, бицепс бедра", desc:"Зафикси бёдра на упоре, тело наклонено вниз. Блин или гантель у груди. Поднимай корпус до прямой линии с бёдрами. Задержись на секунду. Медленно опускай." },
    { img:"legs-rdl-single",        name:"Одноногая румынская тяга (Single-Leg RDL)", tags:["Одна гантель/гиря","Одна нога"], muscles:"Бицепс бедра, ягодичные (одна нога, основная), стабилизаторы", desc:"Стой на одной ноге, гантель в противоположной руке. Наклоняйся вперёд, одновременно отводя свободную ногу назад — тело образует «Т». Спина прямая. Вернись, напрягая ягодицу опорной ноги." },
    { img:"legs-rdl-stiff",         name:"Тяга на прямых ногах (Stiff-Leg Deadlift)", tags:["Гриф + блины","Ноги строго прямые"], muscles:"Бицепс бедра (основная), ягодичные, разгибатели спины", desc:"Ноги полностью прямые — не сгибай в коленях. Наклоняйся вперёд, опуская гриф вдоль ног. Спина строго прямая. Опускайся до максимального растяжения бицепса бедра. Требует хорошей гибкости." }
  ],
  "Д2-4":[
    { img:"legs-curl-lying",          name:"Сгибание ног лёжа (Lying Leg Curl)", tags:["Тренажёр leg-curl лёжа","Регулируемый упор"], muscles:"Бицепс бедра (основная), икры", desc:"Ляг лицом вниз, пятки под роликом. Сгибай ноги, поднимая пятки к ягодицам. Не отрывай таз от подушки. В верхней точке задержись на секунду. Медленно опускай." },
    { img:"legs-curl-seated",         name:"Сгибание ног сидя (Seated Leg Curl)", tags:["Тренажёр leg-curl сидя"], muscles:"Бицепс бедра (основная), икры", desc:"Верхний ролик фиксирует бёдра, нижний — на ахилловом сухожилии. Сгибай ноги, подтягивая пятки под сиденье. Задержись. Медленно возвращай до полного разгибания." },
    { img:"legs-curl-standing",       name:"Сгибание ног стоя (Standing Leg Curl)", tags:["Тренажёр leg-curl стоя","Одна нога"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Лицом к тренажёру, ролик под нижней частью голени рабочей ноги. Сгибай ногу, поднимая пятку к ягодице. Задержись. Медленно опускай. Начинай со слабой ноги." },
    { img:"legs-curl-cable-lying",    name:"Сгибание ног с блоком лёжа (Cable Leg Curl Lying)", tags:["Нижний блок","Ankle cuff","Скамья"], muscles:"Бицепс бедра (основная), икры", desc:"Манжет на лодыжке, прикреплён к нижнему блоку. Ляг лицом вниз, ноги к блоку. Сгибай ногу, поднимая пятку к ягодице. Медленно опускай. Кабель создаёт постоянное натяжение по всей амплитуде." },
    { img:"legs-curl-nordic",         name:"Скандинавское сгибание (Nordic Hamstring Curl)", tags:["Партнёр/тренажёр","Вес тела"], muscles:"Бицепс бедра (максимальная изоляция)", desc:"Зафикси голени (партнёр держит лодыжки). Встань на колени. Медленно опускай тело вперёд, сопротивляясь бицепсом бедра. В нижней точке оттолкнись руками и вернись." },
    { img:"legs-curl-cable-standing", name:"Сгибание ног стоя с блоком (Standing Cable Leg Curl)", tags:["Нижний блок","Ankle cuff","Стоя"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Манжет на лодыжке, прикреплён к нижнему блоку. Стой лицом к стойке, держись рукой. Сгибай рабочую ногу, поднимая пятку к ягодице. Медленно опускай. Работай каждой ногой отдельно." },
    { img:"legs-curl-single",         name:"Сгибание ног поочерёдно в тренажёре (Single-Leg Leg Curl)", tags:["Тренажёр leg-curl","Одна нога"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Стандартный тренажёр, но работай одной ногой. Вторую убери. Сгибай до полного сокращения, задержись. Медленно опускай. Начинай со слабой ноги." }
  ],
  "Д4-1":[
    { img:"legs-press-45deg",       name:"Жим ногами под углом 45° (45° Leg Press)", tags:["Наклонный leg-press","Блины","Стопоры"], muscles:"Квадрицепс, ягодичные, бицепс бедра (распределение зависит от постановки ног)", desc:"Ступни на ширине плеч. Высокая постановка — акцент на ягодицы и бицепс бедра. Низкая — акцент на квадрицепс. Опускай до ~90° в коленях. Жми пятками." },
    { img:"legs-press-narrow",      name:"Акцент на квадрицепс — узкая постановка", tags:["Любой leg-press","Ноги на нижней части платформы"], muscles:"Квадрицепс (основная, акцент на внешние пучки)", desc:"Ноги узко (10–15 см) на нижней части платформы. Опускай до ~90°. Жми вверх, не блокируя колени. Колени движутся строго вперёд — не допускай схлопывания." },
    { img:"legs-press-single",      name:"Жим ногами одной ногой (Single-Leg Press)", tags:["Любой leg-press","Одна нога"], muscles:"Квадрицепс, ягодичные (одна нога, основная)", desc:"Одна нога в центре платформы. Опускай до ~90°, жми одной ногой. Начинай со слабой ноги. Устраняет дисбаланс между ногами. Используй меньший вес." },
    { img:"legs-press-sumo",        name:"Жим ногами «сумо» (Sumo Leg Press)", tags:["Наклонный leg-press","Ноги широко, носки ~45°"], muscles:"Приводящие, ягодичные (основная), квадрицепс", desc:"Ноги широко на верхних краях платформы, носки наружу ~45°. Колени разводятся по линии носков. Жми пятками. Широкая постановка акцентирует внутреннюю часть бедра и ягодицы." },
    { img:"legs-press-paused",      name:"Жим ногами с паузой (Paused Leg Press)", tags:["Любой leg-press","Пауза 2-3 сек"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Стандартный жим, но в нижней точке полная остановка 2–3 секунды без расслабления. Мощно выжми вверх. Убирает инерцию — мышцы работают значительно тяжелее. Уменьши вес на 20–30%." },
    { img:"legs-extension-machine",   name:"Разгибание ног (Leg Extension Machine)", tags:["Тренажёр leg extension"], muscles:"Квадрицепс (изоляция)", desc:"Ролик на уровне нижней части голеней, ось тренажёра — на уровне коленного сустава. Разгибай ноги до полного выпрямления, задержись на секунду. Медленно опускай." },
    { img:"legs-extension-single",  name:"Разгибание ног одной ногой (Single-Leg Extension)", tags:["Тренажёр leg extension","Одна нога"], muscles:"Квадрицепс (изоляция, одна нога)", desc:"Тренажёр настроен как для двустороннего разгибания. Рабочей ногой разгибай до полного выпрямления, задержись. Медленно опускай. Начинай со слабой ноги." }
  ],
  "Д3-4":[
    { img:"chest-decline-barbell",  name:"Штанга на скамье decline (Decline Bench Press)", tags:["Гриф + блины","Скамья decline","Стойки"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Скамья 15–30° вниз. Зафикси ноги. Хват чуть шире плеч. Опускай гриф к нижней части груди. Локти ~75° к туловищу. Жми вертикально вверх." },
    { img:"chest-decline-dumbbell", name:"Гантели на скамье decline", tags:["Пара гантелей","Скамья decline"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Скамья 15–30° вниз. Зафикси ноги. Гантели над нижней частью груди. Опускай по дуге до растяжения. Жми вверх, сводя гантели. Лопатки сведены и прижаты к скамье." },
    { img:"chest-decline-smith",    name:"Тренажёр Смита — decline", tags:["Тренажёр Смита","Скамья decline"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Скамья decline строго под грифом Смита. Зафикси ноги. Стопоры на безопасной высоте. Опускай гриф к нижней части груди. Жми вверх. Можно работать тяжело без партнёра." },
    { img:"chest-decline-machine",  name:"Тренажёр жим decline (Decline Chest Press Machine)", tags:["Selectorized decline press","Спинка ~15-20° вниз"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Рукояти на уровне нижней части груди, спинка наклонена назад. Спина прижата. Жми вперёд и чуть вниз. Не блокируй локти. Медленно возвращай." },
    { img:"chest-decline-pushup",   name:"Отжимания с ногами на возвышении (Decline Push-Up)", tags:["Скамья/степ","Ноги на возвышении"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Ноги на скамье, руки на полу чуть шире плеч. Опускайся до касания грудью пола. Жми вверх. Корпус прямой — не прогибай поясницу. Чем выше ноги, тем больше нагрузка." },
    { img:"chest-dips",             name:"Отжимания на брусьях с наклоном (Chest-Focused Dips)", tags:["Параллельные брусья","Наклон ~30-40°"], muscles:"Грудные (нижний пучок, основная), передние дельты, трицепс", desc:"Наклони корпус вперёд ~30–40°. Опускайся до угла ~90° в локтях. Жми вверх. Наклон корпуса смещает нагрузку с трицепса на грудные." },
    { img:"chest-decline-cable",    name:"Кроссовер с нижних блоков (Low-to-High Cable Crossover)", tags:["Нижние блоки","D-рукояти"], muscles:"Грудные (нижний пучок, основная), передние дельты", desc:"Возьми нижние блоки. Шаг вперёд. Веди руки снизу вверх, сводя кисти на уровне нижней части груди. Локти слегка согнуты. Медленно возвращай." }
  ],
  "Д4-2":[
    { img:"legs-lunge-bulgarian",       name:"Болгарский сплит-присед (Bulgarian Split Squat)", tags:["Пара гантелей","Скамья для задней ноги"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра, стабилизаторы", desc:"Носок задней ноги на скамье. Передняя нога далеко впереди. Опускай таз вниз, переднее колено над носком. Вернись вверх, отталкиваясь пяткой передней ноги." },
    { img:"legs-lunge-barbell",          name:"Выпады со штангой (Barbell Lunges)", tags:["Гриф + блины","Силовая стойка"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Штанга на трапециях. Длинный шаг вперёд, опусти заднее колено до пола. Переднее колено над носком. Вернись толчком передней ноги." },
    { img:"legs-lunge-bulgarian-smith",  name:"Болгарский присед в Смите (Smith Machine Bulgarian Split Squat)", tags:["Тренажёр Смита","Скамья"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Задняя нога на скамье, передняя под грифом Смита. Приседай, колено над носком. Медленно вернись. Фиксированная траектория позволяет работать с большим весом." },
    { img:"legs-lunge-reverse",          name:"Обратный выпад с гантелями (Reverse Lunge)", tags:["Пара гантелей","Свободное место"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гантели в руках. Шагни назад, опусти заднее колено до пола. Корпус вертикальный. Оттолкнись и верни ногу в исходное. Нагрузка на коленный сустав ниже, чем в прямом выпаде." },
    { img:"legs-lunge-walking",          name:"Шагающие выпады с гантелями (Walking Lunges)", tags:["Пара гантелей","Длинный коридор"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра, икры", desc:"Гантели в руках. Широкий шаг вперёд, опусти заднее колено почти до пола. Переднее колено над носком. Оттолкнись и шагни другой ногой. Корпус вертикально." },
    { img:"legs-stepup-dumbbell",        name:"Степ-ап с гантелями (Dumbbell Step-Up)", tags:["Пара гантелей","Платформа 40-50 см"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гантели в руках, одна нога на платформе. Оттолкнись рабочей ногой и поднимись. Приставь вторую ногу, спустись. Начинай со слабой ноги. Выше платформа — больше ягодичных." },
    { img:"legs-lunge-reverse-smith",    name:"Обратный выпад в Смите (Smith Machine Reverse Lunge)", tags:["Тренажёр Смита"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Встань под грифом. Шагни назад, опусти заднее колено до пола. Вернись в исходное. Смит обеспечивает стабильность — безопаснее для коленного сустава." }
  ],
  "Д4-3":[
    { img:"legs-squat-goblet",        name:"Кубковое приседание (Goblet Squat)", tags:["Тяжёлая гантель/гиря","Держать у груди"], muscles:"Квадрицепс, ягодичные (основная), кор, приводящие", desc:"Гантель или гиря прижата к груди двумя руками. Ноги на ширине плеч, носки развёрнуты. Приседай глубоко, разводя колени в стороны. Корпус вертикален. Вернись в исходное, напрягая ягодицы." },
    { img:"legs-squat-front",         name:"Приседание со штангой на груди (Front Squat)", tags:["Гриф + блины","Силовая стойка","Хват крест/чистый"], muscles:"Квадрицепс (основная), ягодичные, кор", desc:"Гриф на передних дельтах, локти высоко. Ноги на ширине плеч. Приседай вертикально вниз — корпус остаётся вертикальным. До параллели или ниже. Жми пятками от пола." },
    { img:"legs-squat-hack",          name:"Гакк-приседание (Hack Squat Machine)", tags:["Тренажёр hack squat","Плечевые упоры","Блины"], muscles:"Квадрицепс (основная), ягодичные, бицепс бедра", desc:"Спина прижата к наклонной спинке, плечи под упорами. Ноги на ширине плеч на платформе. Сними со стопоров, приседай до параллели или ниже. Жми пятками. Акцент на квадрицепс." },
    { img:"legs-squat-smith",         name:"Тренажёр Смита — приседание", tags:["Тренажёр Смита","Встроенные стопоры"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Гриф на трапециях, ноги чуть впереди вертикали грифа. Установи стопоры. Приседай до параллели. Жми пятками. Фиксированная траектория убирает необходимость держать баланс." },
    { img:"legs-squat-smith-narrow",  name:"Приседание в Смите узкая постановка (Smith Machine Narrow Squat)", tags:["Тренажёр Смита","Узкая постановка ног"], muscles:"Квадрицепс (внешние пучки, основная), ягодичные", desc:"Гриф на трапециях, ноги вместе (10–15 см). Установи стопоры. Приседай глубоко, колени движутся строго вперёд. Максимальный акцент на квадрицепс." },
    { img:"legs-squat-back",          name:"Приседание — акцент темп (Back Squat Slow Tempo)", tags:["Гриф + блины","Силовая стойка","Страховочные упоры"], muscles:"Квадрицепс, ягодичные (основная), бицепс бедра", desc:"Вариант Д4: медленное приседание с паузой. 3 сек вниз, 2 сек пауза в нижней точке, мощный подъём вверх. Уменьши вес на 20–30% от рабочего. Убирает инерцию — мышцы работают тяжелее." },
    { img:"legs-extension-machine",   name:"Разгибание ног (Leg Extension Machine)", tags:["Тренажёр leg extension"], muscles:"Квадрицепс (изоляция)", desc:"Если нет возможности выполнить вариант приседа — замени на разгибания ног. Ролик на нижней части голеней. Разгибай ноги до полного выпрямления. Медленно опускай." }
  ],
  "Д4-4":[
    { img:"legs-extension-machine",   name:"Разгибание ног (Leg Extension Machine)", tags:["Тренажёр leg extension"], muscles:"Квадрицепс (изоляция)", desc:"Ролик на уровне нижней части голеней, ось тренажёра — на уровне коленного сустава. Разгибай ноги до полного выпрямления, задержись 1 сек на пике. Медленно опускай 3 сек." },
    { img:"legs-extension-single",    name:"Разгибание ног одной ногой (Single-Leg Extension)", tags:["Тренажёр leg extension","Одна нога"], muscles:"Квадрицепс (изоляция, одна нога)", desc:"Тренажёр настроен как для двустороннего разгибания. Рабочей ногой разгибай до полного выпрямления, задержись 2 сек. Медленно опускай. Начинай со слабой ноги." },
    { img:"legs-extension-machine",   name:"Разгибание с паузой 2 сек (Leg Extension + Hold)", tags:["Тренажёр leg extension","Пауза 2 сек","Лёгкий вес"], muscles:"Квадрицепс (максимальное сокращение)", desc:"Тот же тренажёр, но в верхней точке полная остановка 2 секунды — максимально напрягай квадрицепс. Медленно опускай 4 сек. Уменьши вес на 25–30% — нагрузка значительно выше." },
    { img:"legs-extension-single",    name:"Дроп-сет: одноногое разгибание (Single-Leg Drop Set)", tags:["Тренажёр leg extension","Одна нога","Дроп-сет"], muscles:"Квадрицепс (ударная изоляция)", desc:"Начни с рабочим весом × 10 повт, сразу сними 40% — ещё 10 повт без отдыха. Итого 20 повторений за сет. Выполняй на слабой, затем на сильной ноге." },
    { img:"legs-squat-goblet",        name:"Кубковое приседание (Goblet Squat)", tags:["Тяжёлая гантель/гиря","Держать у груди"], muscles:"Квадрицепс, ягодичные", desc:"Альтернатива при отсутствии тренажёра. Медленный темп: 3 сек вниз, 1 сек пауза, 2 сек вверх. Ставь цель на квадрицепс — толкай колени вперёд за носки." },
    { img:"legs-squat-hack",          name:"Гакк-приседание (Hack Squat Machine)", tags:["Тренажёр hack squat","Плечевые упоры","Блины"], muscles:"Квадрицепс (основная)", desc:"Альтернатива при отсутствии leg extension. Частичная амплитуда в верхних 2/3 движения — максимально нагружает квадрицепс. Ноги узко, акцент на разгибание." },
    { img:"legs-rdl-cable-pull",      name:"Тяга нижнего блока к бёдрам (Cable Pull-Through)", tags:["Нижний блок","Канат-рукоять","Спиной к блоку"], muscles:"Ягодичные, бицепс бедра", desc:"Если нет ни тренажёров, ни гантелей — замени финишер на Pull-Through для ягодичных. Тяни канат между ног, выпрямляясь и напрягая ягодицы и бицепс бедра." }
  ],
  "Д4-5":[
    { img:"legs-calf-standing",   name:"Подъём на носки стоя в тренажёре (Standing Calf Raise Machine)", tags:["Тренажёр calf raise","Плечевые упоры","Блины"], muscles:"Икры (основная — икроножная, камбаловидная)", desc:"Стань на носки платформы, пятки свисают. Встань на носки как можно выше, задержись 1 сек на пике. Медленно опускайся до растяжения. Прямые колени акцентируют икроножную мышцу." },
    { img:"legs-calf-seated",     name:"Подъём на носки сидя (Seated Calf Raise Machine)", tags:["Тренажёр seated calf raise","Подушка на коленях"], muscles:"Икры (основная — камбаловидная)", desc:"Сидя, подушки фиксируют колени. Пятки свисают с платформы. Поднимай на носки как можно выше. Задержись 1 сек. Медленно опускай до растяжения. Согнутые колени акцентируют камбаловидную." },
    { img:"legs-calf-single",     name:"Одноногий подъём на носок с гантелью (Single-Leg Dumbbell Calf Raise)", tags:["Одна гантель","Степ/ступенька","Опора рукой"], muscles:"Икры (одна нога, основная)", desc:"Носок одной ноги на краю ступеньки, пятка свисает. Гантель в одноимённой руке, другой держись для баланса. Поднимайся на носок, задержись 1 сек. Медленно опускай." },
    { img:"legs-calf-legpress",   name:"Подъём на носки в жиме ногами (Leg Press Calf Raise)", tags:["Любой leg-press","Ноги на нижнем краю платформы"], muscles:"Икры (основная — икроножная)", desc:"Ноги на нижнем краю платформы на носках. Разогни платформу со стопоров. Только голеностоп движется — колени прямые. Жми носки вперёд, задержись. Медленно возвращай. Безопасно." },
    { img:"legs-calf-smith",      name:"Подъём на носки в тренажёре Смита (Smith Machine Calf Raise)", tags:["Тренажёр Смита","Степ/блины под пятки"], muscles:"Икры (основная)", desc:"Блины или степ под носками — пятки свисают. Гриф Смита на трапециях. Поднимайся на носки как можно выше. Задержись. Медленно опускай до растяжения. Стабильность грифа позволяет использовать большой вес." },
    { img:"legs-calf-donkey",     name:"Подъём на носки с наклоном (Donkey Calf Raise)", tags:["Партнёр/тренажёр donkey","Наклон 90° в бедре"], muscles:"Икры (основная — икроножная при вытянутом бедре)", desc:"Наклонись, упираясь предплечьями в опору — угол 90° в бедре. Носки на краю платформы. Поднимайся на носки, задержись. Медленно опускай. Наклон корпуса акцентирует икроножную мышцу." },
    { img:"legs-calf-bodyweight", name:"Подъём на носки без отягощения (Bodyweight Calf Raise)", tags:["Вес тела","Ступенька/порог"], muscles:"Икры (тренировочный минимум)", desc:"Носки на краю ступеньки. Делай 20–30 медленных повторений с паузой 2 сек на пике и полным растяжением в нижней точке. Добавь жилет или держи гантель для прогрессии." }
  ],
  "Д4-6":[
    { img:"legs-curl-seated",         name:"Сгибание ног сидя (Seated Leg Curl)", tags:["Тренажёр leg-curl сидя"], muscles:"Бицепс бедра (основная), икры", desc:"Верхний ролик фиксирует бёдра, нижний — на ахилловом сухожилии. Сгибай ноги, подтягивая пятки под сиденье. Задержись. Медленно возвращай до полного разгибания." },
    { img:"legs-curl-lying",          name:"Сгибание ног лёжа (Lying Leg Curl)", tags:["Тренажёр leg-curl лёжа","Регулируемый упор"], muscles:"Бицепс бедра (основная), икры", desc:"Ляг лицом вниз, пятки под роликом. Сгибай ноги, поднимая пятки к ягодицам. Не отрывай таз от подушки. В верхней точке задержись 1 сек. Медленно опускай." },
    { img:"legs-curl-cable-lying",    name:"Сгибание ног с блоком лёжа (Cable Leg Curl Lying)", tags:["Нижний блок","Ankle cuff","Скамья"], muscles:"Бицепс бедра (основная), икры", desc:"Манжет на лодыжке, прикреплён к нижнему блоку. Ляг лицом вниз. Сгибай ногу, поднимая пятку к ягодице. Медленно опускай. Постоянное натяжение кабеля по всей амплитуде." },
    { img:"legs-curl-single",         name:"Сгибание ног одной (Single-Leg Leg Curl)", tags:["Тренажёр leg-curl","Одна нога"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Стандартный тренажёр, работай одной ногой. Сгибай до полного сокращения, задержись 1 сек. Медленно опускай. Начинай со слабой ноги. Устраняет дисбаланс." },
    { img:"legs-curl-standing",       name:"Сгибание ног стоя (Standing Leg Curl)", tags:["Тренажёр leg-curl стоя","Одна нога"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Лицом к тренажёру, ролик под нижней частью голени. Сгибай ногу. Задержись. Медленно опускай. Начинай со слабой ноги." },
    { img:"legs-curl-cable-standing", name:"Сгибание ног стоя с блоком (Standing Cable Leg Curl)", tags:["Нижний блок","Ankle cuff","Стоя"], muscles:"Бицепс бедра (одна нога, основная)", desc:"Манжет на лодыжке. Стой лицом к стойке, держись рукой. Сгибай рабочую ногу, поднимая пятку к ягодице. Медленно опускай. Работай каждой ногой отдельно." },
    { img:"legs-curl-nordic",         name:"Скандинавское сгибание (Nordic Hamstring Curl)", tags:["Партнёр/тренажёр","Вес тела"], muscles:"Бицепс бедра (максимальная изоляция)", desc:"Зафикси голени. Встань на колени. Медленно опускай тело вперёд, сопротивляясь бицепсом бедра. В нижней точке оттолкнись руками. Сложнейшая изоляция бицепса бедра." }
  ]
};


/* ── Экстра-упражнения: пресс + изоляция (12 ключей × 7 вариантов) ──────── */
Object.assign(exerciseVariations, {
  /* ── ПРЕСС: скручивания / передняя стенка ── */
  'Э-abs-front': [
    { img:'abs-crunch',          name:'Скручивания (Crunch)',                  tags:['Коврик','Вес тела'],              muscles:'Прямая мышца живота (верх)',    desc:'Лёжа на спине, ноги согнуты. Руки за ухом. Скручивай верхнюю часть торса к коленям, не тяни за шею. Медленно возвращайся.' },
    { img:'abs-bicycle',         name:'Велосипед (Bicycle Crunch)',             tags:['Коврик','Вес тела'],              muscles:'Прямая + косые мышцы живота',   desc:'Лёжа, руки за голову. Попеременно тяни локоть к противоположному колену, разгибая другую ногу. Ротация корпуса, не шеи.' },
    { img:'abs-cable-crunch',    name:'Скручивания на блоке (Cable Crunch)',    tags:['Верхний блок','Канат','На коленях'], muscles:'Прямая мышца живота',        desc:'Встань на колени лицом к блоку, канат у висков. Скручивай корпус вниз, сгибая поясницу, а не бёдра. Пик сокращения внизу.' },
    { img:'abs-decline-crunch',  name:'Скручивания на наклонной (Decline Crunch)', tags:['Скамья наклонная'],          muscles:'Прямая мышца живота (верх)',    desc:'Зафикси ноги на наклонной скамье. Руки у груди или за головой. Скручивайся вверх до 30–40°, медленно опускайся.' },
    { img:'abs-ab-wheel',        name:'Роликовый пресс (Ab Wheel Rollout)',     tags:['Ролик для пресса','Коврик'],      muscles:'Прямая мышца живота, стабилизаторы', desc:'Колени на полу, держи ролик. Медленно выкати вперёд до почти горизонтального положения, не проваливай поясницу. Сожми пресс и вернись.' },
    { img:'abs-v-up',            name:'V-подъём (V-Up)',                        tags:['Коврик','Вес тела'],              muscles:'Прямая мышца живота (вся длина)', desc:'Лёжа, руки вдоль тела. Одновременно поднимай прямые ноги и торс, тянись руками к носкам. Удержи пик — медленно опускайся.' },
    { img:'abs-russian-twist',   name:'Русский твист (Russian Twist)',          tags:['Коврик','Гантель / медбол'],     muscles:'Косые мышцы живота',           desc:'Сядь, слегка откинься назад, ноги полусогнуты. Держи вес у груди. Поворачивай корпус из стороны в сторону — касайся весом пола рядом с бедром.' }
  ],
  /* ── ПРЕСС: подъёмы ног / нижняя стенка ── */
  'Э-abs-legs': [
    { img:'abs-hanging-knee',    name:'Подъём колен в висе (Hanging Knee Raise)', tags:['Перекладина','Брусья'],         muscles:'Прямая мышца живота (низ), подвздошно-поясничная', desc:'Вис на перекладине. Подтягивай колени к груди, скручивая таз вверх. Медленно опускай — не раскачивайся.' },
    { img:'abs-hanging-leg',     name:'Подъём прямых ног в висе (Hanging Leg Raise)', tags:['Перекладина'],             muscles:'Прямая мышца живота (низ)',     desc:'Вис на прямых руках. Держи ноги прямыми, подними их параллельно полу или выше. Контролируй опускание — не бросай.' },
    { img:'abs-lying-leg-raise', name:'Подъём ног лёжа (Lying Leg Raise)',       tags:['Коврик','Вес тела'],              muscles:'Прямая мышца живота (низ), сгибатели бедра', desc:'Лёжа на спине, руки под ягодицами. Подними прямые ноги до 90°, медленно опускай почти до пола — не касаясь.' },
    { img:'abs-reverse-crunch',  name:'Обратные скручивания (Reverse Crunch)',   tags:['Коврик','Вес тела'],              muscles:'Прямая мышца живота (низ)',     desc:'Лёжа, ноги подняты под 90°. Скручивай таз вверх, поднимая ягодицы от пола. Медленно возвращайся — таз не шлёпай.' },
    { img:'abs-toes-to-bar',     name:'Подъём носков к перекладине (Toes-to-Bar)', tags:['Перекладина'],                muscles:'Пресс (вся длина), широчайшие', desc:'Вис на перекладине. Подними прямые ноги, касаясь носками перекладины. Максимально сложное упражнение, требует гибкости.' },
    { img:'abs-knee-to-elbow',   name:'Колено к локтю в висе (Knee-to-Elbow)',  tags:['Перекладина'],                   muscles:'Косые мышцы живота, нижний пресс', desc:'Вис на перекладине. Поочерёдно тяни каждое колено к одноимённому локтю с ротацией корпуса. Медленно и под контролем.' },
    { img:'abs-dragon-flag',     name:'Флаг дракона (Dragon Flag)',              tags:['Скамья','Вес тела'],              muscles:'Вся передняя стенка живота, стабилизаторы', desc:'Держись за скамью над головой. Подними тело до вертикали на лопатках. Медленно опускай прямое тело — пресс в постоянном напряжении.' }
  ],
  /* ── ПРЕСС: планки / кор ── */
  'Э-abs-plank': [
    { img:'abs-plank',           name:'Планка (Plank)',                          tags:['Коврик','Вес тела'],              muscles:'Поперечная мышца живота, кор целиком', desc:'Упор лёжа на предплечьях. Тело прямое — не поднимай таз и не проваливай поясницу. Дыши. Цель: статическое удержание 30–60 с.' },
    { img:'abs-side-plank',      name:'Боковая планка (Side Plank)',             tags:['Коврик','Вес тела'],              muscles:'Косые мышцы живота, ягодичные', desc:'Опора на предплечье и боковую поверхность стопы. Тело прямое, бедро не опускай. Держи каждую сторону отдельно.' },
    { img:'abs-rkc-plank',       name:'RKC Планка (RKC Plank)',                  tags:['Коврик','Вес тела'],              muscles:'Поперечная мышца живота (максимум)', desc:'Стандартная планка на предплечьях, но: сожми ягодицы, напряги квадрицепсы, тяни локти к носкам (не двигая их). Максимальное напряжение кора.' },
    { img:'abs-shoulder-tap',    name:'Планка с тапами (Plank Shoulder Tap)',    tags:['Коврик','Вес тела'],              muscles:'Кор, стабилизаторы плечевого пояса', desc:'Упор на прямых руках. Попеременно касайся рукой противоположного плеча — не вращай корпус и не качайся бёдрами.' },
    { img:'abs-mountain-climber',name:'Горная альпинистка (Mountain Climber)',   tags:['Коврик','Вес тела'],              muscles:'Пресс, сгибатели бедра, кор',  desc:'Упор на прямых руках, планка. Попеременно подтягивай колено к груди быстрым движением. Спину держи ровно — темп высокий.' },
    { img:'abs-dead-bug',        name:'Мёртвый жук (Dead Bug)',                  tags:['Коврик','Вес тела'],              muscles:'Поперечная мышца живота, кор', desc:'Лёжа на спине, руки вверх, ноги под 90°. Одновременно опускай противоположную руку и ногу почти до пола, не отрывая поясницу. Медленно.' },
    { img:'abs-bear-crawl',      name:'Медвежья ходьба (Bear Crawl Hold)',       tags:['Коврик','Вес тела'],              muscles:'Кор, плечи, сгибатели бедра',  desc:'Упор на четвереньках, колени на 2–3 см от пола. Удерживай эту позицию (статика) или делай маленькие шаги вперёд-назад.' }
  ],
  /* ── ИЗОЛЯЦИЯ: боковые дельты ── */
  'Э-lateral': [
    { img:'shoulder-lateral-db',      name:'Разведение с гантелями стоя (Lateral Raise)',        tags:['Гантели','Стоя'],           muscles:'Боковой пучок дельтовидной',  desc:'Гантели вдоль тела, небольшой наклон в локтях. Подними руки через стороны до параллели с полом. Не поднимай плечи, не раскачивайся.' },
    { img:'shoulder-lateral-cable',   name:'Разведение на блоке (Cable Lateral Raise)',          tags:['Нижний блок'],              muscles:'Боковой пучок дельтовидной',  desc:'Блок у лодыжки с одной стороны, тяни рукой через тело в сторону до параллели. Постоянное натяжение троса даёт лучшую стимуляцию, чем гантели.' },
    { img:'shoulder-lateral-machine', name:'Разведение в тренажёре (Machine Lateral Raise)',     tags:['Тренажёр'],                 muscles:'Боковой пучок дельтовидной',  desc:'Сядь в тренажёр, локти на подушках. Поднимай руки через стороны. Тренажёр обеспечивает постоянное сопротивление без риска читинга.' },
    { img:'shoulder-lateral-seated',  name:'Разведение с гантелями сидя (Seated Lateral Raise)', tags:['Гантели','Скамья'],         muscles:'Боковой пучок дельтовидной',  desc:'Сидя на краю скамьи исключает раскачку. Небольшой наклон вперёд — лучше включает боковой пучок. Движение то же, что стоя.' },
    { img:'shoulder-upright-row-narrow', name:'Тяга к подбородку узким хватом (Narrow Upright Row)', tags:['Штанга / гантели'],   muscles:'Боковые дельты, трапеции',   desc:'Хват уже ширины плеч. Тяни штангу вертикально к подбородку, локти ведут движение вверх. Узкий хват акцентирует дельты, не трапеции.' },
    { img:'shoulder-y-raise',          name:'Y-подъём (Y-Raise)',                                tags:['Гантели / резина','Лёжа'], muscles:'Боковые и задние дельты, ротаторная манжета', desc:'Лёжа лицом вниз на наклонной скамье или стоя в наклоне. Поднимай прямые руки по диагонали вверх (форма Y). Отличная профилактика плеч.' },
    { img:'shoulder-leaning-raise',    name:'Разведение в наклоне боком (Leaning Raise)',        tags:['Гантель','Стойка'],         muscles:'Боковой пучок дельтовидной',  desc:'Держись за стойку свободной рукой, тело в боковом наклоне. Тяни гантель от тела вверх. Наклон растягивает дельту в нижней точке.' }
  ],
  /* ── ИЗОЛЯЦИЯ: задняя дельта ── */
  'Э-rear-delt': [
    { img:'shoulder-rear-bent',        name:'Разведение в наклоне (Bent-Over Rear Delt Raise)',  tags:['Гантели'],                  muscles:'Задний пучок дельтовидной',   desc:'Наклонись до параллели с полом, спина прямая. Разводи гантели через стороны. Локти слегка согнуты, движение строго через стороны.' },
    { img:'shoulder-face-pull',        name:'Face Pull с канатом (Cable Face Pull)',              tags:['Верхний блок','Канат'],     muscles:'Задняя дельта, ротаторная манжета, ромбовидные', desc:'Блок на уровне лица, канат. Тяни к лицу с ротацией предплечий наружу — локти выше плеч. Ключевое упражнение для здоровья плечевого сустава.' },
    { img:'shoulder-reverse-pec-deck', name:'Разведение в тренажёре (Reverse Pec Deck)',          tags:['Тренажёр'],                 muscles:'Задний пучок дельтовидной',   desc:'Сядь лицом к тренажёру, развернув рукоятки. Разводи руки назад через стороны. Тренажёр идеален для изоляции задней дельты.' },
    { img:'shoulder-rear-lying',       name:'Разведение лёжа лицом вниз (Prone Y/T Raise)',      tags:['Гантели','Скамья'],         muscles:'Задняя дельта, ромбовидные',  desc:'Лёжа лицом вниз на наклонной скамье. Разводи гантели в стороны (T) или по диагонали (Y). Лёгкий вес — акцент на задней дельте.' },
    { img:'shoulder-rear-cable',       name:'Разведение на нижнем блоке (Low Cable Rear Raise)',  tags:['Нижний блок'],              muscles:'Задний пучок дельтовидной',   desc:'Наклонись, блок у пола. Тяни рукой через тело вверх и в сторону. Другая рука удерживает стойку. Постоянное натяжение троса.' },
    { img:'shoulder-rear-incline',     name:'Разведение на наклонной (Incline Rear Delt Raise)', tags:['Гантели','Наклонная скамья'], muscles:'Задняя дельта, ромбовидные', desc:'Лёжи на животе на наклонной скамье 30–45°. Гантели свисают вниз. Разводи руки через стороны — проще держать спину прямо, чем в наклоне стоя.' },
    { img:'shoulder-w-raise',          name:'W-подъём с гантелями (W-Raise)',                    tags:['Гантели','Наклонная скамья'], muscles:'Задняя дельта, ромбовидные, бицепс', desc:'Лёжи на наклонной лицом вниз. Руки свисают. Согни локти под 90° и разводи их вверх и в стороны — форма W. Тяни лопатки к позвоночнику.' }
  ],
  /* ── ИЗОЛЯЦИЯ: икры ── */
  'Э-calves': [
    { img:'calves-standing',     name:'Подъём на носки стоя (Standing Calf Raise)',     tags:['Тренажёр / степ'],          muscles:'Икроножная мышца',             desc:'Стой на краю степа или платформы. Опускай пятки ниже уровня платформы — растяжка. Поднимайся на максимальную высоту. Не скачи — контролируй.' },
    { img:'calves-seated',       name:'Подъём на носки сидя (Seated Calf Raise)',        tags:['Тренажёр'],                 muscles:'Камбаловидная мышца',          desc:'Сидя, колени под подушкой. Опускай пятки максимально вниз, поднимай максимально вверх. Согнутое колено переносит нагрузку на камбаловидную.' },
    { img:'calves-leg-press',    name:'Подъём на носки в жиме ног (Leg Press Calf)',     tags:['Тренажёр жим ног'],         muscles:'Икроножная мышца',             desc:'В тренажёре жим ног, ноги у края платформы. Разгибай и сгибай стопы без полного разгибания колен. Большой диапазон нагрузки.' },
    { img:'calves-single-leg',   name:'Одноногий подъём на носок (Single-Leg Calf Raise)', tags:['Степ / стена'],           muscles:'Икроножная (асимметрично)',    desc:'Балансируй на одной ноге на краю ступени, держись за стену. Полное опускание и подъём. Самый эффективный вариант без оборудования.' },
    { img:'calves-donkey',       name:'Donkey Calf Raise',                                tags:['Тренажёр / партнёр'],      muscles:'Икроножная мышца (пик)',       desc:'Наклонись вперёд, партнёр сидит на пояснице. Выполняй подъёмы на носки. Наклон торса максимально растягивает икроножную мышцу.' },
    { img:'calves-smith',        name:'Подъём на носки в Смите (Smith Machine Calf)',    tags:['Машина Смита','Степ'],      muscles:'Икроножная мышца',             desc:'Штанга на плечах, ноги на краю степа. Медленный контролируемый подъём. Загрузка выше, чем с гантелями — добавляй вес постепенно.' },
    { img:'calves-tibialis',     name:'Обратный подъём (Tibialis Raise)',                tags:['Стена'],                    muscles:'Передняя большеберцовая',      desc:'Прижмись спиной к стене, пятки впереди на 30–40 см. Поднимай носки максимально вверх. Прорабатывает переднюю часть голени — важен для баланса.' }
  ],
  /* ── ИЗОЛЯЦИЯ: бицепс (дополнительно) ── */
  'Э-bicep': [
    { img:'bicep-hammer',        name:'Молоток (Hammer Curl)',                           tags:['Гантели'],                  muscles:'Брахиалис, брахирадиалис, бицепс', desc:'Гантели нейтральным хватом (ладони смотрят внутрь). Сгибай не разворачивая запястья. Молоток лучше прокачивает брахиалис, добавляя объём.' },
    { img:'bicep-concentration',  name:'Концентрированное сгибание (Concentration Curl)', tags:['Гантель','Скамья'],        muscles:'Бицепс (пик)',                 desc:'Сидя, локоть упирается во внутреннюю поверхность бедра. Сгибай медленно до полного сокращения. Исключает читинг — максимальная изоляция.' },
    { img:'bicep-spider',         name:'Паук (Spider Curl)',                              tags:['Штанга / гантели','Скамья'], muscles:'Бицепс (растяжка в нижней точке)', desc:'Лёжи лицом вниз на наклонной скамье 45°, руки свисают. Сгибай — бицепс растянут при каждом повторе. Сложнее, чем обычные сгибания.' },
    { img:'bicep-cable',          name:'Сгибание на блоке (Cable Curl)',                  tags:['Нижний блок'],              muscles:'Бицепс',                       desc:'Нижний блок, прямой гриф или канат. Постоянное натяжение по всей амплитуде — в отличие от гантелей нет мёртвой точки вверху.' },
    { img:'bicep-reverse',        name:'Обратное сгибание (Reverse Curl)',                tags:['Штанга / гантели'],         muscles:'Брахиалис, брахирадиалис',     desc:'Пронированный хват (ладони вниз). Сгибай, не разворачивая запястья. Смещает нагрузку с бицепса на брахиалис и предплечья.' },
    { img:'bicep-preacher',       name:'Скамья Скотта (Preacher Curl)',                   tags:['Скамья Скотта','Штанга / гантель'], muscles:'Бицепс (нижний пучок)',  desc:'Плечо лежит на подушке скамьи. Сгибай, не отрывая плечо. Скамья Скотта изолирует нижнюю часть бицепса и исключает читинг.' },
    { img:'bicep-incline',        name:'Сгибание на наклонной (Incline Dumbbell Curl)',   tags:['Гантели','Наклонная скамья'], muscles:'Бицепс (длинная головка)',    desc:'Лёжи на наклонной 45°, руки свисают. Бицепс растянут в начальном положении. Сгибай — длинная головка под максимальной нагрузкой.' }
  ],
  /* ── ИЗОЛЯЦИЯ: трицепс (дополнительно) ── */
  'Э-tricep': [
    { img:'tricep-overhead',     name:'Разгибание над головой (Overhead Tricep Extension)', tags:['Гантель / штанга'],      muscles:'Трицепс (длинная головка)',    desc:'Гантель обеими руками над головой, локти у ушей. Опусти за голову — растяжка длинной головки. Разгибай полностью. Следи за локтями — не расставляй.' },
    { img:'tricep-french',       name:'Французский жим (French Press)',                   tags:['Штанга / гантели','Скамья'], muscles:'Трицепс (акцент на длинной)', desc:'Лёжа, штанга опускается ко лбу (skull crusher) или за голову. Локти строго вверх. Разгибай только в локтевом суставе.' },
    { img:'tricep-kickback',     name:'Кикбэк с гантелью (Tricep Kickback)',              tags:['Гантель','Скамья'],         muscles:'Трицепс (внешняя голова)',     desc:'В наклоне, плечо параллельно полу. Разгибай предплечье назад до полного выпрямления. Задержи вверху. Маленький вес, максимальный контроль.' },
    { img:'tricep-pushdown',     name:'Жим на блоке вниз (Tricep Pushdown)',              tags:['Верхний блок','Канат / гриф'], muscles:'Трицепс (внешние головки)',  desc:'Верхний блок, канат или прямой гриф. Прижми локти к корпусу. Разгибай только в локтях — от уровня груди вниз до полного выпрямления.' },
    { img:'tricep-skull',        name:'Skull Crusher (EZ-гриф)',                          tags:['EZ-гриф','Скамья'],         muscles:'Трицепс (медиальная головка)', desc:'Лёжа, EZ-гриф опускается ко лбу. Локти строго вверх, не расходятся. Медленный эксцентрик. Тяжелее и опаснее французского — контроль обязателен.' },
    { img:'tricep-cable-overhead', name:'Разгибание на блоке над головой (Cable Overhead Ext)', tags:['Верхний блок','Канат'], muscles:'Трицепс (длинная головка)', desc:'Верхний блок, встань спиной, канат за голову. Разгибай руки вперёд. Постоянное натяжение при растяжке длинной головки — хорошо дополняет pushdown.' },
    { img:'tricep-dip-weighted', name:'Отжимания на брусьях (Weighted Dip)',              tags:['Брусья','Пояс с весом'],    muscles:'Трицепс, нижняя грудь (от наклона)', desc:'Вертикальный корпус — акцент трицепс. Опускайся до 90° в локте, полное разгибание вверху. С отягощением через пояс.' }
  ],
  /* ── ИЗОЛЯЦИЯ: грудь (изоляция) ── */
  'Э-chest-fly': [
    { img:'chest-cable-fly-mid',  name:'Сведение на блоке горизонтально (Cable Fly Mid)', tags:['Блоки на уровне плеч'],   muscles:'Грудь (средний пучок)',        desc:'Блоки на уровне плеч, встань в середине. Своди руки перед собой по дуге — локти слегка согнуты. Не сталкивай рукояти, фиксируй пик.' },
    { img:'chest-cable-fly-low',  name:'Сведение снизу вверх (Cable Fly Low-to-High)',    tags:['Нижний блок'],            muscles:'Верхняя часть груди',          desc:'Блоки у пола. Тяни руки вверх и к центру по дуге. Лучше изолирует верхний пучок груди, чем жим на наклонной.' },
    { img:'chest-cable-fly-high', name:'Сведение сверху вниз (Cable Fly High-to-Low)',    tags:['Верхний блок'],           muscles:'Нижняя часть груди',           desc:'Блоки выше головы. Тяни руки вниз и к центру — форма X. Акцент на нижнюю часть и внутренние линии груди.' },
    { img:'chest-db-fly-flat',    name:'Разведение с гантелями горизонтально (DB Fly Flat)', tags:['Гантели','Горизонтальная скамья'], muscles:'Грудь (средний пучок)', desc:'Лёжа горизонтально, гантели над грудью. Разводи по дуге вниз — широкие локти. Лёгкий вес, большая амплитуда. Растяжка в нижней точке.' },
    { img:'chest-db-fly-incline', name:'Разведение на наклонной (Incline DB Fly)',         tags:['Гантели','Наклонная скамья'], muscles:'Верхняя часть груди',      desc:'Угол скамьи 30–45°. Разведи гантели по дуге вниз, растягивая верхнюю грудь. Не опускай ниже уровня плеч во избежание травмы.' },
    { img:'chest-pec-deck',       name:'Pec Deck (тренажёр для сведения)',                 tags:['Тренажёр'],               muscles:'Грудь (акцент внутренних волокон)', desc:'Сядь, локти на подушках. Своди руки перед собой до касания. Тренажёр идеален для "добивки" после базовых упражнений.' },
    { img:'chest-pullover-db',    name:'Пуловер с гантелью (DB Pullover)',                 tags:['Гантель','Горизонтальная скамья'], muscles:'Грудь + широчайшие',    desc:'Лёжа поперёк скамьи на лопатках. Гантель над грудью, опускай прямыми руками за голову. Растяжка груди и широчайших одновременно.' }
  ],
  /* ── ИЗОЛЯЦИЯ: спина (изоляция) ── */
  'Э-back-iso': [
    { img:'back-straight-pulldown',name:'Тяга прямыми руками (Straight-Arm Pulldown)',    tags:['Верхний блок','Канат'],   muscles:'Широчайшие, большая круглая',  desc:'Верхний блок, стой прямо. Тяни прямые руки вниз, прижимая к бёдрам. Локти не сгибаются — только плечевой сустав. Отличная изоляция широчайших.' },
    { img:'back-hyperextension',   name:'Гиперэкстензия (Hyperextension)',                tags:['Тренажёр гиперэкстензии'], muscles:'Разгибатели позвоночника, ягодицы, бицепс бедра', desc:'Зафикси ноги, тело горизонтально. Опускай корпус вниз — растяжка. Поднимай до прямой линии (не перегибайся). Можно добавить вес к груди.' },
    { img:'back-shrug-db',         name:'Шраги с гантелями (Dumbbell Shrug)',             tags:['Гантели'],                muscles:'Верхние трапеции',             desc:'Гантели вдоль бёдер. Поднимай плечи максимально вверх — к ушам. Не вращай, не наклоняй шею. Задержи вверху 1 секунду.' },
    { img:'back-shrug-bar',        name:'Шраги со штангой (Barbell Shrug)',               tags:['Штанга'],                 muscles:'Верхние трапеции',             desc:'Штанга перед бёдрами. Поднимай плечи чисто вверх. Большой вес возможен — но не тяни штангу вверх, только пожимание плечами.' },
    { img:'back-good-morning',     name:'Наклон со штангой (Good Morning)',               tags:['Штанга'],                 muscles:'Разгибатели позвоночника, бицепс бедра', desc:'Штанга на плечах, ноги чуть согнуты. Наклоняйся вперёд, сгибая в тазобедренном суставе — спина прямая. Лёгкий вес, контроль поясницы.' },
    { img:'back-reverse-hyper',    name:'Обратная гиперэкстензия (Reverse Hyper)',        tags:['Тренажёр / скамья'],      muscles:'Разгибатели позвоночника, ягодицы, бицепс бедра', desc:'Торс на платформе, ноги свисают. Поднимай ноги до горизонтали, сжимая ягодицы. Декомпрессия позвоночника + задняя цепь.' },
    { img:'back-pullover-cable',   name:'Пуловер на блоке (Cable Pullover)',              tags:['Верхний блок','Прямой гриф'], muscles:'Широчайшие, большая круглая', desc:'Верхний блок, наклонись вперёд 45°. Тяни прямые руки вниз по дуге к бёдрам. Постоянное натяжение и контроль движения.' }
  ],
  /* ── ИЗОЛЯЦИЯ: ягодицы (изоляция) ── */
  'Э-glute': [
    { img:'glute-bridge',        name:'Ягодичный мостик (Glute Bridge)',                  tags:['Коврик','Вес тела / штанга'], muscles:'Ягодицы, бицепс бедра',      desc:'Лёжа на спине, ноги согнуты. Поднимай таз, сжимая ягодицы вверху. Опускай, не касаясь пола. Можно добавить штангу на таз.' },
    { img:'glute-hip-thrust',    name:'Hip Thrust со штангой (Barbell Hip Thrust)',        tags:['Штанга','Скамья'],          muscles:'Ягодицы (максимально)',        desc:'Плечи на скамье, штанга на тазу. Опускай таз к полу — поднимай вверх, разгибая бёдра. Лучшее упражнение для ягодичных по ЭМГ.' },
    { img:'glute-kickback',      name:'Кикбэк на блоке (Cable Kickback)',                  tags:['Нижний блок','Ankle cuff'], muscles:'Большая ягодичная',            desc:'Манжет на лодыжке, встань лицом к блоку. Отводи ногу назад прямую, не наклоняя корпус. Ягодицы в верхней точке сжимай.' },
    { img:'glute-fire-hydrant',  name:'Fire Hydrant',                                      tags:['Коврик','Вес тела'],        muscles:'Средняя ягодичная, отводящие', desc:'На четвереньках. Поднимай согнутую ногу в сторону — как собака у столба. Удержи вверху, медленно опусти. Не поворачивай таз.' },
    { img:'glute-abduction',     name:'Отведение ноги на блоке (Cable Hip Abduction)',     tags:['Нижний блок','Ankle cuff'], muscles:'Средняя ягодичная',            desc:'Манжет на лодыжке, боком к блоку. Отводи рабочую ногу в сторону поперёк тела. Стоящая нога прямая, корпус не наклоняй.' },
    { img:'glute-single-bridge', name:'Одноногий мостик (Single-Leg Glute Bridge)',        tags:['Коврик','Вес тела'],        muscles:'Ягодицы (асимметрично)',       desc:'Лёжа на спине, одна нога выпрямлена. Поднимай таз на опорной ноге. Сложнее обычного мостика — нагрузка на каждую ягодицу отдельно.' },
    { img:'glute-donkey-kick',   name:'Donkey Kick',                                       tags:['Коврик','Блок / вес тела'], muscles:'Большая ягодичная',            desc:'На четвереньках. Поднимай согнутую ногу вертикально вверх, пятка к потолку. Сожми ягодицу вверху. Коленный угол 90°.' }
  ],
  /* ── ИЗОЛЯЦИЯ: предплечья ── */
  'Э-forearm': [
    { img:'forearm-wrist-curl',  name:'Сгибание запястий (Wrist Curl)',                    tags:['Штанга / гантели','Скамья'], muscles:'Сгибатели предплечья',        desc:'Предплечья на скамье, кисти за краем. Сгибай запястья вверх — разгибай вниз. Маленький вес, большой диапазон. Медленно.' },
    { img:'forearm-wrist-ext',   name:'Разгибание запястий (Reverse Wrist Curl)',           tags:['Штанга / гантели','Скамья'], muscles:'Разгибатели предплечья',       desc:'То же положение, но ладони вниз. Поднимай тыл кисти вверх. Прорабатывает обратную сторону предплечья — важно для баланса.' },
    { img:'forearm-reverse-curl',name:'Обратное сгибание (Reverse Curl)',                  tags:['Штанга / гантели'],         muscles:'Брахиалис, разгибатели предплечья', desc:'Пронированный хват (ладони вниз). Сгибай руки как обычно. Нагрузка переносится с бицепса на брахиалис и предплечья.' },
    { img:'forearm-farmer',      name:'Прогулка фермера (Farmer\'s Carry)',                tags:['Гантели / гири'],           muscles:'Кисть, предплечье, трапеции', desc:'Тяжёлые гантели в каждой руке. Иди ровно, не раскачивайся. Статическая нагрузка на кисть и предплечье лучше динамики для хвата.' },
    { img:'forearm-dead-hang',   name:'Вис на перекладине (Dead Hang)',                    tags:['Перекладина'],              muscles:'Кисть, предплечье, широчайшие (растяжка)', desc:'Просто вис на перекладине на максимальное время. Отличная тренировка хвата и декомпрессия позвоночника.' },
    { img:'forearm-plate-pinch', name:'Щипковый хват блина (Plate Pinch)',                 tags:['Блин 5–10 кг'],             muscles:'Пальцы, кисть',               desc:'Держи блин пальцами (не всей ладонью) — 10–20 секунд в каждой руке. Специфическая тренировка щипкового хвата.' },
    { img:'forearm-towel-pullup',name:'Подтягивание с полотенцем (Towel Pull-Up)',          tags:['Перекладина','Полотенце'],  muscles:'Кисть, предплечье, широчайшие', desc:'Перекинь полотенце через перекладину, держи оба конца. Подтягивайся. Нестабильный хват максимально нагружает предплечья и кисть.' }
  ]
});

/* ===[SECTION:SCHEDULE]=== Расписание тренировок + названия дней ══════════
   ────────────────────────────────────────
   Объект-расписание: ключ = номер тренировочного дня (Д1–Д4).
   Дни недели не фиксированы — пользователь тренируется в удобные дни.

   Каждый тренировочный день содержит:
   {
     name: string         — Короткое имя (PUSH A, PULL A, LEGS, ...)
     full: string         — Полное описание для хедера
     exercises: Array<{   — Массив из 6 упражнений:
       id: number         — Уникальный номер (1–6) для маппинга вариантов
       type: string       — Тип движения (Жим, Тяга, Присед, ...)
       muscle: string     — Целевая мышечная группа
       movement: string   — Описание движения (показывается в списке)
     }>
   }

   Сплит Upper / Lower (4 дня, без привязки к дням недели):
   • Д1 — ВЕРХ:  грудь (горизонт/наклон), плечи, разводка, трицепс + вертикальная тяга
   • Д2 — НИЗ:   квадрицепс (присед), задняя цепь (РДЛ), жим ногами, икры, выпады
   • Д3 — ВЕРХ:  спина (горизонт/наклон), жим плеч, бицепс, задние дельты + decline
   • Д4 — НИЗ:   жим ногами, выпады, присед (вариация), разгибание, икры, бицепс бедра
   ═══════════════════════════════════════════════════════════════════════════ */
const workoutSchedule = {
  "Д1":{ name:"ВЕРХ",   full:"ВЕРХ — Жимы: Грудь, плечи, трицепс", exercises:[
    {id:1,type:"Жим",      muscle:"Грудь (горизонтально)",      movement:"Основной компаунд с утяжелением"},
    {id:2,type:"Тяга",     muscle:"Спина (вертикально)",        movement:"Компенсирует жим, широчайшие"},
    {id:3,type:"Жим",      muscle:"Грудь (под углом)",          movement:"Верхние пучки, передние дельты"},
    {id:4,type:"Разводка", muscle:"Грудь",                      movement:"Изоляция, пиковое сокращение"},
    {id:5,type:"Подъём",   muscle:"Плечи (средние дельты)",     movement:"В стороны, боковой подъём"},
    {id:6,type:"Разгибание",muscle:"Трицепс",                   movement:"Разгибание с различным хватом"}
  ]},
  "Д2":{ name:"НИЗ",   full:"НИЗ — Приседания: Квадрицепсы основной", exercises:[
    {id:1,type:"Присед",   muscle:"Квадрицепс (основной)",      movement:"Присед со штангой, основной компаунд"},
    {id:2,type:"Тяга",     muscle:"Задняя цепь (РДЛ)",          movement:"Румынская, противовес приседу"},
    {id:3,type:"Жим",      muscle:"Квадрицепс (жим)",           movement:"Жим ногами, вариация компаунда"},
    {id:4,type:"Сгибание", muscle:"Бицепс бедра",               movement:"Изоляция задней цепи"},
    {id:5,type:"Подъём",   muscle:"Икры",                       movement:"Подъём на носки"},
    {id:6,type:"Выпад",    muscle:"Квадрицепс (вариация)",      movement:"Выпады, дополнительный объём"}
  ]},
  "Д3":{ name:"ВЕРХ",   full:"ВЕРХ — Тяги: Спина, бицепсы, дельты", exercises:[
    {id:1,type:"Тяга",     muscle:"Спина (горизонтально)",      movement:"Основной компаунд спины"},
    {id:2,type:"Жим",      muscle:"Плечи (над головой)",        movement:"Жим плеч, баланс с тягами"},
    {id:3,type:"Тяга",     muscle:"Спина (в наклоне)",          movement:"Верхняя часть, трапеция"},
    {id:4,type:"Жим",      muscle:"Грудь (decline)",            movement:"Нижние пучки груди, вариация"},
    {id:5,type:"Сгибание", muscle:"Бицепс",                     movement:"Сгибание, изоляция бицепса"},
    {id:6,type:"Тяга",     muscle:"Задние дельты",              movement:"Face Pull, тяга к лицу"}
  ]},
  "Д4":{ name:"НИЗ",   full:"НИЗ — Жимы ног: Задняя цепь ориентир", exercises:[
    {id:1,type:"Жим",      muscle:"Квадрицепс (жим)",           movement:"Жим ногами, основной компаунд дня"},
    {id:2,type:"Выпад",    muscle:"Задняя цепь + квад",         movement:"Болгарский или выпад тяжелый"},
    {id:3,type:"Присед",   muscle:"Квадрицепс (вариация)",      movement:"Вариант приседа (фронт, гобблет)"},
    {id:4,type:"Разгибание",muscle:"Квадрицепс (изоляция)",     movement:"Разгибание ног, финишер"},
    {id:5,type:"Подъём",   muscle:"Икры",                       movement:"Подъём на носки, вариация"},
    {id:6,type:"Сгибание", muscle:"Бицепс бедра",               movement:"Сгибание ног, дополнительное"}
  ]}
};

/**
 * Маппинг ключей тренировочных дней → полные названия (на русском).
 * Используется в карточках дней на главном экране.
 * @type {Object.<string, string>}
 */
const dayFullNames = {
  "Д1":"Тренировка 1 — Верх",
  "Д2":"Тренировка 2 — Низ",
  "Д3":"Тренировка 3 — Верх",
  "Д4":"Тренировка 4 — Низ"
};

/**
 * Подробные описания дней тренировок.
 * Показывают фокус и что именно прокачиваем.
 */
const dayDescriptions = {
  "Д1":"Жимы, плечи, трицепс. Фокус: грудь горизонтально + спина",
  "Д2":"Приседания и задняя цепь. Фокус: квадрицепсы + икры",
  "Д3":"Тяги, бицепсы, спина. Фокус: спина горизонтально + верхняя часть",
  "Д4":"Жимы ног и задняя цепь. Фокус: ягодицы, бицепс бедра + квад"
};

/* ===[SECTION:CONFIG]=== Константы, конфигурация, DAYS_ORDER ═════════════ */

const DAYS_ORDER = ["Д1","Д2","Д3","Д4"];

const EXTRA_WORKOUTS = {
  "Э1": {
    short: "ИЗОЛЯЦИЯ + ПРЕСС",
    name: "Экстра — Изоляция + пресс",
    desc: "Добивка слабых мест, пресс и изоляционные движения.",
    mode: "isolation"
  },
  "Э2": {
    short: "FULL BODY",
    name: "Экстра — Full Body",
    desc: "Всё тело за одну тренировку. Удобно для новичков и редких визитов.",
    mode: "fullbody"
  }
};

/* Экстра-тренировки: отдельные сценарии вне основного сплита */
const EXTRA_DAYS = Object.keys(EXTRA_WORKOUTS);

const FULL_BODY_TEMPLATE = [
  { id: 1, type: "Жим",      muscle: "Грудь",                 movement: "Базовый жим на грудь",            varKey: "Д1-1" },
  { id: 2, type: "Тяга",     muscle: "Спина",                 movement: "Основная тяга на спину",          varKey: "Д3-1" },
  { id: 3, type: "Присед",   muscle: "Квадрицепс",            movement: "Базовое движение на ноги",        varKey: "Д2-1" },
  { id: 4, type: "Тяга",     muscle: "Задняя цепь",           movement: "Тяга на ягодицы и бицепс бедра",  varKey: "Д2-2" },
  { id: 5, type: "Жим",      muscle: "Плечи",                 movement: "Вертикальный жим над головой",    varKey: "Д3-2" },
  { id: 6, type: "ПРЕСС",    muscle: "Кор",                   movement: "Финишер на пресс",                varKey: "Э-abs-front" }
];

function getWorkoutNumber(day) {
  if (DAYS_ORDER.includes(day)) return DAYS_ORDER.indexOf(day) + 1;
  if (EXTRA_DAYS.includes(day)) return EXTRA_DAYS.indexOf(day) + 1;
  return null;
}

function getWorkoutShortLabel(day) {
  const num = getWorkoutNumber(day);
  if (num === null) return day;
  return DAYS_ORDER.includes(day) ? `Т${num}` : `Э${num}`;
}

function getWorkoutTitle(day) {
  const num = getWorkoutNumber(day);
  if (num === null) return day;
  if (DAYS_ORDER.includes(day)) return `Тренировка ${num}`;
  return EXTRA_WORKOUTS[day] ? EXTRA_WORKOUTS[day].name : `Экстра-${num}`;
}

function getWorkoutDisplayName(day) {
  if (DAYS_ORDER.includes(day)) return dayFullNames[day] || getWorkoutTitle(day);
  if (EXTRA_WORKOUTS[day]) return EXTRA_WORKOUTS[day].name;
  return getWorkoutTitle(day);
}

/* Пул упражнений для экстра-дней: пресс + изоляция. Не входят в основную программу.
   key → ключ в exerciseVariations; type/muscle/movement — метаданные слота */
const EXTRA_POOL = [
  /* ── Пресс (3 типа) ─────────────────────────────────────────── */
  { key:'Э-abs-front', type:'ПРЕСС',     muscle:'Пресс (передние)',  movement:'скручивание'     },
  { key:'Э-abs-legs',  type:'ПРЕСС',     muscle:'Пресс (нижний)',    movement:'подъём ног'      },
  { key:'Э-abs-plank', type:'ПРЕСС',     muscle:'Пресс (кор)',       movement:'планка'          },
  /* ── Изоляция (9 типов) ─────────────────────────────────────── */
  { key:'Э-lateral',   type:'ИЗОЛЯЦИЯ',  muscle:'Боковые дельты',   movement:'разведение'      },
  { key:'Э-rear-delt', type:'ИЗОЛЯЦИЯ',  muscle:'Задняя дельта',    movement:'разведение'      },
  { key:'Э-calves',    type:'ИЗОЛЯЦИЯ',  muscle:'Икры',             movement:'подъём на носки' },
  { key:'Э-bicep',     type:'ИЗОЛЯЦИЯ',  muscle:'Бицепс (изол.)',   movement:'сгибание'        },
  { key:'Э-tricep',    type:'ИЗОЛЯЦИЯ',  muscle:'Трицепс (изол.)',  movement:'разгибание'      },
  { key:'Э-chest-fly', type:'ИЗОЛЯЦИЯ',  muscle:'Грудь (изол.)',    movement:'сведение'        },
  { key:'Э-back-iso',  type:'ИЗОЛЯЦИЯ',  muscle:'Спина (изол.)',    movement:'разгибание'      },
  { key:'Э-glute',     type:'ИЗОЛЯЦИЯ',  muscle:'Ягодицы (изол.)', movement:'отведение'       },
  { key:'Э-forearm',   type:'ИЗОЛЯЦИЯ',  muscle:'Предплечья',      movement:'сгибание'        },
];
const CONFIG = {
  /* ── Данные ── */
  MAX_HEAT: 10,           // Максимальное значение горячести упражнения
  HEAT_DECAY: 0.85,       // Коэффициент затухания heat (ежемесячно)
  SLOTS_PER_DAY: 6,       // Кол-во упражнений в одном дне
  VARIANTS_PER_SLOT: 7,   // Кол-во вариантов на один слот
  MAX_HISTORY: 100,       // Максимум записей в history
  MAX_LOG_DAYS: 30,       // Сколько дней хранить в workout log
  HISTORY_SHOWN: 20,      // Сколько показывать в карточке «История»
  HEAT_SEGMENTS: 8,       // Кол-во сегментов в heat bar

  /* ── Настройки пользователя: границы ── */
  SETS_DEFAULT: 3,        // Подходов по умолчанию
  SETS_MIN: 2,            // Минимум подходов
  SETS_MAX: 6,            // Максимум подходов
  REST_COMPOUND_DEFAULT: 90,  // Отдых для базовых (сек)
  REST_ISOLATION_DEFAULT: 45, // Отдых для изоляции (сек)
  REST_MIN: 15,           // Минимум секунд отдыха
  REST_MAX: 300,          // Максимум секунд отдыха
  REST_STEP: 15,          // Шаг изменения таймера (сек)

  /* ── Тайминги UI (мс) ── */
  SCREEN_EXIT_MS: 260,    // Анимация выхода экрана
  TOAST_MS: 2200,         // Длительность toast-уведомления
  AUTO_COMPLETE_MS: 750,  // Задержка перед авто-завершением упражнения
  CACHE_RELOAD_MS: 1500,  // Задержка перед reload после очистки кеша
  BUSY_HIGHLIGHT_MS: 1500,// Подсветка карточки «занято»

  /* ── Haptic (вибрация, мс) ── */
  HAPTIC_DEFAULT: 15,     // Стандартный тап
  HAPTIC_SHORT: 10,       // Короткий (busy, regenerate)
  HAPTIC_MEDIUM: 20,      // Средний (complete exercise)
  HAPTIC_LONG: 30,        // Длинный (таймер закончился)

  /* ── Score-формула для ранжирования вариантов ── */
  SCORE_PRIORITY_W: 8,    // Вес звёзд (priority × W)
  SCORE_LIKED_BONUS: 4,   // Бонус за лайк
  SCORE_JITTER_MAX: 6,    // Макс. случайный jitter

  /* ── SVG таймер ── */
  TIMER_RADIUS: 70,       // r кольца (viewBox 160×160)
};

/**
 * Типы упражнений: compound (базовые) получают больше отдыха.
 * Типы из workoutSchedule, которые считаются базовыми (compound).
 */
const COMPOUND_TYPES = new Set(['Жим', 'Тяга', 'Присед', 'Выпад']);

/* ===[SECTION:APP]=== Состояние, localStorage, неделя, heat, log ═════════
   Центральный объект приложения. Отвечает за:
   • Хранение runtime-состояния (App.state)
   • Персистентные данные в localStorage (App.persist)
   • Загрузку и сохранение данных
   • Управление неделей (авто-сброс, ручной сброс)
   • Расчёт прогресса батареи
   • Экспорт/импорт данных
   ═══════════════════════════════════════════════════════════════════════════ */

/**
 * Ключ localStorage для сохранения всех данных.
 * Версионирован ('gb_v3') для безопасной миграции при изменении схемы.
 * @type {string}
 */
const STORAGE_KEY = 'gb_v3';

const App = {
  /**
   * Runtime-состояние (НЕ сохраняется в localStorage).
   * Живёт только в течение одной сессии.
   *
   * @property {string|null} currentDay     — Текущий выбранный день ("Д1", "Д2", ...)
   * @property {Array}       queue          — Очередь оставшихся упражнений
   * @property {number}      totalExercises — Всего упражнений в дне (обычно 6)
   * @property {number}      completedCount — Сколько завершено
   * @property {number|null} currentExercise — Индекс текущего упражнения в queue
   * @property {string|null} currentVarKey  — Ключ выбранного варианта ("Д1-1")
   * @property {number|null} currentVarIdx  — Индекс варианта (0–6)
   * @property {number}      setsCompleted  — Завершённые подходы в текущем варианте
   * @property {Array<{weight:number, reps:number}>} setData — Данные подходов
   */
  state: {
    currentDay: null,
    slots: [],              // [{id,type,muscle,movement,varQueue,busy,done,doneVarIdx}]
    currentSlotIdx: null,   // индекс слота, который сейчас выполняется
    currentVarKey: null,    // "Д1-2" и т.п.
    currentVarIdx: null,    // индекс варианта внутри exerciseVariations[varKey]
    homeSelectedDay: null,  // выбранный день на главной кнопке запуска
    homeSelectedExtra: null,// выбранная экстра-тренировка на главной
    setsCompleted: 0,
    setData: [],
  },

  /**
   * Персистентные данные (сохраняются в localStorage).
   *
   * @property {Object}  doneDays   — Завершённые дни: {"Д1": true, "Д2": true}
   * @property {Object}  progress   — Незавершённые тренировки (для возобновления)
   * @property {Array}   history    — История тренировок (max 100 записей)
   * @property {string}  weekStart  — ISO-дата понедельника текущей недели
   * @property {Object}  settings   — Настройки пользователя
   * @property {number}  settings.setsCount    — Кол-во подходов (2–6, по умолчанию 3)
   * @property {number}  settings.restSeconds  — Таймер отдыха (30–300, по умолчанию 90)
   */
  persist: {
    doneDays: {},
    progress: {},
    history: [],
    weekStart: null,
    settings: {
      setsCount: CONFIG.SETS_DEFAULT,
      restCompound: CONFIG.REST_COMPOUND_DEFAULT,
      restIsolation: CONFIG.REST_ISOLATION_DEFAULT,
    },
    workoutLog: [],          // [{date, day, exercises}] — лог за последние 30 дней
    bannedVariants: {},  // { "Д1-1:2": true, ... }
    likedVariants:  {},  // { "Д1-1:0": true, ... }
    exerciseHeat:   {},  // { "chest-flat-barbell": 7, ... } — 0..10, горячесть упражнения
    lastDecayMonth: null,// "2026-03" — последний месяц применения decay
  },

  /**
   * ID таймера отдыха (setInterval).
   * Хранится здесь для возможности clearInterval при пропуске.
   * @type {number|null}
   */
  restTimerId: null,

  /* ── Работа с localStorage ── */

  /**
   * Загружает данные из localStorage.
   * Если ключ 'gb_v3' существует — мержит с дефолтным persist.
   * После загрузки проверяет необходимость сброса недели.
   */
  load() {
    try {
      const s = localStorage.getItem(STORAGE_KEY);
      if (s) {
        const data = JSON.parse(s);
        if (data.doneDays)  this.persist.doneDays  = data.doneDays;
        if (data.progress)  this.persist.progress  = data.progress;
        if (data.history)   this.persist.history   = data.history;
        if (data.weekStart) this.persist.weekStart = data.weekStart;
        if (data.settings)  this.persist.settings  = { ...this.persist.settings, ...data.settings };
        if (data.bannedVariants) this.persist.bannedVariants = data.bannedVariants;
        if (data.likedVariants)  this.persist.likedVariants  = data.likedVariants;
        if (data.exerciseHeat)   this.persist.exerciseHeat   = data.exerciseHeat;
        if (data.lastDecayMonth) this.persist.lastDecayMonth = data.lastDecayMonth;
        if (data.workoutLog)     this.persist.workoutLog     = data.workoutLog;

        /* Миграция: старый restSeconds → новые restCompound/restIsolation */
        if (this.persist.settings.restSeconds && !this.persist.settings.restCompound) {
          this.persist.settings.restCompound = this.persist.settings.restSeconds;
          this.persist.settings.restIsolation = Math.max(CONFIG.REST_MIN, Math.round(this.persist.settings.restSeconds / 2));
          delete this.persist.settings.restSeconds;
          this.save();
        }
      }
    } catch(e) {
      /* localStorage недоступен — работаем без персистенции */
    }
    this.checkWeekReset();
    this.checkHeatDecay();
  },

  /**
   * Сохраняет persist в localStorage.
   * Вызывается после каждого изменения данных.
   */
  save() {
    try { localStorage.setItem(STORAGE_KEY, JSON.stringify(this.persist)); } catch(e) {}
  },

  /* ── Бан / лайк вариантов ── */
  _vk(slotKey, varIdx) { return slotKey + ':' + varIdx; },
  isBanned(slotKey, varIdx) { return !!this.persist.bannedVariants[this._vk(slotKey, varIdx)]; },
  isLiked(slotKey, varIdx)  { return !!this.persist.likedVariants[this._vk(slotKey, varIdx)]; },
  toggleBan(slotKey, varIdx) {
    const k = this._vk(slotKey, varIdx);
    if (this.persist.bannedVariants[k]) delete this.persist.bannedVariants[k];
    else this.persist.bannedVariants[k] = true;
    this.save();
  },
  toggleLike(slotKey, varIdx) {
    const k = this._vk(slotKey, varIdx);
    if (this.persist.likedVariants[k]) delete this.persist.likedVariants[k];
    else this.persist.likedVariants[k] = true;
    this.save();
  },

  /**
   * Сохраняет промежуточный прогресс текущей тренировки.
   * Позволяет возобновить тренировку при случайном выходе.
   */
  saveProgress() {
    const s = this.state;
    if (!s.currentDay || !s.slots.length) return;
    /* Если тренировка полностью завершена — не сохраняем промежуточный прогресс */
    if (s.slots.every(sl => sl.done)) return;
    const existing = this.persist.progress[s.currentDay] || {};
    existing.slots = s.slots;
    this.persist.progress[s.currentDay] = existing;
    this.save();
  },

  /**
   * Удаляет сохранённый прогресс для конкретного дня.
   * Вызывается после успешного завершения тренировки.
   * @param {string} day — день ("Д1", "Д2", ...)
   */
  clearProgress(day) {
    delete this.persist.progress[day];
    this.save();
  },

  /* ── Управление неделей ── */

  /**
   * Вычисляет дату понедельника для заданной даты.
   * Используется для определения «текущей недели».
   *
   * @param {Date} d — любая дата
   * @returns {string} — ISO-дата понедельника (YYYY-MM-DD)
   *
   * @example
   * App.getMonday(new Date('2026-02-28')) // → "2026-02-23" (понедельник)
   */
  getMonday(d) {
    const date = new Date(d);
    const day = date.getDay();  /* 0=ВС, 1=ПН, ..., 6=СБ */
    const diff = date.getDate() - day + (day === 0 ? -6 : 1);
    return new Date(date.setDate(diff)).toISOString().slice(0, 10);
  },

  /**
   * Проверяет необходимость авто-сброса недели.
   * Если текущий понедельник ≠ сохранённому — сбрасывает прогресс.
   * Вызывается при каждой загрузке приложения (из App.load).
   */
  checkWeekReset() {
    const currentMonday = this.getMonday(new Date());
    if (this.persist.weekStart && this.persist.weekStart !== currentMonday) {
      this.resetWeek(false);  /* Тихий сброс без toast */
    }
    this.persist.weekStart = currentMonday;
    this.save();
  },

  /**
   * Ежемесячный decay горячести упражнений.
   * Раз в месяц уменьшает каждое значение exerciseHeat на 1 (до 0).
   * Это делает «горячесть» актуальной: редко используемые упражнения
   * постепенно краснеют.
   */
  checkHeatDecay() {
    const now = new Date();
    const m = now.getFullYear() + '-' + String(now.getMonth() + 1).padStart(2, '0');
    if (!this.persist.lastDecayMonth) {
      this.persist.lastDecayMonth = m;
      this.save();
      return;
    }
    if (this.persist.lastDecayMonth < m) {
      Object.keys(this.persist.exerciseHeat).forEach(k => {
        const v = this.persist.exerciseHeat[k];
        if (v > 0) this.persist.exerciseHeat[k] = v - 1;
      });
      this.persist.lastDecayMonth = m;
      this.save();
    }
  },

  /* Вспомогательные геттеры горячести */
  getHeat(imgSlug) { return this.persist.exerciseHeat[imgSlug] || 0; },
  addHeat(imgSlug) {
    this.persist.exerciseHeat[imgSlug] = Math.min(CONFIG.MAX_HEAT, this.getHeat(imgSlug) + 1);
  },
  /** Возвращает HTML-строку полоски активности для вставки в карточку */
  /**
   * Генерирует HTML теплового оверлея для картинки упражнения.
   * 8 сегментов, плавный HSL-градиент синий→красный (240→0).
   * Абсолютно позиционирован в левый верхний угол родителя (position:relative).
   */
  heatImgBarHTML(imgSlug) {
    const SEGS = CONFIG.HEAT_SEGMENTS;
    const heat = this.getHeat(imgSlug);
    const filledCount = Math.round(heat / CONFIG.MAX_HEAT * SEGS);
    let segs = '';
    for (let i = 0; i < SEGS; i++) {
      if (i < filledCount) {
        const hue = Math.round(240 - (i / (SEGS - 1)) * 240);
        segs += `<span class="him-seg him-seg--on" style="background:hsl(${hue},88%,55%)"></span>`;
      } else {
        segs += `<span class="him-seg"></span>`;
      }
    }
    return `<div class="heat-img-bar">${segs}</div>`;
  },

  /**
   * Записывает одно завершённое упражнение в workoutLog.
   * Вызывается из completeExercise() — логируем сразу, не дожидаясь finish().
   * Находит или создаёт запись за сегодня+день, дописывает упражнение.
   * Хранит последние CONFIG.MAX_LOG_DAYS дней.
   */
  logExercise(day, exerciseData) {
    const today = new Date().toISOString().slice(0, 10);
    /* Ищем существующую запись за сегодня + этот день */
    let entry = this.persist.workoutLog.find(e => e.date === today && e.day === day);
    if (!entry) {
      entry = { date: today, day: day, exercises: [] };
      this.persist.workoutLog.push(entry);
    }
    entry.exercises.push({
      name: exerciseData.name || '',
      muscle: exerciseData.muscle,
      movement: exerciseData.movement,
      type: exerciseData.type,
      sets: exerciseData.sets.map(s => ({ weight: s.weight || 0, reps: s.reps || 0 }))
    });
    /* Ограничение: удаляем записи старше MAX_LOG_DAYS */
    const cutoff = new Date();
    cutoff.setDate(cutoff.getDate() - CONFIG.MAX_LOG_DAYS);
    const cutoffStr = cutoff.toISOString().slice(0, 10);
    this.persist.workoutLog = this.persist.workoutLog.filter(e => e.date >= cutoffStr);
    this.save();
  },

  /**
   * Сбрасывает прогресс текущей недели.
   * Очищает doneDays и progress, обновляет weekStart.
   *
   * @param {boolean} [showToast=true] — показывать ли уведомление
   */
  resetWeek(showToast = true) {
    this.persist.doneDays = {};
    this.persist.progress = {};
    this.persist.weekStart = this.getMonday(new Date());
    this.save();
    UI.renderHome();
    if (showToast) UI.toast('Неделя сброшена ⚡');
  },

  /**
   * Подсчитывает количество завершённых дней в текущей неделе.
   * @returns {number} — кол-во дней с doneDays[day] === true
   */
  getCompletedDays() {
    return DAYS_ORDER.filter(d => this.persist.doneDays[d]).length;
  },

  getCompletedExtraDays() {
    return EXTRA_DAYS.filter(d => this.persist.doneDays[d]).length;
  },

  /* ── Расчёт прогресса батареи ── */

  /**
   * Вычисляет процент заряда батареи (0–100).
   * Формула: (выполненные слоты / всего слотов) × 100.
   * @returns {number} — процент (целое число)
   */
  getBatteryPct() {
    const s = this.state;
    const total = s.slots.length;
    if (!total) return 0;
    const done = s.slots.filter(sl => sl.done).length;
    return Math.round(done / total * 100);
  },

  /**
   * Обновляет ВСЕ элементы батарейки на странице.
   * Находит .battery-fill и .battery-pct на всех экранах и синхронизирует.
   * При 100% добавляет класс .full (сплошная заливка).
   */
  updateBattery() {
    const pct = this.getBatteryPct();
    const w = pct + '%';
    document.querySelectorAll('.battery-fill').forEach(el => {
      el.style.width = w;
      pct >= 100 ? el.classList.add('full') : el.classList.remove('full');
    });
    document.querySelectorAll('.battery-pct').forEach(el => {
      el.textContent = pct + '%';
    });
  },

  /* ── Экспорт / Импорт данных ── */

  /**
   * Экспортирует все данные в JSON-файл.
   * Создаёт Blob → objectURL → скачивает через <a>.
   * Имя файла: gym-battery-backup-YYYY-MM-DD.json
   */
  exportData() {
    const blob = new Blob([JSON.stringify(this.persist, null, 2)], { type: 'application/json' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = `gym-battery-backup-${new Date().toISOString().slice(0,10)}.json`;
    a.click();
    URL.revokeObjectURL(url);
    UI.toast('Данные экспортированы 📦');
  },

  /**
   * Импортирует данные из JSON-файла.
   * Создаёт скрытый <input type="file">, читает FileReader.
   * Валидирует наличие doneDays перед применением.
   */
  importData() {
    const input = document.createElement('input');
    input.type = 'file';
    input.accept = '.json';
    input.addEventListener('change', (e) => {
      const file = e.target.files[0];
      if (!file) return;
      const reader = new FileReader();
      reader.onload = (ev) => {
        try {
          const data = JSON.parse(ev.target.result);
          /* Минимальная валидация: проверяем наличие ключевого поля */
          if (data.doneDays !== undefined) {
            this.persist = { ...this.persist, ...data };
            this.save();
            UI.renderHome();
            UI.toast('Данные импортированы ✓');
          } else {
            UI.toast('Неверный формат файла');
          }
        } catch(e) {
          UI.toast('Ошибка чтения файла');
        }
      };
      reader.readAsText(file);
    });
    input.click();
  },

  /**
   * Полная очистка кэша браузера и Service Worker.
   * Удаляет:
   * • Весь localStorage
   * • Все кэши Service Worker
   * • Выгружает Service Worker
   * Затем перезагружает страницу чтобы загрузить всё заново.
   */
  async clearCache() {
    try {
      /* Очищаем localStorage */
      localStorage.clear();

      /* Выгружаем Service Worker и очищаем кэши */
      if ('serviceWorker' in navigator) {
        const registrations = await navigator.serviceWorker.getRegistrations();
        for (const registration of registrations) {
          await registration.unregister();
        }
      }

      /* Очищаем все кэши (CacheStorage API) */
      if ('caches' in window) {
        const cacheNames = await caches.keys();
        for (const cacheName of cacheNames) {
          await caches.delete(cacheName);
        }
      }

      /* Показываем уведомление и перезагружаем */
      UI.toast('Кэш очищен 🔄 Перезагрузка...');
      setTimeout(() => {
        window.location.reload(true); /* true = игнорировать кэш при reload */
      }, CONFIG.CACHE_RELOAD_MS);
    } catch (e) {
      console.error('Ошибка при очистке кэша:', e);
      UI.toast('Ошибка при очистке кэша');
    }
  }
};


/* ===[SECTION:UI]=== Экраны, рендер, тосты, haptic, диалоги ═══════════════
   Методы:
     showScreen(id)        — переключение экранов
     toast(msg)            — toast-уведомление
     haptic(ms)            — вибрация (Vibration API)
     confirm(title, text)  — модальный диалог → Promise<boolean>
     renderHome()          — главный экран (батарейки дней)
     renderStats()         — экран статистики
     renderSettings()      — экран настроек
     renderLog()           — журнал тренировок (30 дней)
     renderCatalog()       — каталог всех упражнений
     openCatalogDetail(img)— детали упражнения из каталога
   ═══════════════════════════════════════════════════════════════════════════ */
const UI = {

  /**
   * Переключает активный экран.
   * Текущий экран получает .exit (уходит влево с fade),
   * затем .exit удаляется через 260ms.
   * Новый экран получает .active (появляется справа).
   * Автоматически скроллит контент наверх.
   *
   * @param {string} id — id целевого экрана (screen-home, screen-workout, ...)
   */
  showScreen(id) {
    document.querySelectorAll('.screen.active').forEach(s => {
      s.classList.remove('active');
      s.classList.add('exit');
      setTimeout(() => s.classList.remove('exit'), CONFIG.SCREEN_EXIT_MS);
    });
    const next = document.getElementById(id);
    next.classList.add('active');
    /* Скролл контента в начало */
    const sc = next.querySelector('.detail-scroll') || next.querySelector('.scroll-body');
    if (sc) sc.scrollTop = 0;
  },

  /**
   * Показывает toast-уведомление на 2.2 секунды.
   * @param {string} msg — текст уведомления
   */
  toast(msg) {
    const el = document.getElementById('toast');
    el.textContent = msg;
    el.classList.add('visible');
    setTimeout(() => el.classList.remove('visible'), CONFIG.TOAST_MS);
  },

  setHomeDayMenuOpen(isOpen) {
    const wrap = document.getElementById('cal-start-wrap');
    const menu = document.getElementById('cal-start-menu');
    const toggle = document.getElementById('cal-start-toggle');
    if (!wrap || !menu || !toggle) return;
    if (!isOpen) {
      wrap.classList.remove('open', 'menu-up');
      menu.hidden = true;
      toggle.setAttribute('aria-expanded', 'false');
      return;
    }

    wrap.classList.add('open');
    menu.hidden = false;
    const wrapRect = wrap.getBoundingClientRect();
    const menuHeight = Math.min(menu.scrollHeight || 0, Math.max(window.innerHeight - 32, 0));
    const spaceAbove = wrapRect.top - 12;
    const spaceBelow = window.innerHeight - wrapRect.bottom - 12;
    const shouldOpenUp = spaceBelow < menuHeight && spaceAbove > spaceBelow;
    wrap.classList.toggle('menu-up', shouldOpenUp);
    toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
  },

  setExtraMenuOpen(isOpen) {
    const wrap = document.getElementById('cal-extra-wrap');
    const menu = document.getElementById('cal-extra-menu');
    const toggle = document.getElementById('cal-extra-toggle');
    if (!wrap || !menu || !toggle) return;
    if (!isOpen) {
      wrap.classList.remove('open', 'menu-up');
      menu.hidden = true;
      toggle.setAttribute('aria-expanded', 'false');
      return;
    }

    wrap.classList.add('open');
    menu.hidden = false;
    const wrapRect = wrap.getBoundingClientRect();
    const menuHeight = Math.min(menu.scrollHeight || 0, Math.max(window.innerHeight - 32, 0));
    const spaceAbove = wrapRect.top - 12;
    const spaceBelow = window.innerHeight - wrapRect.bottom - 12;
    const shouldOpenUp = spaceBelow < menuHeight && spaceAbove > spaceBelow;
    wrap.classList.toggle('menu-up', shouldOpenUp);
    toggle.setAttribute('aria-expanded', 'true');
  },

  /**
   * Тактильная обратная связь (вибрация).
   * Использует Vibration API (поддерживается на Android).
   * На iOS не работает, но вызов безопасен (проверка navigator.vibrate).
   *
   * @param {number} [ms=15] — длительность вибрации в миллисекундах
   */
  haptic(ms = CONFIG.HAPTIC_DEFAULT) {
    if (navigator.vibrate) navigator.vibrate(ms);
  },

  /**
   * Показывает модальный диалог подтверждения.
   * Возвращает Promise<boolean>: true = подтвердил, false = отменил.
   * Автоматически очищает обработчики при закрытии.
   *
   * @param {string} title — заголовок диалога
   * @param {string} text  — текст-описание
   * @returns {Promise<boolean>}
   *
   * @example
   * const ok = await UI.confirm('Сброс?', 'Данные будут удалены.');
   * if (ok) { App.resetWeek(); }
   */
  confirm(title, text) {
    return new Promise(resolve => {
      document.getElementById('dialog-title').textContent = title;
      document.getElementById('dialog-text').textContent = text;
      document.getElementById('dialog').classList.add('visible');
      const onConfirm = () => { cleanup(); resolve(true); };
      const onCancel  = () => { cleanup(); resolve(false); };
      const cleanup = () => {
        document.getElementById('dialog').classList.remove('visible');
        document.getElementById('dialog-confirm').removeEventListener('click', onConfirm);
        document.getElementById('dialog-cancel').removeEventListener('click', onCancel);
      };
      document.getElementById('dialog-confirm').addEventListener('click', onConfirm);
      document.getElementById('dialog-cancel').addEventListener('click', onCancel);
    });
  },

  /* ══════════════════════════════════════
     renderHome — Рендер главного экрана
     ══════════════════════════════════════ */

  /**
   * Рендерит главный экран:
   * 1. Week bar — строка прогресса недели
   * 2. Day grid — 4 карточки тренировочных дней (Д1–Д4)
   *
   * Каждая карточка определяет своё состояние:
   * • done      — тренировка завершена
   * • partial   — тренировка начата, но не завершена
   * • available — доступна для запуска
   */
  renderHome() {
    const now = new Date();
    const year = now.getFullYear();
    const month = now.getMonth();
    const todayStr = now.toISOString().slice(0, 10);
    const MONTH_NAMES = ['Январь','Февраль','Март','Апрель','Май','Июнь',
      'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'];

    /* ── Заголовок месяца ── */
    document.getElementById('cal-header').innerHTML =
      `<span class="cal-month-name">${MONTH_NAMES[month]} ${year}</span>`;

    /* ── Дни недели ── */
    document.getElementById('cal-weekdays').innerHTML =
      ['ПН','ВТ','СР','ЧТ','ПТ','СБ','ВС']
        .map(d => `<div class="cal-weekday">${d}</div>`).join('');

    /* ── Построение lookup: дата → {pct, dayLabel} из workoutLog ── */
    const log = App.persist.workoutLog || [];
    const logMap = {};
    log.forEach(entry => {
      if (!logMap[entry.date]) logMap[entry.date] = [];
      logMap[entry.date].push(entry);
    });

    /* Также учитываем текущий progress (незавершённые тренировки) */
    const progressMap = {};
    DAYS_ORDER.forEach(day => {
      const p = App.persist.progress[day];
      if (p && p.slots) {
        const done = p.slots.filter(sl => sl.done).length;
        const total = p.slots.length;
        if (done > 0) progressMap[todayStr] = {
          pct: Math.round(done / total * 100), dayLabel: getWorkoutShortLabel(day)
        };
      }
    });

    function getDateInfo(dateStr) {
      /* Из workoutLog */
      const entries = logMap[dateStr];
      if (entries && entries.length > 0) {
        let totalDone = 0, totalExpected = 0;
        entries.forEach(e => {
          const sched = workoutSchedule[e.day];
          if (sched) {
            totalExpected += sched.exercises.length;
            totalDone += (e.exercises || []).length;
          }
        });
        if (totalExpected > 0) {
          return {
            pct: Math.min(100, Math.round(totalDone / totalExpected * 100)),
            dayLabel: getWorkoutShortLabel(entries[0].day)
          };
        }
      }
      /* Из текущего progress */
      if (progressMap[dateStr]) return progressMap[dateStr];
      return null;
    }

    /* ── Генерация сетки дней ── */
    const firstDay = new Date(year, month, 1);
    const startDow = (firstDay.getDay() + 6) % 7; // Пн=0
    const daysInMonth = new Date(year, month + 1, 0).getDate();
    const grid = document.getElementById('cal-grid');
    grid.innerHTML = '';

    /* Пустые ячейки предыдущего месяца */
    const prevMonthDays = new Date(year, month, 0).getDate();
    for (let i = startDow - 1; i >= 0; i--) {
      const d = prevMonthDays - i;
      grid.innerHTML += `<div class="cal-day other-month"><span class="cal-day-num">${d}</span></div>`;
    }

    /* Дни текущего месяца */
    for (let d = 1; d <= daysInMonth; d++) {
      const dateStr = `${year}-${String(month + 1).padStart(2,'0')}-${String(d).padStart(2,'0')}`;
      const isToday = dateStr === todayStr;
      const isFuture = dateStr > todayStr;
      const info = getDateInfo(dateStr);

      let cls = 'cal-day';
      if (isToday) cls += ' today';
      if (isFuture) cls += ' future';
      if (info) {
        cls += ' has-workout';
        if (info.pct >= 100) cls += ' has-full';
      }

      let inner = `<span class="cal-day-num">${d}</span>`;
      if (info) {
        inner += `<div class="cal-day-battery"><div class="cal-day-fill" style="width:${info.pct}%"></div></div>`;
        inner += `<span class="cal-day-label">${info.dayLabel}</span>`;
      }

      grid.innerHTML += `<div class="${cls}" data-action="cal-day-tap" data-date="${dateStr}">${inner}</div>`;
    }

    /* Пустые ячейки следующего месяца */
    const totalCells = startDow + daysInMonth;
    const remaining = totalCells % 7 === 0 ? 0 : 7 - (totalCells % 7);
    for (let i = 1; i <= remaining; i++) {
      grid.innerHTML += `<div class="cal-day other-month"><span class="cal-day-num">${i}</span></div>`;
    }

    /* ── Информация о неделе ── */
    const completed = App.getCompletedDays();
    const total = DAYS_ORDER.length;
    const completedExtra = App.getCompletedExtraDays();
    document.getElementById('cal-week-info').innerHTML = `
      <span class="cal-week-text">Неделя: <strong>${completed} / ${total}</strong> · Экстра: <strong>${completedExtra} / ${EXTRA_DAYS.length}</strong></span>
      <button class="btn-reset-day" id="btn-reset-day">↻ тренировка</button>`;

    /* ── CTA: автовыбор следующей тренировки ── */
    /* Если есть незавершённая тренировка (progress с слотами), предлагаем продолжить */
    let nextDay = null;
    for (const day of DAYS_ORDER) {
      if (App.persist.progress[day] && App.persist.progress[day].slots) {
        nextDay = day;
        break;
      }
    }
    if (!nextDay) {
      for (const day of DAYS_ORDER) {
        if (!App.persist.doneDays[day]) { nextDay = day; break; }
      }
    }

    const btn = document.getElementById('cal-start-btn');
    const toggleBtn = document.getElementById('cal-start-toggle');
    const menu = document.getElementById('cal-start-menu');
    if (!nextDay) nextDay = DAYS_ORDER[0] || null;

    const selectableDays = DAYS_ORDER.slice();
    const selectedDay = selectableDays.includes(App.state.homeSelectedDay)
      ? App.state.homeSelectedDay
      : nextDay;
    const menuDays = selectableDays.filter(day => day !== selectedDay);

    App.state.homeSelectedDay = selectedDay || null;

    if (selectedDay) {
      const idx = DAYS_ORDER.indexOf(selectedDay) + 1;
      const selectedResume = !!(App.persist.progress[selectedDay] && App.persist.progress[selectedDay].slots);
      const selectedDone = !!App.persist.doneDays[selectedDay];
      const label = selectedResume
        ? `ПРОДОЛЖИТЬ ТРЕНИРОВКУ ${idx}`
        : (selectedDone ? `ПОВТОРИТЬ ТРЕНИРОВКУ ${idx}` : `НАЧАТЬ ТРЕНИРОВКУ ${idx}`);
      btn.textContent = label;
      btn.disabled = false;
      btn.onclick = () => Workout.start(selectedDay);
      toggleBtn.disabled = menuDays.length === 0;
      menu.innerHTML = menuDays.map(day => {
        const dayIdx = DAYS_ORDER.indexOf(day) + 1;
        const resume = !!(App.persist.progress[day] && App.persist.progress[day].slots);
        const done = !!App.persist.doneDays[day];
        const dayName = getWorkoutDisplayName(day);
        const statusText = resume
          ? 'Продолжить'
          : (done ? '✓ Выполнено' : 'Выбрать');
        const descText = resume
          ? `${dayName} · есть прогресс`
          : (done ? `${dayName} · уже была на этой неделе` : `${dayName} · новый запуск`);
        return `<button class="cal-start-menu-item${done ? ' is-done' : ''}" type="button" data-action="select-home-day" data-day="${day}">
          <span class="cal-start-menu-copy">
            <span class="cal-start-menu-day">ТРЕНИРОВКА ${dayIdx}</span>
            <span class="cal-start-menu-desc">${descText}</span>
          </span>
          <span class="cal-start-menu-label">${statusText}</span>
        </button>`;
      }).join('');
    } else {
      btn.textContent = 'ВСЕ ТРЕНИРОВКИ ВЫПОЛНЕНЫ ⚡';
      btn.disabled = true;
      btn.onclick = null;
      toggleBtn.disabled = true;
      menu.innerHTML = '';
    }
    this.setHomeDayMenuOpen(false);

    /* ── CTA: экстра-тренировка ── */
    let nextExtra = null;
    for (const day of EXTRA_DAYS) {
      if (App.persist.progress[day] && App.persist.progress[day].slots) {
        nextExtra = day;
        break;
      }
    }
    if (!nextExtra) {
      for (const day of EXTRA_DAYS) {
        if (!App.persist.doneDays[day]) { nextExtra = day; break; }
      }
    }

    const extraBtn = document.getElementById('cal-extra-btn');
    const extraToggleBtn = document.getElementById('cal-extra-toggle');
    const extraMenu = document.getElementById('cal-extra-menu');
    if (!nextExtra) nextExtra = EXTRA_DAYS[0] || null;

    const selectableExtras = EXTRA_DAYS.slice();
    const selectedExtra = selectableExtras.includes(App.state.homeSelectedExtra)
      ? App.state.homeSelectedExtra
      : nextExtra;
    const extraMenuDays = selectableExtras.filter(day => day !== selectedExtra);
    App.state.homeSelectedExtra = selectedExtra || null;

    if (selectedExtra) {
      const meta = EXTRA_WORKOUTS[selectedExtra] || {};
      const extraResume = !!(App.persist.progress[selectedExtra] && App.persist.progress[selectedExtra].slots);
      const extraDone = !!App.persist.doneDays[selectedExtra];
      extraBtn.textContent = extraResume
        ? `ПРОДОЛЖИТЬ ${meta.short || getWorkoutTitle(selectedExtra)}`
        : (extraDone ? `ПОВТОРИТЬ ${meta.short || getWorkoutTitle(selectedExtra)}` : `${meta.short || getWorkoutTitle(selectedExtra)}`);
      extraBtn.disabled = false;
      extraBtn.onclick = () => Workout.startExtra(selectedExtra);
      extraToggleBtn.disabled = extraMenuDays.length === 0;
      extraMenu.innerHTML = extraMenuDays.map(day => {
        const itemMeta = EXTRA_WORKOUTS[day] || {};
        const resume = !!(App.persist.progress[day] && App.persist.progress[day].slots);
        const done = !!App.persist.doneDays[day];
        const statusText = resume ? 'Продолжить' : (done ? '✓ Выполнено' : 'Выбрать');
        const descText = resume
          ? `${itemMeta.desc || getWorkoutDisplayName(day)} · есть прогресс`
          : (done ? `${itemMeta.desc || getWorkoutDisplayName(day)} · уже была на этой неделе` : `${itemMeta.desc || getWorkoutDisplayName(day)} · доступна сейчас`);
        return `<button class="cal-start-menu-item${done ? ' is-done' : ''}" type="button" data-action="select-home-extra" data-day="${day}">
          <span class="cal-start-menu-copy">
            <span class="cal-start-menu-day">${itemMeta.short || getWorkoutTitle(day)}</span>
            <span class="cal-start-menu-desc">${descText}</span>
          </span>
          <span class="cal-start-menu-label">${statusText}</span>
        </button>`;
      }).join('');
    } else {
      extraBtn.textContent = 'ЭКСТРА НЕДОСТУПНА';
      extraBtn.disabled = true;
      extraBtn.onclick = null;
      extraToggleBtn.disabled = true;
      extraMenu.innerHTML = '';
    }
    this.setExtraMenuOpen(false);

    /* ── Превью тренировки на сегодня ── */
    const preview = document.getElementById('cal-preview');
    if (selectedDay) {
      const desc = dayDescriptions[selectedDay] || '';
      const todayFmt = now.toLocaleDateString('ru-RU', { day: 'numeric', month: 'long' });
      preview.innerHTML =
        `<span class="cal-preview-date">${todayFmt}</span>` +
        `<span class="cal-preview-label">${getWorkoutTitle(selectedDay)}: ${desc}</span>`;
      preview.style.display = '';
    } else {
      preview.style.display = 'none';
    }
  },

  /* ══════════════════════════════════════
     showDayLog — Попап лога за день
     ══════════════════════════════════════ */
  showDayLog(dateStr) {
    const log = App.persist.workoutLog || [];
    const entries = log.filter(e => e.date === dateStr);

    /* Форматируем дату */
    const d = new Date(dateStr + 'T12:00:00');
    const dateFmt = d.toLocaleDateString('ru-RU', { weekday: 'long', day: 'numeric', month: 'long' });
    document.getElementById('day-log-popup-date').textContent = dateFmt.charAt(0).toUpperCase() + dateFmt.slice(1);

    const body = document.getElementById('day-log-popup-body');
    if (entries.length === 0) {
      body.innerHTML = '<p class="day-log-empty">Тренировок не записано</p>';
    } else {
      body.innerHTML = entries.map(entry => {
        const exList = (entry.exercises || []).map(ex => {
          const setsStr = (ex.sets || [])
            .filter(s => s.reps > 0)
            .map(s => s.weight ? `${s.weight}кг×${s.reps}` : `×${s.reps}`)
            .join(', ');
          return `<div class="day-log-ex">${ex.name || ex.img || '—'}`
               + (setsStr ? `<span class="day-log-sets"> · ${setsStr}</span>` : '')
               + `</div>`;
        }).join('');
        return `<div class="day-log-entry"><div class="day-log-day">${getWorkoutDisplayName(entry.day)}</div>${exList}</div>`;
      }).join('');
    }

    document.getElementById('day-log-popup').classList.add('visible');
  },

  /* ══════════════════════════════════════
     renderStats — Рендер экрана статистики
     ══════════════════════════════════════ */

  /**
   * Рендерит экран статистики:
   * 1. Карточка «Текущая неделя» — тренировки, упражнения, подходы, объём
   * 2. Карточка «История» — последние 20 тренировок (дата, день, объём)
   * 3. Карточка «Данные» — кнопки экспорта/импорта
   */
  renderStats() {
    const history = App.persist.history;
    const container = document.getElementById('stats-content');

    /* Фильтруем тренировки текущей недели (сравниваем понедельники) */
    const weekHistory = history.filter(h => {
      const hMonday = App.getMonday(new Date(h.date));
      return hMonday === App.persist.weekStart;
    });

    /* Агрегация: объём, подходы, упражнения за неделю */
    const totalVolume = weekHistory.reduce((sum, h) => sum + (h.totalVolume || 0), 0);
    const totalSets = weekHistory.reduce((sum, h) =>
      sum + h.exercises.reduce((s2, ex) => s2 + ex.sets.filter(s => s.weight > 0 || s.reps > 0).length, 0), 0);
    const totalExercises = weekHistory.reduce((sum, h) => sum + h.exercises.length, 0);

    let html = `
      <div class="stat-card">
        <div class="stat-card-title">// Текущая неделя</div>
        <div class="stat-row">
          <span class="stat-label">Тренировок</span>
          <span class="stat-value">${weekHistory.length}</span>
        </div>
        <div class="stat-row">
          <span class="stat-label">Упражнений</span>
          <span class="stat-value">${totalExercises}</span>
        </div>
        <div class="stat-row">
          <span class="stat-label">Подходов</span>
          <span class="stat-value">${totalSets}</span>
        </div>
        <div class="stat-row">
          <span class="stat-label">Общий объём</span>
          <span class="stat-value">${totalVolume > 0 ? totalVolume.toLocaleString('ru') + ' кг' : '—'}</span>
        </div>
      </div>`;

    /* ── История тренировок (последние 20) ── */
    html += `<div class="stat-card"><div class="stat-card-title">// История тренировок</div>`;
    if (history.length === 0) {
      html += `<div class="stat-row"><span class="stat-label">Пока пусто</span><span class="stat-value dim">—</span></div>`;
    } else {
      const shown = history.slice(-CONFIG.HISTORY_SHOWN).reverse();  /* Новые сверху */
      shown.forEach(h => {
        const d = new Date(h.date);
        const dateStr = d.toLocaleDateString('ru', { day: 'numeric', month: 'short', weekday: 'short' });
        const vol = h.totalVolume ? ` · ${h.totalVolume.toLocaleString('ru')} кг` : '';
        html += `
          <div class="history-item">
            <div class="history-date">${dateStr}</div>
            <div class="history-summary"><strong>${getWorkoutTitle(h.day)} · ${h.name}</strong> — ${h.exercises.length} упр.${vol}</div>
          </div>`;
      });
    }
    html += `</div>`;

    /* ── Кнопки экспорта/импорта ── */
    html += `
      <div class="stat-card">
        <div class="stat-card-title">// Данные</div>
        <div style="display:flex;gap:8px;margin-top:6px">
          <button class="btn btn-primary" id="btn-export" style="flex:1">📦 Экспорт</button>
          <button class="btn btn-ghost" id="btn-import" style="flex:1">📂 Импорт</button>
        </div>
      </div>`;

    container.innerHTML = html;
  },

  /* ══════════════════════════════════════
     renderSettings — Рендер настроек
     ══════════════════════════════════════ */

  /**
   * Рендерит экран настроек:
   * 1. Подходов на упражнение (2–6)  — кнопки ±
   * 2. Таймер отдыха (30–300 сек)    — кнопки ± с шагом 15с
   * 3. Очистка всех данных           — с подтверждением
   */
  renderSettings() {
    const s = App.persist.settings;
    const container = document.getElementById('settings-content');
    container.innerHTML = `
      <div class="settings-group">
        <div class="settings-group-title">// Тренировка</div>
        <div class="setting-row">
          <div class="setting-label">Подходов на упражнение<small>от 2 до 6</small></div>
          <div class="setting-control">
            <button class="setting-btn" data-action="sets-minus" aria-label="Уменьшить">−</button>
            <span class="setting-value" id="setting-sets">${s.setsCount}</span>
            <button class="setting-btn" data-action="sets-plus" aria-label="Увеличить">+</button>
          </div>
        </div>
        <div class="setting-row">
          <div class="setting-label">Отдых: база (сек)<small>Жим, Тяга, Присед, Выпад</small></div>
          <div class="setting-control">
            <button class="setting-btn" data-action="rest-compound-minus" aria-label="Уменьшить">−</button>
            <span class="setting-value" id="setting-rest-compound">${s.restCompound}</span>
            <button class="setting-btn" data-action="rest-compound-plus" aria-label="Увеличить">+</button>
          </div>
        </div>
        <div class="setting-row">
          <div class="setting-label">Отдых: изоляция (сек)<small>Разводка, Сгибание, Подъём</small></div>
          <div class="setting-control">
            <button class="setting-btn" data-action="rest-iso-minus" aria-label="Уменьшить">−</button>
            <span class="setting-value" id="setting-rest-iso">${s.restIsolation}</span>
            <button class="setting-btn" data-action="rest-iso-plus" aria-label="Увеличить">+</button>
          </div>
        </div>
      </div>
      ${(() => {
        const banned = Object.keys(App.persist.bannedVariants);
        let bhtml = `<div class="settings-group">
        <div class="settings-group-title">// Заблокированные упражнения</div>`;
        if (banned.length === 0) {
          bhtml += `<div class="settings-empty">Нет заблокированных упражнений</div>`;
        } else {
          banned.forEach(key => {
            const [slotKey, varIdx] = key.split(':');
            const variant = (exerciseVariations[slotKey] || [])[+varIdx];
            if (!variant) return;
            bhtml += `<div class="banned-item">
              <span class="banned-name">${variant.name}</span>
              <button class="btn btn-ghost btn-xs" data-action="unban-variant" data-key="${key}">Вернуть</button>
            </div>`;
          });
        }
        bhtml += `</div>`;
        return bhtml;
      })()}
      <div class="settings-group">
        <div class="settings-group-title">// Опасная зона</div>
        <div class="setting-row">
          <div class="setting-label">Полная очистка кэша<small>Удаляет кэш браузера и Service Worker</small></div>
          <button class="btn btn-ghost" id="btn-clear-cache" style="border-color:var(--led-dim);color:var(--led-dim)">Очистить кэш</button>
        </div>
        <div class="setting-row">
          <div class="setting-label">Удалить все данные<small>Необратимое действие</small></div>
          <button class="btn btn-ghost" id="btn-clear-all" style="border-color:var(--red-dim);color:var(--red-dim)">Очистить</button>
        </div>
      </div>`;
  },

  /* ══════════════════════════════════════
     renderLog — Журнал тренировок (30 дней)
     ══════════════════════════════════════ */
  renderLog() {
    const container = document.getElementById('log-content');
    const log = App.persist.workoutLog || [];

    if (log.length === 0) {
      container.innerHTML = `<div class="settings-empty" style="padding:32px 18px;text-align:center;color:var(--text-dim)">
        Журнал пуст — завершите тренировку, чтобы увидеть записи</div>`;
      return;
    }

    /* Группируем по дате */
    const grouped = {};
    log.forEach(entry => {
      if (!grouped[entry.date]) grouped[entry.date] = [];
      grouped[entry.date].push(entry);
    });

    /* Генерируем последние 30 дней */
    const today = new Date();
    let html = '';
    for (let d = 0; d < CONFIG.MAX_LOG_DAYS; d++) {
      const dt = new Date(today);
      dt.setDate(dt.getDate() - d);
      const dateStr = dt.toISOString().slice(0, 10);
      const dayName = dt.toLocaleDateString('ru-RU', { weekday: 'short', day: 'numeric', month: 'short' });

      if (grouped[dateStr]) {
        grouped[dateStr].forEach(entry => {
          const totalVol = entry.exercises.reduce((sum, ex) =>
            sum + ex.sets.reduce((s2, s) => s2 + (s.weight || 0) * (s.reps || 0), 0), 0);

          html += `<div class="log-day log-day--active">
            <div class="log-day-header">
              <span class="log-date">${dayName}</span>
              <span class="log-day-tag">${getWorkoutTitle(entry.day)}</span>
              ${totalVol > 0 ? `<span class="log-volume">${totalVol.toLocaleString('ru')} кг</span>` : ''}
            </div>
            <div class="log-exercises">`;
          entry.exercises.forEach(ex => {
            const setsStr = ex.sets
              .filter(s => s.weight > 0 || s.reps > 0)
              .map(s => `${s.weight}×${s.reps}`)
              .join(', ');
            const exLabel = ex.name || ex.muscle;
            html += `<div class="log-exercise">
              <span class="log-ex-muscle">${exLabel}</span>
              ${setsStr ? `<span class="log-ex-sets">${setsStr}</span>` : ''}
            </div>`;
          });
          html += `</div></div>`;
        });
      } else {
        html += `<div class="log-day log-day--rest">
          <span class="log-date">${dayName}</span>
          <span class="log-rest-label">отдых</span>
        </div>`;
      }
    }

    container.innerHTML = html;
  },

  /* ══════════════════════════════════════
     renderCatalog — Каталог упражнений
     ══════════════════════════════════════

     Собирает все уникальные упражнения из exerciseVariations (дедупликация
     по полю img), группирует по префиксу slug и рендерит список с
     миниатюрами 16:9, названием и тегами оборудования.
  */
  renderCatalog() {
    const container = document.getElementById('catalog-content');

    /* Порядок групп и их русские названия */
    const GROUPS = [
      { prefix: 'chest',    label: 'Грудь' },
      { prefix: 'back',     label: 'Спина' },
      { prefix: 'shoulder', label: 'Плечи' },
      { prefix: 'delt',     label: 'Дельты' },
      { prefix: 'trap',     label: 'Трапеция' },
      { prefix: 'bi',       label: 'Бицепс' },
      { prefix: 'tri',      label: 'Трицепс' },
      { prefix: 'legs',     label: 'Ноги' },
      { prefix: 'calf',     label: 'Икры' },
    ];

    /* Дедупликация: один img-slug = одна запись.
       Сохраняем индекс варианта (_idx) для расчёта приоритета. */
    const seen = new Set();
    const allEx = [];
    Object.values(exerciseVariations).forEach(variants => {
      variants.forEach((v, i) => {
        if (!seen.has(v.img)) {
          seen.add(v.img);
          allEx.push({ ...v, _idx: i });
        }
      });
    });

    /* Генерируем HTML по группам */
    let html = '';
    GROUPS.forEach(({ prefix, label }) => {
      const exercises = allEx.filter(v => v.img.startsWith(prefix + '-'));
      if (!exercises.length) return;

      const items = exercises.map(v => {
        const stars = varPriority(v._idx);
        return `
        <div class="catalog-item" data-action="open-catalog-detail" data-img="${v.img}">
          <div class="catalog-thumb">
            <img data-img="${v.img}" alt="${v.name}" data-fallback="exercise">
            ${App.heatImgBarHTML(v.img)}
          </div>
          <div class="catalog-info">
            <div class="catalog-name">${v.name}</div>
            <div class="catalog-item-stars">${'★'.repeat(stars)}${'☆'.repeat(5 - stars)}</div>
            <div class="catalog-tags">${v.tags.join(' · ')}</div>
          </div>
        </div>`;
      }).join('');

      html += `<div class="catalog-group">
        <div class="catalog-group-title">${label}</div>
        ${items}
      </div>`;
    });

    container.innerHTML = html;

    /* Загружаем изображения через ImgLoader */
    container.querySelectorAll('.catalog-thumb img[data-img]').forEach(img => {
      ImgLoader.setSrc(img, `assets/img/exercises/${img.dataset.img}.png`, img.alt);
    });
  },

  /* ── Открыть детальную карточку упражнения из каталога ── */
  openCatalogDetail(imgSlug) {
    /* 1. Найти вариант по img-slug (сохраняем индекс для приоритета) */
    var variant = null, varKey = null, varIdx = 0;
    for (var key in exerciseVariations) {
      var vars = exerciseVariations[key];
      for (var i = 0; i < vars.length; i++) {
        if (vars[i].img === imgSlug) { variant = vars[i]; varKey = key; varIdx = i; break; }
      }
      if (variant) break;
    }
    if (!variant) return;

    /* 2. Извлечь метаданные из workoutSchedule */
    var parts = varKey.split('-');
    var day = parts[0];
    var id = parseInt(parts[1]);
    var schedule = workoutSchedule[day];
    var ex = schedule ? schedule.exercises.filter(function(e) { return e.id === id; })[0] : null;

    /* 3. Заполнить элементы экрана */
    document.getElementById('cd-type-chip').textContent = ex ? ex.type.toUpperCase() : '—';
    document.getElementById('cd-muscle-chip').textContent = ex ? ex.muscle : '—';
    document.getElementById('cd-title').textContent = variant.name;
    document.getElementById('cd-muscle').textContent = ex ? ex.muscle : '';
    document.getElementById('cd-priority').innerHTML = varPriorityHTML(varIdx);
    document.getElementById('cd-equip').innerHTML =
      variant.tags.map(function(t) { return '<span class="vd-equip-tag">' + t + '</span>'; }).join('');
    document.getElementById('cd-muscles').textContent = variant.muscles || '—';
    document.getElementById('cd-desc').textContent = variant.desc || '—';

    /* 4. Загрузить картинку + тепловой бар */
    var img = document.querySelector('#illust-catalog-detail img');
    ImgLoader.setSrc(img, 'assets/img/exercises/' + variant.img + '.png', variant.name);
    var catalogIllust = document.getElementById('illust-catalog-detail');
    if (catalogIllust) {
      var existBar = catalogIllust.querySelector('.heat-img-bar');
      if (existBar) existBar.remove();
      catalogIllust.insertAdjacentHTML('beforeend', App.heatImgBarHTML(variant.img));
    }

    /* 5. Показать экран */
    UI.showScreen('screen-catalog-detail');
  }
};


/* ===[SECTION:WORKOUT]=== Слоты, зоны, подходы, таймер, каталог ═══════════
   WORKOUT — Логика тренировочного процесса
   ─────────────────────────────────────────
   Отвечает за:
   • Построение слотов (buildSlots)
   • Запуск тренировки (start)
   • Рендер трёх зон (render): ДЕЛАЙ СЕЙЧАС / ПРОВЕРЬ / ВЫПОЛНЕНО
   • Пометка слота занятым (markSlotBusy)
   • Возврат освободившегося варианта (reclaimBusyVariant)
   • Отклонение занятого варианта (dismissBusyVariant)
   • Открытие варианта + подходов (openVariation)
   • Обработка нажатия подхода (tapSet)
   • Таймер отдыха (startRestTimer / stopRestTimer)
   • Завершение упражнения (completeExercise)
   • Финальное завершение дня (finish)
   • Выход без завершения (goHome)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Приоритет варианта по его позиции в массиве (0 = лучший) */
function varPriority(varIdx) {
  if (varIdx <= 1) return 5;
  if (varIdx <= 3) return 4;
  if (varIdx <= 5) return 3;
  return 2;
}

/* Описание уровня приоритета (для детальных экранов) */
const PRIORITY_LABEL = {
  5: 'Классическое оборудование — высший приоритет',
  4: 'Гантели или тросовый блок',
  3: 'Тренажёр или TRX',
  2: 'Минимальное снаряжение',
};

/* Возвращает HTML строку со звёздами и пояснением (для detail-экранов) */
function varPriorityHTML(varIdx) {
  const n = varPriority(varIdx);
  return `<span class="priority-stars">${'★'.repeat(n)}${'☆'.repeat(5 - n)}</span>`
    + `<span class="priority-label">${PRIORITY_LABEL[n] || ''}</span>`;
}

/**
 * Вычисляет score варианта для ранжирования при генерации.
 *
 * Формула:  priority×8 + liked×4 − heat×(1.5 − priority×0.2) + random(0…6)
 *
 * • priority×8      — звёзды = главный фактор (16–40)
 * • liked +4        — бонус за лайк
 * • heat penalty    — штраф за частое использование, уменьшенный для базовых:
 *     5★ heat=10 → штраф 5  |  3★ heat=10 → штраф 9  |  1★ heat=10 → штраф 13
 * • random(0…6)     — jitter для ротации (может поменять соседей местами)
 *
 * @param {number} varIdx  — индекс варианта (0–6)
 * @param {string} varKey  — ключ слота ("Д1-1")
 * @param {string} imgSlug — img поле варианта (для получения heat)
 * @returns {number} — score (выше = лучше)
 */
function varScore(varIdx, varKey, imgSlug) {
  const p    = varPriority(varIdx);
  const liked = App.isLiked(varKey, varIdx) ? CONFIG.SCORE_LIKED_BONUS : 0;
  const heat  = App.getHeat(imgSlug);
  const heatCoeff = 1.5 - p * 0.2;   // 5★→0.5, 4★→0.7, 3★→0.9, 2★→1.1
  const penalty   = heat * heatCoeff;
  const jitter    = Math.random() * CONFIG.SCORE_JITTER_MAX;
  return p * CONFIG.SCORE_PRIORITY_W + liked - penalty + jitter;
}

const Workout = {

  /**
   * Строит массив слотов для тренировочного дня.
   * Каждый слот — одно упражнение с очередью вариантов, ранжированных
   * по score-формуле (звёзды + лайк − heat-штраф + случайность).
   *
   * @param {string} day — тренировочный день ("Д1", "Д2", "Д3", "Д4")
   * @returns {Array} — массив слотов
   */
  buildSlots(day) {
    return workoutSchedule[day].exercises.map(ex => {
      const varKey = day + '-' + ex.id;
      const vars = exerciseVariations[varKey] || [];
      return {
        id: ex.id, type: ex.type, muscle: ex.muscle, movement: ex.movement,
        varKey,             // ключ в exerciseVariations — используется вместо currentDay+id
        varQueue: vars
          .map((_, i) => i)
          .filter(i => !App.isBanned(varKey, i))
          .sort((a, b) => {
            const sa = varScore(a, varKey, vars[a].img);
            const sb = varScore(b, varKey, vars[b].img);
            return sb - sa;  // выше score → раньше в очереди
          }),
        busy: [],           // [{idx}] — варианты, отмеченные "занято" → зона ПРОВЕРЬ
        done: false,        // слот выполнен
        doneVarIdx: null,   // какой вариант был выбран
      };
    });
  },

  /**
   * Строит 6 слотов для экстра-тренировки.
   * Выбирает из EXTRA_POOL упражнения с наименьшим heat (+ jitter для ротации).
   * Пресс всегда "холодный", поэтому попадает регулярно.
   */
  buildIsolationExtraSlots() {
    /* Пресс всегда включается (3 слота), остальные 3 — лучшая изоляция по score */
    const absPool = EXTRA_POOL.filter(ex => ex.type === 'ПРЕСС');
    const isoPool = EXTRA_POOL.filter(ex => ex.type !== 'ПРЕСС');

    const isoScored = isoPool.map(ex => {
      const vars = exerciseVariations[ex.key] || [];
      const available = vars.map((_, i) => i).filter(i => !App.isBanned(ex.key, i));
      if (!available.length) return { ex, bestScore: -999 };
      const bestScore = Math.max(...available.map(i => varScore(i, ex.key, vars[i].img)));
      return { ex, bestScore };
    }).sort((a, b) => b.bestScore - a.bestScore);

    const isoCount = CONFIG.SLOTS_PER_DAY - absPool.length;  // 3
    const selected = [...absPool, ...isoScored.slice(0, isoCount).map(s => s.ex)];

    return selected.map((ex, idx) => {
      const vars = exerciseVariations[ex.key] || [];
      const available = vars.map((_, i) => i).filter(i => !App.isBanned(ex.key, i));
      return {
        id: idx + 1,
        type: ex.type,
        muscle: ex.muscle,
        movement: ex.movement,
        varKey: ex.key,
        varQueue: available.sort((a, b) =>
          varScore(b, ex.key, vars[b].img) - varScore(a, ex.key, vars[a].img)
        ),
        busy: [],
        done: false,
        doneVarIdx: null,
      };
    });
  },

  buildFullBodySlots() {
    return FULL_BODY_TEMPLATE.map(ex => {
      const vars = exerciseVariations[ex.varKey] || [];
      const available = vars.map((_, i) => i).filter(i => !App.isBanned(ex.varKey, i));
      return {
        id: ex.id,
        type: ex.type,
        muscle: ex.muscle,
        movement: ex.movement,
        varKey: ex.varKey,
        varQueue: available.sort((a, b) =>
          varScore(b, ex.varKey, vars[b].img) - varScore(a, ex.varKey, vars[a].img)
        ),
        busy: [],
        done: false,
        doneVarIdx: null,
      };
    });
  },

  /**
   * Запускает тренировку для выбранного дня.
   * Если есть сохранённые слоты — восстанавливает из persist.
   * Иначе — строит новые слоты через buildSlots().
   *
   * @param {string} day — тренировочный день ("Д1", "Д2", "Д3", "Д4")
   */
  start(day) {
    const s = App.state;
    s.currentDay = day;
    s.currentSlotIdx = null;
    const saved = App.persist.progress[day];
    s.slots = (saved && saved.slots) ? saved.slots : this.buildSlots(day);
    document.getElementById('m-day-label').textContent = getWorkoutDisplayName(day);
    document.getElementById('muscles-hint').textContent = dayDescriptions[day] || '';
    App.updateBattery();
    this.renderMuscles();
    UI.showScreen('screen-muscles');
  },

  /**
   * Запускает экстра-тренировку (Э1, Э2, Э3).
   * Пропускает screen-muscles, идёт сразу в screen-workout.
   * @param {string} extraDay — "Э1" | "Э2" | "Э3"
   */
  startExtra(extraDay) {
    const s = App.state;
    s.currentDay = extraDay;
    s.currentSlotIdx = null;
    const saved = App.persist.progress[extraDay];
    const mode = EXTRA_WORKOUTS[extraDay] ? EXTRA_WORKOUTS[extraDay].mode : 'isolation';
    s.slots = (saved && saved.slots)
      ? saved.slots
      : (mode === 'fullbody' ? this.buildFullBodySlots() : this.buildIsolationExtraSlots());
    document.getElementById('m-day-label').textContent = getWorkoutTitle(extraDay);
    document.getElementById('muscles-hint').textContent = EXTRA_WORKOUTS[extraDay]
      ? EXTRA_WORKOUTS[extraDay].desc
      : 'изоляция + пресс';
    App.updateBattery();
    this.renderMuscles();
    UI.showScreen('screen-muscles');
  },

  /**
   * Рендерит экран упражнения для одного слота (screen-workout).
   * Показывает:
   *   ДЕЛАЙ СЕЙЧАС — лучший доступный вариант (если есть varQueue)
   *   ПРОВЕРЬ      — варианты, отмеченные "занято" (можно вернуть)
   *   ВЫПОЛНЕНО    — если слот завершён
   */
  /**
   * Строит DOM-элемент карточки упражнения для зон ДЕЛАЙ СЕЙЧАС / ПРОВЕРЬ.
   *
   * @param {Object} opts
   * @param {string} opts.zone        — 'now' | 'check'
   * @param {Object} opts.slot        — слот (из App.state.slots)
   * @param {number} opts.slotIdx     — индекс слота
   * @param {number} opts.varIdx      — индекс варианта
   * @param {Object} opts.variant     — объект варианта из exerciseVariations
   * @param {number} [opts.totalVars] — общее кол-во вариантов (для now-зоны)
   * @param {boolean}[opts.isAlt]     — это альтернатива (для now-зоны)
   * @returns {HTMLElement} — готовая карточка (img уже подставлен через ImgLoader)
   */
  _renderZoneCard({ zone, slot, slotIdx, varIdx, variant, totalVars, isAlt }) {
    const card = document.createElement('div');

    if (zone === 'now') {
      const stars = varPriority(varIdx);
      const varNum = varIdx + 1;
      card.className = 'now-card' + (isAlt ? ' now-card--alt' : '');
      card.dataset.action = 'slot-start';
      card.dataset.slot = slotIdx;
      card.dataset.varidx = varIdx;
      card.innerHTML = `
        <div class="now-card-header">
          <span class="exercise-type-badge">${slot.type}</span>
          ${isAlt ? '<span class="now-alt-badge">АЛЬТЕРНАТИВА</span>' : ''}
          <span class="now-var-counter">вариант ${varNum}/${totalVars}</span>
          <span class="now-stars">${'★'.repeat(stars)}${'☆'.repeat(5 - stars)}</span>
        </div>
        <div class="now-card-body">
          <div class="now-card-text">
            <div class="now-movement">${slot.movement}</div>
            <div class="now-variant-name">${variant.name}</div>
            <div class="var-equipment-row">${variant.tags.map(t => `<span class="var-tag">${t}</span>`).join('')}</div>
          </div>
          <div class="now-card-thumb">
            <img src="data:," alt="${variant.name}" data-fallback="exercise">
            ${App.heatImgBarHTML(variant.img)}
          </div>
        </div>
        <div class="now-actions">
          <button class="btn btn-ghost" data-action="slot-busy" data-slot="${slotIdx}">⊘ Занято</button>
        </div>`;
    } else {
      /* zone === 'check' */
      card.className = 'check-card';
      card.innerHTML = `
        <div class="check-card-header">
          <span class="exercise-type-badge">${slot.type}</span>
          <span class="check-busy-label">занято</span>
        </div>
        <div class="now-card-body">
          <div class="now-card-text">
            <div class="now-movement">${slot.movement}</div>
            <div class="now-variant-name">${variant.name}</div>
            <div class="var-equipment-row">${variant.tags.map(t => `<span class="var-tag">${t}</span>`).join('')}</div>
          </div>
          <div class="now-card-thumb now-card-thumb-dim">
            <img src="data:," alt="${variant.name}" data-fallback="exercise">
            ${App.heatImgBarHTML(variant.img)}
          </div>
        </div>
        <div class="now-actions">
          <button class="btn btn-primary" data-action="check-start" data-slot="${slotIdx}" data-varidx="${varIdx}">→ Освободилось</button>
          <button class="btn btn-ghost" data-action="check-dismiss" data-slot="${slotIdx}" data-varidx="${varIdx}">✕ Пропустить</button>
        </div>`;
    }

    ImgLoader.setSrc(card.querySelector('.now-card-thumb img'),
      `assets/img/exercises/${variant.img}.png`, variant.name);
    return card;
  },

  render() {
    const list = document.getElementById('exercise-list');
    list.innerHTML = '';
    const s = App.state;
    const slotIdx = s.currentSlotIdx;
    if (slotIdx === null || slotIdx === undefined) return;
    const sl = s.slots[slotIdx];
    if (!sl) return;

    /* ── Если слот выполнен — показываем done-row ── */
    if (sl.done) {
      const varKey = sl.varKey;
      const variant = sl.doneVarIdx !== null
        ? (exerciseVariations[varKey] || [])[sl.doneVarIdx] : null;
      const z3 = document.createElement('div');
      z3.className = 'workout-zone workout-zone-done';
      z3.innerHTML = '<div class="zone-label zone-label-dim">// Выполнено ✓</div>';
      const row = document.createElement('div');
      row.className = 'done-row';
      row.innerHTML = `<span class="done-check">✓</span>
        <span class="done-movement">${sl.movement}</span>
        ${variant ? `<span class="done-variant-name"> — ${variant.name}</span>` : ''}`;
      z3.appendChild(row);
      list.appendChild(z3);
      return;
    }

    /* ── Зона 1: ДЕЛАЙ СЕЙЧАС (если есть varQueue) ── */
    if (sl.varQueue.length > 0) {
      const varKey = sl.varKey;
      const totalVars = (exerciseVariations[varKey] || []).length;
      const topVarIdx = sl.varQueue[0];
      const variant = (exerciseVariations[varKey] || [])[topVarIdx];
      if (variant) {
        const isAlt = sl.busy.length > 0;
        const z1 = document.createElement('div');
        z1.className = 'workout-zone';
        z1.innerHTML = '<div class="zone-label">// Делай сейчас</div>';
        z1.appendChild(this._renderZoneCard({
          zone: 'now', slot: sl, slotIdx, varIdx: topVarIdx,
          variant, totalVars, isAlt
        }));

        /* ── Альтернативные варианты (остальные из varQueue) ── */
        if (sl.varQueue.length > 1) {
          const altSection = document.createElement('div');
          altSection.className = 'alt-variants-section';
          altSection.innerHTML = '<div class="alt-variants-label">// Другие варианты</div>';
          for (let qi = 1; qi < sl.varQueue.length; qi++) {
            const altIdx = sl.varQueue[qi];
            const altVar = (exerciseVariations[varKey] || [])[altIdx];
            if (!altVar) continue;
            const altCard = document.createElement('div');
            altCard.className = 'alt-variant-card';
            altCard.dataset.action = 'slot-start';
            altCard.dataset.slot = slotIdx;
            altCard.dataset.varidx = altIdx;
            altCard.innerHTML = `
              <img class="alt-variant-thumb" src="data:," alt="${altVar.name}" data-fallback="exercise">
              <div class="alt-variant-info">
                <div class="alt-variant-name">${altVar.name}</div>
                <div class="alt-variant-tags">${altVar.tags.join(' · ')}</div>
              </div>
              <span class="alt-variant-arrow">›</span>`;
            altSection.appendChild(altCard);
            ImgLoader.setSrc(altCard.querySelector('.alt-variant-thumb'),
              `assets/img/exercises/${altVar.img}.png`, altVar.name);
          }
          z1.appendChild(altSection);
        }

        list.appendChild(z1);
      }
    }

    /* ── Зона 2: ПРОВЕРЬ (busy items для этого слота) ── */
    if (sl.busy.length > 0) {
      const z2 = document.createElement('div');
      z2.className = 'workout-zone workout-zone-check';
      z2.innerHTML = '<div class="zone-label zone-label-dim">// Проверь — может освободилось</div>';
      sl.busy.forEach(b => {
        const varKey = sl.varKey;
        const variant = (exerciseVariations[varKey] || [])[b.idx];
        if (!variant) return;
        z2.appendChild(this._renderZoneCard({
          zone: 'check', slot: sl, slotIdx, varIdx: b.idx, variant
        }));
      });
      list.appendChild(z2);
    }
  },

  /**
   * Открывает экран деталей упражнения (screen-exercise) — дополнительный обзор.
   * В основном флоу не используется: слот запускается напрямую через slot-start.
   * Заполняет заголовки, бэйджи и список вариантов.
   *
   * @param {number} slotIdx — индекс слота в App.state.slots
   */
  openExercise(slotIdx) {
    const s = App.state;
    const slot = s.slots[slotIdx];
    if (!slot) return;
    s.currentSlotIdx = slotIdx;

    const varKey = slot.varKey;
    const vars = exerciseVariations[varKey] || [];

    /* Заполняем UI-элементы */
    document.getElementById('ex-header-label').textContent = getWorkoutTitle(s.currentDay) + ' · #' + String(slot.id).padStart(2, '0');
    document.getElementById('det-type').textContent = slot.type.toUpperCase();
    document.getElementById('det-index').textContent = '#' + String(slot.id).padStart(2, '0');
    document.getElementById('det-movement').textContent = slot.movement;
    document.getElementById('det-muscle').textContent = slot.muscle;

    /* ── Обновляем иллюстрацию мышечной группы ── */
    const muscleKey = ImgLoader.getMuscleKey(slot.muscle);
    const muscleImg = document.querySelector('#illust-muscle img');
    if (muscleImg) {
      ImgLoader.setSrc(muscleImg, `assets/img/muscles/${muscleKey}.png`, slot.muscle);
    }

    /* ── Рендерим список вариантов ── */
    const varsEl = document.getElementById('det-variations');
    if (vars.length) {
      varsEl.innerHTML = vars.map((v, i) => {
        const isBanned = App.isBanned(varKey, i);
        const isLiked  = App.isLiked(varKey, i);
        const stars    = varPriority(i);
        const heat     = App.getHeat(v.img);                // 0–10
        const heatPct  = heat * (100 / CONFIG.MAX_HEAT);     // 0–100%
        return `
        <div class="variation-card${isBanned ? ' variation-card--banned' : ''}"
             ${isBanned ? '' : `data-action="open-variation" data-varkey="${varKey}" data-varidx="${i}"`}
             role="button" tabindex="0" aria-label="${v.name}">
          ${isBanned ? '' : '<span class="var-arrow">›</span>'}
          <div class="variation-card-header">
            <span class="var-num">${String(i + 1).padStart(2, '0')}</span>
            <span class="var-name">${v.name}</span>
            <span class="var-stars-sm">${'★'.repeat(stars)}${'☆'.repeat(5 - stars)}</span>
          </div>
          <div class="var-equipment-row">${v.tags.map(t => `<span class="var-tag">${t}</span>`).join('')}</div>
          <div class="var-card-thumb">
            <img src="data:," alt="${v.name}" data-fallback="exercise">
            ${App.heatImgBarHTML(v.img)}
          </div>
          <div class="var-action-row">
            <button class="var-btn var-btn-like${isLiked ? ' active' : ''}"
                    data-action="like-variant" data-varkey="${varKey}" data-varidx="${i}"
                    title="Лайк">♥</button>
            <button class="var-btn var-btn-ban${isBanned ? ' active' : ''}"
                    data-action="ban-variant" data-varkey="${varKey}" data-varidx="${i}"
                    title="${isBanned ? 'Разблокировать' : 'Заблокировать'}">⊘</button>
          </div>
        </div>`;
      }).join('');
      /* Подгружаем картинки через ImgLoader (обход CSP и lazy-load) */
      varsEl.querySelectorAll('.var-card-thumb img').forEach((img, i) => {
        if (vars[i]) ImgLoader.setSrc(img, `assets/img/exercises/${vars[i].img}.png`, vars[i].name);
      });
    } else {
      varsEl.innerHTML = '<div style="color:var(--text-dim);font-size:11px">—</div>';
    }
    UI.showScreen('screen-exercise');
  },

  /**
   * Открывает экран варианта (screen-variation).
   * Заполняет данные варианта, инициализирует подходы,
   * подтягивает данные из прошлой сессии.
   *
   * @param {string} varKey — ключ вариантов ("Д1-1")
   * @param {number} varIdx — индекс выбранного варианта (0–6)
   */
  openVariation(varKey, varIdx) {
    const s = App.state;
    const v = exerciseVariations[varKey][varIdx];
    const slot = s.currentSlotIdx !== null ? s.slots[s.currentSlotIdx] : null;
    s.currentVarKey = varKey;
    s.currentVarIdx = varIdx;

    const setsCount = App.persist.settings.setsCount;

    /* ── Проверяем незавершённый прогресс для этого варианта ──
       Если пользователь вернулся назад, не закончив подходы,
       восстанавливаем состояние из App.persist.progress[day].inProgress */
    const ip = (App.persist.progress[s.currentDay] || {}).inProgress;
    const hasPartial = ip && ip.varKey === varKey && ip.varIdx === varIdx && ip.setsCompleted > 0;

    if (hasPartial) {
      /* Восстанавливаем данные незавершённой сессии */
      s.setsCompleted = ip.setsCompleted;
      s.setData = ip.setData.map(d => ({...d}));
    } else {
      s.setsCompleted = 0;
      /* Инициализируем массив данных подходов нулями */
      s.setData = Array.from({ length: setsCount }, () => ({ weight: 0, reps: 0 }));
      /* ── Авто-заполнение из прошлой сессии ──
         Ищем последнюю тренировку того же дня в истории.
         Если нашли — копируем weight/reps из соответствующего упражнения. */
      const lastSession = App.persist.history.slice().reverse().find(h => h.day === s.currentDay);
      if (lastSession && slot) {
        const lastEx = lastSession.exercises.find(e => e.id === slot.id);
        if (lastEx && lastEx.sets) {
          lastEx.sets.forEach((set, i) => {
            if (i < s.setData.length) {
              s.setData[i] = { weight: set.weight || 0, reps: set.reps || 0 };
            }
          });
        }
      }
    }

    /* Заполняем UI-элементы */
    const slotId = slot ? slot.id : '';
    const slotType = slot ? slot.type : '';
    const slotMuscle = slot ? slot.muscle : '';
    document.getElementById('vd-header-label').textContent = getWorkoutTitle(s.currentDay) + (slotId ? ' · #' + String(slotId).padStart(2, '0') : '');
    document.getElementById('vd-type-chip').textContent = slotType.toUpperCase();
    document.getElementById('vd-id-chip').textContent = slotId ? '#' + String(slotId).padStart(2, '0') : '';
    document.getElementById('vd-title').textContent = v.name;
    document.getElementById('vd-muscle').textContent = slotMuscle;
    document.getElementById('vd-priority').innerHTML = varPriorityHTML(varIdx);

    /* ── Кнопки лайк / бан для текущего варианта ── */
    const likeBtn = document.getElementById('vd-like-btn');
    const banBtn  = document.getElementById('vd-ban-btn');
    likeBtn.classList.toggle('active', App.isLiked(varKey, varIdx));
    banBtn.classList.toggle('active',  App.isBanned(varKey, varIdx));
    banBtn.textContent = App.isBanned(varKey, varIdx) ? '⊘ Разблокировать' : '⊘ Забанить';

    document.getElementById('vd-desc').textContent = v.desc || '—';
    document.getElementById('vd-equip').innerHTML = v.tags.map(t => `<span class="vd-equip-tag">${t}</span>`).join('');
    /* ── Обновляем иллюстрацию техники ── */
    /* Имя файла берётся из поля img варианта упражнения.
       Формат: {muscle}-{movement}-{equipment}.png
       Пример: chest-flat-barbell.png, legs-squat-back.png */
    const exImg = document.querySelector('#illust-exercise img');
    if (exImg) {
      ImgLoader.setSrc(exImg, `assets/img/exercises/${v.img}.png`, v.name);
    }
    /* Тепловой оверлей на большой иллюстрации — обновляем или создаём */
    const illustEl = document.getElementById('illust-exercise');
    if (illustEl) {
      const existing = illustEl.querySelector('.heat-img-bar');
      if (existing) existing.remove();
      illustEl.insertAdjacentHTML('beforeend', App.heatImgBarHTML(v.img));
    }

    /* ── Рендерим кнопки подходов ── */
    const setsRow = document.getElementById('sets-row');
    setsRow.innerHTML = '';
    for (let i = 0; i < setsCount; i++) {
      setsRow.innerHTML += `
        <button class="set-btn" id="set-${i}" data-action="tap-set" data-set="${i}" aria-label="Подход ${i + 1}">
          <span class="set-bolt">⚡</span><span class="set-num">Подход ${i + 1}</span>
        </button>`;
    }

    /* ── Восстанавливаем визуальный статус выполненных подходов ── */
    if (hasPartial) {
      ip.doneSets.forEach(i => {
        const b = document.getElementById('set-' + i);
        if (b) b.classList.add('done');
      });
    }

    /* ── Рендерим поля ввода веса/повторений ──
       Показываем данные следующего невыполненного подхода */
    const nextSetIdx = hasPartial ? Math.min(s.setsCompleted, setsCount - 1) : 0;
    const inputsEl = document.getElementById('set-inputs');
    inputsEl.innerHTML = `
      <div class="set-input-group">
        <label for="input-weight">Вес (кг)</label>
        <input class="set-input" type="number" id="input-weight" inputmode="decimal" step="0.5" min="0" placeholder="0" value="${s.setData[nextSetIdx].weight || ''}">
      </div>
      <div class="set-input-group">
        <label for="input-reps">Повторения</label>
        <input class="set-input" type="number" id="input-reps" inputmode="numeric" min="0" placeholder="0" value="${s.setData[nextSetIdx].reps || ''}">
      </div>`;

    const hintEl = document.getElementById('sets-hint');
    if (hasPartial) {
      const remaining = setsCount - s.setsCompleted;
      hintEl.textContent = `Подход ${s.setsCompleted} ✓ — осталось ${remaining}`;
    } else {
      hintEl.textContent = `Выполни все ${setsCount} подхода`;
    }

    /* Показываем кнопку «Выполнено» (для случаев когда забыл нажимать подходы) */
    const forceBtn = document.getElementById('btn-force-complete');
    if (forceBtn) forceBtn.style.display = 'block';

    UI.showScreen('screen-variation');
  },

  /**
   * Обрабатывает нажатие на кнопку подхода.
   * 1. Считывает вес/повторения из input'ов
   * 2. Сохраняет в setData
   * 3. Помечает кнопку как .done
   * 4. Если есть ещё подходы — запускает таймер отдыха
   * 5. Если все подходы — автозавершение через 750ms
   *
   * @param {number} setIdx — индекс подхода (0, 1, 2, ...)
   */
  tapSet(setIdx) {
    const s = App.state;
    const btn = document.getElementById('set-' + setIdx);
    if (btn.classList.contains('done')) return;  /* Уже выполнен — игнорируем */

    /* Считываем текущие значения из полей ввода */
    const weight = parseFloat(document.getElementById('input-weight').value) || 0;
    const reps = parseInt(document.getElementById('input-reps').value) || 0;
    s.setData[setIdx] = { weight, reps };

    btn.classList.add('done');
    s.setsCompleted++;
    UI.haptic();

    const setsCount = App.persist.settings.setsCount;
    const remaining = setsCount - s.setsCompleted;
    const hint = document.getElementById('sets-hint');

    if (remaining > 0) {
      /* Сохраняем промежуточный прогресс: пользователь может вернуться назад
         и прогресс должен восстановиться при повторном открытии варианта */
      const day = s.currentDay;
      if (!App.persist.progress[day]) App.persist.progress[day] = {};
      App.persist.progress[day].inProgress = {
        varKey: s.currentVarKey,
        varIdx: s.currentVarIdx,
        setsCompleted: s.setsCompleted,
        setData: s.setData.map(d => ({...d})),
        doneSets: Array.from({length: setsCount}, (_, i) => i).filter(i => {
          const b = document.getElementById('set-' + i);
          return b && b.classList.contains('done');
        })
      };
      App.save();

      hint.textContent = `Подход ${s.setsCompleted} ✓ — осталось ${remaining}`;
      /* Подставляем значения следующего подхода (или текущие) */
      if (setIdx + 1 < setsCount) {
        const nextWeight = s.setData[setIdx + 1].weight || weight;
        const nextReps = s.setData[setIdx + 1].reps || reps;
        document.getElementById('input-weight').value = nextWeight || '';
        document.getElementById('input-reps').value = nextReps || '';
      }
      /* Запускаем таймер отдыха */
      this.startRestTimer();
    } else {
      hint.textContent = 'Все подходы выполнены ⚡';
      /* Автозавершение через 750ms */
      setTimeout(() => this.completeExercise(), CONFIG.AUTO_COMPLETE_MS);
    }
  },

  /**
   * Принудительное завершение упражнения — для случаев когда забыл нажимать подходы.
   * Заполняет все невыполненные подходы текущими значениями weight/reps.
   */
  forceComplete() {
    const s = App.state;
    const setsCount = App.persist.settings.setsCount;
    const weight = parseFloat(document.getElementById('input-weight').value) || 0;
    const reps = parseInt(document.getElementById('input-reps').value) || 0;

    for (let i = 0; i < setsCount; i++) {
      const btn = document.getElementById('set-' + i);
      if (btn && !btn.classList.contains('done')) {
        s.setData[i] = { weight, reps };
        btn.classList.add('done');
        s.setsCompleted++;
      }
    }
    this.stopRestTimer();
    this.completeExercise();
  },

  /* ════════════════════════════════════
     REST TIMER — Таймер отдыха
     ════════════════════════════════════ */

  /**
   * Запускает таймер отдыха между подходами.
   * Показывает оверлей с SVG-кольцом и обратным отсчётом.
   * По истечении — скрывает оверлей + haptic.
   */
  startRestTimer() {
    const slot = App.state.slots[App.state.currentSlotIdx];
    const isCompound = slot && COMPOUND_TYPES.has(slot.type);
    const seconds = isCompound
      ? App.persist.settings.restCompound
      : App.persist.settings.restIsolation;
    const overlay = document.getElementById('rest-timer');
    const textEl = document.getElementById('timer-text');
    const ringEl = document.getElementById('timer-ring-fg');
    const circumference = 2 * Math.PI * CONFIG.TIMER_RADIUS;  /* C = 2πr ≈ 439.82 */

    overlay.classList.add('visible');
    let remaining = seconds;
    textEl.textContent = remaining;
    ringEl.style.strokeDasharray = circumference;
    ringEl.style.strokeDashoffset = '0';

    /* Очищаем предыдущий таймер (если был) */
    clearInterval(App.restTimerId);

    /* Обратный отсчёт: каждую секунду уменьшаем remaining */
    App.restTimerId = setInterval(() => {
      remaining--;
      textEl.textContent = remaining;
      /* offset = circumference × (пройденная доля) */
      const offset = circumference * (1 - remaining / seconds);
      ringEl.style.strokeDashoffset = offset;

      if (remaining <= 0) {
        this.stopRestTimer();
        UI.haptic(CONFIG.HAPTIC_LONG);  /* Длинная вибрация по окончании */
      }
    }, 1000);
  },

  /**
   * Останавливает таймер отдыха (ручной пропуск или окончание).
   */
  stopRestTimer() {
    clearInterval(App.restTimerId);
    document.getElementById('rest-timer').classList.remove('visible');
  },

  /* ════════════════════════════════════
     Слот-действия: занято / завершено
     ════════════════════════════════════ */

  /**
   * Отмечает тренажёр как "занято":
   * Убирает текущий топ-вариант слота из очереди → в зону ПРОВЕРЬ.
   * Следующий вариант по приоритету автоматически становится активным.
   * @param {number} slotIdx — индекс слота
   */
  markSlotBusy(slotIdx) {
    const slot = App.state.slots[slotIdx];
    if (!slot || slot.varQueue.length === 0) return;
    const busyVarIdx = slot.varQueue.shift(); // снимаем топ-приоритетный вариант
    slot.busy.push({ idx: busyVarIdx });
    App.saveProgress();
    this.render();

    /* Визуальная обратная связь: подсвечиваем карточку с новым вариантом */
    const btn = document.querySelector(`[data-action="slot-start"][data-slot="${slotIdx}"]`);
    if (btn) {
      const card = btn.closest('.now-card');
      if (card) {
        card.classList.add('now-card--updated');
        setTimeout(() => card.classList.remove('now-card--updated'), CONFIG.BUSY_HIGHLIGHT_MS);
      }
    }

    /* Toast + навигация */
    if (slot.varQueue.length > 0) {
      UI.toast('Тренажёр занят → показан следующий вариант');
    } else {
      UI.toast('Все варианты заняты — проверь позже');
      /* Нет доступных вариантов → возвращаемся к группам мышц */
      this.renderMuscles();
      UI.showScreen('screen-muscles');
    }
    UI.haptic(CONFIG.HAPTIC_SHORT);
  },

  /**
   * Возвращает освободившийся вариант из зоны ПРОВЕРЬ в ДЕЛАЙ СЕЙЧАС
   * и сразу открывает экран выполнения.
   * @param {number} slotIdx — индекс слота
   * @param {number} varIdx — индекс варианта, который освободился
   */
  reclaimBusyVariant(slotIdx, varIdx) {
    const s = App.state;
    const slot = s.slots[slotIdx];
    slot.busy = slot.busy.filter(b => b.idx !== varIdx);
    slot.varQueue.unshift(varIdx); // возвращаем вперёд очереди
    s.currentSlotIdx = slotIdx;
    App.saveProgress();
    this.openVariation(slot.varKey, varIdx);
  },

  /**
   * Окончательно пропускает занятый вариант (убирает из ПРОВЕРЬ без возврата).
   * @param {number} slotIdx — индекс слота
   * @param {number} varIdx — индекс варианта, который пропускаем
   */
  dismissBusyVariant(slotIdx, varIdx) {
    const slot = App.state.slots[slotIdx];
    slot.busy = slot.busy.filter(b => b.idx !== varIdx);
    // не возвращаем в varQueue — вариант навсегда пропущен на сегодня
    App.saveProgress();
    /* Если слот полностью пуст (нет varQueue и нет busy) → вернуться к группам мышц */
    if (slot.varQueue.length === 0 && slot.busy.length === 0) {
      this.renderMuscles();
      UI.showScreen('screen-muscles');
    } else {
      this.render();
    }
  },

  /**
   * Завершает текущий слот упражнения:
   * 1. Помечает слот done = true
   * 2. Записывает данные подходов в progress.completedExercises
   * 3. Обновляет батарею
   * 4. Возвращает на screen-muscles
   */
  completeExercise() {
    const s = App.state;
    const slot = s.slots[s.currentSlotIdx];
    if (!slot) return;
    slot.done = true;
    slot.doneVarIdx = s.currentVarIdx;
    slot.busy = []; // снимаем все "занято" для этого слота

    /* Увеличиваем горячесть выбранного варианта */
    const _doneVar = (exerciseVariations[slot.varKey] || [])[s.currentVarIdx];
    if (_doneVar) App.addHeat(_doneVar.img);

    if (!App.persist.progress[s.currentDay]) {
      App.persist.progress[s.currentDay] = { completedExercises: [] };
    }
    const prog = App.persist.progress[s.currentDay];
    prog.slots = s.slots;
    if (!prog.completedExercises) prog.completedExercises = [];
    /* Сохраняем данные завершённого упражнения */
    const _varName = _doneVar ? _doneVar.name : '';
    const _exerciseData = {
      id: slot.id,
      name: _varName,
      movement: slot.movement,
      muscle: slot.muscle,
      type: slot.type,
      sets: [...s.setData]  /* Копия массива данных подходов */
    };
    prog.completedExercises.push(_exerciseData);

    /* Сразу записываем в журнал — не ждём finish() */
    App.logExercise(s.currentDay, _exerciseData);

    /* Очищаем промежуточный прогресс — упражнение полностью завершено */
    delete prog.inProgress;
    App.save();

    App.updateBattery();
    this.renderMuscles();
    UI.showScreen('screen-muscles');
    UI.haptic(CONFIG.HAPTIC_MEDIUM);
  },

  /**
   * Финальное завершение тренировки дня.
   * 1. Помечает день как done
   * 2. Формирует запись в history (дата, упражнения, объём)
   * 3. Ограничивает history 100 записями
   * 4. Очищает progress
   * 5. Возвращает на главный экран
   */
  finish() {
    const s = App.state;
    const isExtra = EXTRA_DAYS.includes(s.currentDay);
    App.persist.doneDays[s.currentDay] = true;

    /* Формируем запись истории */
    const prog = App.persist.progress[s.currentDay];
    const completedExercises = (prog && prog.completedExercises) || [];
    const totalVolume = completedExercises.reduce((sum, ex) =>
      sum + ex.sets.reduce((s2, set) => s2 + (set.weight || 0) * (set.reps || 0), 0), 0);
    const workoutName = isExtra
      ? ((EXTRA_WORKOUTS[s.currentDay] && EXTRA_WORKOUTS[s.currentDay].short) || getWorkoutTitle(s.currentDay))
      : (workoutSchedule[s.currentDay] ? workoutSchedule[s.currentDay].name : s.currentDay);

    App.persist.history.push({
      date: new Date().toISOString(),
      day: s.currentDay,
      name: workoutName,
      exercises: completedExercises,
      totalVolume
    });

    /* Ограничение: хранить не более CONFIG.MAX_HISTORY записей */
    if (App.persist.history.length > CONFIG.MAX_HISTORY) {
      App.persist.history = App.persist.history.slice(-CONFIG.MAX_HISTORY);
    }

    /* workoutLog уже обновлён в completeExercise() — поупражненно */

    App.clearProgress(s.currentDay);
    App.save();
    UI.renderHome();
    UI.showScreen('screen-home');
    UI.toast('Тренировка завершена! ⚡');
  },

  /**
   * Рендерит баннер завершения тренировки в указанный контейнер.
   * Используется и в renderMuscles(), и в render() для одного слота.
   * @param {HTMLElement} container — DOM-элемент, куда вставляется баннер
   */
  renderCompleteBanner(container) {
    const s = App.state;
    const completedExercises = (App.persist.progress[s.currentDay] || {}).completedExercises || [];
    const totalVolume = completedExercises.reduce((sum, ex) =>
      sum + ex.sets.reduce((s2, set) => s2 + (set.weight || 0) * (set.reps || 0), 0), 0);
    const b = document.createElement('div');
    b.className = 'complete-banner visible';
    b.innerHTML = `
      <object data="assets/img/ui/workout-complete.svg" type="image/svg+xml"
              width="88" height="143" aria-label="Тренировка завершена"
              style="display:block;margin:0 auto 20px;overflow:visible"></object>
      <div class="complete-title">БАТАРЕЯ<br>ЗАРЯЖЕНА</div>
      <div class="complete-sub">// 100% · все упражнения выполнены</div>
      ${totalVolume > 0 ? `<div class="complete-stats">Общий объём: <strong>${totalVolume.toLocaleString('ru')} кг</strong></div>` : ''}
      <button class="btn btn-full btn-big-primary" id="btn-finish-workout">Завершить тренировку</button>`;
    container.appendChild(b);
  },

  /**
   * Рендерит экран мышечных групп (screen-muscles).
   * 6 карточек — по одной на каждый слот тренировочного дня.
   * Каждая карточка показывает мышечную группу, тип движения и статус.
   */
  renderMuscles() {
    const list = document.getElementById('muscle-list');
    list.innerHTML = '';
    const s = App.state;
    if (!s.slots || !s.slots.length) return;

    App.updateBattery();

    /* Проверяем завершение */
    const pendingSlots = s.slots.filter(sl => !sl.done && sl.varQueue.length > 0);
    const busyItems = s.slots.filter(sl => !sl.done).flatMap(sl =>
      sl.busy.map(b => ({ slot: sl, varIdx: b.idx }))
    );

    if (pendingSlots.length === 0 && busyItems.length === 0) {
      this.renderCompleteBanner(list);
      return;
    }

    s.slots.forEach((sl, slotIdx) => {
      const card = document.createElement('div');
      let statusClass, statusText;

      if (sl.done) {
        statusClass = 'muscle-card--done';
        statusText = '✓';
      } else if (sl.varQueue.length === 0) {
        statusClass = 'muscle-card--busy';
        statusText = '⊘';
      } else {
        statusClass = 'muscle-card--pending';
        statusText = '→';
      }

      card.className = 'muscle-card ' + statusClass;
      if (!sl.done) {
        card.dataset.action = 'open-muscle';
        card.dataset.slot = slotIdx;
      }

      const muscleKey = ImgLoader.getMuscleKey(sl.muscle);
      card.innerHTML = `
        <img class="muscle-card-img" src="data:," alt="${sl.muscle}" data-fallback="muscle">
        <div class="muscle-card-info">
          <div class="muscle-card-type">${sl.type}</div>
          <div class="muscle-card-muscle">${sl.muscle}</div>
          <div class="muscle-card-movement">${sl.movement}</div>
        </div>
        <div class="muscle-card-status">${statusText}</div>`;

      list.appendChild(card);
      ImgLoader.setSrc(card.querySelector('.muscle-card-img'),
        `assets/img/muscles/${muscleKey}.png`, sl.muscle);
    });
  },

  /**
   * Открывает screen-workout для одного слота (мышечной группы).
   * @param {number} slotIdx — индекс слота в App.state.slots
   */
  openMuscle(slotIdx) {
    const s = App.state;
    s.currentSlotIdx = slotIdx;
    const slot = s.slots[slotIdx];
    if (!slot) return;
    document.getElementById('w-day-label').textContent =
      getWorkoutTitle(s.currentDay) + ' · ' + slot.muscle;
    document.getElementById('workout-hint').textContent = slot.movement;
    this.render();
    UI.showScreen('screen-workout');
  },

  /**
   * Выход с экрана тренировки на главную.
   * Сохраняет текущий прогресс для возобновления.
   */
  goHome() {
    App.saveProgress();
    UI.renderHome();
    UI.showScreen('screen-home');
  },

  /**
   * Перегенерирует слоты текущего дня (сброс + новая генерация).
   * Очищает сохранённый прогресс и строит слоты заново.
   */
  regenerate() {
    const day = App.state.currentDay;
    if (!day) return;
    App.clearProgress(day);
    App.state.slots = this.buildSlots(day);
    App.state.currentSlotIdx = null;
    App.updateBattery();
    this.renderMuscles();
    UI.toast('Тренировка перегенерирована');
    UI.haptic(CONFIG.HAPTIC_SHORT);
  }
};


/* ===[SECTION:EVENTS]=== Делегирование событий (data-action + byId) ══════
   ─────────────────────────────────────────

   DATA-ACTION REGISTRY (grep: data-action="):
   ┌─────────────────────────┬──────────────────────────────────────┬──────────────────┐
   │ action                  │ handler                              │ screen           │
   ├─────────────────────────┼──────────────────────────────────────┼──────────────────┤
   │ open-muscle             │ Workout.openMuscle(slot)             │ screen-muscles   │
   │ open-exercise           │ Workout.openExercise(index)          │ screen-workout   │
   │ slot-start              │ Workout.openVariation(varKey, varIdx)│ screen-workout   │
   │ slot-busy               │ Workout.markSlotBusy(slot)           │ screen-workout   │
   │ check-start             │ Workout.reclaimBusyVariant(s, v)     │ screen-workout   │
   │ check-dismiss           │ Workout.dismissBusyVariant(s, v)     │ screen-workout   │
   │ open-variation          │ Workout.openVariation(varKey, varIdx)│ screen-exercise  │
   │ like-variant            │ App.toggleLike(varKey, varIdx)       │ screen-exercise  │
   │ ban-variant             │ App.toggleBan(varKey, varIdx)        │ screen-exercise  │
   │ vd-like                 │ App.toggleLike (in-place toggle)     │ screen-variation │
   │ vd-ban                  │ App.toggleBan (in-place toggle)      │ screen-variation │
   │ unban-variant           │ delete bannedVariants[key]           │ screen-settings  │
   │ cal-day-tap             │ UI.showDayLog(date) / CTA click      │ screen-home      │
   │ open-catalog-detail     │ UI.openCatalogDetail(img)            │ screen-catalog   │
   │ tap-set                 │ Workout.tapSet(set)                  │ screen-variation │
   │ force-complete          │ Workout.forceComplete()              │ screen-variation │
   │ sets-minus / sets-plus  │ settings.setsCount ±1               │ screen-settings  │
   │ rest-compound-minus/+   │ settings.restCompound ±STEP         │ screen-settings  │
   │ rest-iso-minus/+        │ settings.restIsolation ±STEP        │ screen-settings  │
   └─────────────────────────┴──────────────────────────────────────┴──────────────────┘

   NAMED BUTTONS (getElementById → addEventListener):
   btn-go-home, btn-muscles-home, btn-regenerate, btn-exercise-back,
   btn-variation-back, btn-complete-exercise, btn-busy,
   btn-stats, btn-stats-back, btn-log, btn-log-back,
   btn-settings, btn-settings-back, btn-catalog, btn-catalog-back,
   btn-catalog-detail-back, btn-export, btn-import, btn-clear-cache,
   btn-reset-day, btn-day-log-close, day-log-popup (backdrop)

   Вместо inline onclick (onclick="func()") используется
   единый обработчик на #app. Все кликабельные элементы
   используют атрибут data-action для идентификации действия.

   Преимущества:
   • Один обработчик вместо десятков
   • Работает для динамически созданных элементов
   • Нет глобальных функций
   • Легко добавлять новые действия

   Паттерн:
   <button data-action="open-exercise" data-index="2">
   → switch(action) → Workout.openExercise(2)
   ═══════════════════════════════════════════════════════════════════════════ */
document.getElementById('app').addEventListener('click', (e) => {
  const startWrap = document.getElementById('cal-start-wrap');
  if (startWrap && startWrap.classList.contains('open') && !e.target.closest('#cal-start-wrap')) {
    UI.setHomeDayMenuOpen(false);
  }
  const extraWrap = document.getElementById('cal-extra-wrap');
  if (extraWrap && extraWrap.classList.contains('open') && !e.target.closest('#cal-extra-wrap')) {
    UI.setExtraMenuOpen(false);
  }

  /* Ищем ближайший элемент с data-action (всплытие) */
  const target = e.target.closest('[data-action]');
  if (!target) return;
  const action = target.dataset.action;

  switch (action) {
    /* ── Главный экран: тап по дню календаря ── */
    case 'cal-day-tap': {
      const tapDate = target.dataset.date;
      if (!tapDate) break;
      const todayDate = new Date().toISOString().slice(0, 10);
      if (tapDate === todayDate) {
        /* Сегодня: если есть лог (тренировка уже выполнена) — показываем историю,
           иначе — запускаем тренировку через CTA */
        const hasTodayLog = (App.persist.workoutLog || []).some(e => e.date === todayDate);
        if (hasTodayLog) {
          UI.showDayLog(todayDate);
        } else {
          document.getElementById('cal-start-btn').click();
        }
      } else {
        UI.showDayLog(tapDate);
      }
      break;
    }

    /* ── Экран мышечных групп: открыть слот ── */
    case 'open-muscle':
      Workout.openMuscle(parseInt(target.dataset.slot));
      break;

    /* ── Главный экран: выбор дня из выпадающего меню ── */
    case 'select-home-day':
      App.state.homeSelectedDay = target.dataset.day || null;
      UI.renderHome();
      break;

    case 'select-home-extra':
      App.state.homeSelectedExtra = target.dataset.day || null;
      UI.renderHome();
      break;

    /* ── Тренировка: обзор слота (дополнительный экран) ── */
    case 'open-exercise':
      Workout.openExercise(parseInt(target.dataset.index));
      break;

    /* ── Три зоны: запуск / занято / вернуть / пропустить ── */
    case 'slot-start': {
      const slotIdx = parseInt(target.dataset.slot);
      const varIdx = parseInt(target.dataset.varidx);
      App.state.currentSlotIdx = slotIdx;
      const slot = App.state.slots[slotIdx];
      Workout.openVariation(slot.varKey, varIdx);
      break;
    }
    case 'slot-busy':
      Workout.markSlotBusy(parseInt(target.dataset.slot));
      break;
    case 'check-start':
      Workout.reclaimBusyVariant(parseInt(target.dataset.slot), parseInt(target.dataset.varidx));
      break;
    case 'check-dismiss':
      Workout.dismissBusyVariant(parseInt(target.dataset.slot), parseInt(target.dataset.varidx));
      break;

    /* ── Открыть вариант (из экрана обзора) ── */
    case 'open-variation':
      Workout.openVariation(target.dataset.varkey, parseInt(target.dataset.varidx));
      break;

    /* ── Лайк / бан варианта ── */
    case 'like-variant':
      App.toggleLike(target.dataset.varkey, +target.dataset.varidx);
      Workout.openExercise(App.state.currentSlotIdx);
      break;
    case 'ban-variant':
      App.toggleBan(target.dataset.varkey, +target.dataset.varidx);
      Workout.openExercise(App.state.currentSlotIdx);
      break;
    case 'unban-variant': {
      const bkey = target.dataset.key;
      delete App.persist.bannedVariants[bkey];
      App.save();
      UI.renderSettings();
      break;
    }

    /* ── Лайк / бан из screen-variation ── */
    case 'vd-like': {
      const vk = App.state.currentVarKey, vi = App.state.currentVarIdx;
      App.toggleLike(vk, vi);
      document.getElementById('vd-like-btn').classList.toggle('active', App.isLiked(vk, vi));
      break;
    }
    case 'vd-ban': {
      const vk = App.state.currentVarKey, vi = App.state.currentVarIdx;
      App.toggleBan(vk, vi);
      const banned = App.isBanned(vk, vi);
      const bb = document.getElementById('vd-ban-btn');
      bb.classList.toggle('active', banned);
      bb.textContent = banned ? '⊘ Разблокировать' : '⊘ Забанить';
      break;
    }

    /* ── Каталог: открыть детали упражнения ── */
    case 'open-catalog-detail':
      UI.openCatalogDetail(target.dataset.img);
      break;

    /* ── Нажатие на подход ── */
    case 'tap-set':
      Workout.tapSet(parseInt(target.dataset.set));
      break;

    /* ── Принудительное завершение упражнения ── */
    case 'force-complete':
      Workout.forceComplete();
      break;

    /* ── Настройки: подходы ± ── */
    case 'sets-minus': {
      const s = App.persist.settings;
      if (s.setsCount > CONFIG.SETS_MIN) { s.setsCount--; App.save(); document.getElementById('setting-sets').textContent = s.setsCount; }
      break;
    }
    case 'sets-plus': {
      const s = App.persist.settings;
      if (s.setsCount < CONFIG.SETS_MAX) { s.setsCount++; App.save(); document.getElementById('setting-sets').textContent = s.setsCount; }
      break;
    }

    /* ── Настройки: таймер отдыха — база (compound) ── */
    case 'rest-compound-minus': {
      const s = App.persist.settings;
      if (s.restCompound > CONFIG.REST_MIN) { s.restCompound -= CONFIG.REST_STEP; App.save(); document.getElementById('setting-rest-compound').textContent = s.restCompound; }
      break;
    }
    case 'rest-compound-plus': {
      const s = App.persist.settings;
      if (s.restCompound < CONFIG.REST_MAX) { s.restCompound += CONFIG.REST_STEP; App.save(); document.getElementById('setting-rest-compound').textContent = s.restCompound; }
      break;
    }
    /* ── Настройки: таймер отдыха — изоляция ── */
    case 'rest-iso-minus': {
      const s = App.persist.settings;
      if (s.restIsolation > CONFIG.REST_MIN) { s.restIsolation -= CONFIG.REST_STEP; App.save(); document.getElementById('setting-rest-iso').textContent = s.restIsolation; }
      break;
    }
    case 'rest-iso-plus': {
      const s = App.persist.settings;
      if (s.restIsolation < CONFIG.REST_MAX) { s.restIsolation += CONFIG.REST_STEP; App.save(); document.getElementById('setting-rest-iso').textContent = s.restIsolation; }
      break;
    }
  }
});


/* ═══════════════════════════════════════════════════════════════════════════
   NAMED BUTTON LISTENERS — Обработчики кнопок с фиксированными ID
   ────────────────────────────────────────────────────────────────
   Кнопки, которые всегда присутствуют в DOM (не создаются динамически).
   Для них используем прямой addEventListener по id.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Закрыть попап лога дня */
document.getElementById('btn-day-log-close').addEventListener('click', () => {
  document.getElementById('day-log-popup').classList.remove('visible');
});
document.getElementById('day-log-popup').addEventListener('click', (e) => {
  if (e.target === document.getElementById('day-log-popup'))
    document.getElementById('day-log-popup').classList.remove('visible');
});

/* Кнопка «Назад» из screen-workout → вернуться к группам мышц */
document.getElementById('btn-go-home').addEventListener('click', () => {
  App.saveProgress();
  Workout.renderMuscles();
  UI.showScreen('screen-muscles');
});

/* Кнопка «Выйти» из screen-muscles → сохранить прогресс и вернуться на главную */
document.getElementById('btn-muscles-home').addEventListener('click', () => Workout.goHome());

/* Кнопка «Сгенерировать» — перегенерирует слоты текущего дня */
document.getElementById('btn-regenerate').addEventListener('click', () => {
  const day = App.state.currentDay;
  if (!day) return;
  const hasProgress = App.state.slots.some(sl => sl.done || sl.busy.length > 0);
  if (hasProgress) {
    UI.confirm('Перегенерировать?', 'Текущий прогресс тренировки будет сброшен. Продолжить?').then(ok => {
      if (ok) Workout.regenerate();
    });
  } else {
    Workout.regenerate();
  }
});

/* Кнопка «Назад» на экране деталей (обзор) → вернуться к тренировке */
document.getElementById('btn-cancel-exercise').addEventListener('click', () => UI.showScreen('screen-workout'));

/* Кнопка «Выполнено» на экране деталей → завершить текущий слот */
document.getElementById('btn-complete-exercise').addEventListener('click', () => Workout.completeExercise());

/* Кнопка «Отложить» → вернуться к тренировке (основной флоу через зоны) */
document.getElementById('btn-postpone-exercise').addEventListener('click', () => UI.showScreen('screen-workout'));

/* Кнопка «Назад» с экрана варианта → вернуться к тренировке (три зоны) */
document.getElementById('btn-close-variation').addEventListener('click', () => UI.showScreen('screen-workout'));

/* Кнопка «Вернуться к вариантам» (нижняя) → вернуться к тренировке */
document.getElementById('btn-back-to-variants').addEventListener('click', () => UI.showScreen('screen-workout'));

/* Кнопка «Пропустить» таймер отдыха */
document.getElementById('btn-skip-timer').addEventListener('click', () => Workout.stopRestTimer());

/* Навигация: Статистика */
document.getElementById('btn-stats').addEventListener('click', () => { UI.renderStats(); UI.showScreen('screen-stats'); });
document.getElementById('btn-stats-back').addEventListener('click', () => { UI.renderHome(); UI.showScreen('screen-home'); });

/* Главная CTA: раскрыть/скрыть выбор тренировки */
document.getElementById('cal-start-toggle').addEventListener('click', () => {
  const toggle = document.getElementById('cal-start-toggle');
  if (toggle.disabled) return;
  const isOpen = toggle.getAttribute('aria-expanded') === 'true';
  UI.setExtraMenuOpen(false);
  UI.setHomeDayMenuOpen(!isOpen);
});

document.getElementById('cal-extra-toggle').addEventListener('click', () => {
  const toggle = document.getElementById('cal-extra-toggle');
  if (toggle.disabled) return;
  const isOpen = toggle.getAttribute('aria-expanded') === 'true';
  UI.setHomeDayMenuOpen(false);
  UI.setExtraMenuOpen(!isOpen);
});

/* Навигация: Настройки */
document.getElementById('btn-settings').addEventListener('click', () => { UI.renderSettings(); UI.showScreen('screen-settings'); });
document.getElementById('btn-settings-back').addEventListener('click', () => { UI.renderHome(); UI.showScreen('screen-home'); });

/* Навигация: Журнал */
document.getElementById('btn-log').addEventListener('click', () => { UI.renderLog(); UI.showScreen('screen-log'); });
document.getElementById('btn-log-back').addEventListener('click', () => { UI.renderHome(); UI.showScreen('screen-home'); });

/* Навигация: Каталог упражнений */
document.getElementById('btn-catalog').addEventListener('click', () => { UI.renderCatalog(); UI.showScreen('screen-catalog'); });
document.getElementById('btn-catalog-back').addEventListener('click', () => UI.showScreen('screen-home'));
document.getElementById('btn-catalog-detail-back').addEventListener('click', () => UI.showScreen('screen-catalog'));


/* ═══════════════════════════════════════════════════════════════════════════
   DYNAMIC BUTTON HANDLERS — Обработчики динамических кнопок
   ────────────────────────────────────────────────────────
   Кнопки, которые создаются в innerHTML (не существуют при загрузке).
   Для них используем делегирование на document (не #app, т.к. dialog
   и toast вне #app).
   ═══════════════════════════════════════════════════════════════════════════ */
document.addEventListener('click', (e) => {
  /* Завершить тренировку (кнопка в complete-banner) */
  if (e.target.id === 'btn-finish-workout') {
    Workout.finish();
    return;
  }
  /* Сброс текущего дня (кнопка в week-info) */
  if (e.target.id === 'btn-reset-day') {
    /* Находим активный (in-progress) или последний выполненный день */
    let currentDay = null;
    for (const day of DAYS_ORDER) {
      if (App.persist.progress[day] && App.persist.progress[day].slots && !App.persist.doneDays[day]) {
        currentDay = day; break;
      }
    }
    if (!currentDay) {
      for (let i = DAYS_ORDER.length - 1; i >= 0; i--) {
        if (App.persist.doneDays[DAYS_ORDER[i]]) { currentDay = DAYS_ORDER[i]; break; }
      }
    }
    if (!currentDay) { UI.toast('Нет прогресса для сброса'); return; }
    const idx = DAYS_ORDER.indexOf(currentDay) + 1;
    UI.confirm('Сброс дня', `Прогресс тренировки ${idx} будет сброшен. Продолжить?`).then(ok => {
      if (ok) {
        delete App.persist.progress[currentDay];
        delete App.persist.doneDays[currentDay];
        App.save();
        UI.renderHome();
        UI.toast(`Тренировка ${idx} сброшена`);
      }
    });
    return;
  }
  /* Экспорт данных */
  if (e.target.id === 'btn-export') {
    App.exportData();
    return;
  }
  /* Импорт данных */
  if (e.target.id === 'btn-import') {
    App.importData();
    return;
  }
  /* Полная очистка кэша и Service Worker */
  if (e.target.id === 'btn-clear-cache') {
    UI.confirm('Очистить весь кэш?', 'Удалены будут кэш браузера, Service Worker и временные данные. Приложение перезагрузится.').then(ok => {
      if (ok) {
        App.clearCache();
      }
    });
    return;
  }
  /* Очистить все данные */
  if (e.target.id === 'btn-clear-all') {
    UI.confirm('Удалить все данные?', 'Вся история тренировок и настройки будут безвозвратно удалены.').then(ok => {
      if (ok) {
        localStorage.removeItem(STORAGE_KEY);
        location.reload();
      }
    });
    return;
  }
});


/* ===[SECTION:INIT]=== Миграция + Bootstrap ══════════════════════════════
   МИГРАЦИЯ ДАННЫХ — переименование ключей дней
   ─────────────────────────────────────────────
   Переводит старые ключи (ПН/ВТ/ЧТ/ПТ) в нейтральные (Д1/Д2/Д3/Д4).
   Вызывается один раз после App.load() — безопасно при повторных запусках.
   ═══════════════════════════════════════════════════════════════════════════ */
function migrateOldDayKeys() {
  const keyMap = { "ПН":"Д1", "ВТ":"Д2", "ЧТ":"Д3", "ПТ":"Д4" };
  let changed = false;

  /* Migrate doneDays */
  const dd = App.persist.doneDays;
  if (dd) {
    Object.keys(keyMap).forEach(old => {
      if (old in dd) {
        dd[keyMap[old]] = dd[old];
        delete dd[old];
        changed = true;
      }
    });
  }

  /* Migrate progress */
  const prog = App.persist.progress;
  if (prog) {
    Object.keys(keyMap).forEach(old => {
      if (old in prog) {
        prog[keyMap[old]] = prog[old];
        delete prog[old];
        changed = true;
      }
    });
  }

  if (changed) App.save();
}

/* ═══════════════════════════════════════════════════════════════════════════
   ИНИЦИАЛИЗАЦИЯ ПРИЛОЖЕНИЯ
   ────────────────────────
   Порядок запуска:
   1. ImgLoader.init()        — навешивает fallback на все img[data-fallback]
   2. App.load()              — загружает данные из localStorage + проверяет неделю
   3. migrateOldDayKeys()     — однократная миграция ключей ПН→Д1 и т.д.
   4. UI.renderHome()         — рендерит главный экран
   ═══════════════════════════════════════════════════════════════════════════ */
ImgLoader.init();
App.load();
migrateOldDayKeys();
UI.renderHome();

/* ── Service Worker — кэширование для офлайн-режима PWA ── */
if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('./sw.js');
  });
}
</script>

</body>
</html>