@import"https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:Outfit,sans-serif}html{font-size:62.5%}.container{width:100%;height:100vh;display:grid;place-items:center;background-color:#818589}@media (max-width: 500px){html{font-size:55%}}.start-page{width:100%;height:100%;display:grid;place-items:center}.start-page-btn{width:35rem;height:15rem;background:linear-gradient(135deg,#f42f5f,#8e23bf);border:none;border-radius:1rem;font-family:"Exo 2",sans-serif;font-size:7rem;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}.start-page-btn:active{transform:scale(.98)}.chat-app{width:100%;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 h2{font-family:"Exo 2",sans-serif;font-size:2rem;text-transform:uppercase}.chat-list-header i{font-size:2.5rem;cursor:pointer}.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:1.6rem;font-weight:300;color:#ddd}.chat-list-item.active h4{color:#fff}.chat-list-item i{font-size:2.5rem;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}.chat-title h3{font-family:"Exo 2",sans-serif;font-size:2rem;text-transform:uppercase;color:#fff;letter-spacing:.1rem}.arrow{font-size:4rem;color:#7b8ebc;transform:rotate(180deg);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:1.6rem;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:1.4rem;display:block;margin-top:.5rem}.response h1,.response h2,.response h3,.response h4,.response h5,.response h6{color:#fff;margin:1rem 0 .5rem;line-height:1.3}.response h1{font-size:2.2rem}.response h2{font-size:2rem}.response h3{font-size:1.8rem}.response p{margin:.8rem 0;line-height:1.5}.response code{background-color:#0000004d;padding:.2rem .4rem;border-radius:.3rem;font-family:Monaco,Courier New,monospace;font-size:1.4rem;color:#fff}.response pre{background-color:#0006;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0;border-left:3px solid #fe8d5c}.response pre code{background:none;padding:0;font-size:1.3rem}.response ul,.response ol{margin:.8rem 0;padding-left:2rem}.response li{margin:.3rem 0;line-height:1.4}.response blockquote{border-left:3px solid #fe8d5c;margin:1rem 0;padding:.5rem 1rem;background-color:#0003;border-radius:0 .3rem .3rem 0}.response strong{font-weight:700;color:#fff}.response em{font-style:italic;color:#ffe4e6}.response a{color:#fe8d5c;text-decoration:underline}.response a:hover{color:#fff}.response .markdown-table{width:100%;border-collapse:collapse;margin:1rem 0;background-color:#0003;border-radius:.5rem;overflow:hidden;border:1px solid rgba(254,141,92,.3)}.response .markdown-th{background:linear-gradient(135deg,#fe8d5c,#fe4d57);color:#fff;padding:1rem;text-align:left;font-weight:700;font-size:1.4rem;border-bottom:2px solid rgba(255,255,255,.2)}.response .markdown-td{padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.4rem;line-height:1.4}.response .markdown-table tr:nth-child(2n) .markdown-td{background-color:#0000001a}.response .markdown-table tr:hover .markdown-td{background-color:#fe8d5c1a}.typing{font-family:"Exo 2",sans-serif;font-size:3rem;color:#061a47;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-right:5rem;position:relative}.msg-form i{font-size:2.5rem;color:#7b8ebc;cursor:pointer}.emoji{width:10rem;display:flex;justify-content:center}.picker{position:absolute;bottom:7rem;left:8rem}.msg-input{height:100%;flex-grow:1;background-color:transparent;border:none;font-size:1.8rem;color:#7b8ebc}.msg-input::placeholder{font-size:1.8rem;font-weight:300;color:#7b8ebc}.msg-input:focus::placeholder{opacity:0}@media (max-width: 900px){.chat-app{flex-direction:column}.chat-list{position:fixed;top:0;left:0;width:40%;height:100%;transform:translate(-100%);z-index:1000}.chat-list.show{transform:translate(0)}.chat-window{width:100%}.chat-title h3{padding-left:5rem}.chat-title i.bx-menu{font-size:3rem;color:#fff;display:block;cursor:pointer;position:absolute}}@media (max-width: 500px){.chat-list{width:60%}.picker{left:1rem}}