@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}body{background:#343541;display:flex;align-items:center;justify-content:center}#app{width:80vw;height:100vh;display:flex;flex-direction:column;align-items:center}#chat_container{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.logo{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.logo_img{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:5px;background-color:#10a37f}.logo_img img{width:60%;height:60%}.logo p{font-size:28px;color:#dcdcdc;font-weight:600}.wrapper{width:95%;padding:15px;border-radius:5px}.ai{background:#40414f}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:flex-start;gap:10px}.profile{width:36px;height:36px;border-radius:5px;background:#5436da;display:flex;justify-content:center;align-items:center}.ai .profile{background:#10a37f}.profile img{width:60%;height:60%;object-fit:contain}.message{flex:1;color:#dcdcdc;font-size:20px;max-width:100%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.message::-webkit-scrollbar{display:none}form{width:100%;max-width:1280px;margin:0 auto;padding:10px;background:#40414f;border:1px solid #99999970;border-radius:5px;display:flex;gap:10px;position:relative}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-thumb{background-color:#9999994b;border-radius:5px}textarea{width:calc(100% - 30px);max-height:200px;color:#fff;font-size:18px;padding:10px;background:transparent;border:none;outline:none;resize:none;overflow-y:auto}textarea::placeholder{color:#999}button{outline:0;border:0;cursor:pointer;background:transparent;position:absolute;bottom:10px;right:5px}form img{width:30px;height:30px}.note{color:#999;padding:.75rem;font-size:.85rem;line-height:1rem;text-align:center}@media (max-width: 768px){#app{width:100vw;height:92vh}}