*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;overscroll-behavior:none}input{-webkit-user-select:text;-moz-user-select:text;user-select:text}.chat-voice-btn{width:52px;height:52px;border-radius:12px;border:none;background:hsla(0,0%,100%,.1);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;gap:3px;flex-shrink:0;transition:background .15s}.chat-voice-btn:hover:not(:disabled){background:hsla(0,0%,100%,.18)}.voice-bar{width:4px;border-radius:2px;background:#cbd5e1;transition:background .15s,height .2s}.voice-bar:first-child{height:8px}.voice-bar:nth-child(2){height:16px}.voice-bar:nth-child(3){height:12px}.voice-bar:nth-child(4){height:7px}.chat-voice-btn:hover:not(:disabled) .voice-bar{background:#fff}.chat-voice-btn.connecting .voice-bar{background:#e9a820;animation:voice-wave .8s ease-in-out infinite}.chat-voice-btn.connecting .voice-bar:first-child{animation-delay:0s}.chat-voice-btn.connecting .voice-bar:nth-child(2){animation-delay:.15s}.chat-voice-btn.connecting .voice-bar:nth-child(3){animation-delay:.3s}.chat-voice-btn.connecting .voice-bar:nth-child(4){animation-delay:.45s}.chat-voice-btn.preparing{background:rgba(220,180,50,.15)}.chat-voice-btn.preparing .voice-bar{background:#dcb432;animation:voice-wave 1.2s ease-in-out infinite}.chat-voice-btn.active{background:rgba(42,157,42,.15)}.chat-voice-btn.active .voice-bar{background:#2a9d2a;animation:voice-wave 1s ease-in-out infinite}.chat-voice-btn.active .voice-bar:first-child{animation-delay:0s}.chat-voice-btn.active .voice-bar:nth-child(2){animation-delay:.2s}.chat-voice-btn.active .voice-bar:nth-child(3){animation-delay:.4s}.chat-voice-btn.active .voice-bar:nth-child(4){animation-delay:.6s}.chat-voice-btn.hearing{box-shadow:0 0 0 3px rgba(42,157,42,.3),0 0 12px rgba(42,157,42,.4);animation:hearing-pulse .8s ease-in-out infinite}.chat-voice-btn.hearing .voice-bar{animation:voice-wave-hearing .4s ease-in-out infinite}.chat-voice-btn.hearing .voice-bar:first-child{animation-delay:0s}.chat-voice-btn.hearing .voice-bar:nth-child(2){animation-delay:.1s}.chat-voice-btn.hearing .voice-bar:nth-child(3){animation-delay:.2s}.chat-voice-btn.hearing .voice-bar:nth-child(4){animation-delay:.3s}.chat-voice-btn.speaking{background:rgba(157,100,220,.2);box-shadow:0 0 0 3px rgba(157,100,220,.3)}.chat-voice-btn.speaking .voice-bar{background:#9d64dc;animation:voice-wave-speaking .6s ease-in-out infinite}.chat-voice-btn.speaking .voice-bar:first-child{animation-delay:0s}.chat-voice-btn.speaking .voice-bar:nth-child(2){animation-delay:.15s}.chat-voice-btn.speaking .voice-bar:nth-child(3){animation-delay:.3s}.chat-voice-btn.speaking .voice-bar:nth-child(4){animation-delay:.45s}.chat-voice-btn:disabled{opacity:.4;cursor:not-allowed}.chat-voice-btn:disabled .voice-bar{animation:none}@keyframes voice-wave{0%,to{height:6px}50%{height:22px}}@keyframes voice-wave-hearing{0%,to{height:8px}50%{height:28px}}@keyframes voice-wave-speaking{0%,to{height:10px}50%{height:24px}}@keyframes hearing-pulse{0%,to{box-shadow:0 0 0 3px rgba(42,157,42,.3),0 0 12px rgba(42,157,42,.4)}50%{box-shadow:0 0 0 6px rgba(42,157,42,.15),0 0 20px rgba(42,157,42,.5)}}