@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}body,html{height:100%;margin:0;padding:0;font-family:Alegreya Sans,sans-serif}#app{position:relative;width:100%;height:100%;background:#343541;display:flex;flex-direction:column;align-items:center;justify-content:space-between}header{width:100%;padding:10px;background-color:#2c2e3e;text-align:center;box-shadow:0 2px 4px #0000001a}.logo{max-width:100%;max-height:175px;transition:all .5s;margin:-10px}@media screen and (max-width: 768px){.logo{max-height:184px;margin-bottom:-15px;margin-top:-10px}}#chat_container{flex:1;width:100%;height:100%;overflow-y:scroll;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth;position:relative}#chat_container::-webkit-scrollbar{width:8px}#chat_container::-webkit-scrollbar-track{background:#2c2e3e;border-radius:5px}#chat_container::-webkit-scrollbar-thumb{background-color:#be9e44;border-radius:5px}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)){#chat_container{-webkit-overflow-scrolling:touch;overflow-y:scroll}}}.wrapper{width:100%;padding:15px}.ai{background:#343541}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;background-color:#2c2e3e;box-shadow:0 2px 4px #0000004d;opacity:0;transform:translateY(20px);animation:fade-in-up .4s forwards}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.profile{width:36px;height:36px;border-radius:5px;background:#10a37f;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000004d}.ai .profile{background:#be9e44}.profile img{width:60%;height:60%;object-fit:contain}.message{flex:1;padding-top:7px;color:#dcdcdc;font-size:calc(18px - .1vmin);line-height:1.3;font-family:Inter,sans-serif;max-width:100%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.message::-webkit-scrollbar{display:none}.input-container{display:flex;align-items:flex-end;gap:10px;width:100%;padding-bottom:8px;position:relative}.char-counter{position:absolute;bottom:5px;right:5px;font-size:.8em;margin-right:138px;margin-bottom:-14px;color:#dcdcdc;z-index:20}.button-container{display:flex;gap:3x;align-items:center}button[type=submit]{background-color:#10a37f;border-radius:50%;padding:7px;transition:background-color .5s ease;margin-bottom:-3px;margin-top:3px;box-shadow:2px 2px 4px #0000004d}button[type=submit]:hover{background-color:#be9e44}form{width:100%;max-width:1280px;margin:0 auto;padding:10px;background:#40414F;display:flex;flex-direction:row;gap:10px}textarea{flex-grow:1;resize:none;min-height:1.2em;max-height:9.6em;overflow-y:hidden;overflow:hidden;color:#fff;font-size:18px;padding:10px;background:transparent;border:1px solid #2a2a2a;border-radius:5px;outline:none}textarea:focus{border-color:#be9e44;box-shadow:0 0 5px #be9e4480}button{outline:0;border:0;cursor:pointer;background:transparent}form img{width:30px;height:30px}#reset-btn{background-color:#c0392b;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin-left:16px;margin-top:4px;padding:12px 16px;transition:background-color .5s ease;box-shadow:0 2px 4px #0000004d}#reset-btn:hover{background-color:#be9e44}#stop-btn{background-color:#2c2e3e;border:none;border-radius:10px;color:#c0c3ce;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .3s ease;margin-bottom:10px;box-shadow:0 2px 4px #0000004d}#stop-btn:hover{background-color:#be9e44;color:#fff;font-size:18px;padding:14px 18px}#stop-Btn-Container{position:absolute;bottom:130px;left:50%;transform:translate(-50%);z-index:10}.spin-animation{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-container{display:flex;align-items:center;justify-content:center;margin-top:10px}.toggle-label{font-size:14px;color:#fff;margin:0 5px}.toggle-checkbox{display:none}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px;background-color:#be9e44;border-radius:20px;cursor:pointer;margin:0 5px;transition:background-color .3s}.toggle-checkbox:checked+.toggle-switch{background-color:#a867f7}.toggle-switch:before{content:"";position:absolute;width:18px;height:18px;background-color:#fff;border-radius:50%;top:1px;left:1px;transition:left .3s}.toggle-checkbox:checked+.toggle-switch:before{left:21px}