body .reactions-container[data-lf-reactions][data-post-id] { --lf-reaction-surface:#fff; --lf-reaction-text:#283029; --lf-reaction-tile:#f1f3f0; background:var(--lf-reaction-surface); color:var(--lf-reaction-text); padding:6px !important; margin:8px 0 !important; border-radius:12px }
body .reactions-container[data-lf-reactions][data-post-id] .reactions-list { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; padding:0 !important; margin:0 !important }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-item { box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:100%; min-width:0; margin:0; padding:8px 4px; border:1px solid transparent !important; border-radius:10px; background:var(--lf-reaction-tile); box-shadow:none; color:var(--lf-reaction-text); cursor:pointer; font:inherit; transform:none !important; transition:background-color .15s ease }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-item:not(:disabled):hover { background:rgba(var(--lf-primary-rgb),.05) }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-item.selected { border-color:rgba(var(--lf-primary-rgb),.30) !important; background:rgba(var(--lf-primary-rgb),.10) !important; box-shadow:none !important }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-item:focus-visible { outline:2px solid var(--lf-primary-color); outline-offset:2px }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-item.loading { opacity:.65; cursor:pointer }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-icon { display:flex; align-items:center; justify-content:center; width:64px; height:64px; margin:0; flex:none }
body .reactions-container[data-lf-reactions][data-post-id] .emoji-img { display:block; width:100%; height:100%; object-fit:contain; transform:none !important; animation:none !important }
body .reactions-container[data-lf-reactions][data-post-id] .reaction-count { display:block; min-height:22px; padding:0 !important; margin:0 !important; color:var(--lf-reaction-text) !important; font-size:20px; line-height:24px; font-weight:600; font-variant-numeric:tabular-nums }
@media(max-width:767px) { body .reactions-container[data-lf-reactions][data-post-id] { padding:6px } body .reactions-container[data-lf-reactions][data-post-id] .reactions-list { gap:6px } body .reactions-container[data-lf-reactions][data-post-id] .reaction-item { padding:7px 2px } body .reactions-container[data-lf-reactions][data-post-id] .reaction-icon { width:48px; height:48px } body .reactions-container[data-lf-reactions][data-post-id] .reaction-count { font-size:16px } }
@media(prefers-reduced-motion:reduce) { body .reactions-container[data-lf-reactions][data-post-id] .reaction-item { transition:none } }

body.dark-mode .reactions-container[data-lf-reactions][data-post-id] { --lf-reaction-surface:#222722; --lf-reaction-text:#edf1ed; --lf-reaction-tile:#2c322c }
@media(max-width:480px) { body .reactions-container[data-lf-reactions][data-post-id] .reactions-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px } }