.st-reaction{border:1px solid var(--border-subtle);border-radius:var(--radius-full);height:28px;color:var(--fg-secondary);cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);align-items:center;gap:4px;padding:0 8px 0 6px;display:inline-flex;position:relative}.st-reaction:hover{border-color:var(--border-strong);background:var(--bg-hover-soft)}.st-reaction[aria-pressed=true]{border-color:var(--border-brand-strong);background:var(--bg-surface-brand);color:var(--fg-brand-text)}.st-reaction-emoji{transform-origin:bottom;transition:scale .18s var(--ease-out), rotate .18s var(--ease-out);white-space:nowrap;font-size:15px;line-height:1}.st-reaction:hover .st-reaction-emoji{rotate:-8deg;scale:1.3}.st-reaction:hover .st-reaction-emoji[data-wide]{rotate:-4deg;scale:1.12}.st-reaction:active .st-reaction-emoji{scale:1.1}.st-reaction-flight{pointer-events:none;opacity:0;animation:st-flight .7s var(--ease-out);font-size:15px;line-height:1;position:absolute;bottom:100%;left:6px}@keyframes st-flight{0%{opacity:1;translate:0 14px;scale:.8}to{opacity:0;translate:0 -26px;scale:1.5}}.st-gifs{gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}.st-gifs>li{flex:1;min-width:0}.st-gif{border-radius:var(--radius-md);width:100%;min-width:0;color:var(--fg-muted);text-align:left;cursor:pointer;transition:color .15s var(--ease-out);align-items:center;gap:8px;display:flex}.st-gif:hover,.st-gif:focus-visible{color:var(--fg-primary)}.st-gif-img{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);width:48px;height:48px;transition:scale .18s var(--ease-out), rotate .18s var(--ease-out), border-color .18s var(--ease-out);flex:none;position:relative;overflow:hidden}.st-gif-img img{object-fit:cover}.st-gif:hover .st-gif-img,.st-gif:focus-visible .st-gif-img{border-color:var(--border-brand-strong);rotate:-4deg;scale:1.12}