.sidebar-overlay{display:none}.sidebar{width:280px;min-width:280px;height:100dvh;background:#1a1b26f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;z-index:100}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6c5ce7,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #6c5ce766}.brand-icon svg{width:20px;height:20px}.brand-text h1{font-size:18px;font-weight:700;color:#fff;margin:0;letter-spacing:-.3px}.brand-tagline{font-size:11px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:1px}.new-chat-btn{width:100%;padding:10px 16px;background:linear-gradient(135deg,#6c5ce733,#a855f733);border:1px solid rgba(108,92,231,.3);border-radius:10px;color:#c4b5fd;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;font-family:Inter,sans-serif}.new-chat-btn:hover{background:linear-gradient(135deg,#6c5ce759,#a855f759);border-color:#6c5ce780;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce740}.sidebar-chats{flex:1;overflow-y:auto;padding:12px 8px}.chats-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1.2px;padding:8px 12px;margin-bottom:4px}.no-chats{text-align:center;padding:32px 16px;color:#475569}.no-chats p{margin:0;font-size:13px}.no-chats-hint{margin-top:4px!important;font-size:12px!important;color:#334155!important}.chat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.chat-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;color:#94a3b8;transition:all .2s ease;font-size:13px}.chat-item:hover{background:#ffffff0d;color:#e2e8f0}.chat-item-active{background:#6c5ce726;color:#c4b5fd;border:1px solid rgba(108,92,231,.2)}.chat-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06)}.model-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;padding:8px 12px;background:#ffffff08;border-radius:8px}.model-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80}.sidebar-chats::-webkit-scrollbar{width:4px}.sidebar-chats::-webkit-scrollbar-track{background:transparent}.sidebar-chats::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar-open{transform:translate(0);box-shadow:4px 0 30px #00000080}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;animation:fadeIn .2s ease}}.message{display:flex;align-items:flex-start;gap:12px;animation:messageSlide .4s ease;max-width:100%}.message-user{justify-content:flex-end}.message-ai{justify-content:flex-start}.message-avatar{width:36px;height:36px;min-width:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:2px}.message-avatar svg{width:18px;height:18px}.ai-avatar{background:linear-gradient(135deg,#6c5ce7,#a855f7)}.user-avatar{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.message-content{max-width:75%;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word}.user-content{background:linear-gradient(135deg,#6c5ce7,#7c3aed);padding:12px 18px;border-radius:20px 20px 4px;color:#fff;font-size:14.5px}.user-content p{margin:0}.ai-content{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:16px 20px;border-radius:4px 20px 20px;color:#e2e8f0;font-size:14.5px}.ai-content p{margin:0 0 12px}.ai-content p:last-child{margin-bottom:0}.ai-content h1,.ai-content h2,.ai-content h3,.ai-content h4{color:#fff;margin:16px 0 8px;font-weight:600}.ai-content h1:first-child,.ai-content h2:first-child,.ai-content h3:first-child{margin-top:0}.ai-content h1{font-size:1.3em}.ai-content h2{font-size:1.15em}.ai-content h3{font-size:1.05em}.ai-content ul,.ai-content ol{margin:8px 0;padding-left:24px}.ai-content li{margin:4px 0}.ai-content strong{color:#fff;font-weight:600}.ai-content a{color:#a855f7;text-decoration:none}.ai-content a:hover{text-decoration:underline}.ai-content blockquote{border-left:3px solid #6c5ce7;margin:12px 0;padding:8px 16px;background:#6c5ce71a;border-radius:0 8px 8px 0}.inline-code{background:#a855f733;border:1px solid rgba(168,85,247,.3);padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.88em;color:#d8b4fe}.code-block-wrapper{margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.08)}.code-language{font-size:12px;color:#94a3b8;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.copy-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-size:12px;cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s;font-family:Inter,sans-serif}.copy-btn:hover{background:#ffffff1a;color:#e2e8f0;border-color:#ffffff40}@keyframes messageSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.typing-indicator-wrapper{display:flex;align-items:flex-start;gap:12px;padding:8px 0;animation:fadeIn .3s ease}.typing-avatar{width:36px;height:36px;min-width:36px;border-radius:12px;background:linear-gradient(135deg,#6c5ce7,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff}.typing-avatar svg{width:18px;height:18px}.typing-indicator{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px 24px;display:flex;gap:6px;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#a855f7;animation:bounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chat-area{flex:1;display:flex;flex-direction:column;height:100dvh;min-width:0;position:relative;background:#13141c}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#13141cd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);z-index:10}.menu-btn{display:none;width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;cursor:pointer;align-items:center;justify-content:center;transition:all .2s}.menu-btn:hover{background:#ffffff1a;color:#e2e8f0}.chat-header-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#e2e8f0}.header-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e80}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff26}.messages-list{max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;animation:fadeIn .6s ease}.welcome-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#6c5ce7,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;box-shadow:0 8px 32px #6c5ce766;animation:float 3s ease-in-out infinite}.welcome-icon svg{width:36px;height:36px}.welcome-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.welcome-subtitle{color:#64748b;font-size:15px;margin:0 0 40px;max-width:460px;line-height:1.6}.suggestions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;width:100%}.suggestion-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .25s ease;text-align:left;font-family:Inter,sans-serif;color:inherit}.suggestion-card:hover{background:#6c5ce71a;border-color:#6c5ce740;transform:translateY(-2px);box-shadow:0 4px 20px #6c5ce726}.suggestion-icon{font-size:24px}.suggestion-title{font-size:14px;font-weight:600;color:#e2e8f0}.suggestion-desc{font-size:12px;color:#64748b;line-height:1.4}.chat-input-area{padding:16px 24px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(to top,#13141c 65%,transparent)}.chat-input-form{max-width:800px;margin:0 auto}.input-wrapper{display:flex;align-items:flex-end;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 8px 8px 18px;transition:all .25s ease}.input-wrapper:focus-within{border-color:#6c5ce780;box-shadow:0 0 0 3px #6c5ce71a,0 4px 20px #6c5ce71a;background:#ffffff12}.input-wrapper textarea{flex:1;background:none;border:none;outline:none;color:#e2e8f0;font-size:14.5px;font-family:Inter,sans-serif;resize:none;padding:6px 0;line-height:1.5;max-height:150px}.input-wrapper textarea::placeholder{color:#475569}.send-btn{width:40px;height:40px;min-width:40px;border-radius:12px;background:linear-gradient(135deg,#6c5ce7,#a855f7);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;box-shadow:0 2px 10px #6c5ce74d}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #6c5ce780}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{text-align:center;font-size:11px;color:#334155;margin:8px 0 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.menu-btn{display:flex}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px calc(16px + env(safe-area-inset-bottom))}.welcome-title{font-size:22px}.suggestions-grid{grid-template-columns:1fr}.message-content{max-width:85%}}.app{display:flex;height:100dvh;width:100vw;overflow:hidden;background:#13141c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#13141c;color:#e2e8f0;overflow:hidden;height:100dvh;width:100vw}#root{height:100dvh;width:100vw}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:#6c5ce766;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}