.voice-container{position:relative;display:inline-block}.voice-button{width:44px;height:44px;border-radius:50%;border:none;background-color:var(--accent-color);color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.voice-button:hover{transform:scale(1.1);background-color:var(--accent-hover)}.voice-button.listening{background-color:#f44;animation:pulse 1.5s infinite}.voice-button:disabled{opacity:.7;cursor:not-allowed}.pulse{width:10px;height:10px;background-color:#f44;border-radius:50%;animation:pulse-animation 1s infinite}@keyframes pulse-animation{0%{transform:scale(.95);box-shadow:0 0 #ff4444b3}70%{transform:scale(1);box-shadow:0 0 0 10px #f440}to{transform:scale(.95);box-shadow:0 0 #f440}}.voice-stop{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:4px 8px;cursor:pointer;color:var(--text-primary);font-size:12px}.voice-stop:hover{background-color:var(--bg-hover)}.voice-info-button{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:15}.voice-info-button:hover{background-color:var(--bg-hover);color:var(--accent-color)}@media(min-width:1024px){.voice-status{position:absolute;bottom:70px;left:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:10px;white-space:nowrap;box-shadow:0 -2px 10px #0000001a;z-index:10}.voice-preview{position:absolute;bottom:130px;left:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;min-width:250px;max-width:300px;box-shadow:0 -2px 10px #0000001a;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-hints{position:absolute;bottom:110px;left:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;display:flex;gap:8px;font-size:12px;color:var(--text-secondary);white-space:nowrap;box-shadow:0 -2px 10px #0000001a;z-index:15}.voice-manual-hints{position:absolute;bottom:250px;left:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;min-width:260px;box-shadow:0 -4px 15px #00000026;z-index:20}.voice-error{position:absolute;bottom:70px;left:0;background-color:var(--danger-color);color:#fff;border-radius:8px;padding:8px 12px;font-size:12px;white-space:nowrap;z-index:10}}@media(min-width:768px)and (max-width:1023px){.voice-status{position:absolute;bottom:60px;left:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap;box-shadow:0 -2px 10px #0000001a;z-index:10}.voice-preview{position:absolute;bottom:110px;left:-20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;min-width:220px;max-width:260px;box-shadow:0 -2px 10px #0000001a;z-index:10;display:flex;align-items:center;gap:8px}.voice-hints{position:absolute;bottom:170px;left:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:8px 12px;display:flex;gap:6px;font-size:11px;color:var(--text-secondary);box-shadow:0 -2px 10px #0000001a;z-index:15}.voice-manual-hints{position:absolute;bottom:220px;left:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:14px;min-width:240px;box-shadow:0 -4px 15px #00000026;z-index:20}.voice-error{position:absolute;bottom:60px;left:-20px;background-color:var(--danger-color);color:#fff;border-radius:8px;padding:6px 10px;font-size:11px;white-space:nowrap;z-index:10}}@media(max-width:767px){.voice-status{position:absolute;bottom:50px;left:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:6px 10px;display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;box-shadow:0 -2px 10px #0000001a;z-index:10}.voice-preview{position:absolute;bottom:100px;left:-80px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;min-width:200px;max-width:220px;box-shadow:0 -2px 10px #0000001a;z-index:10;display:flex;align-items:center;gap:6px;font-size:11px}.voice-preview small{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-hints{position:absolute;bottom:100px;left:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:8px 10px;display:flex;flex-wrap:wrap;gap:5px;font-size:10px;color:var(--text-secondary);box-shadow:0 -2px 10px #0000001a;z-index:15;width:280px}.hint{background-color:var(--bg-tertiary);padding:3px 8px;border-radius:12px;color:var(--text-primary);font-weight:500;font-size:10px}.voice-manual-hints{position:absolute;bottom:200px;left:-80px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:12px;min-width:220px;box-shadow:0 -4px 15px #00000026;z-index:20}.voice-manual-hints li{font-size:12px;margin-bottom:8px}.hint-example{min-width:80px;font-size:11px;padding:3px 8px}.voice-error{position:absolute;bottom:50px;left:-80px;background-color:var(--danger-color);color:#fff;border-radius:8px;padding:6px 10px;font-size:10px;white-space:nowrap;z-index:10}.voice-button{width:38px;height:38px;font-size:18px}.voice-info-button{top:-25px;font-size:14px;width:20px;height:20px}.voice-preview-actions{gap:3px}.voice-send,.voice-clear{font-size:14px;padding:2px}}@media(max-width:480px){.voice-status{left:-60px;font-size:10px;padding:4px 8px}.voice-preview{left:-60px;min-width:180px}.voice-hints{left:-60px;width:160px}.voice-manual-hints{left:-60px;min-width:200px}.voice-error{left:-60px}}.theme-toggle{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:#ffffff1a}.toggle-track{width:40px;height:20px;background-color:#4d4f5c;border-radius:30px;position:relative;transition:background-color .3s ease}.theme-toggle.light .toggle-track{background-color:#e0e0e0}.toggle-indicator{position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle.light .toggle-indicator{transform:translate(20px);background-color:#f0f0f0}.icon{font-size:10px;line-height:1}.theme-toggle-button{padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;outline:none}.theme-toggle-button:hover{opacity:.9;transform:scale(1.05)}.theme-toggle-button:active{transform:scale(.95)}.export-container{position:relative;display:inline-block}.export-main-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s ease}.export-main-button:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.export-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;overflow:hidden}.export-option{width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .2s}.export-option:hover{background-color:var(--bg-hover)}.export-option:not(:last-child){border-bottom:1px solid var(--border-color)}.light .export-dropdown{box-shadow:0 4px 12px #0000001a}.mobile-menu-button{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:var(--accent-color);border:none;border-radius:8px;padding:12px;cursor:pointer;box-shadow:0 2px 5px #0003;width:44px;height:44px;align-items:center;justify-content:center}.menu-icon{display:block;width:20px;height:2px;background-color:#fff;position:relative;transition:background-color .3s}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;transition:transform .3s}.menu-icon:before{top:-6px}.menu-icon:after{bottom:-6px}.mobile-menu-button.open .menu-icon{background-color:transparent}.mobile-menu-button.open .menu-icon:before{transform:rotate(45deg);top:0}.mobile-menu-button.open .menu-icon:after{transform:rotate(-45deg);bottom:0}@media(max-width:768px){.mobile-menu-button{display:flex}}body{margin:0;padding:0;font-family:Poppins,sans-serif}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);background-color:#f0f2f5}.auth-card{background-color:#fff;padding:20px;border-radius:16px;width:100%;max-width:420px;box-shadow:0 10px 25px #0000001a}.auth-card h2{color:#1a1a1a;text-align:center;margin-bottom:15px;font-size:28px;font-weight:600}.form-group{margin-bottom:10px}.form-group label{display:block;color:#4a5568;margin-bottom:8px;font-size:14px;font-weight:500}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;color:#1a1a1a;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea}.form-group input::placeholder{color:#a0aec0}.auth-button,.magic-link-button{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:10px}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 14px #0000001a}.magic-link-button{background-color:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;margin:10px 0}.magic-link-button:hover:not(:disabled){background-color:#edf2f7}.auth-button:disabled,.magic-link-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:25px 0;color:#a0aec0;position:relative;font-size:14px}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#e2e8f0}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background-color:#fff;padding:0 10px}.auth-toggle{text-align:center;color:#718096;margin-top:20px;font-size:15px}.toggle-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;margin-left:5px;transition:color .3s ease}.toggle-button:hover{color:#764ba2;text-decoration:underline}.auth-subtitle{color:#718096;margin-bottom:25px;font-size:15px;line-height:1.6;text-align:center}.auth-message{margin-top:20px;padding:12px;border-radius:8px;text-align:center;font-size:14px;font-weight:500}.auth-message.success{background-color:#f0fff4;color:#2f855a;border:1px solid #9ae6b4}.auth-message.error{background-color:#fff5f5;color:#c53030;border:1px solid #feb2b2}.auth-links{margin-top:25px;text-align:center}.auth-link{color:#667eea;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}.forgot-password-link{text-align:right;margin:-5px 0 20px}.forgot-link{color:#718096;text-decoration:none;font-size:14px;transition:color .3s ease}.forgot-link:hover{color:#667eea;text-decoration:underline}.auth-card p{color:#4a5568;margin-bottom:20px}@media(max-width:480px){.auth-card{padding:30px 20px;margin:20px}.auth-card h2{font-size:24px}.form-group input{padding:10px 14px}.auth-button,.magic-link-button{padding:12px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary)}#root{width:100%;height:100%}.app{display:flex;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow:hidden;background-color:var(--bg-primary)}.sidebar{width:260px;background-color:var(--sidebar-bg);color:var(--text-primary);display:flex;flex-direction:column;padding:10px;height:100vh;flex-shrink:0;position:relative;overflow-y:auto;border-right:1px solid var(--border-color)}.new-chat-button,.new-bot-button{background-color:var(--accent-color);color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:background-color .3s;width:100%}.new-chat-button:hover,.new-bot-button:hover{background-color:var(--accent-hover)}.conversations-list{flex:1;overflow-y:auto}.conversation-item{padding:10px;border-radius:5px;cursor:pointer;margin-bottom:5px;font-size:14px;display:flex;align-items:center;justify-content:space-between;position:relative;transition:background-color .2s;color:var(--text-primary);background-color:transparent}.conversation-item.active{background-color:var(--bg-active);color:#fff}.conversation-item.active .conversation-title{color:#fff}.main-chat{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);height:100vh;overflow:hidden;min-width:0}.chat-header{padding:20px;border-bottom:1px solid var(--border-color);color:var(--text-primary);text-align:center;flex-shrink:0;background-color:var(--bg-primary)}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.header-title{flex:1;text-align:left}.header-title h1{font-size:1.5rem;margin-bottom:5px;color:var(--text-primary)}.bot-description-header{color:var(--text-secondary);font-size:14px}.user-info{display:flex;align-items:center;gap:15px;font-size:14px}.user-email{color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-status{color:var(--accent-color);font-size:12px}.logout-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.logout-button:hover{background-color:var(--danger-color);color:#fff;border-color:var(--danger-color)}.messages-container{flex:1;overflow-y:auto;padding:20px;min-height:0;width:100%;background-color:var(--bg-primary)}.message{display:flex;padding:24px 20px;margin-bottom:8px;border-radius:8px;animation:fadeIn .3s ease;max-width:100%;word-wrap:break-word}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{background-color:var(--message-user);color:var(--text-primary)}.assistant-message{background-color:var(--message-assistant);color:var(--text-primary);border:1px solid var(--border-color)}.message-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px;flex-shrink:0;color:#fff}.message-content{flex:1;line-height:1.6;overflow-x:auto;color:var(--text-primary)}.message-content p{margin-bottom:10px}.message-content code{background-color:var(--bg-tertiary);padding:2px 5px;border-radius:4px;font-family:Courier New,monospace;color:var(--text-primary)}.message-content pre{background-color:var(--bg-tertiary);padding:15px;border-radius:8px;overflow-x:auto;margin:10px 0;max-width:100%;border:1px solid var(--border-color);color:var(--text-primary)}.welcome-message{text-align:center;color:var(--text-secondary);margin-top:100px}.welcome-message h2{color:var(--text-primary);margin-bottom:10px;font-size:24px}.welcome-message p{color:var(--text-secondary)}.chat-input-form{padding:20px;border-top:1px solid var(--border-color);display:flex;gap:10px;flex-shrink:0;background-color:var(--bg-primary);width:100%}.chat-input{flex:1;padding:15px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--input-bg);color:var(--text-primary);font-size:16px;outline:none;resize:none;font-family:inherit;min-height:52px;max-height:200px}.chat-input:focus{border-color:var(--accent-color)}.chat-input::placeholder{color:var(--text-secondary)}.send-button{padding:15px 30px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s;white-space:nowrap;height:52px;align-self:flex-end}.send-button:hover:not(:disabled){background-color:var(--accent-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.create-bot-form{background-color:var(--bg-tertiary);padding:15px;border-radius:8px;margin-bottom:20px;animation:slideDown .3s ease;border:1px solid var(--border-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bot-input,.bot-textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-primary);font-size:14px}.bot-textarea{resize:vertical;font-family:inherit}.bot-input:focus,.bot-textarea:focus{outline:none;border-color:var(--accent-color)}.bot-form-buttons{display:flex;gap:10px;justify-content:flex-end}.create-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.create-button{background-color:var(--accent-color);color:#fff}.create-button:hover{background-color:var(--accent-hover)}.cancel-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cancel-button:hover{background-color:var(--bg-hover)}.bots-list{flex:1;overflow-y:auto;margin-bottom:15px}.bot-container{margin-bottom:10px}.bot-item{background-color:var(--bg-tertiary);border-radius:6px;cursor:pointer;transition:background-color .2s;border:1px solid var(--border-color)}.bot-item:hover{background-color:var(--bg-hover)}.bot-item.active{background-color:var(--bg-active);border-color:var(--bg-active)}.bot-item.active .bot-name,.bot-item.active .bot-description{color:#fff}.bot-header{display:flex;align-items:center;justify-content:space-between;padding:12px}.bot-info{flex:1;min-width:0}.bot-name{display:block;font-weight:500;margin-bottom:2px;color:var(--text-primary)}.bot-description{display:block;font-size:11px;color:var(--text-secondary)}.bot-actions{display:flex;gap:5px;align-items:center}.expand-button,.delete-bot-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;opacity:0;transition:all .2s}.expand-button.visible,.delete-bot-button.visible{opacity:1}.bot-item:hover .expand-button,.bot-item:hover .delete-bot-button{opacity:.7}.expand-button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.delete-bot-button:hover{background-color:var(--danger-color);color:#fff}.bot-conversations{margin-left:20px;padding:8px 0;border-left:2px solid var(--border-color);animation:expand .2s ease}@keyframes expand{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.new-conversation-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px dashed var(--border-color);padding:8px 12px;margin:5px 0 5px 10px;border-radius:4px;cursor:pointer;font-size:12px;width:calc(100% - 20px);text-align:left;transition:all .2s}.no-conversations,.no-bots{padding:20px;text-align:center;color:var(--text-secondary);font-size:13px}.delete-button,.delete-conv-button{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0 4px;border-radius:4px;opacity:0;transition:all .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-button.visible,.delete-conv-button.visible{opacity:1}.conversation-item:hover .delete-button,.conversation-item:hover .delete-conv-button{opacity:.7}.delete-button:hover,.delete-conv-button:hover{background-color:var(--danger-color);color:#fff;opacity:1!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.loading-spinner{display:inline-block;position:relative;width:80px;height:80px}.spinner-circle{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:var(--accent-color);animation-timing-function:cubic-bezier(0,1,1,0)}.loading-text{margin-top:10px;color:var(--text-secondary);font-size:14px;animation:pulse 1.5s ease-in-out infinite}.typing-indicator{display:flex;align-items:center;gap:5px;padding:10px}.typing-dot{width:8px;height:8px;background-color:var(--accent-color);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.warning-message{margin-top:10px;padding:8px;background-color:var(--danger-color);color:#fff;border-radius:4px;font-size:14px}.sidebar-footer{padding:15px 10px;border-top:1px solid var(--border-color);margin-top:auto;color:var(--text-secondary);font-size:12px;text-align:center}.storage-info{display:flex;align-items:center;justify-content:center;gap:5px}@media(max-width:768px){.sidebar{width:200px}.message{padding:16px}.message-avatar{width:32px;height:32px;font-size:16px}.header-top{flex-direction:column;align-items:flex-start}.user-info{width:100%;justify-content:space-between}}.input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:0 10px}.input-wrapper .chat-input{border:none;background:none;padding:15px 0;flex:1}@media(max-width:768px){.input-wrapper{gap:5px;padding:0 5px}.voice-button{width:36px;height:36px;font-size:16px}}.input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:0 10px;position:relative}.input-wrapper .chat-input{border:none;background:none;padding:15px 30px 15px 0;flex:1}.input-wrapper .chat-input:focus{border:none;outline:none}.input-wrapper .chat-input:disabled{background:none}.input-clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s ease}.input-clear-button:hover{background-color:var(--bg-hover);color:var(--danger-color)}@media(max-width:768px){.input-wrapper{gap:5px;padding:0 5px}.voice-button{width:36px;height:36px;font-size:16px}.input-clear-button{right:5px}}@media(min-width:768px)and (max-width:1023px){.sidebar{width:220px}.header-top{flex-direction:column;align-items:flex-start;gap:10px}.user-info{width:100%;justify-content:flex-start;flex-wrap:wrap}.user-email{max-width:150px;font-size:13px}.message{padding:16px}.message-avatar{width:36px;height:36px;font-size:18px}}@media(max-width:767px){.app{position:relative}.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #0003}.sidebar.mobile-open{left:0}.main-chat{width:100%;margin-left:0}.chat-header{padding:12px 10px}.header-top{flex-direction:column;align-items:flex-start;gap:10px;padding-left:50px}.header-title h1{font-size:1.2rem}.bot-description-header{font-size:11px}.user-info{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:8px}.user-email{max-width:120px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-status{font-size:10px}.logout-button{padding:6px 12px;font-size:12px}.messages-container{padding:10px}.message{padding:12px 10px}.message-avatar{width:32px;height:32px;font-size:16px;margin-right:8px}.message-content{font-size:13px}.message-content pre{padding:8px;font-size:11px}.chat-input-form{padding:8px 10px}.input-wrapper{gap:5px;padding:0 5px}.chat-input{padding:10px 0;font-size:14px;min-height:40px}.send-button{padding:8px 16px;font-size:14px;height:40px}.input-clear-button{right:5px;width:20px;height:20px;font-size:14px}.export-main-button{padding:5px 10px;font-size:11px}.export-dropdown{right:0;min-width:160px}.export-option{padding:8px 12px;font-size:12px}.create-bot-form{padding:12px}.bot-input,.bot-textarea{font-size:13px;padding:8px}.bot-form-buttons{flex-direction:column}.create-button,.cancel-button{width:100%;padding:10px}.bot-header{padding:10px}.bot-name{font-size:13px}.bot-description{font-size:10px}.bot-conversations{margin-left:15px}.conversation-item{padding:8px;font-size:12px}.new-conversation-button{font-size:11px;padding:6px 10px}.delete-button,.delete-bot-button,.delete-conv-button{width:20px;height:20px;font-size:14px}div[style*="position: fixed"][style*="bottom: 20px"]{bottom:10px!important;right:10px!important;padding:6px 10px!important;font-size:10px!important;z-index:10000!important}}@media(max-width:480px){.sidebar{width:260px}.header-title h1{font-size:1rem}.user-info{gap:5px}.user-email{max-width:100px}.export-main-button,.logout-button{padding:4px 8px;font-size:10px}.message{padding:10px 8px}.message-avatar{width:28px;height:28px;font-size:14px}.message-content{font-size:12px}.chat-input{font-size:13px}.send-button{padding:6px 12px;font-size:13px;height:36px}.voice-button{width:34px;height:34px;font-size:16px}.bot-name{font-size:12px}.conversation-item{font-size:11px;padding:6px}}.mobile-menu-button{display:none}@media(max-width:767px){.mobile-menu-button{display:block;position:fixed;top:15px;left:15px;z-index:1001;background-color:var(--accent-color);border:none;border-radius:8px;padding:10px;cursor:pointer;box-shadow:0 2px 5px #0003}.mobile-menu-button .menu-icon{display:block;width:20px;height:2px;background-color:#fff;position:relative}.mobile-menu-button .menu-icon:before,.mobile-menu-button .menu-icon:after{content:"";position:absolute;width:20px;height:2px;background-color:#fff;transition:transform .3s}.mobile-menu-button .menu-icon:before{top:-6px}.mobile-menu-button .menu-icon:after{bottom:-6px}.mobile-menu-button.open .menu-icon{background-color:transparent}.mobile-menu-button.open .menu-icon:before{transform:rotate(45deg);top:0}.mobile-menu-button.open .menu-icon:after{transform:rotate(-45deg);bottom:0}}@media(max-width:768px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #0003;background-color:var(--sidebar-bg);overflow-y:auto}.sidebar.mobile-open{left:0}.sidebar.mobile-open:before{content:"";position:fixed;inset:0;background-color:#00000080;z-index:-1}.main-chat{width:100%;margin-left:0}.chat-header{padding-left:60px}}.new-conversation-button{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px dashed var(--border-color);padding:8px 12px;margin:5px 0 5px 10px;border-radius:4px;cursor:pointer;font-size:12px;width:calc(100% - 20px);text-align:left;transition:all .2s;opacity:1!important;display:block}.new-conversation-button:hover{background-color:var(--bg-hover);border-color:var(--accent-color)}.delete-button,.delete-bot-button,.delete-conv-button{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:0 8px;border-radius:4px;transition:all .2s;opacity:.7!important;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-button:hover,.delete-bot-button:hover,.delete-conv-button:hover{opacity:1!important;background-color:var(--danger-color);color:#fff}.conversation-item .delete-conv-button{opacity:.7!important}.bot-actions .delete-bot-button{opacity:.7!important;position:relative;z-index:10}.expand-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:14px;opacity:.7!important;transition:all .2s}.expand-button:hover{background-color:var(--bg-hover);color:var(--text-primary);opacity:1!important}.conversation-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:2px 0 2px 10px;border-radius:4px;cursor:pointer;font-size:12px;background-color:var(--bg-tertiary);width:calc(100% - 20px);transition:background-color .2s}.conversation-item:hover{background-color:var(--bg-hover)}.conversation-item.active{background-color:var(--bg-active)}.conversation-item.active .conversation-title,.conversation-item.active .delete-conv-button{color:#fff}.conversation-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px;color:var(--text-primary)}.bot-header{display:flex;align-items:center;justify-content:space-between;padding:12px;width:100%}.bot-actions{display:flex;gap:5px;align-items:center;flex-shrink:0}.delete-button.visible,.delete-bot-button.visible,.delete-conv-button.visible,.expand-button.visible{opacity:.7}@media(max-width:768px){.delete-button,.delete-bot-button,.delete-conv-button{opacity:.8!important;width:32px;height:32px;font-size:20px}.new-conversation-button{padding:10px 12px;font-size:13px}}body.light{--bg-primary: #f7f7f8 !important;--bg-secondary: #ffffff !important;--bg-tertiary: #f0f0f0 !important;--bg-hover: #e5e5e5 !important;--bg-active: #10a37f !important;--text-primary: #353740 !important;--text-secondary: #6e6e80 !important;--text-muted: #8e8ea0 !important;--border-color: #e0e0e0 !important;--message-user: #f0f0f0 !important;--message-assistant: #ffffff !important;--accent-color: #10a37f !important;--accent-hover: #0e8f6f !important;--danger-color: #ff4444 !important;--danger-hover: #ff6666 !important;--input-bg: #ffffff !important;--sidebar-bg: #ffffff !important;--scrollbar-track: #f0f0f0 !important;--scrollbar-thumb: #b0b0b0 !important;--scrollbar-thumb-hover: #909090 !important}body.dark{--bg-primary: #343541 !important;--bg-secondary: #202123 !important;--bg-tertiary: #2d2f34 !important;--bg-hover: #36383f !important;--bg-active: #10a37f !important;--text-primary: #ffffff !important;--text-secondary: #9b9dab !important;--text-muted: #8e8ea0 !important;--border-color: #4d4f5c !important;--message-user: #444654 !important;--message-assistant: #343541 !important;--accent-color: #10a37f !important;--accent-hover: #0e8f6f !important;--danger-color: #ff4444 !important;--danger-hover: #ff6666 !important;--input-bg: #40414f !important;--sidebar-bg: #202123 !important;--scrollbar-track: #2d2f34 !important;--scrollbar-thumb: #555 !important;--scrollbar-thumb-hover: #666 !important}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}