#ch.tg .tg-text strong{font-weight:600}
#ch.tg .tg-text u{text-decoration:underline;text-underline-offset:2px}
#ch.tg .tg-text del{text-decoration:line-through}
#ch.tg .tg-code{font-family:"JetBrains Mono","Cascadia Mono",Consolas,"Roboto Mono",monospace;font-size:.88em;padding:0 4px;border-radius:5px;background:color-mix(in srgb,var(--tg-accent-c) 13%,transparent);color:var(--tg-code-text,var(--tg-accent-c));cursor:copy;unicode-bidi:isolate;word-break:break-word}
#ch.tg .tg-bubble.is-out .tg-code{color:inherit;background:rgba(255,255,255,.16)}
#ch.tg[data-theme="light"] .tg-code{color:#1d7a43}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-code{color:#145c32;background:rgba(29,154,79,.13)}
#ch.tg .tg-pre{display:block;margin:4px 0 3px;padding:0;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--tg-accent-c) 10%,transparent);border-inline-start:3px solid var(--tg-accent-c);direction:ltr;text-align:left;white-space:pre;font-size:14px;line-height:1.45;max-width:100%;user-select:text}
#ch.tg .tg-bubble.is-out .tg-pre{background:rgba(255,255,255,.1)}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-pre{background:rgba(29,154,79,.08)}
#ch.tg .tg-pre-head{display:flex;align-items:center;justify-content:space-between;height:26px;padding:0 4px 0 10px;font-family:var(--tg-font);font-size:12.5px;font-weight:600;color:var(--tg-accent-c);background:color-mix(in srgb,var(--tg-accent-c) 9%,transparent);direction:ltr}
#ch.tg .tg-pre-lang{text-transform:none;letter-spacing:.2px}
#ch.tg .tg-pre-copy{width:26px;height:22px;border-radius:5px;display:grid;place-items:center;color:inherit;opacity:.85;transition:background-color .15s,opacity .15s}
#ch.tg .tg-pre-copy:hover{opacity:1;background:color-mix(in srgb,var(--tg-accent-c) 18%,transparent)}
#ch.tg .tg-pre-copy .tgico{font-size:17px}
#ch.tg .tg-pre-code{display:block;padding:6px 10px 8px;overflow-x:auto;font-family:"JetBrains Mono","Cascadia Mono",Consolas,"Roboto Mono",monospace;color:var(--tg-code-text,inherit);scrollbar-width:thin;white-space:pre;tab-size:4}
#ch.tg .tg-bubble.is-out .tg-pre-code{color:inherit}
#ch.tg[data-theme="light"] .tg-pre-code{color:#174f2d}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-pre-code{color:#0f3d22}
#ch.tg .tg-quote{position:relative;display:block;margin:3px 0 2px;padding:2px 24px 3px 8px;padding-inline-start:9px;padding-inline-end:24px;border-radius:5px;border-inline-start:3px solid var(--tg-accent-c);background:color-mix(in srgb,var(--tg-accent-c) 10%,transparent);white-space:pre-wrap;unicode-bidi:plaintext;text-align:start}
#ch.tg .tg-quote::after{content:"\201D";position:absolute;top:0;inset-inline-end:6px;font-size:26px;line-height:30px;font-family:Georgia,serif;color:var(--tg-accent-c);opacity:.7}
#ch.tg .tg-bubble.is-out .tg-quote{background:rgba(255,255,255,.1)}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-quote{background:rgba(29,154,79,.08)}
#ch.tg .tg-spoiler{--sp-dot:color-mix(in srgb,var(--tg-in-text) 75%,transparent);position:relative;border-radius:5px;cursor:pointer;background-color:color-mix(in srgb,var(--tg-in-text) 12%,transparent);background-image:radial-gradient(circle at 20% 30%,var(--sp-dot) 0 .7px,transparent 1.3px),radial-gradient(circle at 70% 60%,var(--sp-dot) 0 .7px,transparent 1.3px),radial-gradient(circle at 40% 80%,var(--sp-dot) 0 .6px,transparent 1.2px),radial-gradient(circle at 85% 20%,var(--sp-dot) 0 .6px,transparent 1.2px);background-size:9px 9px,11px 11px,7px 7px,13px 13px;animation:tg-spoil 1.6s linear infinite;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .3s}
#ch.tg .tg-spoiler,#ch.tg .tg-spoiler *{color:transparent!important;-webkit-text-fill-color:transparent;text-decoration-color:transparent!important}
#ch.tg .tg-bubble.is-out .tg-spoiler{--sp-dot:color-mix(in srgb,var(--tg-out-text) 80%,transparent);background-color:color-mix(in srgb,var(--tg-out-text) 14%,transparent)}
#ch.tg .tg-spoiler.revealed{animation:none;background:none!important;cursor:auto;-webkit-text-fill-color:currentColor}
#ch.tg .tg-spoiler.revealed,#ch.tg .tg-spoiler.revealed *{color:inherit!important;-webkit-text-fill-color:currentColor;text-decoration-color:inherit!important}
#ch.tg .tg-spoiler.revealed .tg-link,#ch.tg .tg-spoiler.revealed .tg-mention{color:var(--tg-link-c)!important}
@keyframes tg-spoil{0%{background-position:0 0,0 0,0 0,0 0}100%{background-position:9px -9px,-11px 11px,7px 7px,-13px -13px}}
#ch.tg[data-anim="0"] .tg-spoiler{animation:none}
#ch.tg .tg-mention{cursor:pointer}

