*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{width:100%;min-height:100vh}.voice-chat-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#000;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;position:relative}.voice-visualizer{position:relative;width:250px;height:250px;margin-bottom:40px}.visualizer-circle-outer,.visualizer-circle-inner{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.visualizer-circle-outer{width:100%;height:100%;background:radial-gradient(circle,#0000,#0000 50%,#4a00e0 70%,#8e2de2);animation:pulseOuter 2s infinite ease-in-out;box-shadow:0 0 30px #8e2de2,0 0 60px #4a00e0}.visualizer-circle-inner{width:70%;height:70%;background:radial-gradient(circle,#8e2de2,#4a00e0);animation:pulseInner 2s infinite ease-in-out alternate;box-shadow:inset 0 0 20px #4a00e0,0 0 20px #8e2de2}@keyframes pulseOuter{0%{transform:translate(-50%,-50%) scale(.95);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-50%) scale(.95);opacity:.7}}@keyframes pulseInner{0%{transform:translate(-50%,-50%) scale(.9);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.mic-button{background-color:#ff4081;border:none;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 20px #ff4081,0 0 30px #ff4081b3;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-top:80px}.mic-button:hover{transform:scale(1.1);box-shadow:0 0 30px #ff4081,0 0 40px #ff4081e6}.mic-button.listening-active{border:3px solid #4CAF50;box-shadow:0 0 20px #4caf50,0 0 30px #4caf50b3,0 0 20px #ff4081,0 0 30px #ff4081b3}.mic-button svg{color:#fff}.error-message-centered{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#ff0000b3;color:#fff;padding:10px 20px;border-radius:8px;font-size:1rem;text-align:center}.mic-button.listening .visualizer-circle-outer{animation:pulseOuterActive 1.5s infinite ease-in-out}.mic-button.listening .visualizer-circle-inner{animation:pulseInnerActive 1.5s infinite ease-in-out alternate}@keyframes pulseOuterActive{0%{transform:translate(-50%,-50%) scale(1);opacity:.8;box-shadow:0 0 40px #ff4081,0 0 70px #e91e63}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1;box-shadow:0 0 50px #ff4081,0 0 80px #e91e63}to{transform:translate(-50%,-50%) scale(1);opacity:.8;box-shadow:0 0 40px #ff4081,0 0 70px #e91e63}}@keyframes pulseInnerActive{0%{transform:translate(-50%,-50%) scale(.95);opacity:.9}to{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@media (max-width: 768px){.voice-visualizer{width:200px;height:200px;margin-bottom:30px}.mic-button{width:70px;height:70px;margin-top:60px}.mic-button svg{width:30px;height:30px}}.App{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}