body{margin:0;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.voice-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative}.voice-circle{width:300px;height:300px;border-radius:50%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #0000001a}.voice-circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;z-index:0;background:conic-gradient(from 0deg,#3a1cdb,#00d4ff,#00ffb8 50%,#3a1cdb);animation:rotate-gradient 6s linear infinite}@keyframes rotate-gradient{to{transform:rotate(360deg)}}.voice-circle>*{position:relative;z-index:1}.voice-logo{width:130px;height:130px;border-radius:50%;object-fit:cover;margin:45px auto 0}.start-button{background:#3f00ff;color:#fff;padding:12px 25px;border-radius:20px;font-weight:700;border:none;cursor:pointer;font-size:17px;box-shadow:0 2px 8px #5b00ff4d;margin-top:10px}.start-button:hover{background:#3e00b8}.show-chat-button{margin-top:24px;background:#3f00ff;color:#fff;font-weight:600;padding:15px 35px;border:none;border-radius:16px;cursor:pointer;font-size:17px;box-shadow:0 2px 6px #14108c1f}.show-chat-button:hover{background-color:#2a66aa}.ripple-active:before,.ripple-active:after{content:"";position:absolute;left:50%;top:calc(50% - 40px);width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:2}.ripple-active:before{background:radial-gradient(rgba(91,0,255,.95) 0%,rgba(91,0,255,.7) 50%,rgba(91,0,255,.4) 80%,transparent 100%);box-shadow:0 0 40px 10px #5b00ff4d;animation:ripple-pulse 1.2s infinite}.ripple-active:after{background:radial-gradient(rgba(91,0,255,.7) 0%,rgba(91,0,255,.4) 60%,transparent 100%);box-shadow:0 0 30px 5px #5b00ff33;animation:ripple-pulse 1.2s infinite .6s}@keyframes ripple-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{transform:translate(-50%,-50%) scale(1.35);opacity:.6}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}.voice-container{position:relative}.voice-container>*{position:relative;z-index:3}.end-button{background:#e53935!important;color:#fff!important}.end-button:hover{background:#b71c1c!important}.chat-window{position:fixed;right:0;top:0;bottom:0;width:370px;background:#fff;border-left:2px solid #2563eb;border-radius:24px 0 0 24px;box-shadow:0 2px 16px #2563eb1a;display:flex;flex-direction:column;z-index:100;overflow:hidden;animation:chat-fade-in .2s}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-window-header{display:flex;justify-content:flex-end;align-items:center;padding:8px 10px 4px 0;background:#ebf0f7;font-size:.95rem;min-height:45px;height:36px}.chat-window-header span{flex:1;text-align:left;font-weight:500}.chat-window-download{background:#2563eb;border:1.5px solid #e3e7ee;border-radius:8px;font-size:1.2rem;color:#eaf1fd;cursor:pointer;line-height:1;transition:color .2s,background .2s,border .2s;margin-left:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #2563eb0f;padding:0;margin-right:0}.chat-window-close{background:#2563eb;border:1.5px solid #e3e7ee;border-radius:8px;font-size:1.2rem;color:#eaf1fd;cursor:pointer;line-height:1;transition:color .2s,background .2s,border .2s;margin-left:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #2563eb0f;padding:0}.chat-window-body{flex:1;padding:8px 6px 0;background:#fff}.chat-message{display:flex;align-items:flex-start;margin-bottom:8px;min-height:24px}.chat-message.bot .chat-avatar{background:#eaf1fd;color:#006aff}.chat-avatar{width:18px;height:18px;border-radius:50%;background:#eaf1fd;display:flex;align-items:center;justify-content:center;margin-right:3px;font-size:1rem;border:1px solid #a6bff3;flex-shrink:0;margin-top:0;align-self:flex-end}.chat-bubble{background:#f5f7fa;border-radius:6px;padding:4px 8px;color:#222;font-size:.8rem;max-width:80%;border-left:2px solid #2563eb;line-height:1.2}.chat-window-footer{display:flex;align-items:center;padding:8px 10px;min-height:50px;font-size:.95rem;border-top:1px solid #e3e7ee;background:#ebf0f7}.chat-audio-btn{background:#2563eb;border:none;border-radius:50%;width:35px;height:35px;font-size:1rem;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:4px;cursor:pointer;box-shadow:0 2px 8px #2563eb1a}.chat-audio-btn:disabled{opacity:.7;cursor:not-allowed}.chat-input{flex:1;padding:6px 8px;border:1.5px solid #e3e7ee;border-radius:6px;font-size:.9rem;margin-right:6px;background:#fff}.chat-send-btn{background:transparent;color:#2563eb;border:none;border-radius:0;padding:0;font-size:1.5rem;cursor:pointer;margin-left:8px;box-shadow:none;display:flex;align-items:center;justify-content:center}.chat-send-btn:disabled{background:transparent;color:#bfc8e6;cursor:not-allowed}.chat-timer{font-size:.9rem;color:#888;min-width:50px;text-align:right;margin-left:3px}.chat-progress-bar{flex:1;height:8px;background:#c7d2f1;border-radius:4px;margin:0 8px;position:relative;overflow:hidden;min-width:80px;max-width:200px;display:flex;align-items:center}.chat-progress-bar-inner{height:100%;background:#2563eb;border-radius:4px;width:0%;transition:width .2s}.InvalidParams{display:flex;justify-content:center;align-items:center;min-height:100vh;color:red;font-weight:bolder}