#ch.tg .tg-tr{padding:12px 14px 90px;display:flex;flex-direction:column;gap:12px}
#ch.tg .tg-tr-bar{display:flex;align-items:center;gap:6px}
#ch.tg .tg-tr-sel{flex:1;min-width:0;height:42px;padding:0 10px;border-radius:12px;border:1px solid var(--tg-input-border);background:var(--tg-input-surface);color:var(--tg-text);font:inherit;font-size:14px;cursor:pointer;outline:none}
#ch.tg .tg-tr-sel:focus{border-color:var(--tg-primary)}
#ch.tg .tg-tr-sel option,#ch.tg .tg-tr-sel optgroup{background:var(--tg-surface);color:var(--tg-text)}
#ch.tg .tg-tr-swap{flex:none}
#ch.tg .tg-tr-and{color:var(--tg-text-2);font-size:18px}
#ch.tg .tg-tr-card{border:1px solid var(--tg-border);background:var(--tg-surface-2);border-radius:16px;padding:12px 14px 6px;display:flex;flex-direction:column;gap:6px}
#ch.tg .tg-tr-card.out{background:var(--tg-surface);min-height:120px}
#ch.tg .tg-tr-card.out.empty .tg-tr-out-text{color:var(--tg-text-3);font-size:14px}
#ch.tg .tg-tr-card.out.busy .tg-tr-out-text::after{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid var(--tg-border);border-top-color:var(--tg-primary);animation:tg-tr-spin .8s linear infinite}
@keyframes tg-tr-spin{to{transform:rotate(360deg)}}
#ch.tg .tg-tr-in{width:100%;resize:none;border:0;background:none;color:var(--tg-text);font:inherit;font-size:17px;line-height:1.45;outline:none;min-height:88px}
#ch.tg .tg-tr-in::placeholder{color:var(--tg-text-3)}
#ch.tg .tg-tr-tools{display:flex;align-items:center;gap:2px;margin:0 -6px}
#ch.tg .tg-tr-tools .sp{flex:1}
#ch.tg .tg-tr-count{font-size:12px;color:var(--tg-text-3);margin:0 6px}
#ch.tg .tg-tr-ic{color:var(--tg-text-2)}
#ch.tg .tg-tr-ic.hide{display:none}
#ch.tg .tg-tr-ic.on{color:#f5b942}
#ch.tg .tg-tr-ic.live{color:var(--tg-danger);animation:tg-tr-pulse 1s ease-in-out infinite}
#ch.tg .tg-tr-ic.primary{color:var(--tg-primary)}
@keyframes tg-tr-pulse{50%{opacity:.4}}
#ch.tg .tg-tr-meta{font-size:12px;color:var(--tg-text-3)}
#ch.tg .tg-tr-out-text{font-size:18px;line-height:1.5;color:var(--tg-text);white-space:pre-wrap;word-break:break-word;user-select:text}
#ch.tg .tg-tr-translit{font-size:13.5px;color:var(--tg-text-2);font-style:italic;user-select:text}
#ch.tg .tg-tr-translit:empty,#ch.tg .tg-tr-dict:empty,#ch.tg .tg-tr-meta:empty{display:none}
#ch.tg .tg-tr-dict{border-top:1px solid var(--tg-border);padding-top:8px;margin-top:2px}
#ch.tg .tg-tr-dict-pos{font-size:12px;font-weight:700;color:var(--tg-primary);text-transform:capitalize;margin:6px 0 2px}
#ch.tg .tg-tr-dict-row{display:flex;gap:10px;align-items:baseline;font-size:14px;padding:2px 0}
#ch.tg .tg-tr-dict-row span{color:var(--tg-text-2);font-size:12.5px}
#ch.tg .tg-tr-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0}
#ch.tg .tg-tr-tab{flex:none;height:34px;padding:0 14px;border-radius:17px;border:0;background:var(--tg-surface-2);color:var(--tg-text-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
#ch.tg .tg-tr-tab.on{background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-tr-list{display:flex;flex-direction:column}
#ch.tg .tg-tr-empty{padding:26px 10px;text-align:center;color:var(--tg-text-3);font-size:14px}
#ch.tg .tg-tr-h .tg-srow-main{min-width:0}
#ch.tg .tg-tr-h-q,#ch.tg .tg-tr-h-r{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch.tg .tg-tr-h-r{color:var(--tg-text-2)}
#ch.tg .tg-tr-ic.small{width:32px;height:32px}
#ch.tg .tg-tr-grp{font-size:12.5px;font-weight:700;color:var(--tg-text-2);margin:12px 4px 6px}
#ch.tg .tg-tr-chips{display:flex;flex-wrap:wrap;gap:8px}
#ch.tg .tg-tr-chip{border:1px solid var(--tg-border);background:var(--tg-surface-2);color:var(--tg-text);border-radius:16px;padding:7px 12px;font:inherit;font-size:13.5px;cursor:pointer}
#ch.tg .tg-tr-chip:hover{border-color:var(--tg-primary)}
#ch.tg .tg-tr-setrow .tg-srow-right{max-width:60%}
#ch.tg .tg-tr-setrow .tg-tr-sel{height:36px;min-width:150px}
#ch.tg .tg-tr-talk{height:100%;padding-bottom:12px}
#ch.tg .tg-tr-log{flex:1;min-height:220px;max-height:calc(100vh - 300px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}
#ch.tg .tg-tr-line{max-width:88%;border-radius:16px;padding:9px 12px;cursor:pointer}
#ch.tg .tg-tr-line.a{align-self:flex-start;background:var(--tg-in-bg);color:var(--tg-in-text)}
#ch.tg .tg-tr-line.b{align-self:flex-end;background:linear-gradient(135deg,var(--tg-out-bg),var(--tg-out-bg-2));color:var(--tg-out-text)}
#ch.tg .tg-tr-line-q{font-size:14px;opacity:.75}
#ch.tg .tg-tr-line-r{font-size:17px;font-weight:600;margin-top:2px}
#ch.tg .tg-tr-talk-bar{display:flex;align-items:center;gap:6px}
#ch.tg .tg-tr-talk-in{flex:1;min-width:0;height:44px;border-radius:22px;border:1px solid var(--tg-input-border);background:var(--tg-input-surface);color:var(--tg-text);padding:0 16px;font:inherit;outline:none}
#ch.tg .tg-tr-talk-in:focus{border-color:var(--tg-primary)}
#ch.tg .tg-tr-side{flex:none;max-width:96px;height:36px;padding:0 10px;border-radius:18px;border:0;background:var(--tg-in-bg);color:var(--tg-in-text);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ch.tg .tg-tr-side.b{background:var(--tg-primary);color:var(--tg-primary-text)}
#ch.tg .tg-trans{margin:6px 0 2px;padding:6px 10px;border-inline-start:3px solid var(--tg-primary);background:rgba(127,127,127,.12);border-radius:8px}
#ch.tg .tg-trans.loading{opacity:.7}
#ch.tg .tg-trans-head{display:flex;align-items:center;gap:5px;font-size:11.5px;opacity:.7;margin-bottom:2px}
#ch.tg .tg-trans-ic{font-size:13px}
#ch.tg .tg-trans-text{font-size:.95em;line-height:1.45;white-space:pre-wrap;word-break:break-word}
#ch.tg .tg-input-btn.is-active{color:var(--tg-primary)}
#ch.tg .tg-input-btn.is-active::after{content:"";position:absolute;inset-inline-end:6px;top:6px;width:7px;height:7px;border-radius:50%;background:var(--tg-primary)}
#ch.tg .tg-tr-outpop{display:grid;gap:2px;min-width:0}
#ch.tg .tg-tr-outpop .tg-srow{margin:0;padding-inline:8px;min-width:0}
#ch.tg .tg-tr-outpop .tg-srow-main,#ch.tg .tg-tr-outpop .tg-srow-body{min-width:0;flex:1}
#ch.tg .tg-tr-outpop .tg-srow-right{flex:0 0 auto}
#ch.tg .tg-tr-outpop .tg-tr-setrow .tg-srow-right{max-width:58%;flex:0 1 auto}
#ch.tg .tg-tr-outpop .tg-tr-sel{min-width:0;width:100%}
#ch.tg .tg-tr-outpopup{width:min(440px,calc(100% - 24px))}
#ch.tg .tg-tr-outpop .tg-popup-text{margin:0 0 8px;color:var(--tg-text-secondary,#8fa59a);font-size:13.5px;line-height:1.7}
#ch.tg .tg-tr-outpop .tg-srow-sub{white-space:normal;overflow:visible}
#ch.tg .tg-bubble-content:has(.tg-trans){display:flow-root}
#ch.tg .tg-trans{clear:both;margin:6px 0 4px}
#ch.tg .tg-trans ~ .tg-meta{margin:7px 10px 7px 0;height:16px;position:relative;opacity:1}
#ch.tg .tg-bubble.is-ltr .tg-trans ~ .tg-meta{margin:7px 0 7px 10px}
#ch.tg .tg-trans ~ .tg-meta .tg-meta-time{opacity:1}