body { margin:0; padding:0; background:#000; color:#fff; font-family:Arial, sans-serif; text-align:center; }
h1 { margin:20px 0; }
label { font-size:18px; }
#durationInput { width:60px; font-size:18px; margin:10px; }
#triggerButton { padding:15px 30px; background:#000; border:2px solid #0f0; color:#0f0; font-size:18px; cursor:pointer; border-radius:5px; }
#triggerButton:hover { background:#222; }
#ledIndicator { width:20px; height:20px; margin:20px auto; border-radius:50%; background:#ccc; }
#countdown { font-size:24px; margin:10px; }
#videoContainer { position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:-1; overflow:hidden; }
#bgVideo { width:100%; height:100%; object-fit:cover; }
.hidden { display:none; }

.modal { position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.8); display:none; align-items:center; justify-content:center; }
.modal-content { background:#111; padding:20px; border-radius:8px; text-align:center; }
.modal-content p { font-size:24px; margin-bottom:16px; }
#alignButton { padding:10px 20px; background:#000; border:2px solid #0f0; color:#0f0; border-radius:5px; cursor:pointer; font-size:18px; }
#alignButton:hover { background:#222; }


/* Binaural selection panel */
#binauralControls {
  position: fixed;
  top: 100px;
  left: 20px;
  background: rgba(0,0,0,0.5);
  padding: 10px;
  border: 2px solid #0f0;
  border-radius: 8px;
  color: #0f0;
  font-family: Arial, sans-serif;
}
#binauralControls h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
}
#binauralControls label {
  display: block;
  margin: 5px 0;
  cursor: pointer;
}
#binauralControls input {
  margin-right: 5px;
}