body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container[data-v-22ea9fc7]{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#1a1a2e,#16213e);display:flex;flex-direction:column}.app-header[data-v-22ea9fc7]{padding:60px 20px 30px;display:flex;align-items:center;gap:15px;background:linear-gradient(180deg,rgba(102,126,234,.4) 0%,transparent 100%)}.avatar[data-v-22ea9fc7]{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 25px #667eea66;animation:float-22ea9fc7 3s ease-in-out infinite}@keyframes float-22ea9fc7{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.avatar-icon[data-v-22ea9fc7]{font-size:35px}.header-info[data-v-22ea9fc7]{flex:1}.bot-name[data-v-22ea9fc7]{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.status[data-v-22ea9fc7]{color:#fff9;font-size:14px;display:flex;align-items:center;gap:8px}.status[data-v-22ea9fc7]:before{content:"";width:10px;height:10px;background:#666;border-radius:50%;transition:all .3s}.status.connected[data-v-22ea9fc7]:before{background:#52c41a;box-shadow:0 0 15px #52c41a;animation:pulse-22ea9fc7 2s infinite}@keyframes pulse-22ea9fc7{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.app-messages[data-v-22ea9fc7]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.welcome-area[data-v-22ea9fc7]{text-align:center;padding:60px 20px;color:#ffffffb3}.welcome-area p[data-v-22ea9fc7]{margin-top:25px;font-size:16px;font-weight:500}.wave-animation[data-v-22ea9fc7]{display:flex;justify-content:center;gap:6px;margin:0 auto}.wave-animation span[data-v-22ea9fc7]{width:8px;height:50px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;animation:wave-22ea9fc7 1.2s ease-in-out infinite}.wave-animation span[data-v-22ea9fc7]:nth-child(2){animation-delay:.1s}.wave-animation span[data-v-22ea9fc7]:nth-child(3){animation-delay:.2s}.wave-animation span[data-v-22ea9fc7]:nth-child(4){animation-delay:.3s}.wave-animation span[data-v-22ea9fc7]:nth-child(5){animation-delay:.4s}@keyframes wave-22ea9fc7{0%,to{height:20px;opacity:.5}50%{height:50px;opacity:1}}.connecting-animation[data-v-22ea9fc7]{display:flex;justify-content:center;margin:30px 0}.spinner[data-v-22ea9fc7]{width:50px;height:50px;border:4px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin-22ea9fc7 1s linear infinite}@keyframes spin-22ea9fc7{to{transform:rotate(360deg)}}.message[data-v-22ea9fc7]{display:flex;gap:12px;animation:slideIn-22ea9fc7 .4s ease}@keyframes slideIn-22ea9fc7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-avatar[data-v-22ea9fc7]{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:22px;flex-shrink:0;box-shadow:0 4px 15px #667eea4d}.message-bubble[data-v-22ea9fc7]{background:#ffffff14;padding:18px 22px;border-radius:6px 22px 22px;color:#fff;font-size:16px;line-height:1.7;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.app-controls[data-v-22ea9fc7]{padding:20px 20px 40px;display:flex;justify-content:center;gap:15px;background:linear-gradient(180deg,transparent 0%,rgba(26,26,46,.95) 30%)}.control-btn[data-v-22ea9fc7]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 25px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:25px;cursor:pointer;transition:all .3s ease;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn span[data-v-22ea9fc7]{font-size:13px;font-weight:600}.btn-icon[data-v-22ea9fc7]{font-size:28px}.control-btn[data-v-22ea9fc7]:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.control-btn[data-v-22ea9fc7]:active{transform:translateY(0)}.connect-btn[data-v-22ea9fc7]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:22px 50px;box-shadow:0 8px 30px #667eea66}.connect-btn[data-v-22ea9fc7]:hover{background:linear-gradient(135deg,#7b8ff0,#8a5cb3);box-shadow:0 12px 40px #667eea80}.disconnect-btn[data-v-22ea9fc7]{background:#ff4d4f33;border-color:#ff4d4f4d}.disconnect-btn[data-v-22ea9fc7]:hover{background:#ff4d4f59}.interrupt-btn[data-v-22ea9fc7]{background:#faad1433;border-color:#faad144d}.interrupt-btn[data-v-22ea9fc7]:hover{background:#faad1459}.mute-btn[data-v-22ea9fc7]{background:#ff4d4f33;border-color:#ff4d4f4d}.mute-btn[data-v-22ea9fc7]:hover{background:#ff4d4f59}.app-messages[data-v-22ea9fc7]::-webkit-scrollbar{width:6px}.app-messages[data-v-22ea9fc7]::-webkit-scrollbar-track{background:#ffffff0d}.app-messages[data-v-22ea9fc7]::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px}#app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}