/* ZinCelestial — Reactions */
.zc-reactions-bar{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;padding:1rem;background:var(--zc-card);border:1px solid var(--zc-border);border-radius:var(--zc-radius);position:relative}
.zc-top-reaction-badge{position:absolute;top:-10px;right:12px;background:var(--zc-card);border:1px solid var(--zc-border);border-radius:var(--zc-radius-pill);padding:.2rem .6rem;font-size:.75rem;display:flex;align-items:center;gap:.25rem;box-shadow:var(--zc-shadow)}
.zc-top-count{font-weight:700;color:var(--zc-primary)}
.zc-reaction-trigger{position:relative}
.zc-react-btn{display:inline-flex;align-items:center;gap:.4rem;background:rgba(108,53,222,.1);border:1px solid rgba(108,53,222,.3);border-radius:var(--zc-radius-pill);padding:.4rem 1rem;font-size:.875rem;cursor:pointer;transition:var(--zc-transition);color:var(--zc-text)}
.zc-react-btn:hover,.zc-react-btn.reacted{background:rgba(108,53,222,.25);border-color:var(--zc-primary)}
.zc-total-count{font-size:.75rem;color:var(--zc-text-muted);font-weight:600}
.zc-reaction-picker{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--zc-card);border:1px solid var(--zc-border);border-radius:var(--zc-radius);padding:.5rem;display:flex;gap:.25rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:var(--zc-transition);box-shadow:var(--zc-shadow-lg);z-index:50;min-width:max-content}
.zc-reaction-trigger:hover .zc-reaction-picker{opacity:1;visibility:visible;transform:translateY(0)}
.zc-reaction-item{display:flex;flex-direction:column;align-items:center;gap:.15rem;background:none;border:none;border-radius:var(--zc-radius-sm);padding:.4rem .5rem;cursor:pointer;transition:var(--zc-transition);min-width:48px}
.zc-reaction-item:hover{background:rgba(var(--reaction-color,108,53,222),.15);transform:scale(1.2) translateY(-4px)}
.zc-reaction-item.active{background:rgba(108,53,222,.2)}
.zc-reaction-emoji{font-size:1.4rem;display:block;transition:transform .2s}
.zc-reaction-item:hover .zc-reaction-emoji{transform:scale(1.15) rotate(-5deg);animation:zc-bounce .3s ease}
.zc-reaction-label{font-size:.6rem;color:var(--zc-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}
.zc-reaction-count{font-size:.65rem;color:var(--zc-text-dim)}
.zc-reaction-summary{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.zc-summary-item{display:inline-flex;align-items:center;gap:.2rem;background:rgba(255,255,255,.05);border-radius:var(--zc-radius-pill);padding:.2rem .5rem;font-size:.75rem}
.zc-summary-item span{font-weight:600;color:var(--zc-text-muted)}
@keyframes zc-bounce{0%,100%{transform:scale(1) rotate(-5deg) translateY(-4px)}50%{transform:scale(1.3) rotate(-8deg) translateY(-8px)}}