@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:100%;height:100vh;background:#343541;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:10px;-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;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;display:flex;flex-direction:row;gap:10px}textarea{width:100%;color:#fff;font-size:18px;padding:10px;background:transparent;border-radius:5px;border:none;outline:none}button{outline:0;border:0;cursor:pointer;background:transparent}form img{width:30px;height:30px}.sidenav{height:100%;width:160px;position:fixed;z-index:1;top:0;left:0;background-color:#111;overflow-x:hidden;padding-top:20px}@media screen and (max-height: 450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}@media screen and (max-width: 450px){.sidenav{display:none}}@media screen and (min-width: 450px){.main{margin-left:160px;padding:5px}}@media screen and (max-width: 449px){.mob{display:none}}.main{margin-left--:160px;font-size:16px;padding:0 10px}a{text-decoration:underline;color:#fff;font-size:15px}a:active{color:#fff}a:hover{color:#10a37f}.mobile-container{max-width:480px;margin:auto;background-color:#555;height:500px;color:#fff;border-radius:10px}.topnav{overflow:hidden;background-color:#333;position:relative}.topnav #myLinks{display:none}.topnav a{float:left;color:#fff;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a.icon{float:right}.topnav a:hover{background-color:#ddd;color:#000}.active{background-color:#04aa6d;color:#fff}.copy-btn{border:none;background:none;color:#4caf50;font-size:.8rem;font-weight:700;text-transform:uppercase;cursor:pointer;margin-left:1rem;outline:none}.copy-btn:disabled{color:#ccc;cursor:not-allowed}.error-message{color:#07aa9f;font-weight:700}