.reaction-bar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px;min-height:28px}
.reaction-bar button{border:1px solid #526047;border-radius:16px;background:#232b20;color:#d9e2ce;font-family:inherit;font-size:12px;line-height:1.2;padding:5px 8px;min-height:30px}
.reaction-bar .reaction-add{color:#b9c5ad;background:transparent;border-color:transparent;font-size:16px;min-width:36px}
.reaction-bar button:hover{background:#35422d}.reaction-bar [aria-pressed="true"]{border-color:#c6dca8;background:#3e5033}
.reaction-bar button:disabled{opacity:.5;cursor:wait}
.reaction-status{font-size:11px;color:#b3baab;margin:18px 0 0;max-width:450px}
.reaction-picker{color:#e9ebe3;background:#232923;border:1px solid #59664c;border-radius:18px;padding:22px;width:min(340px,calc(100vw - 30px));box-shadow:0 15px 80px #0008}
.reaction-picker::backdrop{background:#0005;backdrop-filter:blur(2px)}
.reaction-picker h2{font-size:15px;margin:0 30px 5px 0}.reaction-picker p{font-size:12px;color:#b3baab;margin:6px 0}
.reaction-picker .reaction-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:26px;padding:4px 8px}
.reaction-choices{display:flex;justify-content:space-between;gap:4px;margin:20px 0 14px}
.reaction-choices button{border:1px solid transparent;background:none;border-radius:50%;width:48px;height:48px;font-size:27px;padding:0;transition:transform .15s}
.reaction-choices button:hover{transform:translateY(-3px);background:#394630}.reaction-choices [aria-pressed="true"]{border-color:#c6dca8;background:#394630}
@media(prefers-reduced-motion:reduce){.reaction-choices button{transition:none}}