#ch.tg .tg-input b,#ch.tg .tg-input strong{font-weight:600}
#ch.tg .tg-input code,#ch.tg .tg-input font[face="monospace"]{font-family:"JetBrains Mono","Cascadia Mono",Consolas,monospace;font-size:.9em;padding:0 3px;border-radius:4px;background:rgba(var(--tg-primary-rgb),.12);color:var(--tg-code-text)}
#ch.tg[data-theme="light"] .tg-input code{color:#1d7a43}
#ch.tg .tg-input pre{margin:2px 0;padding:4px 8px;border-radius:6px;background:rgba(var(--tg-primary-rgb),.1);font-family:"JetBrains Mono",Consolas,monospace;font-size:14px;white-space:pre-wrap;direction:ltr;text-align:left}
#ch.tg .tg-input .tg-in-spoiler,#ch.tg .tg-input font[face="spoiler"]{border-radius:4px;background:repeating-linear-gradient(135deg,rgba(127,127,127,.28) 0 3px,rgba(127,127,127,.12) 3px 6px)}
#ch.tg .tg-input blockquote{margin:2px 0;padding:1px 8px;border-inline-start:3px solid var(--tg-primary);border-radius:4px;background:rgba(var(--tg-primary-rgb),.08)}
#ch.tg .tg-input a{color:var(--tg-link);text-decoration:underline;text-underline-offset:2px}

#ch.tg .tg-mk{position:absolute;z-index:70;display:flex;align-items:center;height:44px;padding:0 4px;border-radius:10px;background:var(--tg-menu-bg);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:var(--tg-menu-shadow);opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transition:opacity .15s var(--tg-ease),transform .15s var(--tg-ease),visibility .15s;pointer-events:none}
#ch.tg .tg-mk.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
#ch.tg .tg-mk-row,#ch.tg .tg-mk-form{display:flex;align-items:center;gap:1px}
#ch.tg .tg-mk-form{display:none;width:300px}
#ch.tg .tg-mk.is-link .tg-mk-row{display:none}
#ch.tg .tg-mk.is-link .tg-mk-form{display:flex}
#ch.tg .tg-mk-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--tg-text);transition:background-color .12s,color .12s;flex:none}
#ch.tg .tg-mk-btn .tgico{font-size:22px}
#ch.tg .tg-mk-btn:hover{background:var(--tg-hover)}
#ch.tg .tg-mk-btn.active{color:var(--tg-primary)}
#ch.tg .tg-mk-sep{width:1px;height:22px;margin:0 3px;background:var(--tg-border)}
#ch.tg .tg-mk-link-in{flex:1;min-width:0;height:34px;border:0;background:none;color:var(--tg-text);font-size:15px;padding:0 6px;outline:none}
#ch.tg .tg-mk-link-in::placeholder{color:var(--tg-text-3);direction:rtl;text-align:right}
#ch.tg .tg-mk-ok{color:var(--tg-primary)}
#ch.tg .tg-mk-ok.bad{color:var(--tg-text-3)}

