@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Sans:wght@300;400;500&display=swap);:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--surface3:#22222f;--border:#ffffff12;--accent:#6c63ff;--accent2:#ff6584;--success:#43e97b;--danger:#ff4757;--text:#f0f0f8;--text2:#9090b0;--text3:#5a5a7a;--radius:16px}:root.light{--bg:#f0f2f8;--surface:#fff;--surface2:#e8eaf2;--surface3:#d8dae8;--border:#00000014;--text:#1a1a2e;--text2:#5a5a7a;--text3:#9090b0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-overflow-scrolling:touch;background:#0a0a0f;background:var(--bg);color:#f0f0f8;color:var(--text);font-family:DM Sans,sans-serif;height:100vh;height:100dvh;overflow:hidden}.splash{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.splash-logo{font-family:Syne,sans-serif;font-size:32px;font-weight:800}.splash-spinner{animation:spin .8s linear infinite;border:3px solid #22222f;border-top-color:#6c63ff;border:3px solid var(--surface3);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.auth-screen{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.auth-bg{animation:bg-shift 8s ease-in-out infinite alternate;background:radial-gradient(ellipse 60% 50% at 20% 20%,#6c63ff33 0,#0000 70%),radial-gradient(ellipse 50% 40% at 80% 80%,#ff658426 0,#0000 70%),radial-gradient(ellipse 40% 30% at 50% 100%,#6c63ff14 0,#0000 60%);inset:0;position:absolute}@keyframes bg-shift{0%{opacity:.8}to{opacity:1}}.auth-card{background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;box-shadow:0 40px 80px #00000080,0 0 0 1px #6c63ff14;overflow:visible;padding:44px;position:relative;width:420px;z-index:1}.auth-card:before{background:linear-gradient(90deg,#0000,#6c63ff66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-logo{align-items:center;display:flex;gap:10px;margin-bottom:28px}.auth-logo-icon{filter:drop-shadow(0 0 10px rgba(108,99,255,.5));font-size:28px}.auth-logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f8,#6c63ff);background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:26px}.auth-logo-name,.auth-title{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.3px}.auth-title{color:#f0f0f8;color:var(--text);font-size:18px;line-height:1.5;margin-bottom:6px;padding-bottom:2px;white-space:nowrap}.auth-sub{color:#5a5a7a;color:var(--text3);font-size:13px;letter-spacing:.1px;line-height:1.6;margin-bottom:28px}.auth-tabs{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:9px;color:#9090b0;color:var(--text2);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;padding:9px;transition:.2s}.auth-tab:hover{color:#f0f0f8;color:var(--text)}.auth-tab.active{background:linear-gradient(135deg,#6c63ff59,#a855f733);border:1px solid #6c63ff66;box-shadow:0 4px 14px #6c63ff4d,0 0 0 1px #a855f733;color:#fff;font-weight:700}.form-group{margin-bottom:16px}.form-label{color:#9090b0;color:var(--text2);display:block;font-size:11px;letter-spacing:.8px;margin-bottom:7px;text-transform:uppercase}.form-input{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 6px #00000026;color:#f0f0f8;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;outline:none;padding:12px 15px;transition:.2s;width:100%}.form-input:hover{border-color:#6c63ff33}.form-input:focus{border-color:#6c63ff;border-color:var(--accent);box-shadow:0 0 0 3px #6c63ff26,0 2px 6px #00000026}.form-input::placeholder{color:#5a5a7a;color:var(--text3)}.auth-error{align-items:center;background:#ff475714;border:1px solid #ff475740;border-radius:12px;box-shadow:0 2px 10px #ff47571a;color:#ff4757;color:var(--danger);display:flex;gap:8px}.auth-error,.auth-success{font-size:13px;margin-bottom:14px;padding:11px 16px}.auth-success{background:#43e97b14;border:1px solid #43e97b40;border-radius:12px;box-shadow:0 2px 10px #43e97b1a;color:#43e97b;color:var(--success)}.forgot-link{background:none;border:none;color:#6c63ff;color:var(--accent);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;opacity:.8;padding:0;text-decoration:underline;transition:.15s}.forgot-link:hover{opacity:1}.btn-primary{background:linear-gradient(135deg,#7c6fff,#a855f7);border:1px solid #ffffff26;border-radius:14px;box-shadow:0 6px 20px #6c63ff80,0 0 0 1px #a855f733;color:#fff;cursor:pointer;display:block;font-family:Syne,sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px;line-height:1.4;margin-top:6px;overflow:visible;padding:15px;position:relative;transition:.22s;width:100%}.btn-primary:after{background:#ffffff1f;border-radius:inherit;content:"";height:50%;left:0;position:absolute;right:0;top:0}.btn-primary:hover{background:linear-gradient(135deg,#8b7fff,#b06ef7);box-shadow:0 12px 32px #6c63ffa6,0 0 0 1px #a855f759;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 4px 14px #6c63ff66;transform:translateY(0)}.btn-primary:disabled{box-shadow:none;cursor:default;opacity:.5;transform:none}.btn-primary.sm{padding:12px 20px;width:auto}.btn-secondary{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 2px 8px #00000040;color:#f0f0f8;color:var(--text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;margin-top:10px;padding:13px;transition:.22s;width:100%}.btn-secondary:hover{background:#22222f;background:var(--surface3);border-color:#6c63ff59;box-shadow:0 6px 18px #6c63ff33;color:#f0f0f8;color:var(--text);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.btn-danger{background:#ff3b3b1f;border:1px solid #ff3b3b4d;border-radius:14px;color:#ff5f5f;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;margin-top:0;padding:13px;transition:.22s;width:100%}.btn-danger:hover{background:#ff3b3b38;border-color:#ff3b3b80;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.auth-features{border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:12px;margin-top:28px;padding-top:24px}.auth-feature{color:#5a5a7a;color:var(--text3);flex:1 1;font-size:11px;line-height:1.6;text-align:center}.app-root,.app-screen{height:100vh;height:100dvh}.app-screen,.sidebar{display:flex}.sidebar{background:#111118;background:var(--surface);border-right:1px solid #ffffff12;border-right:1px solid var(--border);box-shadow:4px 0 24px #00000040;flex-direction:column;height:100%;min-width:360px;position:relative;width:360px}.sidebar:after{background:linear-gradient(180deg,#6c63ff33,#0000 40%,#0000 60%,#6c63ff1a);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.sidebar-header{background:linear-gradient(180deg,#6c63ff0a,#0000);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);padding:20px 18px 14px}.sidebar-top{justify-content:space-between;margin-bottom:14px}.app-brand,.sidebar-top{align-items:center;display:flex}.app-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f8,#6c63ff);background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:22px;font-weight:800;gap:8px;letter-spacing:-.3px}.brand-dot{animation:pulse-dot 2s infinite;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.search-box{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;display:flex;gap:9px;padding:9px 14px}.search-box input{background:none;border:none;color:#f0f0f8;color:var(--text);flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#5a5a7a;color:var(--text3)}.sidebar-tabs{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;display:flex;gap:5px;margin:12px 18px;padding:5px}.sidebar-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#9090b0;color:var(--text2);cursor:pointer;display:flex;flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;gap:6px;justify-content:center;letter-spacing:.2px;padding:10px 8px;transition:all .2s ease}.sidebar-tab:hover{background:#6c63ff14;color:#f0f0f8;color:var(--text)}.sidebar-tab.active{background:linear-gradient(135deg,#7c6fff,#a855f7);box-shadow:0 4px 16px #6c63ff80,0 0 0 1px #a855f733;color:#fff;font-weight:700}.conv-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.conv-list::-webkit-scrollbar{width:4px}.conv-list::-webkit-scrollbar-thumb{background:#22222f;background:var(--surface3);border-radius:4px}.conv-item{align-items:center;border-bottom:1px solid #0000;cursor:pointer;display:flex;gap:12px;padding:13px 18px;position:relative;transition:.2s}.conv-item:hover{background:#1a1a24;background:var(--surface2);border-bottom-color:#ffffff12;border-bottom-color:var(--border)}.conv-item.active{background:#6c63ff1a;border-bottom-color:#6c63ff26}.conv-item.active:before{background:linear-gradient(180deg,#6c63ff,#ff6584);background:linear-gradient(180deg,var(--accent),var(--accent2));border-radius:0 3px 3px 0;box-shadow:0 0 8px #6c63ff80;content:"";height:36px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.conv-info{flex:1 1;min-width:0}.conv-name{color:#f0f0f8;color:var(--text);font-family:Syne,sans-serif;font-size:14px;font-weight:600;margin-bottom:3px}.conv-name,.conv-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-preview{color:#5a5a7a;color:var(--text3);font-size:12.5px;letter-spacing:.1px}.conv-delete-btn{align-items:center;background:#ff475724;border:1px solid #ff475759;border-radius:11px;box-shadow:0 3px 10px #ff475733;color:#ff4757;color:var(--danger);cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:38px;justify-content:center;transition:.22s;width:38px}.conv-delete-btn:hover{background:#ff475747;border-color:#ff475799;box-shadow:0 6px 18px #ff475759;transform:translateY(-2px) scale(1.08)}.conv-delete-btn:active{transform:scale(1)}.conv-call-wrap{flex-shrink:0;position:relative}.conv-action-btn{align-items:center;background:#6c63ff24;border:1px solid #6c63ff59;border-radius:12px;color:#6c63ff;color:var(--accent);cursor:pointer;display:flex;font-size:17px;height:40px;justify-content:center;transition:.22s;width:40px}.conv-action-btn:hover{background:#6c63ff47;transform:translateY(-2px) scale(1.08)}.conv-call-dropdown{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000004d;min-width:150px;overflow:hidden;position:absolute;right:0;top:44px;z-index:100}.conv-call-dropdown button{align-items:center;background:none;border:none;color:#f0f0f8;color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 14px;text-align:left;width:100%}.conv-call-dropdown button:hover{background:#22222f;background:var(--surface3)}.empty-convs{background:radial-gradient(ellipse 80% 60% at 50% 50%,#6c63ff0a 0,#0000 70%);border-radius:14px;color:#5a5a7a;color:var(--text3);font-size:13px;line-height:2;margin:12px;padding:36px 20px;text-align:center}.sidebar-footer{align-items:center;background:linear-gradient(0deg,#6c63ff0a,#0000);border-top:1px solid #ffffff12;border-top:1px solid var(--border);display:flex;gap:10px;padding:14px 18px max(14px,env(safe-area-inset-bottom));position:relative}.sidebar-footer:before{background:linear-gradient(90deg,#0000,#6c63ff4d,#0000);content:"";height:1px;left:18px;position:absolute;right:18px;top:0}.user-chip{flex:1 1;gap:10px}.user-chip,.user-chip-avatar{align-items:center;display:flex}.user-chip-avatar{background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border:1px solid #ffffff14;border-radius:11px;box-shadow:0 3px 10px #6c63ff59;color:#fff;font-family:Syne,sans-serif;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.user-chip-name{color:#f0f0f8;color:var(--text);font-size:13px;font-weight:600}.user-chip-status{align-items:center;color:#43e97b;color:var(--success);display:flex;font-size:11px;gap:4px}.user-chip-status:before{animation:pulse-dot 2s infinite;background:#43e97b;background:var(--success);border-radius:50%;box-shadow:0 0 6px #43e97b99;content:"";height:6px;width:6px}.profile-status-badge{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px}.profile-status-badge.online{color:#43e97b;color:var(--success)}.profile-status-badge.offline{color:#9090b0;color:var(--text2)}.profile-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.profile-status-badge.online .profile-status-dot{animation:pulse-dot 2s infinite;background:#43e97b;background:var(--success);box-shadow:0 0 6px #43e97b99}.profile-status-badge.offline .profile-status-dot{background:#9090b0;background:var(--text2)}.icon-btn{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 2px 8px #00000040;color:#f0f0f8;color:var(--text);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:.22s;width:40px}.icon-btn:hover{background:#6c63ff2e;border-color:#6c63ff73;box-shadow:0 6px 18px #6c63ff4d;color:#fff;transform:translateY(-2px)}.icon-btn:active{transform:translateY(0)}.icon-btn.danger:hover{background:#ff475726;border-color:#ff475773;box-shadow:0 6px 16px #ff475740;color:#ff4757;color:var(--danger)}.chat-main{background:#0a0a0f;background:var(--bg);height:100%}.chat-main,.empty-state{display:flex;flex:1 1;flex-direction:column}.empty-state{align-items:center;background:radial-gradient(ellipse 60% 40% at 50% 50%,#6c63ff0d 0,#0000 70%);color:#5a5a7a;color:var(--text3);gap:14px;justify-content:center}.empty-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(108,99,255,.4));font-size:56px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f8,#9090b0);background:linear-gradient(135deg,var(--text),var(--text2));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:22px;font-weight:800}.chat-header{align-items:center;background:#111118;background:var(--surface);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0003;display:flex;gap:14px;padding:14px 22px;position:relative}.chat-header:after{background:linear-gradient(90deg,#0000,#6c63ff40,#0000);bottom:0;content:"";height:1px;left:22px;position:absolute;right:22px}.chat-header-info{flex:1 1}.chat-header-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f8,#9090b0);background:linear-gradient(135deg,var(--text),var(--text2));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:16px;font-weight:700}.chat-header-typing{color:#43e97b;color:var(--success);font-size:12px;margin-top:2px}.chat-header-actions{display:flex;gap:8px}.call-btn{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000040;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:.22s;width:40px}.call-btn.voice{background:#43e97b2e;border:1px solid #43e97b59;color:#43e97b;color:var(--success)}.call-btn.video{background:#6c63ff2e;border:1px solid #6c63ff59;color:#6c63ff;color:var(--accent)}.call-btn.voice:hover{background:#43e97b4d;box-shadow:0 6px 20px #43e97b59;transform:translateY(-2px) scale(1.08)}.call-btn.video:hover{background:#6c63ff4d;box-shadow:0 6px 20px #6c63ff66;transform:translateY(-2px) scale(1.08)}.call-btn:active{transform:scale(1)}.messages-area{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding:20px 24px 16px;scroll-behavior:smooth}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-thumb{background:#22222f;background:var(--surface3);border-radius:4px}.msg-group{animation:msg-in .15s ease-out both;display:flex;flex-direction:column;margin-bottom:6px}.msg-group.out{align-items:flex-end;animation-name:msg-in-out}.msg-group.in{align-items:flex-start;animation-name:msg-in-in}@keyframes msg-in-out{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msg-in-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-sender{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:3px;padding-left:4px}.msg-bubble{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.55;max-width:100%;padding:11px 16px;transition:.15s}.msg-group.out .msg-bubble{background:linear-gradient(135deg,#6c63ff,#8b7cf6);background:linear-gradient(135deg,var(--accent),#8b7cf6);border-bottom-right-radius:5px;box-shadow:0 4px 14px #6c63ff4d;color:#fff}.msg-group.in .msg-bubble{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:0 2px 8px #0003}.msg-time{align-items:center;display:flex;font-family:DM Sans,sans-serif;font-size:10px;gap:3px;letter-spacing:.3px;margin-top:4px;padding:0 4px}.msg-ticks,.msg-time{color:#5a5a7a;color:var(--text3)}.msg-ticks{font-size:11px;line-height:1;transition:color .2s}.msg-ticks.read{color:#4fc3f7}.msg-bubble-wrap{display:flex;flex-direction:column;max-width:72%;position:relative}.msg-group.out .msg-bubble-wrap{align-items:flex-end}.msg-group.in .msg-bubble-wrap{align-items:flex-start}.msg-bubble-wrap .msg-bubble{max-width:100%}.msg-reply-btn{align-items:center;background:#1a1a24;background:var(--surface2);border:none;border-radius:50%;color:#9090b0;color:var(--text2);cursor:pointer;display:none;font-size:13px;height:26px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:26px}.msg-group.out .msg-reply-btn{left:-32px}.msg-group.in .msg-reply-btn{right:-32px}.msg-group:hover .msg-reply-btn{display:flex}.msg-delete-wrap{align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.msg-group.out .msg-delete-wrap{left:-60px}.msg-group.in .msg-delete-wrap{right:-60px}.msg-group:hover .msg-delete-wrap{display:flex}.msg-delete-btn{align-items:center;border:none;border-radius:50%;color:#9090b0;color:var(--text2);cursor:pointer;height:26px;justify-content:center;position:static;width:26px}.msg-delete-btn,.msg-delete-menu{background:#1a1a24;background:var(--surface2);display:flex}.msg-delete-menu{border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000004d;flex-direction:column;gap:2px;min-width:150px;padding:4px;position:absolute;top:calc(100% + 4px);z-index:100}.msg-group.out .msg-delete-menu{right:0}.msg-group.in .msg-delete-menu{left:0}.msg-delete-menu button{background:none;border:none;border-radius:7px;color:#f0f0f8;color:var(--text);cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;white-space:nowrap}.msg-delete-menu button:hover{background:#22222f;background:var(--surface3)}.msg-delete-menu button:last-child{color:#f87171}.msg-reply-quote{background:#6c63ff26;border-left:3px solid #6c63ff;border-left:3px solid var(--accent);border-radius:6px;margin-bottom:4px;max-width:100%;overflow:hidden;padding:4px 8px}.msg-reply-name{color:#6c63ff;color:var(--accent);display:block;font-size:11px;font-weight:600}.msg-reply-text{color:#9090b0;color:var(--text2);display:block;font-size:12px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview{align-items:center;background:#1a1a24;background:var(--surface2);border-left:3px solid #6c63ff;border-left:3px solid var(--accent);border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:6px 10px}.reply-preview-inner{flex:1 1;min-width:0}.reply-preview-name{color:#6c63ff;color:var(--accent);display:block;font-size:11px;font-weight:600}.reply-preview-text{color:#9090b0;color:var(--text2);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-close{background:none;border:none;color:#5a5a7a;color:var(--text3);cursor:pointer;font-size:14px;padding:0 4px}.chat-input-area{background:#111118;background:var(--surface);border-top:1px solid #ffffff12;border-top:1px solid var(--border);box-shadow:0 -4px 20px #0003;padding:7px 22px max(7px,env(safe-area-inset-bottom));position:relative}.chat-input-area:before{background:linear-gradient(90deg,#0000,#6c63ff40,#0000);content:"";height:1px;left:22px;position:absolute;right:22px;top:0}.input-row{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:18px;box-shadow:0 2px 8px #00000026;display:flex;gap:10px;padding:4px 4px 4px 16px;transition:.2s}.input-row:focus-within{border-color:#6c63ff66;box-shadow:0 0 0 3px #6c63ff1a,0 2px 8px #00000026}.chat-textarea{background:#0000;border:none;color:#f0f0f8;color:var(--text);flex:1 1;font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.5;max-height:120px;outline:none;padding:0;resize:none}.chat-textarea::placeholder{color:#5a5a7a;color:var(--text3)}.send-btn{align-items:center;background:linear-gradient(135deg,#7c6fff,#a855f7);border:1px solid #ffffff26;border-radius:13px;box-shadow:0 6px 18px #6c63ff80,0 0 0 1px #a855f733;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:42px;justify-content:center;overflow:hidden;position:relative;transition:.22s;width:42px}.send-btn:after{background:#ffffff1f;border-radius:inherit;content:"";height:50%;left:0;position:absolute;right:0;top:0}.send-btn:hover{box-shadow:0 10px 28px #6c63ffa6,0 0 0 1px #a855f759;transform:translateY(-2px) scale(1.1)}.send-btn:active{transform:scale(1)}.avatar-circle{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border:1px solid #ffffff14;border-radius:15px;box-shadow:0 4px 12px #6c63ff59;color:#fff;display:flex;flex-shrink:0;font-family:Syne,sans-serif;font-size:16px;font-weight:800;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.avatar-circle:after{background:#ffffff14;border-radius:inherit;content:"";height:50%;left:0;position:absolute;right:0;top:0}.avatar-circle.sm{border-radius:11px;font-size:13px;height:36px;width:36px}.avatar-wrap{flex-shrink:0;position:relative}.online-dot{animation:pulse-dot 2s infinite;background:#43e97b;background:var(--success);border:2px solid #0a0a0f;border:2px solid var(--bg);border-radius:50%;bottom:2px;box-shadow:0 0 6px #43e97bb3;height:11px;position:absolute;right:2px;width:11px}.online-dot.sm{bottom:0;height:9px;right:0;width:9px}.unread-badge{background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;box-shadow:0 2px 8px #6c63ff66;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.msg-call-card,.unread-badge{align-items:center;display:flex}.msg-call-card{border-radius:16px;cursor:default;gap:12px;max-width:280px;min-width:220px;padding:12px 16px}.msg-group.out .msg-call-card{background:linear-gradient(135deg,#6c63ff,#8b7cf6);background:linear-gradient(135deg,var(--accent),#8b7cf6);border-bottom-right-radius:5px;box-shadow:0 4px 14px #6c63ff4d}.msg-group.in .msg-call-card{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:0 2px 8px #0003}.msg-call-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.msg-group.out .msg-call-icon{background:#fff3;color:#fff}.msg-group.in .msg-call-icon.incoming{background:#43e97b26;color:#43e97b;color:var(--success)}.msg-group.in .msg-call-icon.missed{background:#ff5f5f26;color:#ff4757;color:var(--danger)}.msg-call-info{flex:1 1;min-width:0}.msg-call-label{font-size:14px;font-weight:600;line-height:1.3}.msg-group.out .msg-call-label{color:#fff}.msg-group.in .msg-call-label{color:#f0f0f8;color:var(--text)}.msg-group.in .msg-call-card.missed .msg-call-label{color:#ff4757;color:var(--danger)}.msg-call-sub{font-size:12px;margin-top:2px}.msg-group.out .msg-call-sub{color:#ffffffbf}.msg-group.in .msg-call-sub{color:#9090b0;color:var(--text2)}.msg-call-time{align-self:flex-end;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.3px;white-space:nowrap}.msg-group.out .msg-call-time{color:#ffffffb3}.msg-group.in .msg-call-time{color:#5a5a7a;color:var(--text3)}.msg-contact-card{align-items:center;border-radius:14px;display:flex;gap:12px;max-width:280px;min-width:220px;padding:10px 14px}.msg-group.out .msg-contact-card{background:linear-gradient(135deg,#6c63ff,#8b7cf6);background:linear-gradient(135deg,var(--accent),#8b7cf6);border-bottom-right-radius:5px;box-shadow:0 4px 14px #6c63ff4d;color:#fff}.msg-group.in .msg-contact-card{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:0 2px 8px #0003}.msg-group.in .msg-contact-card:hover{filter:brightness(1.08)}.msg-date-sep{align-items:center;color:#5a5a7a;color:var(--text3);display:flex;font-size:11px;gap:12px;letter-spacing:.5px;margin:14px 0 8px}.msg-date-sep:after,.msg-date-sep:before{background:#ffffff12;background:var(--border);content:"";flex:1 1;height:1px}.msg-date-sep span{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;padding:3px 10px;white-space:nowrap}.chat-header-online{color:#43e97b;color:var(--success);font-size:12px;margin-top:2px}.search-result.selected{background:#6c63ff1a;border-color:#6c63ff4d}.profile-avatar-big{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border:2px solid #ffffff1a;border-radius:22px;box-shadow:0 8px 24px #6c63ff66;color:#fff;display:flex;font-family:Syne,sans-serif;font-size:28px;font-weight:800;height:80px;justify-content:center;width:80px}.profile-photo-wrap{cursor:pointer;display:inline-block;position:relative}.profile-photo-overlay{align-items:center;background:#00000073;border-radius:22px;display:flex;font-size:22px;inset:0;justify-content:center;opacity:0;position:absolute;transition:.2s}.profile-photo-wrap:hover .profile-photo-overlay{opacity:1}.load-more-btn{background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;color:#9090b0;color:var(--text2);cursor:pointer;font-family:DM Sans,sans-serif;font-size:12px;padding:6px 16px;transition:.2s}.load-more-btn:hover:not(:disabled){background:#22222f;background:var(--surface3);color:#f0f0f8;color:var(--text)}.load-more-btn:disabled{cursor:default;opacity:.5}.connection-banner{animation:slide-down .3s ease;background:#ff4757;background:var(--danger);color:#fff;font-size:13px;font-weight:600;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;z-index:9999}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.modal-overlay{align-items:center;animation:overlay-in .2s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:radial-gradient(ellipse at center,#6c63ff0f 0,#000000bf 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:900}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box{animation:modal-up .22s cubic-bezier(.34,1.3,.64,1);background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;box-shadow:0 40px 80px #0009,0 0 0 1px #6c63ff14;padding:36px;position:relative;width:420px}.modal-box:before{background:linear-gradient(90deg,#0000,#6c63ff66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.modal-title{color:#f0f0f8;color:var(--text);font-family:Syne,sans-serif;font-size:22px;font-weight:800;line-height:1.4;margin-bottom:20px;padding-bottom:2px}.modal-sub{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);color:#5a5a7a;color:var(--text3);font-size:13px;margin-bottom:20px;padding-bottom:16px}.search-row{align-items:center;display:flex;gap:10px;margin-bottom:16px}.search-row .form-input{flex:1 1}.search-row .btn-primary{flex-shrink:0;margin-top:0;padding:12px 18px;width:auto}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions .btn-secondary{margin-top:0;padding:12px 20px;width:auto}.modal-actions .btn-primary{flex:1 1;margin-top:0}.search-result{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;gap:12px;margin-bottom:14px;padding:14px;transition:.2s}.search-result:hover{background:#6c63ff14;border-color:#6c63ff66;box-shadow:0 4px 16px #6c63ff26;transform:translateY(-1px)}.call-overlay{align-items:center;animation:overlay-in .25s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:radial-gradient(ellipse at center,#6c63ff14 0,#000000eb 100%);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.call-overlay.video-mode{background:#000}.video-container{inset:0;position:absolute}.video-remote{height:100%;object-fit:cover;opacity:.85;width:100%}.video-local{border:2px solid #fff3;border-radius:16px;bottom:100px;box-shadow:0 10px 30px #00000080;height:175px;object-fit:cover;position:absolute;right:20px;width:130px}.call-minimize-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#5a5a7a;color:var(--text3);cursor:pointer;display:flex;height:28px;justify-content:center;left:14px;position:absolute;top:14px;transition:.2s;width:28px;z-index:2}.call-minimize-btn:hover{background:#fff3;color:#f0f0f8;color:var(--text)}.call-mini-bar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:50px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6c63ff1f;cursor:pointer;display:flex;gap:12px;left:50%;min-width:220px;padding:10px 14px 10px 10px;position:fixed;top:16px;transform:translateX(-50%);transition:.2s;-webkit-user-select:none;user-select:none;z-index:9999}.call-mini-bar:hover{box-shadow:0 12px 40px #0009,0 0 0 1px #6c63ff40}.call-mini-avatar{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-family:Syne,sans-serif;font-size:13px;font-weight:800;height:36px;justify-content:center;width:36px}.call-mini-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.call-mini-name{color:#f0f0f8;color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-mini-status{color:#43e97b;color:var(--success);font-family:DM Sans,sans-serif;font-size:11px}.call-mini-pulse{animation:pulse-dot 2s infinite;background:#43e97b;background:var(--success);border-radius:50%;box-shadow:0 0 6px #43e97b99;flex-shrink:0;height:8px;width:8px}.call-mini-end{align-items:center;background:linear-gradient(135deg,#ff4757,#ff6b7a);background:linear-gradient(135deg,var(--danger),#ff6b7a);border:none;border-radius:50%;box-shadow:0 4px 12px #ff475766;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:.2s;width:32px}.call-mini-end:hover{filter:brightness(1.15);transform:scale(1.08)}.call-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#5a5a7a;color:var(--text3);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:14px;top:14px;transition:.2s;width:28px}.call-close-btn:hover{background:#fff3;color:#f0f0f8;color:var(--text)}.call-card{align-items:center;background:#111118;background:var(--surface);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:32px;box-shadow:0 60px 120px #0009,0 0 0 1px #6c63ff14;display:flex;flex-direction:column;gap:18px;overflow:hidden;padding:48px 44px;position:relative;transition:.3s;width:340px;z-index:1}.call-card:before{background:linear-gradient(90deg,#0000,#6c63ff66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.call-card.transparent{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0000008c;border-color:#ffffff14;border-radius:20px;bottom:30px;box-shadow:0 8px 32px #0006,0 0 0 1px #6c63ff1a;flex-direction:row;gap:16px;left:50%;padding:16px 24px;position:absolute;transform:translateX(-50%);width:auto}.call-avatar-big{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#6c63ff,#ff6584);background:linear-gradient(135deg,var(--accent),var(--accent2));border:1px solid #ffffff14;border-radius:28px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff14,0 0 40px #6c63ff4d;color:#fff;display:flex;font-family:Syne,sans-serif;font-size:34px;font-weight:800;height:96px;justify-content:center;overflow:hidden;position:relative;width:96px}.call-avatar-big:after{background:#ffffff1a;border-radius:inherit;content:"";height:50%;left:0;position:absolute;right:0;top:0}.call-card.transparent .call-avatar-big{display:none}.call-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0f0f8,#9090b0);background:linear-gradient(135deg,var(--text),var(--text2));-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;letter-spacing:-.3px;text-align:center}.call-name,.call-timer{font-family:Syne,sans-serif}.call-timer{color:#43e97b;color:var(--success);font-size:18px;font-weight:600;letter-spacing:.5px;text-shadow:0 0 12px #43e97b66}.call-status{color:#5a5a7a;color:var(--text3);font-family:DM Sans,sans-serif;font-size:13px;letter-spacing:.3px;text-align:center}.blink{animation:blink 1.5s infinite}.call-status-error{color:#ff5f5f;font-weight:500}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.call-controls{background:#ffffff08;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;display:flex;flex-wrap:nowrap;gap:14px;justify-content:center;margin-top:6px;padding:16px 20px}.call-card.transparent .call-controls{background:none;border:none;margin-top:0;padding:0}.call-ctrl-btn{align-items:center;border:none;border-radius:18px;box-shadow:0 4px 14px #0000004d;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:20px;gap:4px;height:58px;justify-content:center;overflow:hidden;position:relative;transition:.2s;width:58px}.call-ctrl-btn:after{background:#ffffff14;border-radius:inherit;content:"";height:50%;left:0;position:absolute;right:0;top:0}.call-ctrl-btn span{font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;letter-spacing:.2px}.call-ctrl-btn.decline{background:linear-gradient(135deg,#ff4757,#ff6b7a);background:linear-gradient(135deg,var(--danger),#ff6b7a);box-shadow:0 4px 14px #ff475766;width:100px}.call-ctrl-btn.accept{background:linear-gradient(135deg,#43e97b,#6efaaa);background:linear-gradient(135deg,var(--success),#6efaaa);box-shadow:0 4px 14px #43e97b66;width:100px}.call-ctrl-btn.end{background:linear-gradient(135deg,#ff4757,#ff6b7a);background:linear-gradient(135deg,var(--danger),#ff6b7a);box-shadow:0 4px 14px #ff475766;width:100px}.call-ctrl-btn.mute{background:#22222f;background:var(--surface3);border:1px solid #ffffff12;border:1px solid var(--border);color:#9090b0;color:var(--text2);width:100px}.call-ctrl-btn.mute.on{background:#ff475726;border-color:#ff475766;box-shadow:0 4px 14px #ff475733;color:#ff4757;color:var(--danger)}.call-ctrl-btn.cam{background:#22222f;background:var(--surface3);border:1px solid #ffffff12;border:1px solid var(--border);color:#9090b0;color:var(--text2)}.call-ctrl-btn.cam.on{background:#ff475726;border-color:#ff475766;box-shadow:0 4px 14px #ff475733;color:#ff4757;color:var(--danger)}.call-ctrl-btn:hover{filter:brightness(1.15);transform:translateY(-2px) scale(1.05)}.call-contact-row{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:12px 14px;transition:.2s}.call-contact-row:hover{background:#6c63ff0d;border-color:#6c63ff4d}.call-log-row{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:10px 12px;transition:.2s}.call-log-row:hover{background:#6c63ff0d;border-color:#6c63ff4d}.back-btn{align-items:center;background:#1a1a24;background:var(--surface2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:10px;color:#f0f0f8;color:var(--text);cursor:pointer;display:none;flex-shrink:0;font-size:18px;height:36px;justify-content:center;transition:.2s;width:36px}.back-btn:hover{background:#22222f;background:var(--surface3);border-color:#6c63ff4d}@media (max-width:767px){.auth-card{padding:32px 24px}.auth-card,.modal-box{border-radius:20px;width:calc(100vw - 32px)}.modal-box{padding:28px 20px}.app-screen{overflow:hidden;position:relative}.sidebar{min-width:100%}.chat-main,.sidebar{inset:0;position:absolute;transition:transform .25s ease;width:100%;z-index:10}.chat-main{transform:translateX(100%)}.app-screen:has(.chat-header) .sidebar{transform:translateX(-100%)}.app-screen:has(.chat-header) .chat-main{transform:translateX(0)}.back-btn{display:flex}.avatar-circle{font-size:14px;height:40px;width:40px}.avatar-circle.sm{font-size:11px;height:32px;width:32px}.sidebar-tabs{margin:10px 12px}.sidebar-tab{font-size:12px;padding:8px 6px}.messages-area{padding:14px 14px 16px}.msg-bubble{font-size:13.5px;max-width:82%}.chat-input-area{padding:10px 14px}.sidebar-footer{padding:12px 14px}.sidebar-header{padding:16px 14px 12px}}@media (max-width:400px){.auth-card{padding:28px 18px}.modal-box{padding:24px 16px}.call-card{padding:36px 28px;width:calc(100vw - 32px)}}.chat-search-bar{borderBottom:1px solid #ffffff12;borderBottom:1px solid var(--border);align-items:center;background:#111118;background:var(--surface);display:flex;gap:8px;max-height:0;opacity:0;overflow:hidden;padding:0 16px;pointer-events:none;transition:max-height .25s ease,opacity .25s ease,padding .25s ease}.chat-search-bar.visible{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border);max-height:60px;opacity:1;padding:8px 16px;pointer-events:all}.chat-search-bar input:focus{border-color:#6c63ff!important;border-color:var(--accent)!important}
/*# sourceMappingURL=main.09bc8993.css.map*/