body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;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}*{box-sizing:border-box}.app{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:800px}.app-header{background-color:#2c3e50;color:#fff;padding:1rem;text-align:center}.app-header h1{font-size:1.5rem;margin:0}.chat-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1rem}.welcome-message{color:#7f8c8d;margin:auto;text-align:center}.welcome-message h2{color:#2c3e50;margin-bottom:.5rem}.message{border-radius:1rem;max-width:80%;padding:.8rem 1rem;word-break:break-word}.message.user{align-self:flex-end;background-color:#3498db;border-bottom-right-radius:.2rem;color:#fff}.message.assistant{align-self:flex-start;background-color:#f0f0f0;border-bottom-left-radius:.2rem;color:#333}.message.error{background-color:#fdd;color:#e74c3c}.loading-indicator{display:flex;gap:.3rem;justify-content:center}.dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#999;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.input-form{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;padding:1rem}.input-form input{border:1px solid #ddd;border-radius:1.5rem;flex:1 1;font-size:1rem;outline:none;padding:.8rem}.input-form input:focus{border-color:#3498db}.input-form button{background-color:#3498db;border:none;border-radius:1.5rem;color:#fff;cursor:pointer;font-weight:700;margin-left:.5rem;padding:.8rem 1.5rem;transition:background-color .2s}.input-form button:hover:not(:disabled){background-color:#2980b9}.input-form button:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width:600px){.app{height:100vh;max-width:none;width:100%}.message{max-width:90%}}
/*# sourceMappingURL=main.b8cd47c3.css.map*/