/* Shared light visual language. Workout parsing and stored data are unchanged. */
:root {
  color-scheme: light;
  --ink: #fff;
  --panel: #fff;
  --panel-soft: #f5f5f7;
  --line: #dedee3;
  --muted: #6e6e73;
  --cream: #1d1d1f;
  --coral: #0071e3;
  --coral-dark: #0066cc;
  --green-1: #d6eadf;
  --green-2: #9dceaf;
  --green-3: #53a676;
  --green-4: #247346;
}
body { background: #f5f5f7; font-family: var(--font); color: var(--cream); }
.shell { padding-top: 46px; }
.hero { margin-bottom: 36px; }
.hero h1, .stat-value { font-family: var(--font); letter-spacing: -.045em; }
.hero h1 { font-size: clamp(38px, 5vw, 58px); font-weight: 600; }
.hero .kicker { color: var(--muted); font-size: 12px; letter-spacing: .12em; margin-top: 24px; }
.hero p { max-width: 680px; }
.back { color: var(--muted); border: 0; padding: 0; font-weight: 400; letter-spacing: 0; }
.card { background: #fff; border: 0; border-radius: 26px; box-shadow: 0 4px 24px rgba(0,0,0,.025); margin-bottom: 24px; }
.card-head h2 { letter-spacing: -.025em; font-weight: 600; }
.card-tag, .exercise-group { background: #eef5fe; color: #0066cc; border-color: #d2e4fa; }
.form-block { background: #fafafc; border-color: #e8e8ed; }
label { color: #515156; letter-spacing: 0; }
input[type="date"], textarea { background: #fff; border-color: #b8b8be; }
input:focus, textarea:focus { box-shadow: 0 0 0 3px #e8f2fe; }
.image-dropzone { background: #fff; border-color: #b8b8be; }
.image-dropzone:hover, .image-dropzone:focus, .image-dropzone.dragging { background: #eef5fe; }
.btn { border-radius: 999px; font-weight: 500; padding-inline: 22px; }
.btn:hover { background: #0066cc; transform: none; }
.btn-ghost { background: #fff; }
.btn-ghost:hover { background: #f0f4fa; }
.exercise-row, .history-item { background: #f5f5f7; border: 1px solid #e8e8ed; }
.heat-cell { background: #e8e8ed; border-color: transparent; }
.week-day { background: #f5f5f7; }
.week-day.active { background: #e1f0e6; color: #247346; }
.insight-text { color: #515156; }
.insight-icon { background: #eef5fe; border-color: #d2e4fa; }
.delete-btn { color: #b42318; border-color: #eed5d2; background: #fff; }
.delete-btn:hover { background: #fff1ef; }
.image-preview-item { background: #f5f5f7; border-color: #dedee3; }
.image-remove { background: rgba(29,29,31,.85); color: #fff; }
.avatar-stage { background: #f0f3f6; border-color: #e4e8ed; }
.avatar-stage::before { opacity: 0; }
.avatar-shadow { fill: rgba(0,0,0,.12); }
.avatar-status { color: #1d1d1f; }
.avatar-metric { background: #f5f5f7; border: 0; }
.avatar-note { color: #6e6e73; }
.session-progress { background: #e8e8ed; }
.session-progress span { background: #0071e3; }
.modal { background: rgba(29,29,31,.4); backdrop-filter: blur(6px); }
.modal-card { background: #fff; border-color: #e8e8ed; box-shadow: 0 24px 70px rgba(0,0,0,.16); }
.footer { color: #6e6e73; }
@media (max-width: 760px) {
  .shell { padding-top: 24px; }
  .hero { margin-bottom: 26px; }
  .card { border-radius: 22px; }
  .hero .kicker { margin-top: 16px; }
}