#ch.tg .tg-center{position:relative;flex:1 1 auto;min-width:0;height:100%;overflow:hidden;background:var(--tg-bg)}
#ch.tg .tg-chat-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1}
#ch.tg .tg-service-pill{display:inline-block;max-width:100%;padding:3px 10px 4px;border-radius:14px;background:var(--tg-service-bg);color:var(--tg-service-text);font-size:14.5px;font-weight:500;line-height:1.4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:pre-wrap;word-break:break-word;text-align:center;user-select:none}
#ch.tg .tg-chat{position:absolute;inset:0;display:flex;flex-direction:column;z-index:1}
#ch.tg .tg-chat.tg-chat-enter .tg-bubbles-inner{animation:tg-chat-in .16s linear}
@keyframes tg-chat-in{from{opacity:0}to{opacity:1}}
#ch.tg .tg-topbar{position:relative;flex:none;height:var(--tg-topbar-h);display:flex;align-items:center;gap:4px;padding:0 8px 0 10px;background:var(--tg-surface);box-shadow:0 1px 5px -1px rgba(0,0,0,.21);z-index:4}
#ch.tg .tg-topbar-back{display:none}
#ch.tg .tg-topbar-info{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:12px;height:48px;padding:0 6px;border-radius:12px;cursor:pointer}
#ch.tg .tg-topbar-info>.tg-avatar{z-index:1}
#ch.tg .tg-topbar-info .tg-avatar-online{width:12px;height:12px;bottom:0;inset-inline-end:0}
#ch.tg .tg-topbar-text{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
#ch.tg .tg-topbar-title{display:flex;align-items:center;gap:4px;min-width:0}
#ch.tg .tg-topbar-name{font-size:16px;font-weight:500;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-topbar-muted{font-size:16px;color:var(--tg-text-3)}
#ch.tg .tg-topbar-sub{font-size:14px;line-height:19px;color:var(--tg-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}
#ch.tg .tg-topbar-sub.online,#ch.tg .tg-topbar-sub.typing{color:var(--tg-primary)}
#ch.tg .tg-topbar-tools{display:flex;align-items:center;gap:2px;flex:none}
#ch.tg .tg-topbar.is-search>:not(.tg-csearch){visibility:hidden}
#ch.tg .tg-csearch{position:absolute;inset:0;display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--tg-surface);animation:tg-fade-in .15s}
#ch.tg .tg-csearch .tg-search{height:40px}
#ch.tg .tg-csearch-cnt{font-size:13.5px;color:var(--tg-text-2);white-space:nowrap;min-width:60px;text-align:center}
#ch.tg .tg-plates{flex:none;position:relative;z-index:3;display:flex;flex-direction:column}
#ch.tg .tg-plate{background:var(--tg-surface);border-top:1px solid var(--tg-border);box-shadow:0 1px 3px -1px rgba(0,0,0,.15)}
#ch.tg .tg-topics{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:6px 10px;align-items:center}
#ch.tg .tg-topics::-webkit-scrollbar{display:none}
#ch.tg .tg-topic{position:relative;flex:none;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:var(--tg-surface-2);color:var(--tg-text-2);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .15s,color .15s}
#ch.tg .tg-topic:hover{color:var(--tg-text)}
#ch.tg .tg-topic.active{background:rgba(var(--tg-primary-rgb),.16);color:var(--tg-primary)}
#ch.tg .tg-topic-ic{font-size:18px;position:relative;z-index:1}
#ch.tg .tg-topic-t{position:relative;z-index:1}
#ch.tg .tg-badge.small{height:18px;min-width:18px;padding:0 5px;font-size:11.5px;border-radius:9px;position:relative;z-index:1}
#ch.tg .tg-badge.small.mention{width:18px;padding:0}
#ch.tg .tg-badge.small .tgico{font-size:13px}
#ch.tg .tg-pinbar{position:relative;display:flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 14px;cursor:pointer}
#ch.tg .tg-pin-bars{display:flex;flex-direction:column;gap:2px;width:2px;height:34px;flex:none;position:relative;z-index:1}
#ch.tg .tg-pin-bars i{flex:1;border-radius:1px;background:rgba(var(--tg-primary-rgb),.35)}
#ch.tg .tg-pin-bars i.on{background:var(--tg-primary)}
#ch.tg .tg-pin-thumb{width:34px;height:34px;border-radius:5px;object-fit:cover;flex:none;position:relative;z-index:1}
#ch.tg .tg-pin-text{flex:1;min-width:0;position:relative;z-index:1}
#ch.tg .tg-pin-title{font-size:14px;font-weight:500;color:var(--tg-primary);line-height:18px}
#ch.tg .tg-pin-body{font-size:14px;color:var(--tg-text);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-pinbar .tg-btn-icon{z-index:1}
#ch.tg .tg-bubbles-wrap{position:relative;flex:1 1 auto;min-height:0}
#ch.tg .tg-bubbles{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;z-index:1}
#ch.tg .tg-bubbles-inner{max-width:760px;min-height:100%;margin:0 auto;padding:0 16px 10px;display:flex;flex-direction:column;justify-content:flex-end}
#ch.tg .tg-load-more{display:flex;justify-content:center;min-height:36px;padding:8px 0}
#ch.tg .tg-spinner.small{width:20px;height:20px;border-width:2px}
#ch.tg .tg-spinner.light{border-color:rgba(255,255,255,.3);border-top-color:#fff}
#ch.tg .tg-bubbles-loading{flex:1;display:flex;align-items:center;justify-content:center}
#ch.tg .tg-bubbles-loading .tg-spinner{width:36px;height:36px;border-width:3px}
#ch.tg .tg-day-group{position:relative;display:flex;flex-direction:column}
#ch.tg .tg-day{position:sticky;top:6px;z-index:3;display:flex;justify-content:center;margin:10px 0 8px;pointer-events:none;transition:opacity .3s}
#ch.tg .tg-day .tg-service-pill{pointer-events:auto}
#ch.tg .tg-day-group.is-stuck>.tg-day{opacity:0}
#ch.tg .tg-bubbles.is-scrolling .tg-day-group.is-stuck>.tg-day{opacity:1}
#ch.tg .tg-day-sentinel{height:1px;margin-bottom:-1px;pointer-events:none}
#ch.tg .tg-unread-div{display:flex;align-items:center;justify-content:center;height:30px;margin:6px -16px 8px;background:rgba(var(--tg-primary-rgb),.08);color:var(--tg-primary);font-size:14.5px;font-weight:500}
#ch.tg[data-theme="light"] .tg-unread-div{background:rgba(255,255,255,.7);color:var(--tg-text-2)}
#ch.tg .tg-unread-div span{padding:2px 12px;border-radius:12px}
#ch.tg .tg-msg-group{position:relative;display:flex;flex-direction:column;margin-bottom:6px}
#ch.tg .tg-msg-group.has-avatar{padding-inline-start:42px}
#ch.tg .tg-group-av-wrap{position:absolute;top:0;bottom:0;inset-inline-start:0;width:34px;display:flex;flex-direction:column-reverse;pointer-events:none;z-index:2}
#ch.tg .tg-group-av{position:sticky;bottom:6px;pointer-events:auto;cursor:pointer}
#ch.tg .tg-bubble{position:relative;display:flex;width:100%;margin-bottom:2px;z-index:1}
#ch.tg .tg-bubble.is-last{margin-bottom:0}
#ch.tg .tg-bubble.is-service{justify-content:center;margin:6px 0}
#ch.tg .tg-service{display:flex;justify-content:center;max-width:80%}
#ch.tg .tg-bubble-content{position:relative;max-width:min(480px,calc(100% - 40px));min-width:56px;padding:5px 9px 6px;background:var(--tg-in-bg);color:var(--tg-in-text);border-start-start-radius:var(--r-ss);border-start-end-radius:var(--r-se);border-end-end-radius:var(--r-ee);border-end-start-radius:var(--r-es);box-shadow:0 1px 2px rgba(0,0,0,.12);--r-ss:var(--tg-bubble-r-small);--r-se:var(--tg-bubble-r);--r-ee:var(--tg-bubble-r);--r-es:var(--tg-bubble-r-small);--tg-meta-c:var(--tg-in-meta);--tg-link-c:var(--tg-in-link);--tg-accent-c:var(--tg-primary)}
#ch.tg[data-theme="light"] .tg-bubble-content{box-shadow:0 1px 2px rgba(16,35,47,.15)}
#ch.tg .tg-bubble.is-first .tg-bubble-content{--r-ss:var(--tg-bubble-r)}
#ch.tg .tg-bubble.is-last:not(.has-tail) .tg-bubble-content{--r-es:var(--tg-bubble-r)}
#ch.tg .tg-bubble.has-tail .tg-bubble-content{--r-es:0}
#ch.tg .tg-bubble.is-out .tg-bubble-content{margin-inline-start:auto;background:linear-gradient(180deg,var(--tg-out-bg),var(--tg-out-bg-2)) fixed;color:var(--tg-out-text);--r-ss:var(--tg-bubble-r);--r-se:var(--tg-bubble-r-small);--r-ee:var(--tg-bubble-r-small);--r-es:var(--tg-bubble-r);--tg-meta-c:var(--tg-out-meta);--tg-link-c:var(--tg-out-link);--tg-accent-c:var(--tg-out-accent)}
#ch.tg .tg-bubble.is-out.is-first .tg-bubble-content{--r-se:var(--tg-bubble-r)}
#ch.tg .tg-bubble.is-out.is-last:not(.has-tail) .tg-bubble-content{--r-ee:var(--tg-bubble-r)}
#ch.tg .tg-bubble.is-out.has-tail .tg-bubble-content{--r-ee:0;--r-es:var(--tg-bubble-r)}
#ch.tg .tg-bubble.has-tail .tg-bubble-content::before{content:"";position:absolute;bottom:0;width:11px;height:20px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 20%22%3E%3Cg transform=%22translate(11 0) scale(-1 1)%22%3E%3Cg transform=%22translate(9 -14)%22%3E%3Cpath d=%22M-6 16h6v17c-.193-2.84-.876-5.767-2.05-8.782-.904-2.325-2.446-4.485-4.625-6.48A1 1 0 01-6 16z%22 transform=%22matrix(1 0 0 -1 0 49)%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/11px 20px;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 20%22%3E%3Cg transform=%22translate(11 0) scale(-1 1)%22%3E%3Cg transform=%22translate(9 -14)%22%3E%3Cpath d=%22M-6 16h6v17c-.193-2.84-.876-5.767-2.05-8.782-.904-2.325-2.446-4.485-4.625-6.48A1 1 0 01-6 16z%22 transform=%22matrix(1 0 0 -1 0 49)%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0/11px 20px;right:-8.4px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}
#ch.tg .tg-bubble.is-out.has-tail .tg-bubble-content::before{right:auto;left:-8.4px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 20%22%3E%3Cg transform=%22translate(9 -14)%22%3E%3Cpath d=%22M-6 16h6v17c-.193-2.84-.876-5.767-2.05-8.782-.904-2.325-2.446-4.485-4.625-6.48A1 1 0 01-6 16z%22 transform=%22matrix(1 0 0 -1 0 49)%22/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 11 20%22%3E%3Cg transform=%22translate(9 -14)%22%3E%3Cpath d=%22M-6 16h6v17c-.193-2.84-.876-5.767-2.05-8.782-.904-2.325-2.446-4.485-4.625-6.48A1 1 0 01-6 16z%22 transform=%22matrix(1 0 0 -1 0 49)%22/%3E%3C/g%3E%3C/svg%3E")}
#ch.tg .tg-bubble.no-bubble .tg-bubble-content{background:none!important;box-shadow:none;padding:0}
#ch.tg .tg-bubble.no-bubble .tg-bubble-content::before{display:none}
#ch.tg .tg-bubble.is-fresh .tg-bubble-content{animation:tg-bubble-in .22s var(--tg-ease)}
#ch.tg .tg-bubble.is-fresh.is-out .tg-bubble-content{transform-origin:left bottom}
#ch.tg .tg-bubble.is-fresh.is-in .tg-bubble-content{transform-origin:right bottom}
@keyframes tg-bubble-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
#ch.tg .tg-bubble.is-deleting{animation:tg-bubble-out .2s var(--tg-ease) forwards}
@keyframes tg-bubble-out{to{opacity:0;transform:scale(.9)}}
#ch.tg .tg-bubble.is-pending .tg-media-img{filter:brightness(.8)}
#ch.tg .tg-name{display:flex;align-items:baseline;gap:8px;font-size:14.5px;font-weight:600;line-height:19px;padding-top:1px;margin-bottom:1px;cursor:pointer;max-width:100%}
#ch.tg .tg-name-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#ch.tg .tg-name-t:hover{text-decoration:underline}
#ch.tg .tg-name-role{margin-inline-start:auto;font-size:12.5px;font-weight:400;color:var(--tg-meta-c);flex:none}
#ch.tg .tg-fwd{font-size:14px;line-height:18px;color:var(--tg-accent-c);margin-bottom:2px}
#ch.tg .tg-fwd b{font-weight:600}
#ch.tg .tg-reply{--tg-reply-c:var(--tg-accent-c);position:relative;display:flex;flex-direction:column;margin:3px 0 5px;padding:3px 10px 4px 8px;border-radius:6px;background:color-mix(in srgb,var(--tg-reply-c) 12%,transparent);border-inline-start:3px solid var(--tg-reply-c);cursor:pointer;overflow:hidden;min-width:120px}
#ch.tg .tg-bubble.is-out .tg-reply{--tg-reply-c:var(--tg-out-accent);background:var(--tg-out-reply-bg)}
#ch.tg .tg-reply:hover{background:color-mix(in srgb,var(--tg-reply-c) 20%,transparent)}
#ch.tg .tg-reply-name{position:relative;z-index:1;font-size:14px;font-weight:600;line-height:18px;color:var(--tg-reply-c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-reply-text{position:relative;z-index:1;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.92}
#ch.tg .tg-text{font-size:var(--tg-msg-size);line-height:var(--tg-msg-line);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}
#ch.tg .tg-text .tg-link,#ch.tg .tg-text a{color:var(--tg-link-c);text-decoration:none;word-break:break-all;cursor:pointer}
#ch.tg .tg-bubble.is-out .tg-text a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.4)}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-text a{text-decoration:none}
#ch.tg .tg-text a:hover{text-decoration:underline}
#ch.tg .tg-text .tg-mention{color:var(--tg-link-c);font-weight:500}
#ch.tg .tg-meta{float:left;position:static;height:16px;margin:6px 10px -6px 0;font-size:11.5px;line-height:16px;color:var(--tg-meta-c);white-space:nowrap;user-select:none;pointer-events:none}
#ch.tg .tg-bubble.is-ltr .tg-meta{float:right;margin:5px 0 -6px 10px}
#ch.tg .tg-meta-sp{visibility:hidden;display:inline-flex;align-items:center;gap:3px}
#ch.tg .tg-meta-in{position:absolute;bottom:4px;left:10px;display:inline-flex;align-items:center;gap:4px;pointer-events:auto;direction:rtl}
#ch.tg .tg-bubble.is-ltr .tg-meta-in{left:auto;right:9px}
#ch.tg .tg-meta-edited{font-size:11px;opacity:.75}
#ch.tg .tg-meta-time{font-variant-numeric:normal;font-feature-settings:normal;font-size:11.5px;font-weight:400;letter-spacing:0;opacity:.82;direction:ltr;unicode-bidi:isolate;line-height:16px}
#ch.tg .tg-meta-tick{font-size:17px;width:17px;height:16px;line-height:16px;color:var(--tg-out-check);margin-inline-end:-2px;opacity:.95}
#ch.tg .tg-meta-tick.pending{font-size:15px}
#ch.tg .tg-meta-tick.failed{color:var(--tg-danger)}
#ch.tg .tg-meta.is-block{float:none;display:flex;justify-content:flex-end;height:14px;margin:0 0 -2px}
#ch.tg .tg-bubble.is-in .tg-meta.is-block{justify-content:flex-end}
#ch.tg .tg-meta.is-block .tg-meta-sp,#ch.tg .tg-meta.is-overlay .tg-meta-sp,#ch.tg .tg-meta.in-reactions .tg-meta-sp{display:none}
#ch.tg .tg-meta.is-block .tg-meta-in{position:static}
#ch.tg .tg-meta.in-reactions{float:none;margin:0 auto 0 0;align-self:flex-end;height:18px;display:flex;align-items:flex-end}
#ch.tg .tg-meta.in-reactions .tg-meta-in{position:static}
#ch.tg .tg-meta.is-overlay{position:absolute;float:none;margin:0;bottom:6px;left:6px;height:20px;padding:0 7px;border-radius:10px;background:rgba(0,0,0,.42);color:#fff;display:flex;align-items:center;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#ch.tg .tg-meta.is-overlay .tg-meta-in{position:static}
#ch.tg .tg-meta.is-overlay .tg-meta-tick{color:#fff}
#ch.tg .tg-bubble.is-jumbo .tg-bubble-content{min-width:0}
#ch.tg .tg-jumbo{font-size:64px;line-height:1.15;padding:2px 2px 22px;white-space:nowrap}
#ch.tg .tg-bubble.jumbo-2 .tg-jumbo{font-size:52px}
#ch.tg .tg-bubble.jumbo-3 .tg-jumbo{font-size:42px}
#ch.tg .tg-bubble.is-jumbo .tg-meta.is-overlay{bottom:0}
#ch.tg .tg-bubble.is-out.is-jumbo .tg-meta.is-overlay{left:auto;right:0}
#ch.tg .tg-reactions{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px;align-items:flex-end}
#ch.tg .tg-reaction{position:relative;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px 0 7px;border-radius:15px;background:rgba(var(--tg-primary-rgb),.14);color:var(--tg-primary);font-size:14px;font-weight:600;transition:background-color .15s,transform .1s}
#ch.tg .tg-reaction:active{transform:scale(.93)}
#ch.tg .tg-reaction-e{font-size:18px;line-height:1}
#ch.tg .tg-reaction.chosen{background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-bubble.is-out .tg-reaction{background:rgba(255,255,255,.16);color:#fff}
#ch.tg .tg-bubble.is-out .tg-reaction.chosen{background:#fff;color:var(--tg-out-bg)}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-reaction{background:rgba(var(--tg-primary-rgb),.16);color:var(--tg-out-accent)}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-reaction.chosen{background:var(--tg-out-accent);color:#fff}
#ch.tg .tg-bubble.has-media .tg-bubble-content{padding:0;width:var(--tg-media-w);max-width:none}
#ch.tg .tg-bubble.has-media .tg-name,#ch.tg .tg-bubble.has-media .tg-fwd{padding:5px 9px 2px}
#ch.tg .tg-bubble.has-media .tg-reply{margin:5px 6px}
#ch.tg .tg-bubble.has-media .tg-media-caption .tg-text{padding:5px 9px 6px}
#ch.tg .tg-bubble.has-media .tg-reactions{margin:0;padding:4px 8px 6px}
#ch.tg .tg-media-wrap{position:relative;border-radius:inherit}
#ch.tg .tg-album{position:relative;overflow:hidden;border-radius:inherit;background:rgba(0,0,0,.15)}
#ch.tg .tg-bubble.has-media:not(.has-name):not(.has-reply):not(.is-forwarded) .tg-album{border-start-start-radius:var(--r-ss);border-start-end-radius:var(--r-se)}
#ch.tg .tg-bubble.has-media.is-media .tg-album{border-end-end-radius:var(--r-ee);border-end-start-radius:var(--r-es)}
#ch.tg .tg-bubble.has-media.is-media.has-tail .tg-bubble-content{background:var(--tg-in-bg)}
#ch.tg .tg-album-cell{position:absolute;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.2)}
#ch.tg .tg-media-img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .25s}
#ch.tg .tg-album-cell.loaded .tg-media-img{opacity:1}
#ch.tg .tg-media-progress{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.2)}
#ch.tg .tg-media-progress .tg-spinner{width:44px;height:44px;border-width:3px}
#ch.tg .tg-files{display:flex;flex-direction:column;gap:8px;padding:3px 0 2px;min-width:240px}
#ch.tg .tg-file{display:flex;align-items:center;gap:12px;cursor:pointer}
#ch.tg .tg-file-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:none}
#ch.tg .tg-file-ic .tgico{font-size:26px}
#ch.tg .tg-file-info{min-width:0;flex:1}
#ch.tg .tg-file-name{font-size:15.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}
#ch.tg .tg-file-size{font-size:13.5px;color:var(--tg-meta-c);line-height:18px}
#ch.tg .tg-files .tg-text{margin-top:2px}
#ch.tg .tg-call{display:flex;align-items:center;gap:16px;min-width:220px;padding:2px 0 0}
#ch.tg .tg-call-main{flex:1;min-width:0}
#ch.tg .tg-call-title{font-size:15.5px;font-weight:500;line-height:21px}
#ch.tg .tg-call-sub{display:flex;align-items:center;gap:4px;font-size:13.5px;color:var(--tg-meta-c);line-height:19px}
#ch.tg .tg-call-arrow{font-size:16px;color:#3ec35f;transform:rotate(-45deg)}
#ch.tg .tg-call-arrow.bad{color:var(--tg-danger)}
#ch.tg .tg-call-again{color:var(--tg-accent-c)}
#ch.tg .tg-bubble.is-out .tg-call-again{color:var(--tg-out-text)}
#ch.tg .tg-bubble .tg-call ~ .tg-meta{display:none}
#ch.tg .tg-invite{display:flex;align-items:center;gap:10px;margin:6px 0 2px;padding:8px;border-radius:10px;background:rgba(var(--tg-primary-rgb),.1);min-width:240px}
#ch.tg .tg-bubble.is-out .tg-invite{background:rgba(255,255,255,.1)}
#ch.tg .tg-invite-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tg-primary);color:var(--tg-primary-text);flex:none}
#ch.tg .tg-invite-ic .tgico{font-size:22px}
#ch.tg .tg-invite-t{flex:1;display:flex;flex-direction:column;min-width:0}
#ch.tg .tg-invite-t b{font-size:14.5px;font-weight:600}
#ch.tg .tg-invite-t span{font-size:13px;color:var(--tg-meta-c);text-align:start}
#ch.tg .tg-invite-btn{height:34px;padding:0 14px;font-size:14px;background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-bubble.is-out .tg-invite-btn{background:#fff;color:var(--tg-out-bg)}
#ch.tg .tg-bubble-fail{position:absolute;bottom:2px;left:calc(100% + 6px);color:var(--tg-danger);display:grid;place-items:center}
#ch.tg .tg-bubble.is-out .tg-bubble-fail{left:auto;right:auto;position:relative;align-self:flex-end;margin-inline-start:auto;order:-1;margin-inline-end:8px}
#ch.tg .tg-bubble.is-out.is-failed .tg-bubble-content{margin-inline-start:0}
#ch.tg .tg-bubble-fail .tgico{font-size:22px}
#ch.tg .tg-bubble-check{position:absolute;top:50%;inset-inline-start:4px;width:22px;height:22px;margin-top:-11px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,.18);display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s,background-color .15s;pointer-events:none;z-index:3}
#ch.tg .tg-bubble-check .tgico{font-size:16px;opacity:0}
#ch.tg .tg-chat.is-selecting .tg-bubble-check{opacity:1;transform:none;pointer-events:auto}
#ch.tg .tg-chat.is-selecting .tg-bubble:not(.is-service){cursor:pointer;padding-inline-start:40px;transition:padding .2s var(--tg-ease)}
#ch.tg .tg-chat.is-selecting .tg-msg-group.has-avatar{padding-inline-start:0}
#ch.tg .tg-chat.is-selecting .tg-group-av-wrap{display:none}
#ch.tg .tg-chat.is-selecting .tg-bubble *{pointer-events:none}
#ch.tg .tg-chat.is-selecting .tg-bubble .tg-bubble-check{pointer-events:auto}
#ch.tg .tg-bubble.is-selected .tg-bubble-check{background:var(--tg-primary);border-color:var(--tg-primary)}
#ch.tg .tg-bubble.is-selected .tg-bubble-check .tgico{opacity:1;color:var(--tg-primary-text)}
#ch.tg .tg-bubble.is-selected::after{content:"";position:absolute;inset:-1px -16px;background:var(--tg-select-bg);z-index:-1;pointer-events:none}
#ch.tg .tg-bubble.is-highlight::after{content:"";position:absolute;inset:-1px -16px;background:var(--tg-highlight);z-index:-1;pointer-events:none;animation:tg-hl 2s linear forwards}
@keyframes tg-hl{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
#ch.tg .tg-bubble.menu-open .tg-bubble-content{filter:brightness(1.06)}
#ch.tg .tg-chat-fabs{position:absolute;bottom:14px;left:max(16px,calc((100% - 760px)/2 + 16px));z-index:4;display:flex;flex-direction:column;gap:10px;pointer-events:none}
#ch.tg .tg-fab-down{position:relative;width:48px;height:48px;border-radius:50%;background:var(--tg-input-surface);color:var(--tg-text-2);box-shadow:0 1px 8px rgba(0,0,0,.25);display:grid;place-items:center;opacity:0;transform:translateY(20px) scale(.8);transition:opacity .2s var(--tg-ease),transform .2s var(--tg-ease);pointer-events:none}
#ch.tg .tg-fab-down.show{opacity:1;transform:none;pointer-events:auto}
#ch.tg .tg-fab-down:hover{color:var(--tg-text)}
#ch.tg .tg-fab-down>.tgico{font-size:26px;position:relative;z-index:1}
#ch.tg .tg-fab-down .tg-badge{position:absolute;top:-8px;left:50%;transform:translateX(-50%);z-index:2;height:22px}
#ch.tg .tg-fab-mention .tg-badge{background:var(--tg-primary)}
#ch.tg .tg-chat-overlays{position:absolute;inset:0;pointer-events:none;z-index:5}
#ch.tg .tg-chat-overlays>*{pointer-events:auto}
#ch.tg .tg-conv-bottom{position:relative;flex:none;z-index:3}
#ch.tg .tg-bottom-alt{max-width:760px;margin:0 auto;padding:0 16px 14px}
#ch.tg .tg-bottom-pill-wrap{display:flex;justify-content:center}
#ch.tg .tg-bottom-pill{width:100%;max-width:728px;height:54px;border-radius:12px;background:var(--tg-input-surface);color:var(--tg-primary);font-size:16px;font-weight:500;box-shadow:0 1px 8px 1px rgba(0,0,0,.12);gap:10px}
#ch.tg .tg-bottom-pill:hover{background:var(--tg-surface-2)}
#ch.tg .tg-bottom-note{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border-radius:12px;background:var(--tg-input-surface);color:var(--tg-text-2);font-size:14.5px;box-shadow:0 1px 8px 1px rgba(0,0,0,.12)}
#ch.tg .tg-bottom-note .tgico{font-size:20px}
#ch.tg .tg-select-bar{display:flex;align-items:center;gap:8px;height:54px;padding:0 8px;border-radius:12px;background:var(--tg-input-surface);box-shadow:0 1px 8px 1px rgba(0,0,0,.14);animation:tg-slide-up .2s var(--tg-ease)}
#ch.tg .tg-select-count{font-size:16px;font-weight:500;flex:1;white-space:nowrap}
#ch.tg .tg-select-acts{display:flex;gap:4px}
#ch.tg .tg-select-btn{height:40px;padding:0 14px;border-radius:10px;font-size:15px;color:var(--tg-primary)}
#ch.tg .tg-select-btn.danger{color:var(--tg-danger)}
#ch.tg .tg-select-btn .tgico{font-size:22px}
#ch.tg .tg-chat-intro{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 0}
#ch.tg .tg-chat-intro-card{max-width:260px;padding:18px 20px;border-radius:18px;background:var(--tg-service-bg);color:var(--tg-service-text);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#ch.tg .tg-chat-intro-card b{font-size:16px;font-weight:600}
#ch.tg .tg-chat-intro-card p{font-size:14px;line-height:1.6;margin:0;opacity:.92}
#ch.tg .tg-chat-intro-card .tg-btn{color:#fff}
#ch.tg .tg-intro-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);margin-bottom:6px}
#ch.tg .tg-intro-ic .tgico{font-size:34px}
#ch.tg .tg-intro-hi{font-size:72px;line-height:1.1;margin-top:8px;transition:transform .15s}
#ch.tg .tg-intro-hi:hover{transform:scale(1.08) rotate(-6deg)}
#ch.tg .tg-menu.tg-msg-menu{min-width:210px}
#ch.tg .tg-menu-reactions{display:flex;align-items:center;gap:2px;padding:4px 6px 6px;margin-bottom:4px;border-bottom:1px solid var(--tg-border)}
#ch.tg .tg-menu-react{width:34px;height:34px;border-radius:50%;font-size:22px;line-height:34px;text-align:center;transition:transform .15s var(--tg-ease),background-color .15s}
#ch.tg .tg-menu-react:hover{transform:scale(1.2);background:var(--tg-hover)}
#ch.tg .tg-menu-react.chosen{background:rgba(var(--tg-primary-rgb),.2)}
#ch.tg .tg-menu-react.more{font-size:0;display:grid;place-items:center;color:var(--tg-text-2)}
#ch.tg .tg-menu-react.more .tgico{font-size:22px}
#ch.tg .tg-viewer{position:absolute;inset:0;z-index:85;background:rgba(0,0,0,.9);display:flex;flex-direction:column;animation:tg-fade-in .18s;color:#fff}
#ch.tg .tg-viewer.closing{animation:tg-fade-out .18s forwards}
#ch.tg .tg-viewer-top{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px}
#ch.tg .tg-viewer-who{display:flex;align-items:center;gap:12px}
#ch.tg .tg-viewer-who b{display:block;font-size:15px;font-weight:500}
#ch.tg .tg-viewer-who small{font-size:13px;opacity:.7}
#ch.tg .tg-viewer-cnt{font-size:14px;opacity:.8}
#ch.tg .tg-viewer-tools{display:flex;gap:4px}
#ch.tg .tg-viewer-tools .tg-btn-icon{color:#fff}
#ch.tg .tg-viewer-tools .tg-btn-icon:hover{background:rgba(255,255,255,.1)}
#ch.tg .tg-viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 40px 40px}
#ch.tg .tg-viewer-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;animation:tg-scale-in .2s var(--tg-ease)}
#ch.tg .tg-right{position:relative;flex:0 0 var(--tg-right-w);width:var(--tg-right-w);height:100%;margin-inline-end:calc(var(--tg-right-w) * -1);background:var(--tg-surface);border-inline-start:1px solid var(--tg-border);display:flex;flex-direction:column;transition:margin .3s var(--tg-ease),transform .3s var(--tg-ease);z-index:6}
#ch.tg.right-open .tg-right{margin-inline-end:0}
#ch.tg.right-overlay .tg-right{position:absolute;top:0;bottom:0;left:0;margin:0;transform:translateX(-102%);box-shadow:0 0 24px rgba(0,0,0,.35)}
#ch.tg.right-overlay.right-open .tg-right{transform:none}
#ch.tg .tg-right-ov{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s}
#ch.tg.right-overlay.right-open .tg-right-ov{opacity:1;pointer-events:auto}
#ch.tg .tg-right-head{flex:none;height:var(--tg-topbar-h);display:flex;align-items:center;gap:8px;padding:0 10px}
#ch.tg .tg-right-title{flex:1;font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline-start:6px}
#ch.tg .tg-right-extra{display:flex;gap:2px}
#ch.tg .tg-right-body{flex:1;min-height:0;padding-bottom:20px}
#ch.tg .tg-profile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 20px 16px;text-align:center}
#ch.tg .tg-profile .tg-avatar{margin-bottom:8px}
#ch.tg .tg-profile-name{font-size:20px;font-weight:600;line-height:1.3;word-break:break-word}
#ch.tg .tg-profile-sub{font-size:14.5px;color:var(--tg-text-2)}
#ch.tg .tg-profile-sub.online{color:var(--tg-primary)}
#ch.tg .tg-profile-rows{display:flex;flex-direction:column}
#ch.tg .tg-profile-row{align-items:center;min-height:56px}
#ch.tg .tg-row-title.wrap{white-space:pre-wrap;word-break:break-word}
#ch.tg .tg-member{min-height:56px}
#ch.tg .tg-member-role{font-size:13px;color:var(--tg-text-2);position:relative;z-index:1}
#ch.tg .tg-profile-acts{display:flex;justify-content:center;padding:16px}
#ch.tg .tg-meta.is-overlay{width:max-content;min-width:max-content;max-width:none;overflow:visible;height:21px;padding:0 9px;gap:4px;border-radius:11px;background:rgba(0,0,0,.5);box-sizing:border-box;direction:ltr}
#ch.tg .tg-meta.is-overlay .tg-meta-in{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;direction:ltr}
#ch.tg .tg-meta.is-overlay .tg-meta-time{display:inline-block;opacity:1;color:#fff;font-size:11.5px;line-height:21px;text-shadow:0 1px 2px rgba(0,0,0,.45)}
#ch.tg .tg-meta.is-overlay .tg-meta-edited{color:#fff;opacity:.85}
#ch.tg .tg-meta{font-size:12px;margin-top:7px}
#ch.tg .tg-meta-time{font-size:12px;font-weight:500;letter-spacing:.3px;opacity:.9;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
#ch.tg .tg-meta.is-overlay{margin-top:0}
html #ch.tg .tg-bubble.has-tail .tg-bubble-content::before{display:none!important;content:none!important}
html #ch.tg .tg-bubble.has-tail .tg-bubble-content{--r-es:var(--tg-bubble-r)!important;--r-ee:var(--tg-bubble-r)!important}
html #ch.tg .tg-bubble.is-out.has-tail .tg-bubble-content{--r-es:var(--tg-bubble-r)!important;--r-ee:var(--tg-bubble-r)!important}