@import "https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";@supports (-webkit-touch-callout:none){#app{height:-webkit-fill-available}}*{box-sizing:border-box;margin:0;padding:0;font-family:Alegreya Sans,sans-serif}body{background:#343541}#app{background:#343541;flex-direction:column;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}#chat_container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;width:100%;padding-bottom:80px;display:flex;overflow-y:auto}#chat_container::-webkit-scrollbar{display:none}#header-title{justify-content:center;display:flex}#header-title img{width:150px;height:auto}.wrapper{justify-content:center;width:100%;padding:18px 0;display:flex}.ai{background:#444654}.chat{flex-direction:row;align-items:flex-start;gap:12px;width:100%;max-width:850px;margin:0 auto;padding:0 20px;display:flex}.profile{background:#5436da;border-radius:5px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai .profile{background:#10a37f}.profile img{object-fit:contain;width:60%;height:60%}.message{color:#dcdcdc;white-space:pre-wrap;word-wrap:break-word;background:0 0;border-radius:12px;flex:1;padding:12px 16px;font-size:16px;line-height:1.6}.message::-webkit-scrollbar{display:none}form{z-index:10;background:#40414f;gap:10px;width:100%;max-width:850px;margin:0 auto;padding:10px;display:flex;position:sticky;bottom:0}textarea{color:#fff;background:0 0;border:none;border-radius:5px;outline:none;width:100%;padding:10px;font-size:18px}button{cursor:pointer;background:0 0;border:0;outline:0}form img{width:30px;height:30px}