#addChat{position:absolute;bottom:2vh;border-radius:100px;width:3vw;height:3vw;background:#747bff;color:#fff;font-size:xx-large;display:flex;justify-content:center;align-items:center;margin:1vw;cursor:pointer}#addChat:active{background:#5257c5}.right{justify-content:flex-end}#root{max-width:1280px;margin:0 auto;text-align:center;width:100%;display:flex;justify-content:center}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.center{justify-content:center;align-items:center}.bottom{position:absolute;bottom:1vh}.card{padding:2em}.read-the-docs{color:#888}.auth-form{width:100%;max-width:400px;margin:80px auto;padding:30px;background-color:#8f00f40d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:30px;box-shadow:0 8px 20px #202020;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-form h2{text-align:center;margin-bottom:25px;color:#fff}.auth-form form{display:flex;flex-direction:column;gap:15px}.auth-form input{padding:12px 15px;font-size:16px;border:2px solid rgba(204,204,204,0);border-radius:6px;outline:none;transition:border .2s,box-shadow .2s}.auth-form input:focus{box-shadow:0 0 5px #7300ff}.auth-form button{padding:12px;font-size:16px;border:none;border-radius:6px;background-color:#90f;color:#fff;cursor:pointer;transition:background-color .2s}.auth-form button:hover{background-color:#67179c}.auth-form p{text-align:center;margin-top:15px;font-size:14px;color:#ccc}.auth-form p button{background:none;border:none;color:#007bff;font-weight:700;cursor:pointer;padding:0}.auth-form p button:hover{text-decoration:underline}.auth-form p,.auth-form p button{font-family:inherit}#chatBody{width:60vw;height:100dvh;overflow:hidden;background-color:#1a1a1a;display:flex;align-items:center;flex-direction:column;flex:2}#lastMessage>div.reply-container{display:none}.chat-list>#lastMessage:last-of-type>.message_body{opacity:0}.file-preview{width:45vw;height:30vh}.file-format{color:#00953d;font-size:xx-large;font-weight:700;font-family:system-ui}.file-preview img{border-radius:10px;width:45vw;height:30vh}.file-upload-popup{position:fixed;bottom:90px;width:45vw;right:10vw;background:#0000007d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ccc;padding:12px;border-radius:12px;box-shadow:0 0 10px #00000026}.upload-progress{width:200px;margin-left:12px}.progress-bar{height:6px;background:#eee;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6}@media(max-width:768px){#lastMessage>div.reply-container{display:none}.chat-list>#lastMessage:last-of-type>.message_body{opacity:0}#chatBody{width:100vw;height:99.5dvh;position:relative;flex:1}.input-container{position:sticky;bottom:0;width:100%}.file-upload-popup{width:80vw;bottom:90px}.file-preview{width:80vw;height:30vh}}#chat-header{width:60%;height:3vh;background-image:linear-gradient(133deg,#262424,#303030,#262424);padding:2.5%;display:flex;justify-content:space-evenly;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:fixed;top:0;box-shadow:0 3px 9px 1px #171717;z-index:999}#chat-header #share{cursor:pointer;padding:1vh;width:4dvw}.back-btn{font-size:large;cursor:pointer}.group-stats{width:11vw;max-width:13vw;font-size:x-small;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.group-stats span{width:50px;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center}.typing-indicator{width:11vw;max-width:23vw;font-size:xx-small;display:flex;justify-content:space-evenly;align-items:center;overflow-x:hidden}@media(min-width:1286px){#chat-header{width:49.5%}}@media(max-width:768px){#chat-header{width:95%}.typing-indicator,.group-stats{width:30dvw;max-width:33vw;font-size:.7em}}.chatItem{padding:3%;height:5.5vh;cursor:pointer;display:flex;justify-content:center;align-items:center}.chatItem:hover{box-shadow:0 0 10px 1px #171717;background:#323131}#selected{background:#2d3030}#selected:hover{box-shadow:0 0 10px 1px #171717;background:#424242}#chatsMenu{width:20vw;height:100vh;flex:1;background:#1a1a1a0a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}: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}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:repeating-linear-gradient(45deg,rgba(200,200,200,.1),rgba(200,200,200,.1) 2px,transparent 2px,transparent 40px);background-size:200% 200%}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}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(max-width:768px){.app{flex-direction:column}.sidebar,.chat{width:100%;height:100vh}.hide-mobile{display:none}.back-btn{display:inline-block;margin-right:8px}#addChat{width:11vw;height:11vw;margin:5vw}}@media(min-width:769px){.back-btn{display:none}}.input-container{position:fixed;bottom:.3vh;display:flex;flex-direction:column;border:1px solid #ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;z-index:999}.input-form{display:flex;align-items:stretch;align-self:center;justify-content:space-between}.input-form-top{width:96%;margin:1vw;display:flex;align-items:stretch;align-self:center;border:1px solid #ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;justify-content:space-between;z-index:999}.input-form-top>input{width:95%}.input-field{width:40vw;flex:1;padding:10px;border:none;background:transparent;max-lines:3}.input-field:focus{outline:none}.submit-button{background-color:transparent;border:none;font-size:20px;cursor:pointer;padding:1vw;display:flex;align-items:center}.submit-button:hover{color:#007bff}.reply-row{display:flex;flex-direction:row;justify-content:space-around}.reply{max-width:40vw;height:7vh;padding:1vw;overflow:clip;z-index:9;display:flex;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reply-text{max-width:40vw}.close{display:flex;justify-content:center;align-items:center;cursor:pointer}.add-file{display:flex;justify-content:center;align-items:center;width:6vw;font-size:xx-large;cursor:pointer}@media(max-width:768px){.input-field{width:75vw}.reply{max-width:71vw;height:5vh;padding:2vw}}.message_container{transition:background-color .3s ease;border-radius:20px}.message_container.highlight{background-color:#e1e1e117;padding-right:3vw;padding-left:3vw}.message_body{background-image:linear-gradient(157deg,#2e2e2e,transparent);border-radius:20px;box-shadow:2px 4px 4px #1f1f1fed;margin-top:3vh;width:30vw;-webkit-backdrop-filter:blur(15px) opacity(.1);backdrop-filter:blur(15px) opacity(.1)}.content{padding:10px;text-align:right;word-break:normal;white-space:pre-wrap;overflow-wrap:break-word;direction:rtl}.detail{padding:1vw;font-size:xx-small;align-self:end}.they{align-self:start;margin-left:2vw}.me{align-self:end;margin-right:2vw}.name{height:0px;font-size:.8rem;position:relative;top:-3vh;left:1vw;cursor:default}.reply-container{padding:1vw;display:flex;flex-direction:column;justify-content:flex-end}.reply-btn{width:20px;height:20px;border-radius:50%;background:transparent;border:1px solid #ccc;color:#555;display:flex;cursor:pointer;align-items:center;justify-content:center;font-size:xx-small}.edit_info{font-size:xx-small;width:100px}.reply-btn:hover{background:#f3f4f6}.reply-preview{opacity:.3;border-top-left-radius:20px;border-top-right-radius:20px;cursor:pointer}.reply-sender{font-size:.7rem;color:#00ed5e}.reply-body{color:#aaa;overflow:hidden;text-overflow:ellipsis;font-size:x-small}.file-message{display:flex;width:24vw;margin:3vw;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:column}.img{height:30vh}.audio{height:5vh}.file-message img{width:24vw;padding:1dvw;height:30vh;border:#555555 1px solid;border-radius:25px}.file-icon{color:#00953d;margin-top:12vh;font-size:xx-large;font-weight:700;font-family:system-ui}.download-button{padding-top:1.5vh;padding-bottom:1.2vh;display:flex;position:absolute;cursor:pointer;width:2.6vw;height:1vw;border-radius:50%;border:#fff 4px solid;justify-content:center;align-items:center;box-shadow:#1a6739 0 0 20px 5px,inset #0e6219 0 0 15px 5px}.custom-media{width:100%;height:100%;max-width:15dvh;border-radius:12px;background:#121212}.custom-progress{width:90%;height:4px;background:#ffffff1a;border-radius:999px;margin-top:8px}.custom-progress-fill{height:100%;background:#00ed5e;border-radius:999px}.audio-custom-controls{position:absolute;left:0;right:0;padding:0 12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.custom-controls{width:75%;position:absolute;padding:0 12px;display:flex;flex-direction:column;gap:8px;pointer-events:none;align-items:flex-start;justify-content:space-around;top:25vh}.control-left{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.play-btn{width:32px;height:32px;border-radius:50%;border:2px solid #00ed5e;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#0006;color:#fff}.play{width:29px;padding-left:3px}.time{color:#c3c3c3;font-size:12px;pointer-events:auto}.progress-bar{width:100%;height:6px;background:#ffffff26;border-radius:999px;cursor:pointer;pointer-events:auto}.progress-fill{height:100%;background:#00ed5e;border-radius:999px}.name{max-width:16vw;max-height:12vw;color:#ddd;font-size:12px;white-space:nowrap;direction:rtl;position:relative}.image-wrapper,.video-wrapper{position:relative}.fullscreen-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.audio-custom-controls{top:10vh}.audio{height:13vh}.message_body{width:65vw}.file-message{width:60vw}.download-button{width:6vw;height:6vw;padding-top:0;padding-bottom:0}.file-message img{width:54vw;height:25vh}.name{max-width:35vw;max-height:15vw}.custom-controls{top:21vh}}.popup-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .3s;z-index:99999}.popup-box{width:20rem;padding:1.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.5rem;color:#fff}.popup-btn{width:100%;padding:.5rem;border:none;background:transparent;color:inherit;cursor:pointer}.popup-btn+.popup-btn{border-top:1px solid rgba(255,255,255,.2)}.popup-primary{background:#2563eb;border-radius:.25rem;padding:.25rem .75rem}.popup-input{width:100%;margin-bottom:.5rem;padding:.5rem;background:#ffffff0d;border:none;border-radius:.25rem;color:#fff}.popup-input:focus{outline:none}.popup-error{color:#f87171;font-size:.875rem;margin-bottom:.5rem}.context-overlay{position:fixed;inset:0;z-index:999}.context-menu{position:fixed;width:150px;background:#ffffff47;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid #ddd;box-shadow:0 2px 10px #0003;border-radius:8px;overflow:hidden}.menu-item{padding:10px;cursor:pointer}.menu-item:hover{background:#f0f0f0;color:#2e2e2e}.popup-backdrop{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:999}.popup-container{position:relative;width:40%;padding:24px;border-radius:16px;background:#14141499;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 40px #00000080;color:#fff;display:flex;flex-direction:column;gap:14px}@media(max-width:1024px){.popup-container{width:50vw}}.popup-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8}.popup-close:hover{opacity:1}.popup-title{margin:0;font-size:18px;font-weight:600}.popup-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;outline:none}.popup-input::placeholder{color:#fff9}.popup-copy-btn{padding:10px;border-radius:10px;border:none;cursor:pointer;font-weight:500;background:#4f46e5;color:#fff}.popup-copy-btn:hover{background:#4338ca}.popup-caption{margin:0;font-size:13px;opacity:.75;text-align:center}.join-page{min-height:100vh;background:radial-gradient(circle at top,#1e1e2f,#0b0b12);display:flex;align-items:center;justify-content:center;color:#fff;font-family:system-ui,sans-serif}.join-card{width:40%;padding:28px;border-radius:18px;background:#14141e99;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px #0009;text-align:center}@media(max-width:1024px){.join-card{width:50vw}}.join-card h2{margin-top:0}.join-card .info{opacity:.85;margin-bottom:18px}.join-card button{width:100%;padding:12px;border-radius:12px;border:none;cursor:pointer;font-size:15px;font-weight:500;background:#4f46e5;color:#fff}.join-card button:disabled{opacity:.6;cursor:not-allowed}.join-card button:hover:not(:disabled){background:#4338ca}.caption{margin-top:14px;font-size:13px;opacity:.7}.join-center{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:16px}.join-center.error{color:#ff6b6b}.chat-list{width:100%;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.chat-list::-webkit-scrollbar{display:none}.ghost-anchor{opacity:.35;filter:blur(.3dvh);pointer-events:none}@media(max-width:768px){.chat-list{height:100%}}