.training-exercise-select { display: grid; gap: 3px; margin: 10px 0; padding: 10px 11px; border: 1px solid #3b4039; border-radius: 10px; background: #101413; }
.training-exercise-select span { color: var(--muted); font-size: .67rem; }
.training-exercise-select b { color: #f5f5f0; font-size: .92rem; }
.training-metric-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; margin-bottom: 11px; }
.training-metric-tabs button { min-width: 0; padding: 7px 2px; border: 1px solid #38403b; border-radius: 8px; background: #101413; color: #7f8981; font-size: .66rem; font-weight: 800; }
.training-metric-tabs button.active { border-color: #876518; background: #3b2d0c; color: #f3c44b; }
.training-chart { padding: 11px; border: 1px solid #4d4325; border-radius: 13px; background: #101312; }
.training-chart svg { width: 100%; height: 170px; margin: 8px 0; overflow: visible; }
.training-chart line { stroke: #323936; stroke-width: .5; }.training-chart text { fill: #8f9991; font-size: 4px; }
.training-chart polyline { fill: none; stroke: url(#training-gold); stroke: #f0b530; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.training-chart circle { fill: var(--gold-2); stroke: #17130a; stroke-width: .8; cursor: pointer; }.training-chart circle.selected { fill: #fff5cb; stroke: var(--gold); stroke-width: 1.3; }
.training-chart-selection { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 2px 9px; padding: 10px 11px; border: 1px solid #4d4325; border-radius: 10px; background: #19170f; }
.training-chart-selection span { color: #d7ddd7; font-size: .82rem; }.training-chart-selection strong { color: var(--gold-2); }.training-chart-selection small { grid-column: 1/-1; color: var(--muted); font-size: .72rem; }
.training-chart > p { margin: 10px 0 0; color: var(--muted); font-size: .76rem; line-height: 1.35; }