.th{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.th__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;min-width:0;padding:12px 16px;display:flex}.th__head>.avatar{--size:32px}.th__peer{min-width:0}.th__peer b{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--ink);display:block;overflow:hidden}.th__peer span{font:var(--fs-11)/16px var(--font-mono-stack);color:var(--muted);display:block}.th__private{font:var(--fs-11)/16px var(--font-mono-stack);color:var(--faint);align-items:center;gap:5px;margin-left:auto;display:inline-flex}.th__private svg{width:12px;height:12px}.th__body{flex-direction:column;height:22rem;min-height:0;display:flex;position:relative}.th__scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 16px);mask-image:linear-gradient(#0000,#000 16px)}.th__list{flex-direction:column;gap:20px;min-height:100%;display:flex}.th__list>:first-child{margin-top:auto}.th__notice{font-size:var(--fs-13);color:var(--muted);padding:32px 16px;line-height:1.55}.th__notice.is-center{margin:auto 0}.th__notice .th__lock{width:14px;height:14px;color:var(--faint);margin:0 8px -2px 0;display:inline-block}.th__notice.is-bottom{margin-top:auto}.msg{gap:8px;min-width:0;display:flex}.msg.is-own{flex-direction:row-reverse}.msg>.avatar{--size:32px;align-self:flex-end}.msg__c{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.msg.is-own .msg__c{align-items:flex-end}.msg__h{font-size:var(--fs-11);color:var(--faint);align-items:center;gap:8px;padding:0 4px;display:flex}.msg__h b{font-weight:var(--fw-semibold);color:var(--muted)}.msg__h span{font-family:var(--font-mono-stack)}.msg__b{border:1px solid var(--line);background:var(--surface-raised);width:fit-content;max-width:80%;font-size:var(--fs-13);color:var(--ink);overflow-wrap:anywhere;transition:opacity var(--d-200) var(--mrd-ease-in-out);border-radius:16px;padding:10px 12px;line-height:1.55}.msg.is-own .msg__b{background:var(--accent-tint);border-color:#0000}.msg.is-sending .msg__b{opacity:.6}.msg__f{font-size:var(--fs-11);color:var(--faint);padding:0 4px}.msg.is-new{animation:rise-8 var(--d-260) var(--mrd-ease-out-cubic) both}.th__jump{opacity:0;pointer-events:none;transition:opacity var(--d-150) var(--mrd-ease-out-cubic), transform var(--d-150) var(--mrd-ease-out-cubic);position:absolute;bottom:12px;left:50%;transform:translate(-50%,6px)}.th__jump.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.th__jump.glass-btn{min-height:30px;font-size:var(--fs-12);padding:0 12px}.th__compose{border-top:1px solid var(--line-soft);align-items:flex-end;gap:8px;padding:12px;display:flex}.th__field{resize:none;field-sizing:content;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-raised);min-height:40px;max-height:128px;color:var(--ink);font-size:var(--fs-13);transition:border-color var(--mrd-duration-fast) var(--mrd-ease-in-out);flex:auto;padding:9px 12px;line-height:1.55}.th__field::placeholder{color:var(--faint)}.th__field:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-color:var(--muted)}.th__field:disabled{opacity:.6;cursor:not-allowed}.th__compose .glass-btn{flex:none}html[data-motion=reduce] .msg.is-new{opacity:1!important;animation:none!important;transform:none!important}html[data-motion=reduce] .th__jump{transition:none!important}.th__lock.xt-spin{animation:1s linear infinite xt-spin}@keyframes xt-spin{to{transform:rotate(360deg)}}html[data-motion=reduce] .th__lock.xt-spin{animation:none!important}@media (max-width:767.98px){.th__jump.glass-btn{min-height:40px}}