body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center}.chat-box{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:600px;max-width:95%;overflow:hidden;width:400px}@media (max-width:768px){.chat-box{border-radius:0;height:100%;max-width:100%;width:100%}.App{padding:0}}@media (max-width:480px){.message-bubble{max-width:85%}.chat-input{padding:10px}.message-input{padding:8px 12px}.send-button{padding:0 15px}}.chat-header{background-color:#4a90e2;color:#fff;padding:15px;text-align:center}.chat-header h2{font-size:18px;margin:0}.chat-message-list{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:15px}.chat-message{animation:fadeIn .3s ease-in-out;display:flex;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{justify-content:flex-end}.message-bubble{border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:10px 15px;transition:all .2s ease}.message-bubble:hover{box-shadow:0 2px 5px #0003}.own-message .message-bubble{background-color:#4a90e2;color:#fff}.other-message .message-bubble{background-color:#f1f0f0;color:#333}.message-sender{font-size:12px;font-weight:700;margin-bottom:5px}.message-text{font-size:14px;line-height:1.4;word-break:break-word}.message-time{font-size:10px;margin-top:5px;opacity:.7;text-align:right}.typing-indicator{align-items:center;background-color:#f9f9f9;color:#888;display:flex;font-size:12px;font-style:italic;padding:10px 15px}.typing-indicator span{margin-right:5px}.typing-dots{display:inline-flex}.typing-dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#888;border-radius:50%;height:6px;margin:0 2px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input{border-top:1px solid #eee;display:flex;padding:15px}.message-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.send-button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:0 20px;transition:background-color .2s}.send-button:hover{background-color:#3a80d2}.send-button:disabled{background-color:#ccc;cursor:not-allowed}
/*# sourceMappingURL=main.4d2ab8dd.css.map*/