body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0a0b14;--bg-rail:#0e0f1c;--bg-list:#0c0d18;--panel:#13141f;--bubble-other:#1b1d2c;--bubble-own:#6b4dff;--accent:#7b5cff;--accent-soft:#7b5cff29;--accent-2:#9277ff;--text:#eceef6;--text-dim:#9aa0b6;--text-mute:#646a82;--border:#1b1e2e;--online:#34c759}*{box-sizing:border-box}#root,body,html{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;background:#0a0b14;background:var(--bg);color:#eceef6;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}button{background:none;border:none;color:inherit;cursor:pointer}button,input{font-family:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#23263a;border-radius:8px}::-webkit-scrollbar-track{background:#0000}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden}.avatar img{height:100%;object-fit:cover;width:100%}.login-screen{align-items:center;background:radial-gradient(1200px 600px at 50% -10%,#7b5cff1f,#0000),#0a0b14;background:radial-gradient(1200px 600px at 50% -10%,#7b5cff1f,#0000),var(--bg);display:flex;height:100vh;justify-content:center}.login-card{background:#13141f;background:var(--panel);border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 60px #0006;max-width:92vw;padding:32px 28px;text-align:center;width:360px}.login-card .profile-avatar,.login-logo{align-items:center;background:linear-gradient(135deg,#7b5cff,#5b8bff);background:linear-gradient(135deg,var(--accent),#5b8bff);border-radius:18px;color:#fff;display:flex;font-size:30px;font-weight:800;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.login-card .profile-avatar{border-radius:50%}.login-card h1{font-size:24px;margin:6px 0 4px}.login-card p{color:#9aa0b6;color:var(--text-dim);font-size:14px;margin:0 0 18px}.login-card input{background:#0e1018;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:12px;color:#eceef6;color:var(--text);font-size:15px;margin-bottom:12px;outline:none;padding:13px 14px;width:100%}.login-card input:focus{border-color:#7b5cff;border-color:var(--accent)}.login-card .code-input{font-size:22px;letter-spacing:8px;text-align:center}.login-card button:not(.resend-btn),.login-card>button{background:#7b5cff;background:var(--accent);border-radius:12px;color:#fff;font-size:15px;font-weight:600;padding:13px;transition:.15s;width:100%}.login-card>button:hover{background:#9277ff;background:var(--accent-2)}.login-card button:disabled{cursor:default;opacity:.5}.resend-btn{background:none!important;color:#7b5cff!important;color:var(--accent)!important;font-size:14px;font-weight:500;padding:10px;width:100%}.phone-display{color:#9aa0b6;color:var(--text-dim);font-size:14px;margin-bottom:10px}.phone-display span{color:#7b5cff;color:var(--accent);cursor:pointer;margin-left:6px}.error{color:#ff6b6b;font-size:13px;margin:6px 0}.app{display:flex;height:100vh;overflow:hidden}.nav-rail{background:#0e0f1c;background:var(--bg-rail);border-right:1px solid #1b1e2e;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;padding:18px 14px;width:240px}.nav-brand{font-size:24px;font-weight:800;letter-spacing:-.5px;padding:4px 8px 18px}.nav-brand b{color:#7b5cff;color:var(--accent)}.nav-create{align-items:center;background:#7b5cff;background:var(--accent);border-radius:14px;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px;margin-bottom:18px;padding:13px 16px;transition:.15s}.nav-create:hover{background:#9277ff;background:var(--accent-2)}.nav-create .plus{align-items:center;background:#ffffff38;border-radius:50%;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;width:24px}.nav-items{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border-radius:12px;color:#9aa0b6;color:var(--text-dim);display:flex;font-size:15px;font-weight:500;gap:14px;padding:12px 14px;transition:.12s}.nav-item:hover{background:#171927;color:#eceef6;color:var(--text)}.nav-item.active{background:#7b5cff29;background:var(--accent-soft);color:#eceef6;color:var(--text)}.nav-item.active svg{stroke:#7b5cff;stroke:var(--accent)}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0;height:22px;width:22px}.nav-spacer{flex:1 1}.nav-user{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:.12s}.nav-user:hover{background:#171927}.nav-user .avatar{font-size:15px;height:40px;width:40px}.nav-user-name{font-size:14px;font-weight:600;line-height:1.2}.nav-user-handle{font-size:12px}.nav-user .chev,.nav-user-handle{color:#646a82;color:var(--text-mute)}.nav-user .chev{margin-left:auto}.list-col{background:#0c0d18;background:var(--bg-list);border-right:1px solid #1b1e2e;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:380px}.list-header{align-items:center;display:flex;justify-content:space-between;padding:20px 18px 12px}.list-header h2{font-size:22px;font-weight:700;margin:0}.list-compose{align-items:center;border-radius:10px;color:#9aa0b6;color:var(--text-dim);display:flex;height:38px;justify-content:center;transition:.12s;width:38px}.list-compose:hover{background:#171927;color:#eceef6;color:var(--text)}.list-compose svg{stroke:currentColor;fill:none;stroke-width:1.9;height:21px;width:21px}.list-search{margin:0 16px 12px;position:relative}.list-search input{background:#12131e;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:12px;color:#eceef6;color:var(--text);font-size:14px;outline:none;padding:11px 14px 11px 40px;width:100%}.list-search input:focus{border-color:#7b5cff;border-color:var(--accent)}.list-search svg{stroke:#646a82;stroke:var(--text-mute);fill:none;stroke-width:2;height:18px;left:13px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.list-filters{display:flex;gap:8px;padding:0 16px 10px}.filter{background:#13141f;border-radius:20px;color:#9aa0b6;color:var(--text-dim);font-size:13px;font-weight:600;padding:7px 16px;transition:.12s}.filter:hover{color:#eceef6;color:var(--text)}.filter.active{background:#7b5cff;background:var(--accent);color:#fff}.chat-list{flex:1 1;overflow-y:auto;padding:4px 8px 12px}.chat-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:.1s}.chat-item:hover{background:#13141f}.chat-item.active{background:#191b2b}.chat-item .avatar{font-size:17px;height:50px;position:relative;width:50px}.online-dot{background:#34c759;background:var(--online);border:2.5px solid #0c0d18;border:2.5px solid var(--bg-list);border-radius:50%;bottom:1px;height:13px;position:absolute;right:1px;width:13px}.chat-main{flex:1 1;min-width:0}.chat-row{align-items:center;display:flex;gap:8px}.chat-name{flex:1 1;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{color:#646a82;color:var(--text-mute);flex-shrink:0;font-size:12px}.chat-preview{color:#9aa0b6;color:var(--text-dim);flex:1 1;font-size:13.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-badge{align-items:center;background:#7b5cff;background:var(--accent);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-top:3px;min-width:20px;padding:0 6px}.empty-chats,.list-placeholder{color:#646a82;color:var(--text-mute);font-size:14px;line-height:1.6;padding:48px 24px;text-align:center}.search-item{align-items:center;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:10px 12px}.search-item:hover{background:#13141f}.search-item .avatar{font-size:16px;height:46px;width:46px}.chat-info{min-width:0}.chat-info .chat-type{color:#9aa0b6;color:var(--text-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-area{background:linear-gradient(180deg,#0a0b14,#090a12);display:flex;flex:1 1;flex-direction:column;min-width:0}.ca-header{align-items:center;border-bottom:1px solid #1b1e2e;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 20px}.ca-header .avatar{font-size:16px;height:44px;width:44px}.ca-title{font-size:16px;font-weight:700}.ca-sub{color:#9aa0b6;color:var(--text-dim);font-size:13px}.ca-sub.online{color:#34c759;color:var(--online)}.ca-actions{display:flex;gap:4px;margin-left:auto}.ca-icon{align-items:center;border-radius:10px;color:#9aa0b6;color:var(--text-dim);display:flex;height:40px;justify-content:center;transition:.12s;width:40px}.ca-icon:hover{background:#171927;color:#eceef6;color:var(--text)}.ca-icon svg{stroke:currentColor;fill:none;stroke-width:1.9;height:21px;width:21px}.messages{display:flex;flex:1 1;flex-direction:column;gap:3px;overflow-y:auto;padding:22px 16% 16px}@media(max-width:1100px){.messages{padding:22px 6% 16px}}.day-sep{align-self:center;background:#13141f;border-radius:14px;color:#9aa0b6;color:var(--text-dim);font-size:12px;font-weight:600;margin:14px 0;padding:5px 14px}.msg-row{display:flex;flex-direction:column;margin-top:2px;max-width:62%}.msg-row.own{align-items:flex-end;align-self:flex-end}.msg-row.other{align-items:flex-start;align-self:flex-start}.msg-sender{color:#9277ff;color:var(--accent-2);font-size:12.5px;font-weight:600;margin:0 0 3px 12px}.bubble{border-radius:18px;font-size:14.5px;line-height:1.4;padding:9px 13px 7px;word-break:break-word}.msg-row.other .bubble{background:#1b1d2c;background:var(--bubble-other);border-bottom-left-radius:6px}.msg-row.own .bubble{background:#6b4dff;background:var(--bubble-own);border-bottom-right-radius:6px;color:#fff}.bubble-meta{align-items:center;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:3px;opacity:.8}.msg-row.other .bubble-meta{color:#646a82;color:var(--text-mute)}.msg-row.own .bubble-meta{color:#ffffffd9}.tick{letter-spacing:-2px}.typing-indicator{align-items:center;display:inline-flex;gap:4px}.typing-indicator span{animation:tw 1.2s infinite;background:#646a82;background:var(--text-mute);border-radius:50%;height:7px;width:7px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes tw{0%,60%,to{opacity:.3}30%{opacity:1}}.composer{border-top:1px solid #1b1e2e;border-top:1px solid var(--border);gap:10px;padding:14px 20px 18px}.composer,.composer-btn{align-items:center;display:flex}.composer-btn{border-radius:50%;color:#9aa0b6;color:var(--text-dim);flex-shrink:0;height:42px;justify-content:center;transition:.12s;width:42px}.composer-btn:hover{background:#171927;color:#eceef6;color:var(--text)}.composer-btn svg{stroke:currentColor;fill:none;stroke-width:1.8;height:22px;width:22px}.composer-field{align-items:center;background:#13141f;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:24px;display:flex;flex:1 1;padding:0 8px 0 18px}.composer-field input{background:none;border:none;color:#eceef6;color:var(--text);flex:1 1;font-size:15px;outline:none;padding:13px 0}.composer-send{align-items:center;background:#7b5cff;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:46px;justify-content:center;transition:.12s;width:46px}.composer-send:hover{background:#9277ff;background:var(--accent-2)}.composer-send svg{fill:#fff;stroke:#fff;height:22px;width:22px}.no-chat{color:#646a82;color:var(--text-mute);flex:1 1;flex-direction:column;gap:10px}.no-chat,.no-chat .no-chat-logo{align-items:center;display:flex;justify-content:center}.no-chat .no-chat-logo{background:linear-gradient(135deg,#7b5cff,#5b8bff);background:linear-gradient(135deg,var(--accent),#5b8bff);border-radius:24px;color:#fff;font-size:38px;font-weight:800;height:80px;margin-bottom:6px;width:80px}.no-chat h2{color:#eceef6;color:var(--text);font-size:20px;margin:0}.start-btn{background:#7b5cff;background:var(--accent);border-radius:12px;color:#fff;font-weight:600;margin-top:10px;padding:11px 22px}.call-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05060cbf;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.call-modal{background:#13141f;background:var(--panel);border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:24px;padding:34px;text-align:center;width:340px}.call-modal-video{width:auto}.call-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:38px;font-weight:700;height:96px;justify-content:center;margin:0 auto 16px;width:96px}.call-name{font-size:20px;font-weight:700}.call-subtitle{color:#9aa0b6;color:var(--text-dim);font-size:14px;margin-top:4px}.call-active-status{color:#34c759;color:var(--online)}.call-actions{display:flex;gap:14px;justify-content:center;margin-top:24px}.call-btn{border-radius:14px;color:#fff;font-size:15px;font-weight:600;padding:12px 22px}.call-btn.accept,.call-btn.unmute{background:#34c759;background:var(--online)}.call-btn.decline{background:#ff4d5e}.video-container{background:#000;border-radius:16px;height:380px;overflow:hidden;position:relative;width:560px}.remote-video{height:100%;object-fit:cover;width:100%}.local-video{border:2px solid #ffffff4d;border-radius:10px;bottom:14px;height:100px;object-fit:cover;position:absolute;right:14px;width:150px}.bubble-text{white-space:pre-wrap}.bubble-wrap{align-items:center;display:flex;gap:4px;position:relative}.msg-row.own .bubble-wrap{flex-direction:row-reverse}.msg-action{border-radius:50%;color:#646a82;color:var(--text-mute);flex-shrink:0;font-size:18px;height:26px;line-height:1;opacity:0;transition:.12s;width:26px}.bubble-wrap:hover .msg-action{opacity:1}.msg-action:hover{background:#171927;color:#eceef6;color:var(--text)}.msg-menu{background:#1a1c2b;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 30px #00000080;left:34px;min-width:172px;padding:6px;position:absolute;top:26px;z-index:20}.msg-menu.own{left:auto;right:34px}.react-row{border-bottom:1px solid #1b1e2e;border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:4px;padding:2px 2px 6px}.react-row button{border-radius:8px;font-size:20px;padding:4px 6px;transition:.1s}.react-row button:hover{background:#23263a;transform:scale(1.15)}.menu-item{border-radius:8px;color:#eceef6;color:var(--text);display:block;font-size:14px;padding:9px 10px;text-align:left;width:100%}.menu-item:hover{background:#23263a}.menu-item.danger{color:#ff6b6b}.reply-quote{background:#ffffff0f;border-left:3px solid #9277ff;border-left:3px solid var(--accent-2);border-radius:6px;margin-bottom:5px;padding:2px 8px}.msg-row.own .reply-quote{background:#ffffff24;border-left-color:#fff9}.reply-quote-name{color:#9277ff;color:var(--accent-2);font-size:12px;font-weight:700}.msg-row.own .reply-quote-name{color:#fff}.reply-quote-text{font-size:12.5px;max-width:260px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fwd-label{font-size:12px;font-style:italic;margin-bottom:4px;opacity:.7}.msg-img{border-radius:12px;cursor:pointer;display:block;margin-bottom:2px;max-height:340px;max-width:300px}.msg-audio{height:40px;margin:2px 0;max-width:270px}.msg-file{color:inherit;gap:10px;padding:4px 2px;text-decoration:none}.msg-file,.msg-file-ic{align-items:center;display:flex}.msg-file-ic{background:#ffffff1f;border-radius:10px;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.msg-file-info{display:flex;flex-direction:column;min-width:0}.msg-file-name{font-size:14px;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-file-size{font-size:12px;opacity:.7}.reactions{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.reaction{background:#1b1d2c;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:14px;color:#eceef6;color:var(--text);font-size:13px;padding:3px 9px;transition:.1s}.msg-row.own .reaction{background:#7b5cff40}.reaction:hover{border-color:#7b5cff;border-color:var(--accent)}.composer-wrap{border-top:1px solid #1b1e2e;border-top:1px solid var(--border)}.composer-wrap .composer{border-top:none}.reply-banner{align-items:center;display:flex;gap:10px;padding:10px 20px 0}.reply-bar{align-self:stretch;background:#7b5cff;background:var(--accent);border-radius:2px;min-height:34px;width:3px}.reply-banner-body{flex:1 1;min-width:0}.reply-banner-name{color:#9277ff;color:var(--accent-2);font-size:13px;font-weight:700}.reply-banner-text{color:#9aa0b6;color:var(--text-dim);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-x{border-radius:50%;color:#646a82;color:var(--text-mute);font-size:15px;height:30px;width:30px}.reply-x:hover{background:#171927;color:#eceef6;color:var(--text)}.upload-bar{color:#9277ff;color:var(--accent-2);font-size:13px;padding:8px 20px 0}.tick.read{color:#7fd1ff}.fwd-modal{background:#13141f;background:var(--panel);border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;max-height:70vh;max-width:92vw;overflow:hidden;width:340px}.fwd-modal-head{font-size:16px;font-weight:700;padding:18px 18px 10px}.fwd-list{flex:1 1;overflow-y:auto;padding:0 8px 8px}.fwd-cancel{border-top:1px solid #1b1e2e;border-top:1px solid var(--border);color:#7b5cff;color:var(--accent);font-weight:600;padding:14px}.settings-menu{display:flex;flex-direction:column;gap:2px;padding:8px}.settings-menu-item{border-radius:12px;color:#9aa0b6;color:var(--text-dim);display:block;font-size:15px;font-weight:500;padding:13px 14px;text-align:left;width:100%}.settings-menu-item:hover{background:#13141f;color:#eceef6;color:var(--text)}.settings-menu-item.active{background:#7b5cff29;background:var(--accent-soft);color:#eceef6;color:var(--text)}.settings-menu-item.danger{color:#ff6b6b;margin-top:8px}.settings-pane{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:32px 20px}.settings-card{max-width:520px;width:100%}.settings-card h3{font-size:20px;margin:0 0 18px}.settings-avatar-row{align-items:center;display:flex;gap:16px;margin-bottom:20px}.settings-avatar{cursor:pointer;font-size:30px;height:84px;position:relative;width:84px}.avatar-edit{align-items:center;background:#7b5cff;background:var(--accent);border:3px solid #0a0b14;border:3px solid var(--bg);border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:-2px;width:28px}.settings-phone{color:#9aa0b6;color:var(--text-dim);font-size:15px}.settings-label{color:#646a82;color:var(--text-mute);display:block;font-size:12px;font-weight:700;letter-spacing:.4px;margin:14px 0 6px;text-transform:uppercase}.settings-input{background:#12131e;border:1px solid #1b1e2e;border:1px solid var(--border);border-radius:12px;color:#eceef6;color:var(--text);font-family:inherit;font-size:15px;outline:none;padding:12px 14px;resize:vertical;width:100%}.settings-input:focus{border-color:#7b5cff;border-color:var(--accent)}.settings-save{background:#7b5cff;background:var(--accent);border-radius:12px;color:#fff;font-size:15px;font-weight:600;margin-top:20px;padding:12px 24px}.settings-save:hover{background:#9277ff;background:var(--accent-2)}.settings-save:disabled{opacity:.6}.settings-save.danger{background:#ff4d5e;margin-top:14px}.session-row{border-bottom:1px solid #1b1e2e;border-bottom:1px solid var(--border);gap:14px;padding:12px 0}.session-ic,.session-row{align-items:center;display:flex}.session-ic{background:#13141f;border-radius:12px;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.session-name{font-size:15px;font-weight:600}.session-sub{color:#9aa0b6;color:var(--text-dim);font-size:13px}