:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;display:flex;flex-direction:column}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-image:url(/assets/bg-C68P9XFX.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:center;gap:1rem}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.modal{display:flex;flex-direction:column;gap:1rem;background-color:#242424d6;padding:2rem;border-radius:1rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:auto}.modal form{display:flex;flex-direction:column;gap:1rem;margin:auto}.modal-error{background-color:#4f0000;color:#fff;padding:1rem;text-align:center}.error-msg{background-color:#4a0000;padding:1rem;border-radius:.5rem}.spinner{width:3rem;height:3rem;border-radius:100%;border:.5rem solid transparent;border-top:.5rem solid teal;animation:spin ease-in-out infinite 1s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;width:100%;height:5rem;z-index:10;background-color:#0000008d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:row;align-items:center;padding-left:1rem;padding-right:1rem}.sidebar{position:fixed;top:5rem;left:0;width:30%;height:calc(100% - 5rem);background-color:#1a1a1ada;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-main-container{position:fixed;top:0;left:30%;width:70%;height:100%}.user-display{padding:.5rem .5rem .5rem 1rem;background-color:#252525;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;border-radius:999px}.user-display span{font-weight:bolder}.icon{transition:.2s;padding:.5rem;border-radius:100%;cursor:pointer}.icon:hover{background-color:#ffffff41}.newchat{position:absolute;bottom:0;left:0;width:100%;height:3rem;background-color:#0c0c0c;text-align:center;line-height:3rem;cursor:pointer;transition:.2s}.newchat:hover{background-color:#373737}.modal-list{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:1rem;background-color:#2d2d2d;max-height:60dvh;overflow-y:auto}.list-element{font-size:2rem;height:4rem;line-height:4rem;text-align:center;background-color:#404040;border-radius:.5rem;cursor:pointer;border:2px solid transparent;transition:.2s;flex:0;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;justify-content:center}.list-element button{font-size:1rem}.list-element:hover{border:2px solid #535bf2}.chatlist{position:absolute;top:0;left:0;width:100%;height:calc(100% - 3rem);display:flex;flex-direction:column;gap:1rem}.chatlist div{position:relative;width:100%;height:3rem;background-color:#323232;line-height:3rem;cursor:pointer;transition:.2s;display:flex;gap:1rem;padding-left:1rem;padding-right:1rem;box-sizing:border-box;flex-direction:row;align-items:center}.chatlist img{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:100%}.chatlist div:hover,.chatlist .focused{background-color:#5c5c5c}.send-message{position:absolute;bottom:0;left:0;width:100%;height:3rem;display:flex;flex-direction:row;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}input{background-color:#202020c8;border:none;font-size:1.25rem;padding:.5rem;font-family:Arial,Helvetica,sans-serif;transition:.2s}input:hover,input:focus{background-color:#3b3b3bc8}.send-message input[type=text]{width:100%;background-color:#000000b3;border:none;font-size:1.5rem}.message-display{position:absolute;top:0;left:0;width:100%;height:100%;padding:5rem 1rem;display:flex;flex-direction:column-reverse;gap:1rem;overflow-y:auto;box-sizing:border-box}.message-display .message,.message-display .mymessage{max-width:50%;text-align:left;overflow-wrap:anywhere;display:flex;flex-direction:column}.message-display .message{background-color:#3f405c;border-radius:1rem;padding:1rem;margin-right:auto;align-self:flex-start}.message-display .mymessage{background-color:#252edc;border-radius:1rem;padding:1rem;margin-left:auto;align-self:flex-start}.sname,.mdate{color:#ffffff7c}.loading-popup{position:absolute;top:5rem;left:50%;background-color:#0009;border-radius:1rem;padding:1rem;transform:translate(-50%);z-index:100}.chat-header{position:absolute;top:15%;left:50%;padding:1rem;text-align:center;line-height:1rem;height:1rem;border-radius:1rem;width:fit-content;background-color:#1a1a1a;cursor:pointer;transition:.2s}.chat-header:hover{background-color:#363636}.menuicon{display:none}.ap-pfp{width:256px;height:256px;border-radius:100%;margin-left:auto;margin-right:auto;object-fit:cover}@media(max-width:720px){.chat-main-container{width:100%;left:0}.sidebar{z-index:10;width:100%;transition:.3s}.sidebar-hidden{margin-left:-110%}.menuicon{display:block}.mobilehidden{display:none}.chat-header{transform:translate(-50%)}.modal{box-sizing:border-box;width:100%;height:100%;border-radius:0}.message-display .message,.message-display .mymessage{max-width:70%}}