.post-interactions { display: flex; align-items: center; gap: 5px; }
.post-interaction { display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding: 0 7px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--sub); font: inherit; cursor: pointer; }
.post-interaction:hover { border-color: var(--line); color: var(--ink); background: var(--pill); }
.post-interaction.active { background: var(--deep); border-color: var(--deep); color: var(--card); }