pre>span{padding:1rem;display:block;overflow-x:auto}body,html{margin:0;height:100%;overflow:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:0;height:100vh;flex-direction:column;margin:0 auto;max-width:768px;padding:2rem 0 0}#app,.dialog-container{display:flex;box-sizing:border-box}.dialog-container{flex:1;border:1px solid #ccc;overflow-y:auto;flex-direction:column;gap:10px;padding:2rem;position:relative}.reset-button{position:absolute;right:.5rem;top:.5rem}.settings-button{position:absolute;right:.5rem;top:3rem}.message{padding:1rem;border-radius:5px;text-align:left;max-width:80%;word-break:break-word}.assistant-message{background-color:#f0f0f0;align-self:flex-start}.user-message{background-color:#e6f7ff;align-self:flex-end}.answer-container{border:1px solid #ccc;border-top:none;position:relative;padding:1rem}.button-group{position:absolute;display:flex;flex-wrap:nowrap;right:1.5rem;bottom:1.5rem}.area-input{width:100%;display:flex;margin-right:1rem}.references{width:768px;justify-content:space-around;margin:2rem auto}@media screen and (max-width:768px){#app{width:100vw;padding:0;border-top:none;border-left:none;border-right:none}.dialog-container{width:100%}.answer-container,.dialog-container{border:none;border-bottom:1px solid #ccc}.references{width:100%;margin:1rem auto}}