Lub Dub Valves Direct

.sub text-align: center; color: #a0c0e0; margin-bottom: 2rem; font-style: italic;

button background: #2c3e4e; border: none; font-size: 1.2rem; font-weight: bold; padding: 0.8rem 1.6rem; border-radius: 60px; color: white; cursor: pointer; transition: 0.1s linear; box-shadow: 0 4px 8px black; font-family: monospace; lub dub valves

function getCycleIntervalMs() const bpm = parseInt(bpmSlider.value, 10); // one cardiac cycle = 60/BPM seconds → milliseconds return (60 / bpm) * 1000; .sub text-align: center

<div class="status" id="statusMsg">⚡ idle</div> button background: #2c3e4e

bpmSlider.addEventListener('input', (e) => const newBpm = e.target.value; bpmValueSpan.textContent = newBpm; if (isAuto) // restart auto cycle with new BPM const wasAuto = isAuto; stopAutoCycle(); startAutoCycle(); autoBtn.textContent = '⏹️ STOP CYCLE'; autoBtn.style.background = '#a13e2d'; statusSpan.innerHTML = `🔄 AUTO CYCLE ($newBpm BPM)`; );

// ----- Auto Cycle (normal lub-dub rhythm) ----- let autoInterval = null; let isAuto = false; const bpmSlider = document.getElementById('bpmSlider'); const bpmValueSpan = document.getElementById('bpmValue');

.card background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); border-radius: 3rem; padding: 2rem; box-shadow: 0 25px 40px rgba(0,0,0,0.4); border: 1px solid rgba(255,255,255,0.2); width: 650px; max-width: 100%;