body{margin:0;padding:0;overflow:hidden}.voice-container{position:fixed;bottom:30px;right:30px;width:80px;height:80px;display:flex;justify-content:center;align-items:center;z-index:1000}.voice-button{width:60px;height:60px;border-radius:50%;border:none;background-color:#ff4b2b;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #0003;display:flex;justify-content:center;align-items:center;position:relative;z-index:1002;transition:transform .1s ease}.voice-button:active{transform:scale(.95)}.state-loading{background-color:#424242}.state-idle{background-color:#757575}.state-listening{background-color:#f44336;animation:pulse-red 1.5s infinite}.state-thinking{background-color:#2196f3}.state-speaking{background-color:#9c27b0}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #f44336b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #f4433600}to{transform:scale(1);box-shadow:0 0 #f4433600}}.voice-button:disabled{cursor:not-allowed;opacity:.8}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.ring{position:absolute;width:60px;height:60px;border-radius:50%;border:4px solid #ff4b2b;opacity:.6;z-index:1001;pointer-events:none;transform:scale(1);box-sizing:border-box}canvas{width:100vw;height:100vh}