.c90-modern .chat-reaction-add { display:inline-flex; flex:none; align-items:center; justify-content:center; width:28px; height:28px; padding:4px; margin:0; border:1px solid transparent; border-radius:4px; background:transparent; color:#adbdc7; cursor:pointer; }
.chat-reaction-add > i,.chat-reaction-add > svg { width:18px; height:18px; }
.c90-modern .chat-reaction-add:hover,.c90-modern .chat-reaction-add[aria-expanded="true"] { color:#f0d394; background:#34312b; border-color:#655b44; }
.c90-modern .chat-reaction-add:disabled,.c90-modern .chat-reaction-chip:disabled { cursor:wait; opacity:.55; }
@media (hover:hover) and (pointer:fine) {
  .chat-reaction-add { opacity:0; }
  .chat_message:hover .chat-reaction-add,.chat_message:focus-within .chat-reaction-add,.chat-reaction-add[aria-expanded="true"] { opacity:1; }
}
.chat-reactions { margin-top:8px; min-width:0; }
.chat-reaction-chips { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.c90-modern .chat-reaction-chip { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:29px; min-width:47px; padding:3px 9px; border:1px solid #414e58; border-radius:5px; background:#242d34; color:#c8d5de; font-size:11px; line-height:1.5; font-weight:650; cursor:pointer; }
.c90-modern .chat-reaction-chip:hover { background:#303e47; border-color:#849dac; color:#fff; }
.c90-modern .chat-reaction-chip[aria-pressed="true"] { background:#314238; color:#b9edcd; border-color:#70ba91; }
.chat-reaction-emoji { font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif; font-size:16px; line-height:20px; }
.chat-reaction-count { font-variant-numeric:tabular-nums; }
.chat-reaction-people { display:flex; flex-wrap:wrap; align-items:center; gap:3px; margin-top:3px; color:#9bacb8; font-size:10px; line-height:1.6; }
.c90-modern .chat-reaction-people > a { display:inline-block; max-width:150px; color:#a9c5d8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c90-modern .chat-reaction-people > a:hover { color:#f0f4f6; text-decoration:underline; }
.chat-reaction-separator { margin-right:2px; }
.c90-modern .chat-reaction-who { display:inline-flex; align-items:center; gap:5px; min-height:24px; padding:2px 4px; border:0; border-radius:3px; background:transparent; color:#a5bac8; cursor:pointer; font-size:10px; line-height:1.6; }
.c90-modern .chat-reaction-who:hover { background:#2c363e; color:#fff; }
.chat-reaction-who > i,.chat-reaction-who > svg { width:13px; height:13px; }
.chat-reaction-picker { position:fixed; z-index:1085; display:flex; gap:4px; padding:7px; border:1px solid #61727f; border-radius:7px; background:#262f36; color:#fff; box-shadow:0 8px 24px #0006; }
.c90-modern .chat-reaction-picker > button { display:flex; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:1px solid transparent; border-radius:5px; background:transparent; font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif !important; font-size:25px; line-height:1; cursor:pointer; }
.c90-modern .chat-reaction-picker > button:hover,.c90-modern .chat-reaction-picker > button:focus-visible { background:#3b4954; border-color:#92abbc; }
.c90-modern .chat-reaction-picker > button[aria-pressed="true"] { background:#365443; border-color:#80c59c; }
.chat-reaction-toast { position:fixed; z-index:1200; bottom:24px; left:50%; transform:translateX(-50%); width:max-content; max-width:calc(100% - 32px); padding:11px 16px; border:1px solid #6b7f8b; border-radius:5px; background:#29353d; color:#eef4f7; font-size:12px; line-height:1.6; box-shadow:0 5px 20px #0005; }
.c90-modern .chat-reaction-dialog { width:430px; max-width:calc(100% - 24px); max-height:75vh; max-height:75dvh; margin:auto; padding:20px; border:1px solid #586d7b; border-radius:7px; background:#1e252b; color:#eaf0f4; box-shadow:0 12px 50px #0008; overflow-y:auto; }
.chat-reaction-dialog::backdrop { background:#080c10b8; }
.chat-reaction-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }
.c90-modern .chat-reaction-dialog-heading > h2 { margin:0; color:#f1f4f6; font-size:17px; line-height:1.5; font-weight:750; }
.c90-modern .chat-reaction-dialog-close { display:inline-flex; align-items:center; justify-content:center; flex:none; width:32px; height:32px; padding:6px; border:0; border-radius:4px; color:#bbcad4; background:#2d3942; cursor:pointer; }
.chat-reaction-dialog-close > i,.chat-reaction-dialog-close > svg { width:18px; height:18px; }
.chat-reaction-filters { display:flex; flex-wrap:wrap; gap:5px; padding-bottom:14px; border-bottom:1px solid #3b4953; }
.c90-modern .chat-reaction-filters > button { min-height:33px; min-width:40px; padding:5px 8px; border:1px solid #4c5f6d; border-radius:4px; background:#28343d; color:#cbd9e2; cursor:pointer; font-size:12px; }
.c90-modern .chat-reaction-filters > button[aria-pressed="true"] { border-color:#86bba4; background:#30463a; color:#c3ecd4; }
.c90-modern .chat-reaction-user-list { list-style:none; margin:0; padding:0; }
.chat-reaction-user-list > li { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:58px; padding:9px 0; border-bottom:1px solid #34424d; }
.c90-modern .chat-reaction-user-list > li > a { display:flex; align-items:center; gap:10px; min-width:0; color:#d8e7f1; }
.chat-reaction-user-avatar { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:5px; background:#344956; color:#bedbec; font-size:15px; text-transform:uppercase; }
.chat-reaction-user-list li:nth-child(2n) .chat-reaction-user-avatar { background:#3d4640; color:#c3dbc9; }
.chat-reaction-user-list strong { min-width:0; overflow-wrap:anywhere; font-size:12px; font-weight:650; }
.chat-reaction-user-emoji { flex:none; font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif; font-size:21px; }
.c90-modern .chat-reaction-list-status { margin:13px 0 0; color:#aebfca; font-size:12px; line-height:1.6; }
.c90-modern .chat-reaction-more { display:block; width:100%; margin-top:12px; padding:9px 12px; border:1px solid #596c7a; border-radius:4px; background:#2c3943; color:#dce8ef; font-size:12px; cursor:pointer; }
@media(max-width:575px) {
  .c90-modern .chat-reaction-add { width:30px; height:30px; opacity:1; }
  .c90-modern .chat-reaction-chip { min-height:33px; padding:4px 9px; }
  .chat-reaction-people { gap:3px; }
  .c90-modern .chat-reaction-people > a { max-width:110px; }
  .c90-modern .chat-reaction-dialog { padding:16px; }
}