#ch.tg .tg-ring{position:relative;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
#ch.tg .tg-ring-svg{position:absolute;inset:0;width:100%;height:100%;animation:tg-ring-rot 2s linear infinite}
#ch.tg .tg-ring-c{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:stroke-dashoffset .25s linear}
#ch.tg .tg-ring-ic{position:relative;font-size:24px}
@keyframes tg-ring-rot{to{transform:rotate(360deg)}}
#ch.tg .tg-media-progress{z-index:2}
#ch.tg .tg-media-progress .tg-ring{width:54px;height:54px}

#ch.tg .tg-attach{display:flex;flex-direction:column}
#ch.tg .tg-attach>.tg-text{padding:5px 9px 6px}
#ch.tg .tg-bubble:not(.has-media) .tg-attach>.tg-text{padding:4px 0 0}
#ch.tg .tg-bubble.has-media .tg-attach .tg-docs{padding:6px 9px 2px}
#ch.tg .tg-mcell .tg-media-video{background:#000}
#ch.tg .tg-mcell.is-broken{background:repeating-linear-gradient(135deg,rgba(127,127,127,.18) 0 8px,rgba(127,127,127,.1) 8px 16px)}
#ch.tg .tg-mcell.is-broken::after{content:"";position:absolute;inset:0;margin:auto;width:40px;height:40px;opacity:.35;background:currentColor;-webkit-mask:radial-gradient(circle,#000 60%,transparent 62%);mask:radial-gradient(circle,#000 60%,transparent 62%)}
#ch.tg .tg-mcell-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .15s,transform .15s}
#ch.tg .tg-mcell-play .tgico{font-size:30px;margin-left:3px}
#ch.tg .tg-mcell:hover .tg-mcell-play{background:rgba(0,0,0,.6)}
#ch.tg .tg-bubble.is-pending .tg-mcell-play{display:none}
#ch.tg .tg-mcell-pill{position:absolute;top:6px;inset-inline-start:6px;z-index:2;display:flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:10px;background:rgba(0,0,0,.42);color:#fff;font-size:12.5px;line-height:20px;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-variant-numeric:tabular-nums}
#ch.tg .tg-mcell-pill.gif{font-weight:700;letter-spacing:.4px;font-size:12px}
#ch.tg .tg-mcell-mute{font-size:15px}

#ch.tg .tg-docs{display:flex;flex-direction:column;gap:6px;padding:2px 0;min-width:250px}
#ch.tg .tg-doc{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:54px;padding-inline-end:4px}
#ch.tg .tg-doc-ic{--doc-c:var(--tg-primary);position:relative;flex:none;width:54px;height:54px;border-radius:10px;background:var(--doc-c);color:#fff;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 6px 6px;overflow:hidden;-webkit-mask:linear-gradient(225deg,transparent 12px,#000 12.5px);mask:linear-gradient(225deg,transparent 12px,#000 12.5px)}
#ch.tg .tg-doc-ic::before{content:"";position:absolute;top:0;right:0;width:17px;height:17px;background:rgba(0,0,0,.28);border-bottom-left-radius:5px}
#ch.tg .tg-doc-ext{position:relative;font-size:12.5px;font-weight:600;line-height:14px;text-transform:lowercase;max-width:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr}
#ch.tg .tg-doc-dl{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.22);opacity:0;transition:opacity .15s}
#ch.tg .tg-doc-dl .tgico{font-size:26px}
#ch.tg .tg-doc:hover .tg-doc-dl{opacity:1}
#ch.tg .tg-doc.is-done .tg-doc-dl,#ch.tg .tg-doc.is-loading .tg-doc-dl,#ch.tg .tg-bubble.is-pending .tg-doc-dl{opacity:0}
#ch.tg .tg-doc-ring{position:absolute;inset:0;width:auto;height:auto;border-radius:0;background:rgba(0,0,0,.35)}
#ch.tg .tg-doc-ring .tg-ring-svg{inset:7px;width:40px;height:40px}
#ch.tg .tg-doc-ring .tg-ring-ic{font-size:20px}
#ch.tg .tg-doc-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
#ch.tg .tg-doc-name{font-size:15.5px;font-weight:500;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-doc-size{font-size:13.5px;line-height:18px;color:var(--tg-meta-c);font-variant-numeric:tabular-nums}
#ch.tg .tg-doc.is-done .tg-doc-size{color:var(--tg-link-c)}

