.chat-reactions { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin:5px 0 3px; }
.chat-reactions:empty { display:none; }
.chat-reactions button, .chat-reaction-picker button {
  appearance:none; min-height:36px; border:1px solid #b8cbd6; border-radius:18px;
  background:#fff; color:#17374e; padding:6px 10px; font:inherit; font-weight:600; cursor:pointer;
}
.chat-reactions button { font-size:13px; line-height:1.3; }
.chat-reactions button[aria-pressed="true"], .chat-reaction-picker button[aria-pressed="true"] {
  background:#e2f5f5; border-color:#087e86; color:#07535b; box-shadow:inset 0 0 0 1px #087e86;
}
.chat-reactions button:disabled, .chat-reaction-picker button:disabled { cursor:wait; opacity:.65; }
.chat-reactions button:focus-visible, .chat-reaction-picker button:focus-visible { outline:3px solid #237ac0; outline-offset:2px; }
.chat-reactions small { flex-basis:100%; color:#9c301c; font-size:12px; }
.chat-reaction-picker { box-sizing:border-box; width:min(420px,92vw); max-height:85dvh; overflow:auto;
  border:1px solid #b8cbd6; border-radius:20px; padding:20px; background:#fff; color:#17374e; }
.chat-reaction-picker::backdrop { background:rgb(4 22 43 / 60%); }
.chat-reaction-picker header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.chat-reaction-picker h2 { font-size:19px; margin:0; }
.chat-reaction-picker header button { min-height:44px; border-radius:12px; }
.chat-reaction-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.chat-reaction-choices button { display:flex; flex-direction:column; align-items:center; gap:6px; border-radius:14px; padding:12px 4px; }
.chat-reaction-choices span { font-size:29px; line-height:1.2; }
.chat-reaction-choices strong { font-size:12px; }
.chat-reaction-choices small { min-height:16px; font-size:11px; }
.chat-reaction-picker p { margin:16px 0 0; font-size:13px; line-height:1.5; }
@media (pointer:coarse) { .chat-reactions button { min-height:44px; min-width:44px; } }