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;height:100vh;margin:0;overflow:hidden}#root,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#f0f0f0;display:flex;flex-direction:column;height:100vh}.header{background-color:#075e54;box-shadow:0 2px 4px #0000001a;color:#fff;padding:10px 20px;z-index:10}.header h1{font-size:24px;font-weight:500;margin:0}.chat-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.messages{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.message{word-wrap:break-word;display:flex;-webkit-hyphens:auto;hyphens:auto;margin-bottom:15px;max-width:80%;word-break:break-word}.my-message{align-self:flex-end}.other-message{align-self:flex-start}.system-message{align-self:center}.system-message .message-content{background-color:#e0e0e0;border-radius:15px;padding:8px 15px;text-align:center}.system-message .message-text{color:#666;font-style:italic;text-align:center}.message-content{border-radius:10px;max-width:100%;padding:10px 15px;position:relative;width:-webkit-fit-content;width:fit-content}.my-message .message-content{background-color:#dcf8c6;border-top-right-radius:0}.other-message .message-content{background-color:#fff;border-top-left-radius:0}.message-text{word-wrap:break-word;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word;text-align:left;white-space:pre-wrap;word-break:break-word}.message-time{color:#666;font-size:12px;margin-top:5px;text-align:right}.input-container{background-color:#f0f0f0;border-top:1px solid #e0e0e0;display:flex;padding:10px}.message-input{word-wrap:break-word;border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-family:inherit;font-size:16px;line-height:1.4;max-height:150px;min-height:20px;outline:none;overflow-wrap:break-word;overflow-y:auto;padding:12px;resize:none;word-break:break-word}.message-input:focus{border-color:#075e54;box-shadow:0 0 0 2px #075e5433}.send-button{background-color:#075e54;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 20px}.send-button:hover{background-color:#128c7e}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:#f1f1f1}.messages::-webkit-scrollbar-thumb{background:silver;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#a0a0a0}
/*# sourceMappingURL=main.1c8a5c49.css.map*/