#ch.tg .tg-voice{--vp-bg:var(--tg-primary);--vp-fg:var(--tg-primary-text);--wv:var(--tg-primary);display:flex;align-items:center;gap:11px;padding:2px 0 0;min-width:min(260px,62vw)}
#ch.tg .tg-bubble.is-out .tg-voice,#ch.tg .tg-bubble.is-out .tg-audio{--vp-bg:#fff;--vp-fg:var(--tg-out-bg);--wv:#fff}
#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-voice,#ch.tg[data-theme="light"] .tg-bubble.is-out .tg-audio{--vp-bg:var(--tg-out-accent);--vp-fg:#fff;--wv:var(--tg-out-accent)}
#ch.tg .tg-voice-play{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:var(--vp-bg);color:var(--vp-fg);display:grid;place-items:center;transition:transform .12s}
#ch.tg .tg-voice-play:active{transform:scale(.94)}
#ch.tg .tg-voice-play .tgico{font-size:28px;grid-area:1/1;transition:opacity .15s,transform .15s}
#ch.tg .tg-vp-play{margin-left:2px}
#ch.tg .tg-vp-pause{opacity:0;transform:scale(.5)}
#ch.tg .is-playing>.tg-voice-play .tg-vp-play,#ch.tg .tg-voice-play.is-playing .tg-vp-play,#ch.tg .tg-rec-pv-play.is-playing .tg-vp-play{opacity:0;transform:scale(.5)}
#ch.tg .is-playing>.tg-voice-play .tg-vp-pause,#ch.tg .tg-voice-play.is-playing .tg-vp-pause,#ch.tg .tg-rec-pv-play.is-playing .tg-vp-pause{opacity:1;transform:none}
#ch.tg .tg-voice-ring{position:absolute;inset:0;width:48px;height:48px;background:var(--vp-bg);color:var(--vp-fg)}
#ch.tg .tg-voice-ring .tg-ring-ic{font-size:22px}
#ch.tg .tg-voice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:4px}
#ch.tg .tg-wave{position:relative;flex:none;cursor:pointer;touch-action:none}
#ch.tg .tg-wave svg{display:block}
#ch.tg .tg-wave-svg rect{fill:var(--wv)}
#ch.tg .tg-wave-svg.is-bg rect{opacity:.32}
#ch.tg .tg-wave-fill{position:absolute;top:0;left:0;bottom:0;overflow:hidden;pointer-events:none}
#ch.tg .tg-wave:hover .tg-wave-svg.is-bg rect{opacity:.45}
#ch.tg .tg-voice-sub{display:flex;align-items:center;gap:6px;height:18px;font-size:13px;color:var(--tg-meta-c)}
#ch.tg .tg-voice-time{font-variant-numeric:tabular-nums;min-width:30px}
#ch.tg .tg-voice-dot{display:none;width:6px;height:6px;border-radius:50%;background:var(--wv)}
#ch.tg .tg-voice.is-unread .tg-voice-dot{display:block}
#ch.tg .tg-voice-speed{display:none;height:18px;min-width:28px;padding:0 5px;border-radius:9px;font-size:12px;font-weight:600;line-height:18px;color:var(--wv);background:color-mix(in srgb,var(--wv) 16%,transparent);direction:ltr}
#ch.tg .tg-voice.is-active .tg-voice-speed,#ch.tg .tg-voice-speed.on{display:inline-block}
#ch.tg .tg-voice-speed:hover{background:color-mix(in srgb,var(--wv) 26%,transparent)}
#ch.tg .tg-voice-sub .tg-meta{float:none;margin:0;margin-inline-start:auto;height:16px;position:relative}
#ch.tg .tg-voice-sub .tg-meta .tg-meta-sp{display:none}
#ch.tg .tg-voice-sub .tg-meta .tg-meta-in{position:static}
#ch.tg .tg-voice-cap .tg-text{margin-top:4px}
#ch.tg .tg-audio{--vp-bg:var(--tg-primary);--vp-fg:var(--tg-primary-text);--wv:var(--tg-primary);display:flex;align-items:center;gap:11px;min-height:54px}
#ch.tg .tg-audio-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
#ch.tg .tg-audio-bar{position:relative;height:4px;border-radius:2px;background:color-mix(in srgb,var(--wv) 25%,transparent);cursor:pointer;direction:ltr}
#ch.tg .tg-audio-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:2px;background:var(--wv)}
#ch.tg .tg-audio-time{font-size:13px;color:var(--tg-meta-c);font-variant-numeric:tabular-nums}

