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;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.chat-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:90vh;max-width:800px;overflow:hidden;width:90%}.chat-header{background-color:#2c3e50;box-shadow:0 2px 5px #0000001a;color:#fff;padding:15px 20px;text-align:center}.chat-header h1{font-size:1.5rem;font-weight:500;margin:0}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{word-wrap:break-word;border-radius:18px;margin-bottom:5px;max-width:70%;padding:12px 16px;position:relative}.user-message{align-self:flex-end;background-color:#3498db;border-bottom-right-radius:5px;color:#fff}.ai-message{align-self:flex-start;background-color:#f0f0f0;border-bottom-left-radius:5px;color:#333}.message-content{margin-bottom:5px}.message-timestamp{font-size:.7rem;opacity:.7;text-align:right}.input-container{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:15px}input{border:1px solid #ddd;border-radius:25px;flex:1 1;font-size:1rem;outline:none;padding:12px 15px;transition:border-color .3s}input:focus{border-color:#3498db}button{background-color:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-left:10px;padding:0 20px;transition:background-color .3s}button:hover{background-color:#2980b9}button:disabled{background-color:#95a5a6;cursor:not-allowed}.loading span{animation:dotLoading 1.4s ease-in-out infinite both;display:inline-block;font-size:1.5rem}.loading span:first-child{animation-delay:0s}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes dotLoading{0%,80%,to{opacity:.2}40%{opacity:1}}
/*# sourceMappingURL=main.c1bb371a.css.map*/