.gth-heart-rate-calculator .gth-hr-max { text-align: center; padding: var(--gth-space-4); background: var(--gth-primary-subtle); border-radius: var(--gth-radius-md); margin-bottom: var(--gth-space-4); }
.gth-heart-rate-calculator .gth-hr-value { font-size: var(--gth-text-2xl); font-weight: var(--gth-font-bold); color: var(--gth-primary); margin-left: var(--gth-space-2); }
.gth-heart-rate-calculator .gth-hr-zones h4 { font-size: var(--gth-text-sm); color: var(--gth-text-secondary); margin-bottom: var(--gth-space-2); }
.gth-heart-rate-calculator .gth-zone-list { display: flex; flex-direction: column; gap: var(--gth-space-2); }
.gth-heart-rate-calculator .gth-zone-item { display: flex; justify-content: space-between; align-items: center; padding: var(--gth-space-2) var(--gth-space-3); border-radius: var(--gth-radius-sm); }
.gth-heart-rate-calculator .gth-zone-name { font-weight: var(--gth-font-medium); }
.gth-heart-rate-calculator .gth-zone-range { font-family: monospace; }
.gth-heart-rate-calculator .gth-zone-item.zone-1 { background: #dcfce7; }
.gth-heart-rate-calculator .gth-zone-item.zone-2 { background: #fef9c3; }
.gth-heart-rate-calculator .gth-zone-item.zone-3 { background: #fed7aa; }
.gth-heart-rate-calculator .gth-zone-item.zone-4 { background: #fecaca; }
.gth-heart-rate-calculator .gth-zone-item.zone-5 { background: #fca5a5; }