@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";.start-page{width:100%;height:100%;display:grid;place-items:center}.start-page__btn{background:linear-gradient(135deg,#f42f5f,#8e25bf);border:none;border-radius:1rem;font-family:"Exo 2",sans-serif;font-size:var(--h1);font-weight:700;color:#eee;text-transform:uppercase;letter-spacing:.1rem;text-shadow:0 1rem 2rem rgba(0,0,0,.2);box-shadow:0 2rem 5rem #0003;cursor:pointer;transition:transform .1s ease;padding:1rem 2rem}.start-page__btn:active{transform:scale(.98)}.chat-app{width:100vw;height:100vh;display:flex}.chat-list{width:30%;height:100%;background-color:#0d111a;padding:1rem;display:flex;flex-direction:column;row-gap:1rem}.chat-list__header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem;color:#7b8ebc}.chat-list__header i.bx-x{display:none;font-size:var(--text-xl)}.chat-list__header h2{font-family:"Exo 2",sans-serif;font-size:var(--h3);text-transform:uppercase}.chat-list__header i{font-size:var(--text-xl);cursor:pointer}ul.chat-list__items{list-style:none;margin:0;display:flex;flex-direction:column;row-gap:1rem}.chat-list__item{width:100%;height:6rem;background-color:#131927;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 .5rem .5rem #0000001a}.chat-list__item.active{background:linear-gradient(135deg,#f42f5f,#8e25bf)}.chat-list__item h4{font-size:var(--h5);font-weight:300;color:#ddd}.chat-list__item.active h4{color:#fff}.chat-list__item i{font-size:var(--text-xl);color:#f42f5f;cursor:pointer}.chat-window{width:70%;height:100%;display:flex;flex-direction:column}.chat-title{width:100%;min-height:8rem;background-color:#0d111a;display:flex;align-items:center;justify-content:space-between;padding-right:2rem;position:relative}.chat-title i.bx-menu{font-size:var(--text-xl);color:#fff;display:none;cursor:pointer;position:absolute;left:1rem}.chat-title h3{font-family:"Exo 2",sans-serif;font-size:var(--h3);text-transform:uppercase;color:#fff;letter-spacing:.1rem}.arrow{font-size:var(--text-xl);color:#7b8ebc;cursor:pointer}.chat{width:100%;flex-grow:1;padding:1rem;display:flex;flex-direction:column;row-gap:4rem;overflow-y:auto}.chat::-webkit-scrollbar{display:none}.prompt,.response{max-width:80%;padding:2rem;font-size:var(--text-m);color:#fff;box-shadow:0 1rem 3rem #0000001a}.prompt{background:linear-gradient(135deg,#f42f5f,#8e25bf);align-self:flex-end;border-radius:3rem 0 3rem 3rem;text-align:right}.response{background:linear-gradient(135deg,#fe8d5c,#fe4d57);border-radius:0 3rem 3rem;align-self:flex-start;text-align:left}.prompt span,.response span{font-family:"Exo 2",sans-serif;font-size:var(--text-m);display:block;margin-top:.5rem}.typing{font-family:"Exo 2",sans-serif;font-size:var(--text-m);color:#7b8ebc;margin-top:auto;margin-bottom:-3rem}.msg-form{width:100%;min-height:10rem;background-color:#161c2c;display:flex;align-items:center;box-shadow:0 -.2rem .5rem #0000001a;padding:0 5rem;position:relative}.msg-form i{font-size:var(--text-xl);color:#7b8ebc;cursor:pointer}.emoji{width:10rem;display:flex;justify-content:center}.emoji-picker{position:absolute;bottom:8rem;right:8rem}.emoji-picker:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxNTE2MTciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2Ij48cGF0aCBkPSJNNy4yNDcgMTEuMTQgMi40NTEgNS42NThDMS44ODUgNS4wMTMgMi4zNDUgNCAzLjIwNCA0aDkuNTkyYTEgMSAwIDAgMSAuNzUzIDEuNjU5bC00Ljc5NiA1LjQ4YTEgMSAwIDAgMS0xLjUwNiAweiI+PC9wYXRoPjwvc3ZnPg==);position:absolute;bottom:-12px;height:16px;width:16px;left:299px}.msg-input{height:100%;flex-grow:1;background-color:transparent;border:none;font-size:var(--text-xl);color:#7b8ebc}.msg-input::placeholder{font-size:var(--text-xl);font-weight:300;color:#7b8ebc}.msg-input:focus::placeholder{opacity:0}@media only screen and (max-width: 900px){.chat-app{flex-direction:column}.chat-list{position:fixed;top:0;left:-100%;width:40%;height:100%;z-index:9999;transition-property:left;transition-duration:.7s;transition-timing-function:ease-in}.chat-list.show{left:0;transition-property:left;transition-duration:.7s;transition-timing-function:ease-out}.chat-window{width:100%}.chat-title h3{padding-left:5rem}.chat-title i.bx-menu,.chat-list__header i.bx-x{display:block}}@media only screen and (max-width: 500px){.chat-list{width:60%}.emoji-picker{right:1rem}.msg-form{padding:0 2rem}}:root{--text-xs: clamp(.79rem, -.01vw + .79rem, .78rem);--text-s: clamp(.89rem, .08vw + .87rem, .94rem);--text-m: clamp(1rem, .21vw + .96rem, 1.13rem);--text-l: clamp(1.13rem, .37vw + 1.05rem, 1.35rem);--text-xl: clamp(1.27rem, .59vw + 1.15rem, 1.62rem);--h6: clamp(.8rem, -.04vw + .81rem, .77rem);--h5: clamp(1rem, .05vw + .99rem, 1.03rem);--h4: clamp(1.25rem, .21vw + 1.21rem, 1.38rem);--h3: clamp(1.56rem, .45vw + 1.47rem, 1.83rem);--h2: clamp(1.95rem, .82vw + 1.79rem, 2.44rem);--h1: clamp(2.44rem, 1.36vw + 2.17rem, 3.26rem);--h-title: clamp(3.05rem, 2.15vw + 2.62rem, 4.34rem)}.text-xl{font-size:var(--text-xl);line-height:1.4}.text-l{font-size:var(--text-l);line-height:1.5}.text-m{font-size:var(--text-m);line-height:1.5}.text-s{font-size:var(--text-s);line-height:1.6}.text-xs{font-size:var(--text-xs);line-height:1.7}.h-title{font-size:var(--h-title);line-height:1.05}h1,.h1{font-size:var(--h1);line-height:1.1}h2,.h2{font-size:var(--h2);line-height:1.2}h3,.h3{font-size:var(--h3);line-height:1.3}h4,.h4{font-size:var(--h4);line-height:1.4}h5,.h5{font-size:var(--h5);line-height:1.5}h6,.h6{font-size:var(--h6);line-height:1.6}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,ul,ol,li,dl,dt,dd,figcaption{text-wrap:pretty;max-width:65ch}*{margin:0;padding:0;box-sizing:border-box;outline:none}html{box-sizing:border-box;font-size:100%;height:100%}body{font-size:18px;font-family:Outfit,sans-serif}.container{width:100%;height:100vh;display:grid;place-items:center;background-color:#131927}