body{margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;background:#f9f9f9;color:#333;display:flex;flex-direction:column;align-items:center}header{margin:20px;text-align:center}h1,h3{margin:10px 0;font-weight:400}.container{width:90%;max-width:600px;background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;margin-bottom:20px}.control-section{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.flex{display:flex;gap:10px;flex-direction:row;justify-content:center}.flex>*{flex:1}label{font-size:.9rem;margin-bottom:5px}input[type=text],select{padding:8px;border:1px solid #ccc;border-radius:4px}button{padding:10px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}*[disabled]{opacity:.5;cursor:not-allowed}#connectBtn{background-color:#4caf50;color:#fff}#connectBtn:hover:not([disabled]){background-color:#45a049}#startAudioBtn{background-color:#2196f3;color:#fff}#startAudioBtn:not([disabled]){background-color:#1e88e5}#disconnectBtn{background-color:#f44336;color:#fff}#disconnectBtn:not([disabled]){background-color:#e53935}#applyMicrophoneBtn{background-color:#9c27b0;color:#fff}#applyMicrophoneBtn:not([disabled]){background-color:#8e24aa}ul{list-style-type:none;margin:0;padding:0;border:1px solid #eee;border-radius:4px;max-height:150px;overflow-y:auto}ul li{padding:10px;border-bottom:1px solid #eee}ul li:last-child{border-bottom:none}footer{text-align:center;font-size:.8rem;color:#666;margin-top:10px}footer a{color:#2196f3;text-decoration:none}footer a:hover{text-decoration:underline}#toaster{position:fixed;bottom:20px;right:20px;background:#ff0000e6;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px #0000004d;font-size:14px;display:none;z-index:1000}