#ch.tg .tg-bubble.is-sticker .tg-bubble-content{min-width:0}
#ch.tg .tg-sticker{position:relative;cursor:pointer;margin-bottom:2px}
#ch.tg .tg-sticker-img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.92);transition:opacity .2s,transform .25s var(--tg-ease);-webkit-user-drag:none}
#ch.tg .tg-sticker.loaded .tg-sticker-img{opacity:1;transform:none}
#ch.tg .tg-bubble.is-pending .tg-sticker-img{opacity:.6}
#ch.tg .tg-bubble.is-sticker .tg-meta.is-overlay{bottom:0;left:auto;right:0;background:var(--tg-service-bg);color:var(--tg-service-text)}
#ch.tg .tg-bubble.is-out.is-sticker .tg-meta.is-overlay{right:auto;left:0}
#ch.tg .tg-bubble.no-bubble .tg-reply{background:var(--tg-service-bg);color:var(--tg-service-text);border-radius:8px;margin-bottom:4px;max-width:240px}
#ch.tg .tg-bubble.no-bubble .tg-fwd{display:inline-block;padding:2px 8px;border-radius:10px;background:var(--tg-service-bg);color:var(--tg-service-text)}

#ch.tg .tg-lp{position:relative;display:grid;grid-template-columns:1fr;gap:6px;margin:6px 0 2px;padding:5px 10px 7px;padding-inline-start:9px;border-radius:6px;border-inline-start:3px solid var(--tg-accent-c);background:color-mix(in srgb,var(--tg-accent-c) 10%,transparent);cursor:pointer;overflow:hidden;max-width:420px;transition:background-color .15s}
#ch.tg .tg-lp:hover{background:color-mix(in srgb,var(--tg-accent-c) 16%,transparent)}
#ch.tg .tg-bubble.is-out .tg-lp{background:var(--tg-out-reply-bg)}
#ch.tg .tg-lp.has-thumb{grid-template-columns:1fr 54px;align-items:start}
#ch.tg .tg-lp-text{min-width:0;display:flex;flex-direction:column;gap:1px}
#ch.tg .tg-lp-site{font-size:14px;font-weight:600;line-height:18px;color:var(--tg-accent-c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-lp-title{font-size:14px;font-weight:600;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ch.tg .tg-lp-desc{font-size:14px;line-height:18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;opacity:.92}
#ch.tg .tg-lp-imgw{position:relative;border-radius:5px;overflow:hidden;background:rgba(0,0,0,.12)}
#ch.tg .tg-lp.has-thumb .tg-lp-imgw{width:54px;height:54px;margin-top:2px}
#ch.tg .tg-lp.is-big .tg-lp-imgw{width:100%;max-height:260px}
#ch.tg .tg-lp-img{display:block;width:100%;height:100%;object-fit:cover}
#ch.tg .tg-bubble.has-media .tg-lp{margin:6px 9px 2px}

