.message-actions{position:relative;display:inline-flex;float:right;vertical-align:middle;justify-content:flex-end;gap:4px;margin-left:8px;white-space:normal}
:is(.chat-message,.private-message)>p:has(>.message-actions){display:flow-root}
.message-actions>button,.message-reaction-chip,.message-reaction-picker button,.message-reply-draft button{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;width:auto!important;height:auto!important;min-height:32px;padding:3px 8px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:16px;background:transparent;color:inherit;font:inherit;cursor:pointer;backdrop-filter:none}
.message-actions>button{font-size:18px;line-height:1;opacity:0!important;pointer-events:none}
:is(.chat-message,.private-message):last-of-type .message-actions>.message-react-button,
.message-actions>.message-react-button.has-reactions,
:is(.chat-message,.private-message):focus-within .message-actions>button,
.message-actions-open .message-actions>button{opacity:1!important;pointer-events:auto}
@media(hover:hover){:is(.chat-message,.private-message):hover .message-actions>button{opacity:1!important;pointer-events:auto}}
.message-reaction-picker{position:absolute;z-index:10;right:0;bottom:100%;display:flex;gap:3px;padding:5px;border-radius:18px;background:var(--paper,#f4f0e5);color:var(--ink,#283c39);box-shadow:0 6px 22px #0005;white-space:nowrap}
.message-reaction-picker[hidden],.message-reply-draft[hidden]{display:none}
.message-reaction-picker button{font-size:20px;border:0}
.message-reaction-picker button[aria-pressed=true]{background:#65866b33}
.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.message-reaction-chip{font-size:13px}.message-reaction-chip[aria-pressed=true]{background:#65866b33}
.message-reply-quote{margin:7px 0 0;padding:5px 8px;border-left:3px solid #6d8a77;border-radius:3px;background:#70857420;font-size:13px;line-height:1.3;max-height:3.2em;overflow:hidden}
.message-reply-draft{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-left:3px solid #6d8a77;background:#70857420;font-size:13px;line-height:1.3}
.message-reply-draft span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-reply-draft button{flex:none;min-height:24px;font-size:18px;padding:0 6px}
#chat-panel #chat-form:has(.message-reply-draft:not([hidden])){grid-template-rows:auto 60px 16px}
#chat-panel #chat-form:has(.message-reply-draft:not([hidden])) textarea,#chat-panel #chat-form:has(.message-reply-draft:not([hidden]))>button{grid-row:2}
#chat-panel #chat-form:has(.message-reply-draft:not([hidden])) .chat-typing{grid-row:3}
@media(max-width:600px){#chat-panel #chat-form:has(.message-reply-draft:not([hidden])){grid-template-rows:auto 48px 16px}}
@media(max-width:430px){.message-reaction-picker{right:-8px;max-width:calc(100vw - 42px);overflow-x:auto}.message-reaction-picker button{padding:2px 5px}}