@import"https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Mono,monospace}body{background:#121E26}#app{width:100vw;height:100vh;background:#121E26;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#content-wrapper{display:flex;flex-direction:column;height:100%}#video_time_container{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}#media_container{position:absolute;top:0;width:80%;max-width:854px;height:calc(100% / 3);display:flex;color:#fff;justify-content:center;align-items:center;overflow:hidden;left:50%;transform:translate(-50%)}#description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:light;text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center}#greeting{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:light;text-align:center;z-index:1;width:100%}#text{position:relative;color:#fff;font-size:14px;text-align:center;z-index:1;width:100%}#time{position:absolute;top:calc(50% + 20px);left:50%;transform:translate(-50%,calc(-50% + 20px));color:#fff;font-size:16px;background:rgba(0,0,0,0);padding:10px;border-radius:10px;text-align:center;z-index:3;justify-content:center;align-items:center}#gradient_container{position:absolute;bottom:0;width:80%;height:75%;margin-bottom:0;left:50%;transform:translate(-50%)}#chat_container{position:absolute;bottom:0;width:100%;max-width:854px;height:85%;margin-bottom:50px;overflow-y:scroll;display:flex;flex-direction:column-reverse;gap:10px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth;left:50%;transform:translate(-50%)}.message-container{display:flex;align-items:center}.prefix{color:#dcdcdc;font-size:20px;margin-bottom:4px}#gradient_overlay{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#121E26,transparent);pointer-events:none;z-index:1}#chat_container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(transparent,#121E26);pointer-events:none;z-index:1}#chat_container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to bottom,transparent,#121E26);pointer-events:none;z-index:1}#chat_container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:15px;position:relative;z-index:2;mix-blend-mode:screen}.ai{background:#363743}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.profile{width:36px;min-width:36px;height:36px;border-radius:5px;background:#F29D35;display:flex;justify-content:center;align-items:center}.ai .profile{min-width:36px;background:#94C6F2}.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:854px;margin:0 auto;padding:10px;background:#31363c;position:absolute;left:50%;bottom:0;transform:translate(-50%);display:flex;flex-direction:row;gap:10px}textarea{width:100%;max-width:854px;color:#fff;font-size:16px;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}