:root{--tg-bg:#212121;--tg-accent:#8774e1;--tg-text:#fff;--tg-hint:#707579;--tg-input-bg:#0f0f0f;--tg-border:#2f2f2f;--tg-error:#ff5e57}html,body,#root{height:100%}body{background-color:var(--tg-bg);color:var(--tg-text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{width:100%;overflow:hidden}.ant-app{flex-direction:column;width:100%;height:100%;min-height:100%;display:flex}.ant-btn,.ant-btn:focus,.ant-btn:active,.ant-btn:hover{box-shadow:none!important}.ant-message{text-align:center;place-items:center!important;width:100%!important;max-width:none!important;display:grid!important;left:0!important;right:0!important;transform:none!important}.ant-message-notice{width:auto!important;margin:0!important}.ant-message-notice-content{text-align:center}:root{--auth-ease:cubic-bezier(.16, 1, .3, 1);--auth-accent-glow:#8774e138}.auth-screen{animation:authSceneIn .9s var(--auth-ease) both}@keyframes authSceneIn{0%{opacity:0}to{opacity:1}}.tg-logo-wrapper{transform-origin:50%;width:auto;height:auto;animation:authLogoIn .9s var(--auth-ease) 50ms both, authLogoFloat 5.2s ease-in-out .9s infinite;will-change:transform;background:0 0;border-radius:0;justify-content:center;align-items:center;margin:0 auto 30px;display:flex}@keyframes authLogoIn{0%{opacity:0;transform:translateY(-10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes authLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tg-logo{object-fit:contain;filter:none;width:152px;height:152px;transition:filter .45s var(--auth-ease)}.tg-logo-wrapper.register-mode{filter:hue-rotate(40deg)}.auth-screen form,.auth-screen form+div{animation:authBlockIn .7s var(--auth-ease) .2s both}@keyframes authBlockIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tg-input-group{opacity:0;animation:authFieldIn .6s var(--auth-ease) forwards;margin-bottom:20px;transform:translateY(8px)}.tg-input-group:first-of-type{animation-delay:.28s}.tg-input-group:nth-of-type(2){animation-delay:.36s}.tg-input-group:nth-of-type(3){animation-delay:.44s}@keyframes authFieldIn{to{opacity:1;transform:translateY(0)}}.tg-custom-input-wrapper{background-color:var(--tg-input-bg);border:1px solid var(--tg-border);transition:border-color .35s var(--auth-ease), background-color .35s var(--auth-ease), transform .35s var(--auth-ease), box-shadow .35s var(--auth-ease);will-change:transform;border-radius:12px;align-items:center;padding:4px 16px;display:flex;position:relative}.tg-custom-input-wrapper:before{content:"";pointer-events:none;opacity:0;transition:opacity .35s var(--auth-ease);box-shadow:0 0 0 4px var(--auth-accent-glow);border-radius:13px;position:absolute;inset:-1px}.tg-custom-input-wrapper:hover{border-color:#8774e18c}.tg-custom-input-wrapper:focus-within{border-color:var(--tg-accent);box-shadow:none;background-color:#8774e10f;transform:translateY(-1px)}.tg-custom-input-wrapper:focus-within:before{opacity:1}.tg-custom-input-wrapper>svg{transition:color .35s var(--auth-ease), transform .35s var(--auth-ease)}.tg-custom-input-wrapper:focus-within>svg{transform:translate(-1px);color:var(--tg-accent)!important}.auth-confirm-wrap{opacity:0;transition:grid-template-rows .45s var(--auth-ease), opacity .35s var(--auth-ease), transform .45s var(--auth-ease), overflow 0s linear 0s;grid-template-rows:0fr;margin:0 -6px;padding:0 6px;display:grid;overflow:hidden;transform:translateY(-4px)}.auth-confirm-wrap.is-open{opacity:1;transition:grid-template-rows .45s var(--auth-ease), opacity .35s var(--auth-ease), transform .45s var(--auth-ease),  overflow 0s linear .45s;grid-template-rows:1fr;overflow:visible;transform:translateY(0)}.auth-confirm-wrap>*{min-height:0}.tg-custom-input.ant-input,.tg-custom-input .ant-input,.tg-custom-input.ant-input-password .ant-input{color:#fff!important;background-color:#0000!important;font-size:16px!important}.ant-input-password-icon{color:var(--tg-hint)!important}.ant-input-password-icon:hover{color:var(--tg-accent)!important}.tg-link-btn{color:var(--tg-accent);cursor:pointer;transition:color .2s var(--auth-ease);background:0 0;border:none;padding:5px;font-size:14px;font-weight:500;position:relative}.tg-link-btn:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--auth-ease);background:currentColor;position:absolute;bottom:2px;left:5px;right:5px;transform:scaleX(0)}.tg-link-btn:hover{opacity:1;color:#a898ef}.tg-link-btn:hover:after{transform:scaleX(1)}.tg-link-btn:active{transform:translateY(1px)}.auth-screen form .ant-btn-primary{will-change:transform;position:relative;overflow:hidden;transition:transform .18s var(--auth-ease), box-shadow .35s var(--auth-ease), filter .35s var(--auth-ease)!important}.auth-screen form .ant-btn-primary:before{content:"";transition:transform .85s var(--auth-ease);pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff38 50%,#0000 70%);position:absolute;inset:0;transform:translate(-110%)}.auth-screen form .ant-btn-primary:hover{filter:brightness(1.06);box-shadow:0 10px 28px #8774e159!important}.auth-screen form .ant-btn-primary:hover:before{transform:translate(110%)}.auth-screen form .ant-btn-primary:active{transform:translateY(1px)scale(.985)}@media (prefers-reduced-motion:reduce){.auth-screen,.tg-logo-wrapper,.tg-input-group,.auth-screen form,.auth-screen form+div{opacity:1!important;animation:none!important;transform:none!important}.tg-custom-input-wrapper,.auth-screen form .ant-btn-primary{transition:none!important}}.app-loading{place-items:center;min-height:100vh;display:grid}.auth-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.chat-app{background:radial-gradient(circle at top,#1f1f1f,#151515 60%);grid-template-columns:320px minmax(0,1fr) 320px;width:100%;height:100%;min-height:0;transition:grid-template-columns .22s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.chat-app.chat-app--sidebar-hidden{grid-template-columns:320px minmax(0,1fr) 0}.chat-app.chat-app--sidebar-hidden .chat-profile{opacity:0;pointer-events:none;transform:translate(40px)}.chat-sidebar{border-right:1px solid var(--tg-border);background-color:#1b1b1b;flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-topbar{border-bottom:1px solid var(--tg-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.sidebar-burger{color:#e6e6e6;width:32px;height:32px;padding:0}.sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:#8f8f8f;font-size:13px}.sidebar-user{border-bottom:1px solid var(--tg-border);align-items:center;gap:12px;padding:16px;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sidebar-drawer .ant-drawer-body{color:#e6e6e6;background:#1b1b1b}.drawer-user{border-bottom:1px solid var(--tg-border);cursor:pointer;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.drawer-user-info{flex-direction:column;gap:4px;display:flex}.drawer-user-name{color:#f0f0f0;font-size:15px;font-weight:600}.drawer-user-sub{color:#9a9a9a;font-size:12px}.drawer-actions{flex-direction:column;gap:8px;padding-top:16px;display:flex}.drawer-actions .ant-btn{color:#e7e7e7;background:#232323;border:1px solid #2f2f2f;height:36px}.drawer-actions .ant-btn:hover{color:#fff;border-color:#3a3a3a}.create-chat-modal{flex-direction:column;gap:12px;display:flex}.create-chat-modal label{color:#c9c9c9;flex-direction:column;gap:6px;font-size:12px;display:flex}.create-chat-hint{color:#8b8b8b;font-size:12px}.create-chat-members{flex-wrap:wrap;gap:8px;display:flex}.create-chat-member{color:#e3e3e3;background:#272727;border:1px solid #333;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.create-chat-member:hover{border-color:#424242}.create-chat-member-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.create-chat-results{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.create-chat-result{color:#e6e6e6;text-align:left;background:#202020;border:1px solid #2b2b2b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.create-chat-result:hover{border-color:#3c3c3c}.create-chat-result-username{color:#9c9c9c;font-size:12px}.sidebar-user-sub{color:var(--tg-hint);font-size:12px}.avatar-circle{color:#fff;background:#2b2b2b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:inline-flex;overflow:hidden}.avatar-wrapper{display:inline-flex;position:relative}.avatar-status-dot{background:#8f8f8f;border:2px solid #1b1b1b;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.avatar-status-dot.online{background:#3ddc84}.avatar-status-dot.offline{background:#8f8f8f}.avatar-circle.large{width:84px;height:84px;font-size:26px}.avatar-circle img{object-fit:cover;width:100%;height:100%}.chat-search{border-bottom:1px solid var(--tg-border);padding:16px}.chat-search .ant-input{color:var(--tg-text);border:1px solid var(--tg-border);background-color:#141414}.chat-search .ant-input::placeholder{color:var(--tg-hint)}.chat-list{flex:1;padding:8px;overflow-y:auto}.chat-profile,.chat-messages,.chat-list{scrollbar-width:thin;scrollbar-color:#8774e199 transparent}.chat-profile::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar{width:8px}.chat-list::-webkit-scrollbar{width:8px}.chat-profile::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-list::-webkit-scrollbar-track{background:0 0}.chat-profile::-webkit-scrollbar-thumb{background:#8774e199;border-radius:999px}.chat-messages::-webkit-scrollbar-thumb{background:#8774e199;border-radius:999px}.chat-list::-webkit-scrollbar-thumb{background:#8774e199;border-radius:999px}.chat-item,.search-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:6px 10px;transition:background .2s;display:flex}.chat-item:hover,.search-item:hover{background:#242424}.chat-item.active{background:#2b2b2b}.chat-item.blocked{opacity:.7}.chat-item-body{flex:1;min-width:0}.chat-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-unread-badge{color:#fff;background:#ff5e57;border-radius:999px;padding:2px 6px;font-size:11px}.chat-pin-icon{color:var(--tg-hint)}.blocked-tag{color:#ffb2ae;background:#ff5e5733;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:10px}.chat-item-title{color:var(--tg-text);font-size:14px;font-weight:600}.chat-item-sub{color:var(--tg-hint);margin-top:2px;font-size:12px}.message-read-blocked{color:#ff4d4f;position:relative}.message-read-blocked:after{content:"!";color:#ff4d4f;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-3px}.chat-main{flex-direction:column;gap:0;min-height:0;padding:0 0 12px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--tg-border);background:#1c1c1c;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header-title{font-size:16px;font-weight:600}.chat-header-status{color:var(--tg-hint);font-size:12px}.header-actions{align-items:center;gap:12px;display:inline-flex}.pinned-count{color:var(--tg-hint);border:1px solid var(--tg-border);background:#1f1f1f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.status-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-online{background-color:#3ddc84}.status-offline{background-color:#8f8f8f}.chat-messages{background-image:radial-gradient(#1f1f1f 1px,#0000 1px);background-size:24px 24px;flex-direction:column;flex:1;gap:12px;min-height:0;margin:10px 16px 0;padding:16px 20px;display:flex;overflow-y:auto}.message{background:#2b2b2b;border-radius:16px;align-self:flex-start;max-width:70%;padding:10px 14px 22px;position:relative}.message.self{background:#3b3470;align-self:flex-end}.message-text{white-space:pre-wrap;word-break:break-word;padding-right:48px;font-size:14px}.message-text--emoji-only{flex-wrap:wrap;justify-content:center;gap:6px;font-size:56px;line-height:1;display:flex}.message-text--emoji-only .emoji-inline{width:56px;height:56px;margin:0 4px}.message-meta{color:var(--tg-hint);text-align:right;justify-content:flex-end;align-items:center;gap:6px;margin-top:0;font-size:11px;display:flex;position:absolute;bottom:8px;right:12px}.meta-edited{letter-spacing:.02em;text-transform:uppercase;font-size:10px}.message-read{color:#b6b0ff;align-items:center;display:inline-flex}.message.pinned{border:1px solid #8774e180}.message-edit{flex-direction:column;gap:8px;display:flex}.message-edit-actions{justify-content:flex-end;gap:8px;display:flex}.message-forwarded{color:var(--tg-hint);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:11px}.message-reply{border:none;border-left:3px solid var(--tg-accent);text-align:left;cursor:pointer;background:#ffffff0f;border-radius:10px;flex-direction:column;gap:2px;margin-bottom:6px;padding:6px 8px;display:flex}.message-reply:disabled{opacity:.6;cursor:default}.message-reply-name{color:var(--tg-accent);font-size:11px;font-weight:600}.message-reply-text{color:var(--tg-text);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.message-attachments{gap:8px;margin-top:8px;display:grid}.attachment-file{color:var(--tg-text);background:#1a1a1a;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:inline-flex}.attachment-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-icon{letter-spacing:.04em;color:#fff;background:#2b2b2b;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.file-icon-word{background:#2b64f0}.file-icon-excel{background:#1f9d55}.file-icon-ppt{background:#d97706}.file-icon-pdf{background:#ef4444}.file-icon-generic{background:#4b5563}.chat-empty{color:var(--tg-hint);flex:1;place-items:center;display:grid}.pinned-bar{border-bottom:1px solid var(--tg-border);background:#1a1a1a;flex-direction:column;gap:6px;padding:8px 16px;display:flex}.pinned-bar-compact{gap:0}.pinned-bar-card{border:1px solid var(--tg-border);color:var(--tg-text);text-align:left;cursor:pointer;background:#242424;border-radius:12px;flex-direction:column;gap:4px;width:100%;margin-top:6px;padding:10px 12px;display:flex}.pinned-card-text{white-space:pre-wrap;font-size:13px;line-height:1.4}.pinned-card-meta{color:var(--tg-hint);justify-content:space-between;font-size:11px;display:flex}.pinned-card-extra{background:#ffffff14;border-radius:999px;padding:2px 6px;font-size:11px}.pinned-bar-title{color:var(--tg-hint);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pinned-bar-list{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.pinned-bar-item{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;white-space:nowrap;background:#242424;border-radius:999px;padding:4px 10px;font-size:12px}.image-album{gap:6px;margin-top:8px;display:grid}.image-album-1{grid-template-columns:1fr}.image-album-2{grid-template-columns:repeat(2,minmax(0,1fr))}.image-album-3{grid-template-columns:repeat(3,minmax(0,1fr))}.image-album-4{grid-template-columns:repeat(2,minmax(0,1fr))}.image-thumb{cursor:pointer;background:0 0;border:none;padding:0}.image-thumb img{object-fit:cover;border-radius:12px;width:100%;height:140px}.video-thumb{cursor:pointer;background:0 0;border:none;padding:0;position:relative}.video-thumb video{object-fit:cover;filter:brightness(.85);border-radius:12px;width:220px;height:140px}.video-label{color:#fff;background:#0009;border-radius:8px;padding:2px 6px;font-size:11px;position:absolute;bottom:8px;left:8px}.chat-composer{border-top:1px solid var(--tg-border);background:#1a1a1a;border-radius:16px;flex-direction:column;gap:8px;margin:10px 16px 4px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #00000047}.blocked-banner{color:#ffb2ae;background:#ff5e5724;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.composer-row{align-items:center;gap:10px;display:flex}.composer-row .ant-btn{background:#2b2b2b;border-color:#2b2b2b;border-radius:50%;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0 12px;display:inline-flex}.composer-row .ant-btn:not(.composer-send-btn){color:var(--tg-text)}.composer-row .ant-btn svg{width:18px;height:18px}.composer-send-btn{color:#fff;min-width:44px;padding:0;box-shadow:0 6px 18px #8774e159;background:var(--tg-accent)!important;border-color:var(--tg-accent)!important}.composer-send-btn .send-toggle{width:20px;height:20px}.send-toggle{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative;overflow:hidden}.send-toggle__icon{opacity:0;will-change:opacity, transform;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),rotate .22s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.send-toggle__icon.send-toggle__send{width:18px;height:18px}.send-toggle--send .send-toggle__send{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}.send-toggle--send .send-toggle__mic{opacity:0;transform:translate(-50%,-50%)scale(.8)rotate(-8deg)}.send-toggle--mic .send-toggle__mic{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}.send-toggle--mic .send-toggle__send{opacity:0;transform:translate(-50%,-50%)scale(.8)rotate(8deg)}.send-toggle--recording .send-toggle__mic{color:#ff5e57}.composer-input .ant-input{border-color:var(--tg-border);color:var(--tg-text);background:#141414}.visual-input{border:1px solid var(--tg-border);background:#141414;border-radius:26px;flex:1;align-items:center;min-height:44px;padding:0;display:flex;position:relative}.composer-visual-layer{pointer-events:none;color:var(--tg-text);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-size:16px;line-height:1.4;position:absolute;inset:0;overflow:hidden}.composer-placeholder{color:var(--tg-hint)}.composer-editable{width:100%;min-height:30px;color:var(--tg-text);caret-color:var(--tg-text);white-space:pre-wrap;word-break:break-word;background:0 0;border:none;outline:none;padding:10px 12px;font-size:16px;line-height:1.4;position:relative}.attachment-list{flex-wrap:wrap;gap:8px;display:flex}.attachment-pill{color:var(--tg-text);background:#242424;border-radius:12px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.preview-grid{flex-wrap:wrap;gap:8px;display:flex}.preview-item{background:#242424;border-radius:12px;width:120px;height:90px;position:relative;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100%}.preview-file{color:var(--tg-text);padding:8px;font-size:11px}.preview-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex;position:absolute;top:6px;right:6px}.reply-preview{border-left:3px solid var(--tg-accent);background:#242424;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.reply-preview-body{flex-direction:column;gap:2px;min-width:0;display:flex}.reply-preview-label{text-transform:uppercase;color:var(--tg-hint);letter-spacing:.03em;font-size:10px}.reply-preview-name{color:var(--tg-accent);font-size:12px;font-weight:600}.reply-preview-text{color:var(--tg-text);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reply-preview-close{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.message-reactions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.reaction-chip{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;background:#1f1f1f;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:inline-flex}.reaction-chip.active{border-color:var(--tg-accent);color:var(--tg-accent)}.reaction-chip .emoji-inline,.context-menu .reaction-button .emoji-inline{width:16px;height:16px;margin:0 1px}.reaction-chip{transform-origin:50%;animation:.18s ease-out reaction-pop}@keyframes reaction-pop{0%{opacity:.4;transform:scale(.7)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.recording-indicator{color:#ffb2ae;background:#ff5e571f;border:1px solid #ff5e5766;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.recording-dot{width:10px;height:10px;box-shadow:none;background:#ff5e57;border-radius:50%;animation:none}@keyframes pulse{0%{box-shadow:none}70%{box-shadow:none}to{box-shadow:none}}.emoji-panel{border:1px solid var(--tg-border);z-index:20;background:#1f1f1f;border-radius:14px;flex-direction:column;width:320px;max-height:420px;padding:12px;display:flex;position:absolute;bottom:48px;left:0;overflow:hidden;box-shadow:0 12px 36px #00000073}.emoji-categories{flex-wrap:nowrap;gap:6px;display:flex}.emoji-category{color:var(--tg-hint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px;font-size:16px}.emoji-category.active{border-color:var(--tg-accent);color:var(--tg-accent)}.emoji-category:hover{background:#2b2b2b}.emoji-categories--compact{border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:0 2px;display:inline-flex}.emoji-categories-overlay{pointer-events:auto;z-index:2;min-width:140px;max-width:55%;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.emoji-categories--compact{scrollbar-width:none;cursor:grab;overflow-x:auto}.emoji-categories--compact::-webkit-scrollbar{display:none}.emoji-search-row{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;display:grid}.emoji-search{padding:6px 6px 10px;position:relative}.emoji-search .ant-input-affix-wrapper{border:1px solid var(--tg-border);color:var(--tg-text);background:#2b2b2b;flex:1;width:100%;padding-right:140px}.emoji-search .ant-input{border:1px solid var(--tg-border);color:var(--tg-text);background:#2b2b2b;padding-right:140px}.emoji-search-input{width:100%}.emoji-section-title{color:var(--tg-hint);text-transform:uppercase;letter-spacing:.02em;margin:8px 0 6px;font-size:12px}.emoji-item{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:38px;padding:4px;font-size:18px;transition:background .15s,transform .15s;display:inline-flex}.emoji-item:hover{background:#2b2b2b;transform:translateY(-1px)}.emoji-inline{vertical-align:-.12em;background-position:50%;background-repeat:no-repeat;background-size:contain;width:1em;height:1em;margin:0 2px;display:inline-block}.composer-editable .emoji-inline{vertical-align:-.18em;width:1.1em;height:1.1em}.emoji-swatch{background-position:50%;background-repeat:no-repeat;background-size:contain;width:24px;height:24px;display:block}.emoji-launcher{position:relative}.emoji-scroll{scrollbar-width:thin;scrollbar-color:#8774e199 transparent;flex:auto;min-height:0;padding-right:6px;overflow-y:auto}.emoji-scroll::-webkit-scrollbar{width:8px}.emoji-scroll::-webkit-scrollbar-track{background:0 0}.emoji-scroll::-webkit-scrollbar-thumb{background:#8774e199;border-radius:999px}.emoji-section{margin-bottom:10px}.emoji-empty{color:var(--tg-hint);padding:10px;font-size:12px}.chat-profile{border-left:1px solid var(--tg-border);background:#1b1b1b;flex-direction:column;min-height:0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s cubic-bezier(.16,1,.3,1);animation:.22s cubic-bezier(.16,1,.3,1) slide-in-right;display:flex;overflow-y:auto}@keyframes slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.profile-header{text-align:center;border-bottom:1px solid var(--tg-border);flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.profile-name{font-size:16px;font-weight:600}.profile-username,.profile-status{color:var(--tg-hint);font-size:12px}.profile-about{color:var(--tg-text);opacity:.9;font-size:12px}.profile-actions{border-bottom:1px solid var(--tg-border);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.profile-action{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;background:#242424;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.profile-action.danger{color:#ffb2ae;border-color:#ff5e5766}.profile-media-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 16px;display:grid}.profile-media-tabs button{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;background:#242424;border-radius:10px;padding:6px 8px;font-size:11px}.profile-media-tabs button.active{border-color:var(--tg-accent);color:var(--tg-accent)}.profile-media-content{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-thumb{cursor:pointer;background:0 0;border:none;padding:0}.media-thumb img{object-fit:cover;border-radius:12px;width:100%;height:120px}.media-list{flex-direction:column;gap:8px;display:flex}.media-row{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;background:#242424;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.media-empty{color:var(--tg-hint);padding:10px;font-size:12px}.profile-empty{color:var(--tg-hint);flex:1;place-items:center;font-size:12px;display:grid}.profile-modal{flex-direction:column;gap:16px;display:flex}.profile-modal-avatar{align-items:center;gap:16px;display:flex}.profile-modal-actions{flex-direction:column;gap:8px;display:flex}.profile-modal-fields{flex-direction:column;gap:12px;display:flex}.profile-modal-fields label{color:var(--tg-hint);flex-direction:column;gap:6px;font-size:12px;display:flex}.profile-modal-actions-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.profile-modal-actions-save{gap:8px;display:inline-flex}.forward-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.forward-item{border:1px solid var(--tg-border);color:var(--tg-text);cursor:pointer;text-align:left;background:#1f1f1f;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.forward-item.active{border-color:var(--tg-accent);color:var(--tg-accent)}.forward-item:disabled{opacity:.55;cursor:not-allowed}.forward-name{flex:1;font-size:13px}.forward-tag{color:var(--tg-hint);font-size:10px}.forward-empty{color:var(--tg-hint);font-size:12px}.call-modal .ant-modal-content{background:#0f1115;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #00000080}.call-screen{color:#f5f5f5;background:radial-gradient(circle at top,#1e232d 0%,#0f1115 60%);flex-direction:column;gap:16px;padding:20px 20px 24px;display:flex;position:relative}.call-header{justify-content:space-between;align-items:center;display:flex}.call-title{letter-spacing:.06em;text-transform:uppercase;color:#9fa6b2;font-size:14px}.call-close{color:#c8ccd4;background:#1a1f28;border:1px solid #252b36;border-radius:999px;width:32px;height:32px}.call-body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.call-avatar{z-index:1;background:linear-gradient(135deg,#5c6bc0,#7e57c2);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:28px;font-weight:600;display:flex;position:relative}.call-video-stage{background:#0b0f17;border:1px solid #222834;border-radius:16px;width:100%;height:230px;position:relative;overflow:hidden}.call-video-remote{object-fit:cover;background:#0b0f17;width:100%;height:100%}.call-video-local{object-fit:cover;background:#131a26;border:1px solid #fff3;border-radius:12px;width:90px;height:120px;position:absolute;bottom:12px;right:12px}.call-video-local.off{background:repeating-linear-gradient(45deg,#1c2230,#1c2230 8px,#141a26 8px 16px)}.call-pulse{border:1px solid #788cff66;border-radius:50%;animation:2.4s ease-out infinite callPulse;position:absolute;inset:-12px}.call-pulse.delay{animation-delay:1.2s}@keyframes callPulse{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.call-name{font-size:18px;font-weight:600}.call-status{color:#a6b0c3;font-size:13px}.call-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.call-control{color:#cfd6e4;text-align:center;background:#1a1f28;border:1px solid #2a3141;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;font-size:11px;display:flex}.call-control.active{color:#dbe2ff;border-color:#4b5bff}.call-control.danger{color:#ffb3b3;background:#311416;border-color:#4a1e21}.call-control.danger:hover{border-color:#6a262b}.incoming-call-modal .ant-modal-content{background:#15181f;border-radius:16px}.incoming-call-body{text-align:center;color:#e6e6e6;flex-direction:column;align-items:center;gap:16px;padding:4px 0 8px;display:flex}.incoming-call-avatar{background:linear-gradient(135deg,#5c6bc0,#7e57c2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:22px;font-weight:600;display:flex}.incoming-call-name{font-size:16px;font-weight:600}.incoming-call-sub{color:#9aa3b4;font-size:12px}.incoming-call-actions{gap:12px;display:flex}@media (width<=640px){.call-modal .ant-modal{max-width:96vw!important}.call-controls{grid-template-columns:1fr}}.media-viewer{z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-frame{flex-direction:column;align-items:center;gap:12px;max-width:90vw;max-height:80vh;display:flex;position:relative}.media-frame img,.media-frame video{z-index:1;transform-origin:50%;border-radius:16px;max-width:90vw;max-height:70vh;transition:transform .12s ease-out;position:relative}.media-zoom-controls{color:#fff;z-index:2;background:#00000080;border-radius:999px;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;font-size:12px;display:flex;position:relative}.media-zoom-controls button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px}.media-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:36px;height:36px;position:absolute;top:20px;right:20px}.media-nav{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;transform:translateY(-50%)}.media-nav.prev{left:20px}.media-nav.next{right:20px}.media-caption{color:var(--tg-text);font-size:12px}.context-menu{z-index:10000;border:1px solid var(--tg-border);min-width:180px;box-shadow:none;opacity:0;background:#1f1f1f;border-radius:12px;flex-direction:column;gap:4px;padding:6px;animation:.14s ease-out forwards context-menu-pop;display:flex;position:fixed;transform:translateY(-4px)scale(.96)}@keyframes context-menu-pop{0%{opacity:0;transform:translateY(-6px)scale(.92)}70%{opacity:1;transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.context-menu-reactions{flex-wrap:wrap;gap:6px;padding:4px 6px 2px;display:flex}.context-menu-divider{background:var(--tg-border);height:1px;margin:4px 6px}.context-menu button{color:var(--tg-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px}.context-menu button:hover{background:#2b2b2b}.context-menu .reaction-button{color:var(--tg-text);cursor:pointer;background:#2b2b2b;border:1px solid #0000;border-radius:8px;padding:4px 6px;font-size:16px;line-height:1}.context-menu .reaction-button.active{border-color:var(--tg-accent);color:var(--tg-accent)}.context-menu .danger{color:#ff9f9f}.voice-player{background:#1a1a1a;border:1px solid #232323;border-radius:14px;align-items:center;gap:10px;min-width:220px;max-width:340px;padding:8px 12px;transition:border-color .3s cubic-bezier(.16,1,.3,1);display:flex}.voice-player.is-playing{border-color:#8774e159}.voice-player__btn{background:linear-gradient(145deg, var(--tg-accent), #6e5fc7);color:#fff;cursor:pointer;will-change:transform;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 16px #8774e147,inset 0 1px #ffffff2e}.voice-player__btn svg{z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative}.voice-player__btn:hover{filter:brightness(1.08);box-shadow:0 8px 20px #8774e166,inset 0 1px #ffffff38}.voice-player__btn:active{transform:scale(.94)}.voice-player__btn-ripple{border:2px solid var(--tg-accent);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-4px;transform:scale(.7)}.voice-player.is-playing .voice-player__btn-ripple{animation:1.6s ease-out infinite voiceBtnPulse}@keyframes voiceBtnPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.voice-player__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.voice-player__title{color:var(--tg-hint);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.voice-player__wave{cursor:pointer;border-radius:4px;outline:none;height:28px;position:relative}.voice-player__wave:focus-visible{box-shadow:0 0 0 2px #8774e180}.voice-player__wave-layer{pointer-events:none;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.voice-player__wave-layer--fill{clip-path:inset(0 calc(100% - var(--voice-progress,0%)) 0 0);transition:clip-path .12s linear}.voice-player__bar{min-width:2px;height:var(--h,40%);transform-origin:50%;border-radius:2px;flex:1;transition:background-color .3s cubic-bezier(.16,1,.3,1)}.voice-player__wave-layer--base .voice-player__bar{background-color:#ffffff38}.voice-player__wave-layer--fill .voice-player__bar{background-color:var(--tg-accent)}.voice-player.is-playing .voice-player__wave-layer--fill{animation:2.4s ease-in-out infinite voiceWaveBreath}@keyframes voiceWaveBreath{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.voice-player__time{color:var(--tg-hint);letter-spacing:.02em;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:11px}@media (prefers-reduced-motion:reduce){.voice-player__btn-ripple,.voice-player__wave-layer--fill{animation:none!important}}.rec-bar{background:#1a1a1a;border:1px solid #ff5e574d;border-radius:28px;align-items:center;gap:12px;min-height:48px;padding:10px 14px;animation:.32s cubic-bezier(.16,1,.3,1) both recBarIn;display:flex;position:relative;box-shadow:0 10px 28px #ff5e571f}@keyframes recBarIn{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.rec-bar__cancel,.rec-bar__send{cursor:pointer;will-change:transform;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.rec-bar__cancel{color:#ff5e57;background:#ff5e5724}.rec-bar__cancel:hover{background:#ff5e573d;transform:scale(1.05)}.rec-bar__cancel:active{transform:scale(.92)}.rec-bar__send{background:linear-gradient(145deg, var(--tg-accent), #6e5fc7);color:#fff;box-shadow:0 6px 18px #8774e159,inset 0 1px #fff3}.rec-bar__send:hover{filter:brightness(1.08);transform:scale(1.05)}.rec-bar__send:active{transform:scale(.94)}.rec-bar__status{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.rec-bar__dot{background:#ff3b3b;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite recDotPulse;box-shadow:0 0 #ff3b3b8c}@keyframes recDotPulse{0%,to{transform:scale(1);box-shadow:0 0 #ff3b3b80}50%{transform:scale(1.18);box-shadow:0 0 0 6px #ff3b3b00}}.rec-bar__timer{color:#ffb2ae;letter-spacing:.04em;min-width:48px;font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.rec-bar__wave{flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:32px;display:flex;overflow:hidden}.rec-bar__wave-bar{background:linear-gradient(180deg, var(--tg-accent) 0%, #c8bbff 100%);transform-origin:50%;will-change:transform;border-radius:2px;flex:1;min-width:2px;max-width:4px;height:100%;transform:scaleY(.04)}.rec-bar__hint{color:var(--tg-hint);letter-spacing:.02em;pointer-events:none;white-space:nowrap;font-size:11px;animation:2.6s ease-in-out infinite recHintBreath;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}@keyframes recHintBreath{0%,to{opacity:.55}50%{opacity:.9}}@media (width<=520px){.rec-bar__hint{display:none}.rec-bar__timer{min-width:40px;font-size:12px}}@media (prefers-reduced-motion:reduce){.rec-bar,.rec-bar__dot,.rec-bar__hint{animation:none!important}}.audio-player{align-items:center;gap:10px;display:flex}@media (width<=900px){.chat-app{grid-template-columns:1fr}.chat-sidebar{min-height:auto}.chat-profile{display:none}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}