*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex}.container{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{text-align:center;color:#333;margin-bottom:30px;font-size:2em}.status-section{text-align:center;margin-bottom:30px}#status{color:#666;background:#f5f5f5;border-radius:8px;padding:10px;font-size:1em}.bpm-display{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;margin:40px 0;padding:40px;box-shadow:0 10px 30px #667eea4d}.bpm-value{color:#fff;font-size:5em;font-weight:700;line-height:1;transition:transform .1s}.bpm-value.pulse{animation:.3s ease-in-out pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bpm-label{color:#ffffffe6;letter-spacing:2px;margin-top:10px;font-size:1.2em}.button-section{gap:10px;margin-bottom:30px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:15px 30px;font-size:1em;font-weight:600;transition:all .3s}.btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:disabled{opacity:.5;cursor:not-allowed}#connectBtn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-secondary{color:#fff;background:#e74c3c}.btn-virtual{color:#667eea;background:0 0;border:2px dashed #667eea}.chart-controls{align-items:center;gap:10px;margin-bottom:10px;display:flex}.chart-controls__label{color:#666;letter-spacing:.5px;white-space:nowrap;font-size:.85em;font-weight:600}.chart-controls__select{color:#333;cursor:pointer;appearance:none;background:#f8f9fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e0e0e0;border-radius:8px;flex:1;padding:7px 32px 7px 12px;font-family:inherit;font-size:.9em;transition:border-color .2s,box-shadow .2s}.chart-controls__select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.chart-section{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px}.info-section{background:#f8f9fa;border-radius:10px;padding:20px;font-size:.9em}.info-section p{color:#333;margin-bottom:10px}.info-section ul{color:#666;list-style-position:inside}.info-section li{margin:5px 0}.heartbeat-icon{color:#e8274b;text-shadow:0 0 8px #e8274bb3,0 0 20px #e8274b66,0 0 40px #e8274b33;z-index:1000;pointer-events:none;font-size:2.4rem;line-height:1;animation:1.2s ease-in-out infinite heartbeat;position:fixed;top:20px;right:24px}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.18)}56%{transform:scale(1)}to{transform:scale(1)}}@media (width<=600px){.container{padding:20px}h1{font-size:1.5em}.bpm-value{font-size:4em}.button-section{flex-direction:column}}