body { 
    font-family: Arial, sans-serif; 
    background: #1e1e1e; 
    color: #fff; 
    text-align: center; 
    padding: 20px; 
}
.screen { 
    display: none; 
    margin-top: 20px; 
    padding: 20px; 
    border: 1px solid #444; 
    border-radius: 10px; 
    background: #2a2a2a; 
}
.active { display: block; }
button { 
    padding: 10px 20px; 
    font-size: 16px; 
    margin: 10px; 
    cursor: pointer; 
    border-radius: 5px; 
    border: none; 
}
.btn-red { background: #e74c3c; color: white; }
.btn-green { background: #2ecc71; color: white; }
.btn-blue { background: #3498db; color: white; }
select, input { padding: 10px; font-size: 16px; margin: 10px; background: #333; color: #fff; border: 1px solid #555; }
audio { margin-top: 15px; outline: none; }
hr { border: 0; border-top: 1px solid #444; margin: 20px 0; }
#micSelectBox { margin-bottom: 20px; }
#previewBox { margin-top: 20px; }