.chat-container{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.welcome-message{text-align:center;margin:40px 0;color:#666}.welcome-message h2{font-size:24px;margin-bottom:10px;color:#333}.message{display:flex;margin-bottom:16px;max-width:80%}.user-message{align-self:flex-end;justify-content:flex-end}.assistant-message{align-self:flex-start}.message-content{padding:12px 16px;border-radius:18px;font-size:16px;line-height:1.5}.user-message .message-content{background-color:#0084ff;color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background-color:#e5e5ea;color:#333;border-bottom-left-radius:4px}.markdown-content{white-space:pre-wrap}.markdown-content p{margin-bottom:10px}.markdown-content code{background-color:#0000001a;padding:2px 4px;border-radius:4px;font-family:monospace}.markdown-content pre{background-color:#0000000d;padding:10px;border-radius:4px;overflow-x:auto;margin:10px 0}.error-message{color:#e74c3c}.loading{display:flex;flex-direction:column;align-items:flex-start}.typing-indicator{display:flex;align-items:center;margin-bottom:8px}.typing-indicator span{height:8px;width:8px;background-color:#999;border-radius:50%;display:inline-block;margin-right:5px;animation:typing 1.5s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.3s}.typing-indicator span:nth-child(3){animation-delay:.6s;margin-right:0}@keyframes typing{0%{transform:translateY(0);background-color:#999}28%{transform:translateY(-5px);background-color:#666}44%{transform:translateY(0);background-color:#999}}.chat-form{border-top:1px solid #e5e5ea;padding:16px;background-color:#fff}.input-container{display:flex;position:relative}.chat-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:24px;font-size:16px;resize:none;outline:none;max-height:120px;transition:border-color .3s}.chat-input:focus{border-color:#0084ff}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.send-button{background-color:#0084ff;color:#fff;border:none;border-radius:50%;width:48px;height:48px;margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.send-button:hover:not(:disabled){background-color:#0073e6}.send-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 768px){.chat-container{height:calc(100vh - 40px);margin:20px;border-radius:12px}.message{max-width:90%}}