.zone-item{display:flex;align-items:center;padding:14px 16px;margin-bottom:8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:var(--transition);position:relative;overflow:hidden}.zone-item::before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;border-radius:2px}.zone-item.active{border-color:var(--accent);background:rgba(255,23,68,.08);box-shadow:0 0 16px rgba(255,23,68,.1)}.zone-color{width:12px;height:12px;border-radius:50%;margin-left:12px;flex-shrink:0}.zone-info{flex:1}.zone-name{font-size:.9rem;font-weight:700}.zone-range{font-size:.75rem;color:var(--text-dim);margin-top:2px}.zone-desc{font-size:.75rem;color:var(--text-muted);margin-top:2px}.zone-percent{font-size:1.1rem;font-weight:800;min-width:50px;text-align:left}.bpm-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:80px;padding:20px 0;margin:16px 0}.bpm-bar{width:6px;background:linear-gradient(to top,var(--primary),var(--accent));border-radius:3px;transition:height .3s ease;animation:bpm-wave 1s ease-in-out infinite}.method-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(198,40,40,.15);transition:var(--transition)}.method-item:hover{border-color:rgba(198,40,40,.4);transform:translateX(-4px)}.method-info{flex:1}.method-name{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:2px}.method-desc{font-size:.75rem;color:var(--text-dim)}.method-value{font-size:1.3rem;font-weight:800;color:var(--accent-light);min-width:80px;text-align:left}.stat-card{padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(198,40,40,.15);text-align:center;transition:var(--transition)}.stat-card:hover{border-color:rgba(198,40,40,.4);transform:translateY(-2px)}.stat-icon{font-size:1.8rem;margin-bottom:6px}.stat-value{font-size:1.4rem;font-weight:800;color:var(--accent-light)}.stat-label{font-size:.75rem;color:var(--text-dim);margin-top:4px}.tip-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid rgba(198,40,40,.15)}.tip-icon{width:36px;height:36px;background:rgba(255,23,68,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tip-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;font-weight:500}.toast.show{transform:translateX(-50%) translateY(0)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:20px 0;opacity:.3}.age-range-item{padding:10px;background:var(--bg-input);border-radius:var(--radius-sm);text-align:center;border:1px solid rgba(198,40,40,.15)}.age-range-age{font-size:.8rem;color:var(--text-dim);font-weight:600}.age-range-bpm{font-size:1.1rem;font-weight:800;color:var(--accent-light);margin-top:2px}.hidden{display:none!important}