.article-reactions-container{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.5rem}.reactions-list{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.reaction-pill{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-muted);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.85rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.reaction-pill:hover:not(:disabled){border-color:var(--accent);background:var(--primary-transparent);transform:translateY(-2px)}.reaction-pill.active{background:var(--primary-transparent);border:1px solid var(--primary);color:var(--primary)}.reaction-pill:disabled{cursor:default}.reaction-emoji{font-size:1rem}.reaction-count{font-weight:700}.add-reaction-wrapper{display:inline-flex;position:relative}.add-reaction-btn{border:1px dashed var(--glass-border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.add-reaction-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--glass-bg);border-style:solid}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-text{visibility:hidden;background-color:var(--footer-bg);color:var(--header-foreground);text-align:center;z-index:100;opacity:0;white-space:nowrap;box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);pointer-events:none;border-radius:6px;padding:4px 10px;font-size:.7rem;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.picker-backdrop{z-index:99;position:fixed;inset:0}.picker-popover-grid{background:var(--footer-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:100;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:.2rem;padding:.5rem;animation:.2s ease-out slide-up;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.picker-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem;font-size:1.2rem;transition:background .2s}.picker-emoji-btn:hover{background:#ffffff1a}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}