@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap);.qr-container{align-items:center;background-color:#ffffff0d;border-radius:16px;display:flex;flex-direction:column;margin:1rem auto;padding:1rem;width:220px}.qr-title{color:var(--primary-light);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.qr-code-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:.5rem}.qr-instructions{color:#ffffffb3;font-size:.75rem;margin-top:.5rem;text-align:center}.qr-scanner-container{align-items:center;background-color:#000000d9;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.qr-scanner-header{color:#fff;font-size:1.2rem;font-weight:600;left:0;position:absolute;right:0;text-align:center;top:1rem}.qr-scanner-frame{align-items:center;background-color:#000;border:2px solid var(--primary-color);border-radius:16px;display:flex;height:280px;justify-content:center;overflow:hidden;position:relative;width:280px}.qr-video{height:100%;object-fit:cover;transform:scaleX(1);-webkit-transform:scaleX(1);width:100%}.qr-scanner-overlay{border-radius:16px;box-shadow:0 0 0 1000px #00000080;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.qr-scanner-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.qr-scanner-loading p{font-size:.9rem;margin:0}.qr-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--primary-color);height:40px;width:40px}.qr-scanner-instructions{color:#fff;font-size:.9rem;margin-top:1.5rem;max-width:280px;text-align:center}.qr-scanner-close{background-color:#fff3;border:none;border-radius:8px;bottom:2rem;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;position:absolute;transition:all .3s ease}.qr-scanner-close:hover{background-color:#ffffff4d}.qr-scan-button{align-items:center;align-self:center;background-color:#5964e033;border:none;border-radius:8px;color:var(--primary-light);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem 1.25rem;transition:all .3s ease}.qr-scan-button:hover{background-color:#5964e04d}@media (max-width:480px){.qr-scanner-frame{height:220px;width:220px}}:root{--bg-dark:#0f172a;--glass-bg:#1e293b}*{font-family:Outfit,sans-serif}.login-container{align-items:center;background-color:#0f172a;background-color:var(--bg-dark);display:flex;height:100vh;justify-content:center;width:100%}.animated-background{background:radial-gradient(circle at 50% 50%,#6366f126 0,#0000 50%);height:100%;position:absolute;width:100%;z-index:0}.login-card{background:#1e293b;background:var(--glass-bg);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:440px;padding:32px;position:relative;width:100%;z-index:10}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.card-header h2{color:#f8fafc;color:var(--text-primary);font-size:24px}.status-text{color:#94a3b8;color:var(--text-secondary);font-size:13px}.status-text span.online{color:#22c55e}.status-text span.offline{color:#ef4444}.status-text span.checking{color:#eab308}.tabs{background:#0f172a80;border-radius:12px;display:flex;margin-bottom:24px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s}.tab-btn.active{background:#1e293b;box-shadow:0 2px 4px #0000001a;color:#f8fafc;color:var(--text-primary)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px}.input-group{position:relative}.input-field{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;width:100%}.input-field:focus{border-color:#6366f1;border-color:var(--primary);outline:none}.generated-input{display:flex;gap:12px}.refresh-btn{background:#1e293b;border:1px solid #ffffff1a;border-radius:12px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:0 16px}.refresh-btn:hover{border-color:#fff3;color:#f8fafc;color:var(--text-primary)}.hint{font-size:12px;margin-top:6px}.hint,.scan-icon-btn{color:#94a3b8;color:var(--text-secondary)}.scan-icon-btn{background:none;border:none;bottom:10px;cursor:pointer;position:absolute;right:12px}.scan-icon-btn:hover{color:#6366f1;color:var(--primary)}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;margin-top:8px;padding:14px;transition:all .2s}.connect-btn{background:#6366f1;background:var(--primary);color:#fff}.connect-btn:hover{background:#4f46e5}.connect-btn:disabled{cursor:not-allowed;opacity:.7}.qr-scan-button{display:none}.load-body{background-color:#0f172a;color:#f8fafc;font-family:Inter,sans-serif;height:100vh;justify-content:center;width:100%}.load-body,.loader-content{align-items:center;display:flex}.loader-content{flex-direction:column;gap:32px}.cube-loader{animation:rotate 2s linear infinite;height:60px;position:relative;transform-style:preserve-3d;width:60px}.cube-face{background:#6366f133;border:2px solid #6366f1;box-shadow:0 0 15px #6366f166;height:60px;position:absolute;width:60px}.cube-face-front{transform:rotateY(0deg) translateZ(30px)}.cube-face-back{transform:rotateY(180deg) translateZ(30px)}.cube-face-right{transform:rotateY(90deg) translateZ(30px)}.cube-face-left{transform:rotateY(-90deg) translateZ(30px)}.cube-face-top{transform:rotateX(90deg) translateZ(30px)}.cube-face-bottom{transform:rotateX(-90deg) translateZ(30px)}@keyframes rotate{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}.loading-text{animation:pulse 2s ease-in-out infinite;font-size:20px;font-weight:500;letter-spacing:1px}.progress-container{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:300px}.progress-bar{background:linear-gradient(90deg,#6366f1,#ec4899);height:100%;transition:width .1s linear}.connection-details{color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:14px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}:root{--bg-app:#0f172a;--bg-sidebar:#1e293b;--bg-chat:#0f172a;--bg-message-in:#1e293b;--bg-message-out:#4f46e5;--primary:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}.chat-body,body{background-color:#0f172a;background-color:var(--bg-app)}.chat-body{color:#f8fafc;color:var(--text-primary);display:flex;height:100dvh;overflow:hidden;width:100%}.navbar{background:#1e293b;background:var(--bg-sidebar);border-right:1px solid #ffffff14;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:20}.navbar-header{margin-bottom:32px}.heading0{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.02em}.user-profile{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:16px}.logo{background:#0f172a;background:var(--bg-app);border-radius:12px;height:48px;object-fit:cover;width:48px}.user-info{flex:1 1}.username{color:#f8fafc;color:var(--text-primary);font-size:16px;font-weight:600}.room-id{font-family:JetBrains Mono,monospace;font-size:13px;margin-top:2px}.header-par,.room-id{color:#94a3b8;color:var(--text-secondary)}.header-par{font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.list-par{flex:1 1;list-style:none;overflow-y:auto}.list-par li{align-items:center;border-radius:8px;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:14px;gap:12px;padding:10px 12px;transition:all .2s}.list-par li:hover{background:#ffffff08;color:#f8fafc;color:var(--text-primary)}.list-par li:before{background:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e66;content:"";height:8px;width:8px}.sidebar-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.button{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:12px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.button:hover{background:#ffffff0d;color:#f8fafc;color:var(--text-primary)}.logout:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}.chat-container{background:#0f172a;background:var(--bg-chat);display:flex;flex:1 1;flex-direction:column;position:relative}.chat-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;height:80px;justify-content:space-between;padding:0 32px}.heading{font-size:18px;font-weight:600}.messages-container{flex:1 1;gap:24px;overflow-y:auto;padding:32px}.message,.messages-container{display:flex;flex-direction:column}.message{align-items:flex-start;animation:messageSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;max-width:60%;opacity:0;transform:translateY(20px)}@keyframes messageSlideIn{to{opacity:1;transform:translateY(0)}}.empty-state{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.7;text-align:center}.empty-state h3{color:#f8fafc;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px}.message p:not(.username-col):not(.message-time){border-radius:18px;box-shadow:0 4px 6px -1px #0000001a;font-size:15px;line-height:1.5;padding:14px 18px;position:relative}.message:not(.user) p:not(.username-col):not(.message-time){background:#1e293b;background:var(--bg-message-in);border-bottom-left-radius:4px;color:#f8fafc;color:var(--text-primary)}.message.user{align-items:flex-end;align-self:flex-end}.message.user p:not(.username-col):not(.message-time){background:#4f46e5;background:var(--bg-message-out);border-bottom-right-radius:4px;color:#fff}.username-col{font-size:12px;font-weight:500;margin-bottom:6px}.message-time,.username-col{color:#94a3b8;color:var(--text-secondary)}.message-time{font-size:11px;margin-top:6px;opacity:.7}.form-container{background:#0f172a;background:var(--bg-chat);border-top:1px solid #ffffff14;border-top:1px solid var(--border);display:flex;gap:16px;padding:24px 32px}.form-container input{background:#1e293b;background:var(--bg-sidebar);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:26px;color:#f8fafc;color:var(--text-primary);flex:1 1;font-size:15px;height:52px;padding:0 24px;transition:all .2s}.form-container input:focus{background:#1e293b;border-color:#6366f1;border-color:var(--primary);outline:none}.form-container button{align-items:center;background:#6366f1;background:var(--primary);border:none;border-radius:26px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:52px;padding:0 32px;transition:all .2s}.form-container button:hover{background:#4f46e5;transform:translateY(-1px)}.icon-btn{background:#0000!important;color:#94a3b8!important;color:var(--text-secondary)!important;min-width:0!important;min-width:auto!important;padding:0 16px!important}.icon-btn:hover{background:#ffffff0d!important;color:#6366f1!important;color:var(--primary)!important}.shared-image{border-radius:12px;cursor:pointer;display:block;margin-bottom:8px;max-height:300px;max-width:100%}.upload-status{align-items:center;animation:fadeIn .2s ease;background:#1e293be6;border-radius:20px;box-shadow:0 4px 6px -1px #0003;color:#f8fafc;color:var(--text-primary);display:flex;font-size:13px;gap:8px;left:50%;padding:8px 16px;position:absolute;top:-40px;transform:translateX(-50%)}.spinner-small{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#6366f1;border-top:2px solid var(--primary);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.sidebar-overlay,.toggle-btn{display:none}@media (max-width:768px){.chat-body{height:100dvh;overflow:hidden}.navbar{box-shadow:2px 0 10px #00000080;height:100%;position:fixed;transform:translateX(-100%);z-index:60}.navbar.sidebar-visible{transform:translateX(0)}.toggle-btn{align-items:center;background:#0000;border:none;color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center}.chat-header{flex-shrink:0;font-size:14px;gap:8px;height:60px;padding:0 16px}.heading{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-container{flex:1 1;overflow-y:auto;padding:16px 16px 90px}.form-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172afa;border-top:1px solid #ffffff14;border-top:1px solid var(--border);bottom:0;display:flex;gap:8px;left:0;padding:10px;position:absolute;right:0;z-index:50}.form-container input{font-size:14px}.form-container button,.form-container input{height:44px;padding:0 16px}.upload-status{left:50%;top:-40px;transform:translateX(-50%);width:-webkit-max-content;width:max-content}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:55}.sidebar-overlay.active{display:block}}
/*# sourceMappingURL=main.d83250d1.css.map*/