.chat-container{width:100%;height:100vh;margin:0 auto;background-color:#fff;border-radius:10px;overflow:hidden}.message-display-area{display:flex;flex-direction:column-reverse;overflow-y:auto;height:calc(100vh - 76px);padding:20px;background-color:#fff;border-bottom:1px solid #ddd}.message{display:flex;margin-bottom:10px;width:100%;font-size:14px}.message .assistant,.message .user{max-width:80%;padding:16px;border-radius:16px;word-break:break-word}.message .user{margin-left:auto;background-color:#0084ff;color:#fff}.message .assistant{margin-right:auto;background-color:#f0f0f0}.message .assistant_header{font-size:12px;opacity:.5}.message-input-form{display:flex;padding:10px}input[type=text]{flex:1 1;font-size:18px;padding:16px;border:1px solid #efefef;border-radius:5px;margin-right:10px;border-radius:40px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}button{padding:16px;background-color:#eef2ff;color:#1e40af;border:none;border-radius:40px;cursor:pointer;transition:all .3s ease-in-out}button:hover{border-radius:8px;background-color:#e0e7ff}.loader{position:absolute;top:auto;left:24px;bottom:75px;right:24px;align-self:flex-end;margin-bottom:10px;opacity:.7;border-radius:50%;width:50px;height:50px}.empty-state{text-align:center;margin-top:20px;color:#999;height:100%;display:flex;flex-direction:column;justify-content:center}.empty-state h2{font-size:24px;font-weight:700}.suggested-prompt-btn{background-color:#fafafa;border:1px solid #ebebeb;border-radius:16px;padding:16px;color:#333;font-size:14px;margin:8px}.suggested-prompt-btn:hover{background-color:#fff;border-radius:16px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);transform:translateY(-2px)}.suggested-prompts{margin-top:16px}.message-enter{opacity:0;transform:translateY(20px)}.message-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.typing-indicator{display:flex;align-items:center;justify-content:center;margin-left:5px;background-color:#e6e6e6;width:84px;height:52px;border-radius:28px}.typing-indicator span{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#9b9b9b;margin:0 2px;animation:bounce 1s ease-in-out infinite both}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}