#ch.tg .tg-mv{position:absolute;inset:0;z-index:90;display:flex;flex-direction:column;background:rgba(0,0,0,calc(.92 * var(--mv-fade,1)));color:#fff;opacity:0;transition:opacity .2s var(--tg-ease);outline:none;user-select:none;overflow:hidden}
#ch.tg .tg-mv.open{opacity:1}
#ch.tg .tg-mv.closing{opacity:0}
#ch.tg .tg-mv-top{position:relative;z-index:3;flex:none;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 12px 0 16px;background:linear-gradient(rgba(0,0,0,.4),transparent)}
#ch.tg .tg-mv-who{display:flex;align-items:center;gap:12px;min-width:0}
#ch.tg .tg-mv-who-t{min-width:0}
#ch.tg .tg-mv-name{font-size:15.5px;font-weight:600;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ch.tg .tg-mv-sub{font-size:13.5px;line-height:18px;opacity:.7;white-space:nowrap}
#ch.tg .tg-mv-tools{display:flex;align-items:center;gap:2px;direction:ltr}
#ch.tg .tg-mv-btn{color:#fff!important;width:44px;height:44px}
#ch.tg .tg-mv-btn .tgico{font-size:24px}
#ch.tg .tg-mv-btn:hover{background:rgba(255,255,255,.1)}
#ch.tg .tg-mv-btn[hidden]{display:none}
#ch.tg .tg-mv-stage{position:absolute;inset:60px 0 0;display:flex;align-items:center;justify-content:center;padding:8px 72px 64px;touch-action:none;cursor:default}
#ch.tg .tg-mv.is-zoomed .tg-mv-stage{cursor:grab;padding:0}
#ch.tg .tg-mv.is-zoomed .tg-mv-stage:active{cursor:grabbing}
#ch.tg .tg-mv-holder{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:100%;height:100%;will-change:transform}
#ch.tg .tg-mv-media{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:2px;box-shadow:0 0 40px rgba(0,0,0,.35)}
#ch.tg video.tg-mv-media{background:#000;min-width:min(480px,100%)}
#ch.tg .tg-mv-media.from-open{animation:tg-mv-open .22s var(--tg-ease)}
#ch.tg .tg-mv-media.from-next{animation:tg-mv-next .2s var(--tg-ease)}
#ch.tg .tg-mv-media.from-prev{animation:tg-mv-prev .2s var(--tg-ease)}
@keyframes tg-mv-open{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes tg-mv-next{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:none}}
@keyframes tg-mv-prev{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
#ch.tg .tg-mv-nav{position:absolute;top:60px;bottom:64px;width:72px;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.55;transition:opacity .15s,background-color .15s}
#ch.tg .tg-mv-nav .tgico{font-size:34px}
#ch.tg .tg-mv-nav:hover{opacity:1;background:rgba(255,255,255,.03)}
#ch.tg .tg-mv-nav.prev{right:0}
#ch.tg .tg-mv-nav.next{left:0}
#ch.tg .tg-mv-nav.next .tgico{transform:scaleX(-1)}
#ch.tg .tg-mv-nav.prev .tgico{transform:scaleX(-1)}
#ch.tg .tg-mv-nav.off{display:none}
#ch.tg .tg-mv.is-zoomed .tg-mv-nav,#ch.tg .tg-mv.is-zoomed .tg-mv-cap{opacity:0;pointer-events:none}
#ch.tg .tg-mv-cap{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:center;padding:18px 80px 16px;background:linear-gradient(transparent,rgba(0,0,0,.55));transition:opacity .2s;pointer-events:none}
#ch.tg .tg-mv-cap-t{max-width:720px;max-height:96px;overflow-y:auto;font-size:15px;line-height:21px;text-align:center;pointer-events:auto;user-select:text;--tg-link-c:#8fd3ff;--tg-accent-c:#fff;--tg-in-text:#fff}
#ch.tg .tg-mv-zoom{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:3;font-size:13px;padding:0 10px;height:24px;line-height:24px;border-radius:12px;background:rgba(0,0,0,.5);pointer-events:none}
#ch.tg .tg-mv-zoom:empty{display:none}
#ch.tg .tg-mv:fullscreen{background:#000}

#ch.tg .tg-rec{position:absolute;bottom:0;left:0;right:0;height:54px;z-index:4;display:none;align-items:center;gap:6px;padding:0 10px;background:var(--tg-input-surface);border-radius:var(--tg-radius) var(--tg-radius) var(--tg-radius) 0}
#ch.tg .tg-input-bars:not(:empty)~.tg-rec{border-radius:0 0 var(--tg-radius) 0}
#ch.tg .tg-composer.is-recording .tg-rec,#ch.tg .tg-composer.is-rec-preview .tg-rec{display:flex;animation:tg-rec-in .18s var(--tg-ease)}
@keyframes tg-rec-in{from{opacity:0}to{opacity:1}}
#ch.tg .tg-rec-live{display:flex;align-items:center;gap:10px;flex:none;padding-inline-start:6px}
#ch.tg .tg-rec-dot{width:10px;height:10px;border-radius:50%;background:var(--tg-danger);animation:tg-rec-blink 1.2s ease-in-out infinite}
@keyframes tg-rec-blink{50%{opacity:.25}}
#ch.tg .tg-rec-time{font-size:15.5px;color:var(--tg-text);font-variant-numeric:tabular-nums;min-width:64px;text-align:left}
#ch.tg .tg-rec-hint{flex:1;display:none;align-items:center;justify-content:center;gap:6px;font-size:15px;color:var(--tg-text-2);transition:opacity .1s;white-space:nowrap;overflow:hidden}
#ch.tg .tg-rec-arrow{font-size:20px;transform:scaleX(-1);animation:tg-rec-nudge 1.4s ease-in-out infinite}
@keyframes tg-rec-nudge{0%,100%{transform:scaleX(-1)}50%{transform:scaleX(-1) translateX(-5px)}}
#ch.tg .tg-rec-cancel{display:none;flex:1;height:40px;font-size:15px;font-weight:600;color:var(--tg-primary);text-align:center;border-radius:8px}
#ch.tg .tg-rec-cancel:hover{background:rgba(var(--tg-primary-rgb),.08)}
#ch.tg .tg-rec-del,#ch.tg .tg-rec-stop{display:none;color:var(--tg-text-2)}
#ch.tg .tg-rec-del:hover{color:var(--tg-danger)}
#ch.tg .tg-rec-stop .tgico{font-size:22px;color:var(--tg-danger)}
#ch.tg .tg-rec-pv{display:none;flex:1;min-width:0;align-items:center;gap:10px;height:40px;padding:0 6px 0 10px;border-radius:20px;background:rgba(var(--tg-primary-rgb),.12);--wv:var(--tg-primary)}
#ch.tg .tg-rec-pv .tg-wave{flex:1;width:auto!important;overflow:hidden}
#ch.tg .tg-rec-pv-play{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--tg-primary);color:var(--tg-primary-text);display:grid;place-items:center}
#ch.tg .tg-rec-pv-play .tgico{grid-area:1/1;font-size:18px;transition:opacity .15s,transform .15s}
#ch.tg .tg-rec-pv-time{font-size:13.5px;color:var(--tg-primary);font-variant-numeric:tabular-nums;flex:none}
#ch.tg .tg-composer.is-rec-hold .tg-rec-hint{display:flex}
#ch.tg .tg-composer.is-rec-locked .tg-rec-del,#ch.tg .tg-composer.is-rec-locked .tg-rec-stop{display:grid}
#ch.tg .tg-composer.is-rec-locked .tg-rec-live{flex:1}
#ch.tg .tg-composer.is-rec-preview .tg-rec-live{display:none}
#ch.tg .tg-composer.is-rec-preview .tg-rec-del,#ch.tg .tg-composer.is-rec-preview .tg-rec-pv{display:flex}
#ch.tg .tg-composer.is-rec-preview .tg-rec-del{display:grid}
#ch.tg .tg-composer.is-recording .tg-send,#ch.tg .tg-composer.is-rec-preview .tg-send{background:var(--tg-primary);color:var(--tg-primary-text)!important;overflow:visible}
#ch.tg .tg-rec-halo{position:absolute;inset:0;border-radius:50%;background:rgba(var(--tg-primary-rgb),.3);transform:scale(1);transition:transform .1s linear;pointer-events:none;display:none;z-index:0}
#ch.tg .tg-composer.is-recording .tg-rec-halo{display:block}
#ch.tg .tg-composer.is-recording .tg-send-ic{z-index:1}
#ch.tg .tg-rec-lock{position:absolute;bottom:76px;left:20px;width:46px;height:76px;border-radius:23px;background:var(--tg-input-surface);box-shadow:0 1px 8px rgba(0,0,0,.2);display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--tg-text-2);z-index:6;animation:tg-rec-lock-in .2s var(--tg-ease)}
@keyframes tg-rec-lock-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
#ch.tg .tg-composer.is-rec-hold .tg-rec-lock{display:flex}
#ch.tg .tg-rec-lock-ic{font-size:22px}
#ch.tg .tg-rec-lock-ar{font-size:18px;animation:tg-rec-up 1.4s ease-in-out infinite}
@keyframes tg-rec-up{50%{transform:translateY(-4px)}}
#ch.tg .tg-composer.is-recording .tg-input-row,#ch.tg .tg-composer.is-rec-preview .tg-input-row{visibility:hidden}

#ch.tg .tg-drop{background:color-mix(in srgb,var(--tg-bg) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px 16px 16px}
#ch.tg .tg-drop-box{box-shadow:0 1px 6px rgba(0,0,0,.16);border-color:color-mix(in srgb,var(--tg-text-3) 70%,transparent)}
#ch.tg .tg-drop-box b{font-size:19px}
#ch.tg .tg-drop-box:hover{background:color-mix(in srgb,var(--tg-primary) 6%,var(--tg-surface))}
#ch.tg .tg-plate[data-plate="voice"]{padding:0}
#ch.tg .tg-vbar{display:flex;align-items:center;gap:6px;height:52px;padding:0 8px 0 10px;min-width:0}
#ch.tg .tg-vbar .tg-btn-icon{flex:none;color:var(--tg-text-2)}
#ch.tg .tg-vb-play{width:36px;height:36px;border-radius:50%;background:var(--tg-primary);color:var(--tg-primary-text)!important}
#ch.tg .tg-vb-play .tgico{font-size:22px}
#ch.tg .tg-vb-info{flex:0 1 150px;min-width:70px;cursor:pointer;overflow:hidden}
#ch.tg .tg-vb-title{font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tg-primary)}
#ch.tg .tg-vb-sub{font-size:12.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tg-text-3)}
#ch.tg .tg-vb-prog{flex:1;min-width:90px;display:flex;align-items:center;gap:8px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--tg-text-3)}
#ch.tg .tg-vb-cur,#ch.tg .tg-vb-tot{flex:none;min-width:32px;text-align:center}
#ch.tg .tg-vbar input[type=range]{-webkit-appearance:none;appearance:none;height:16px;margin:0;background:transparent;cursor:pointer;--p:0%}
#ch.tg .tg-vbar input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--tg-primary) var(--p),color-mix(in srgb,var(--tg-text-3) 35%,transparent) var(--p))}
#ch.tg .tg-vbar input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--tg-text-3) 35%,transparent)}
#ch.tg .tg-vbar input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--tg-primary)}
#ch.tg .tg-vbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:var(--tg-primary);border:0;transform:scale(.0);transition:transform .12s}
#ch.tg .tg-vbar input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--tg-primary);border:0}
#ch.tg .tg-vbar input[type=range]:hover::-webkit-slider-thumb,#ch.tg .tg-vbar input[type=range]:active::-webkit-slider-thumb{transform:scale(1)}
#ch.tg .tg-vb-seek{flex:1;min-width:60px;width:100%}
#ch.tg .tg-vb-vol{flex:none;width:72px}
#ch.tg .tg-vb-speed{flex:none;height:26px;min-width:38px;padding:0 8px;border-radius:13px;font-size:12.5px;font-weight:700;color:var(--tg-text-2);background:var(--tg-surface-3);direction:ltr;cursor:pointer}
#ch.tg .tg-vb-speed.on{color:var(--tg-primary);background:rgba(var(--tg-primary-rgb),.16)}
@media(max-width:820px){#ch.tg .tg-vb-vol,#ch.tg .tg-vb-skip,#ch.tg .tg-vb-info{display:none}#ch.tg .tg-vbar{gap:4px;padding:0 4px 0 8px}#ch.tg .tg-vb-prog{min-width:0}}