.post-reactions{grid-column:1/-1;padding:18px 28px 14px;border-top:1px solid var(--line,#ffffff1c)}
.post-reactions-row{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}

.post-reactions-options{display:flex;align-items:center;gap:8px}
.reaction-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:72px;min-height:44px;padding:8px 13px;border:1px solid var(--line,#ffffff1c);border-radius:999px;background:transparent;color:var(--text);font:600 12px/1.2 'DM Sans',sans-serif;touch-action:manipulation}
.reaction-button .reaction-emoji{font-size:21px;line-height:1}
.reaction-button .reaction-count{min-width:1ch;font-variant-numeric:tabular-nums}
.reaction-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 17%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}
.reaction-button:disabled{cursor:wait;opacity:.7}
.reaction-button:active:not(:disabled){background:color-mix(in srgb,var(--accent) 24%,transparent)}
.post-reactions-feedback{display:flex;align-items:center;gap:8px;min-height:18px;margin-top:5px}
.post-reactions-status{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}
.post-reactions-retry{padding:2px 0;border:0;background:transparent;color:var(--accent);font:700 11px/1.5 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:3px}
@media(hover:hover){.reaction-button:hover:not(:disabled){border-color:var(--accent)}}
@media(max-width:720px){.post-reactions{padding:16px 18px 12px}.post-reactions-row{gap:10px}.post-reactions-options{width:100%;gap:8px}.reaction-button{flex:1;min-width:0}}