*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,html{height:100%;width:100%;overflow:hidden}#videoElement{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}#statusOverlay{position:fixed;top:30px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:8px 16px;border-radius:20px;z-index:10;font-size:14px;font-weight:500;backdrop-filter:blur(10px);transition:all .3s ease}#statusIndicator{display:inline-block}#statusIndicator.error{color:#ff5252}#statusIndicator.listening{color:#4caf50;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}#controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;background-color:#fffffff2;padding:10px 20px;border-radius:30px;z-index:10;box-shadow:0 4px 20px #0000001a;width:90%;max-width:600px;backdrop-filter:blur(10px)}#textInput{flex-grow:1;background-color:#0000000d;border:1px solid rgba(0,0,0,.1);color:#333;padding:12px 16px;border-radius:25px;margin-right:10px;font-size:16px;transition:all .3s ease}#textInput::placeholder{color:#0006}#textInput:focus{outline:none;background-color:#00000005;border-color:#4285f4}.btn{width:44px;height:44px;border-radius:50%;background-color:#00000014;border:none;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:8px}.btn:hover{background-color:#0000001f;transform:scale(1.05)}.btn:active{transform:scale(.95)}.btn i{font-size:20px}#sendButton{background-color:#4285f4;color:#fff}#sendButton:hover{background-color:#3367d6}#micButton.active{background-color:#4caf50;color:#fff;animation:pulse-button 1.5s infinite}#stopButton{background-color:#ff5252;color:#fff}#stopButton:hover{background-color:#d32f2f}@keyframes pulse-button{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.loading:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}@media (max-width: 768px){#controls{width:95%;padding:8px 15px;bottom:20px}.btn{width:40px;height:40px}#textInput{padding:10px 14px;font-size:14px}#statusOverlay{top:20px;font-size:12px}}