.status background: #00000066; border-radius: 40px; padding: 0.6rem 1rem; text-align: center; font-family: monospace; font-size: 1.2rem; font-weight: bold; color: #c0e0ff; letter-spacing: 2px;
input flex: 1; accent-color: #ff8c5a;
// individual buttons document.getElementById('playLubBtn').addEventListener('click', () => if (autoInterval) stopAutoCycle(); playLub(); activateLub(); statusSpan.innerHTML = '🔊 Manual LUB (AV valves)'; setTimeout(() => if (!autoInterval) statusSpan.innerHTML = '⚡ idle'; , 800); ); lub dub valves
<div class="valves-container"> <div class="valve lub" id="lubValve"> <div class="valve-icon">🫀🚪</div> <div class="valve-title">LUB (S1)</div> <div class="valve-desc">Mitral + Tricuspid closure<br>AV valves snap shut</div> </div> <div class="valve dub" id="dubValve"> <div class="valve-icon">🫀🌊</div> <div class="valve-title">DUB (S2)</div> <div class="valve-desc">Aortic + Pulmonic closure<br>Semilunar valves close</div> </div> </div> .status background: #00000066
// ----- Auto Cycle (normal lub-dub rhythm) ----- let autoInterval = null; let isAuto = false; const bpmSlider = document.getElementById('bpmSlider'); const bpmValueSpan = document.getElementById('bpmValue'); padding: 0.6rem 1rem