@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}#app{width:100vw;height:100vh;background:#343541;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:75%;height:100%;overflow-y:scroll;justify-items:center;display:flex;flex-direction:column;gap:10px;margin-right:40px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:15px}.ai{background:#40414F}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;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;font-weight:400;color:#dcdcdc;font-size:20px;max-width:fit-content;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none}.message::-webkit-scrollbar{display:none}form{width:80%;max-width:1280px;margin:0 auto;padding:10px;border-radius:30px;display:flex;flex-direction:row;gap:10px}@media (max-width:767px){form{width:100%}#chat_container{margin-right:0;width:100%}}textarea{border:1px solid transparent;color:#fff;font-size:18px;width:100%;height:59px;padding:15px;outline:none;font-size:16px;padding-right:1.75rem;background-color:#3f414d;--tw-shadow: 0 0 transparent;-webkit-appearance:none;appearance:none;border-color:#8e8ea0;border-width:1px;line-height:1.5rem;padding:.9rem .75rem;border-radius:5px}textarea:is(:focus,:valid){border-color:#3d4457;padding:14px}textarea::-webkit-scrollbar{width:0}button{outline:0;border:0;position:relative;left:-1px;cursor:pointer;background:transparent}form img{width:30px;height:30px}.loading{position:fixed;top:0;display:flex;align-items:center;justify-content:center}.spinner{display:inline-block;position:relative;width:64px;height:64px}.spinner .bounce1,.spinner .bounce2,.spinner .bounce3{width:100%;height:100%;border-radius:50%;background-color:transparent;opacity:.6;position:absolute;top:0;left:0;z-index:999}.spinner .bounce1{-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.spinner .bounce2{-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out;-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .bounce3{-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out;-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.but-new{background-color:#21223cc6;left:-70px;border-right:4px solid rgba(33,34,60,.778);padding:10px;border-radius:15px;color:#fff;position:absolute;top:50px;border-bottom:4px solid rgba(33,34,60,.778);transition:.3s}.but-new:hover{color:#dcdcdc;border-bottom:3.5px solid green;left:5px;border-right:4px solid green}#bottm-but{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;position:absolute;bottom:200px;left:-150px}#bottm-but:hover{background-color:#45a049}#demo{background-color:red;position:absolute;top:5px;text-align:center;color:orange;padding:15px;font-size:30px;border-radius:100px;font-weight:600;background-size:110px 110px;background-position:0px 0px,55px 55px;background-size:100% 100%;background-position:0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;background-image:repeating-linear-gradient(315deg,#00FFFF2E 92%,#073AFF00 100%),repeating-radial-gradient(75% 75% at 238% 218%,#00FFFF12 30%,#073AFF14 39%),radial-gradient(99% 99% at 109% 2%,#00C9FFFF 0%,#073AFF00 100%),radial-gradient(99% 99% at 21% 78%,#7B00FFFF 0%,#073AFF00 100%),radial-gradient(160% 154% at 711px -303px,#2000FFFF 0%,#073AFFFF 100%);width:600px;margin-left:50%;transform:translate(-50%)}@media (max-width:767px){#demo{width:312px}}#demo:after{content:"";position:absolute;background-color:red;width:0px;height:5px;transition:2s;display:flex;margin-left:50%;transform:translate(-60%);animation:bord 2s 1}@keyframes bord{0%{width:0}to{width:145px}}.reset-button:hover{left:5px;border-right:4px solid red;border-bottom:4px solid red}#sidebar{position:fixed;top:0;right:-300px;width:300px;height:100%;background-color:#2c2828;z-index:1;transition:right .3s ease-out}#sidebar-header{padding:10px;background-color:#555;color:#fff}#close-button{float:right;font-size:24px;font-weight:700;line-height:1;text-shadow:0 1px 0 #fff;opacity:.8}#sidebar.open{right:0}.sidebar-content{z-index:9999}.meinu{position:absolute;color:#fff;top:10px;padding:15px 15px 10px;right:40px;transform:scaleX(2.5);cursor:pointer}.meinu:hover{color:#0ff}.reset-button{background-color:#3f414d;padding:10px;margin-top:15px;text-align:center;color:#fff;font-size:large;cursor:pointer;margin-bottom:10px;transition:.4s}.reset-button:hover{border-bottom:4px solid red;border-top:4px solid red;background-size:100% 100%;letter-spacing:1.5px;background-position:0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;background-image:radial-gradient(49% 81% at 45% 47%,#FFE20345 0%,#073AFF00 100%),radial-gradient(113% 91% at 17% -2%,#FF0000FF 1%,#FF000000 99%),radial-gradient(142% 91% at 83% 7%,#FFDB00FF 1%,#FF000000 99%),radial-gradient(142% 91% at -6% 74%,#FF0049FF 1%,#FF000000 99%),radial-gradient(142% 91% at 111% 84%,#FF7000FF 0%,#FF0000FF 100%)}.open-new-page{background-color:#3f414d;padding:10px;margin-top:15px;text-align:center;color:#fff;font-size:large;cursor:pointer;margin-bottom:10px;transition:.4s}.open-new-page:hover{border-bottom:4px solid rgb(34,203,34);border-top:4px solid rgb(34,203,34);letter-spacing:1.5px;background-size:100% 100%;background-position:0px 0px,0px 0px,0px 0px,0px 0px,0px 0px;background-image:radial-gradient(49% 81% at 45% 47%,#FFE20345 0%,#073AFF00 100%),radial-gradient(113% 91% at 17% -2%,#00FF45FF 1%,#00FF32FF 18%,#FF000000 99%),radial-gradient(142% 91% at 83% 7%,#FFDB00FF 1%,#FF000000 99%),radial-gradient(142% 91% at -6% 74%,#FF0049FF 1%,#FF000000 99%),radial-gradient(142% 91% at 111% 84%,#FF7000FF 0%,#FF0000FF 100%)}.iframe-container:-webkit-full-screen{width:100%;height:100%}.iframe-container:-moz-full-screen{width:100%;height:100%}.iframe-container:-ms-fullscreen{width:100%;height:100%}.iframe-container:fullscreen{width:100%;height:100%}#webpage-iframe{width:100%;height:100%;border:none}#fullscreen-button{color:#fff}