.sub text-align: center; color: #a0c0e0; margin-bottom: 2rem; font-style: italic;
document.getElementById('playDubBtn').addEventListener('click', () => if (autoInterval) stopAutoCycle(); playDub(); activateDub(); statusSpan.innerHTML = '🔊 Manual DUB (Semilunar valves)'; setTimeout(() => if (!autoInterval) statusSpan.innerHTML = '⚡ idle'; , 800); ); lub dub valves
.valve flex: 1; background: #0f212e; border-radius: 2rem; padding: 1.5rem; text-align: center; transition: all 0.2s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.3); border: 1px solid #2c4c6c; .sub text-align: center
.button-group display: flex; gap: 1.5rem; justify-content: center; margin-bottom: 2rem; if (autoInterval) stopAutoCycle()
footer text-align: center; font-size: 0.7rem; margin-top: 1.5rem; opacity: 0.7; </style> </head> <body> <div class="card"> <h1>❤️ LUB DUB VALVES</h1> <div class="sub">atrioventricular → lub | semilunar → dub</div>
.lub .valve-title color: #ff9f7c; .dub .valve-title color: #7cd4ff;