.chat-container{height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;padding:20px}.chat-wrapper{width:100%;max-width:900px;height:100%;max-height:900px;background:#1e293b80;border-radius:24px;border:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;overflow:hidden}.header{padding:24px 32px;border-bottom:1px solid rgba(148,163,184,.1);background:#0f172a4d}.header-content{max-width:100%}.title{font-size:24px;font-weight:700;color:#f1f5f9;margin:0 0 8px;letter-spacing:-.5px}.subtitle{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}.name{color:#60a5fa;font-weight:600}.messages-container{flex:1;overflow-y:auto;padding:24px 32px;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.messages{max-width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#64748b}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#94a3b8}.empty-state p{font-size:14px;margin:0;color:#64748b}.message-wrapper{margin-bottom:24px;animation:fadeIn .3s ease-out}.message-wrapper.has-prev{margin-top:-8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message{display:flex;gap:12px;align-items:flex-start}.message-wrapper.user .message{flex-direction:row-reverse}.ai-avatar,.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.ai-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.user-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.message-content{flex:1;min-width:0}.text-content{background:#1e293b99;padding:14px 18px;border-radius:16px;color:#e2e8f0;line-height:1.6;font-size:15px;word-wrap:break-word}.message-wrapper.user .text-content{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:4px}.message-wrapper.ai .text-content{border-bottom-left-radius:4px}.markdown :global(p){margin:0 0 12px}.markdown :global(p:last-child){margin-bottom:0}.markdown :global(code){background:#0000004d;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px}.markdown :global(pre){background:#0006;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.markdown :global(pre code){background:none;padding:0}.thinking{margin-bottom:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:8px 12px}.thinking summary{cursor:pointer;font-size:13px;color:#60a5fa;font-weight:500;display:flex;align-items:center;gap:6px;outline:none;-webkit-user-select:none;user-select:none}.thinking summary:hover{color:#93c5fd}.thinking-content{margin-top:8px;padding-top:8px;border-top:1px solid rgba(59,130,246,.2);font-size:13px;color:#cbd5e1;line-height:1.5}.typing-indicator{display:flex;gap:4px;padding:14px 18px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#60a5fa;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.input-container{padding:20px 32px;border-top:1px solid rgba(148,163,184,.1);background:#0f172a4d}.input-wrapper{display:flex;gap:12px;align-items:center}.input{flex:1;background:#1e293b99;border:1px solid rgba(148,163,184,.2);color:#f1f5f9;padding:14px 18px;border-radius:12px;font-size:15px;outline:none;transition:all .2s}.input::placeholder{color:#64748b}.input:focus{border-color:#3b82f6;background:#1e293bcc;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{opacity:.5;cursor:not-allowed}.send-button{width:48px;height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.send-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.send-button:active:not(:disabled){transform:translateY(0)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.chat-container{padding:0}.chat-wrapper{max-height:100vh;border-radius:0}.header{padding:20px}.title{font-size:20px}.subtitle{font-size:13px}.messages-container,.input-container{padding:16px}.message-wrapper{margin-bottom:16px}}