@import"https://fonts.googleapis.com/css2?family=Rubik:wght@100;300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif}a{color:#007965}#app{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column;gap:1px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:15px;background:rgba(240,240,240,.7)}.wrapper:not(.ai) .chat{flex-direction:row-reverse;justify-content:flex-start}.ai{background:rgba(255,255,255,.9)}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.profile{width:48px;height:48px;border-radius:5px;background:#aca2db}.ai .profile{width:86px;height:86px;background:none}.profile img{width:60%;height:60%;object-fit:contain}.ai .profile img{width:100%;height:100%;border-radius:5px;object-fit:contain}.message{flex:1;color:#333;font-size:1rem;max-width:100%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.wrapper:not(.ai) .message{text-align:right}.message::-webkit-scrollbar{display:none}form{width:100%;max-width:1280px;margin:0 auto;padding:10px;display:flex;flex-direction:row;gap:10px}input{width:100%;color:#333;font-size:1rem;padding:10px;background:#fff;border-radius:5px;border:1px solid #ccc;outline:none}button{outline:0;border:0;cursor:pointer;background-color:transparent}form img{width:30px;height:30px}.profile,.ai .profile{border-radius:5px;display:flex;justify-content:center;align-items:center}