@keyframes pp-reaction-picker-in{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pp-reaction-item-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pp-reaction-picker-float{position:fixed;z-index:1000}.pp-reaction-picker{display:none;gap:var(--pp-space-1);padding:var(--pp-space-2);background:var(--pp-card-bg, #fff);border:1px solid var(--pp-color-border);border-radius:var(--pp-radius-full);box-shadow:var(--pp-shadow-lg);white-space:nowrap}.pp-reaction-picker.is-visible{display:flex;animation:pp-reaction-picker-in .2s ease}.pp-reaction-picker__btn{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:none;border:none;border-radius:var(--pp-radius-full);cursor:pointer;transition:transform .15s,background-color .15s;animation:pp-reaction-item-in .2s ease both;animation-delay:calc(var(--pp-reaction-index, 0) * 25ms)}.pp-reaction-picker__emoji{font-size:1.6rem;line-height:1}.pp-reaction-picker__btn>:first-child{pointer-events:none}.pp-reaction-picker__btn:hover,.pp-reaction-picker__btn:focus-visible{background-color:var(--pp-color-neutral-100);transform:scale(1.3) translateY(-4px)}.pp-reaction-picker__btn:focus-visible{outline:2px solid var(--pp-color-primary-500);outline-offset:2px}.pp-reaction-picker__btn[aria-checked=true]{background-color:var(--pp-color-primary-50)}.pp-reaction-picker__label{position:absolute;bottom:calc(100% + 4px);left:50%;display:none;padding:2px var(--pp-space-2);font-size:var(--pp-text-xs);color:#fff;white-space:nowrap;background:#000000bf;border-radius:var(--pp-radius-md);transform:translate(-50%);pointer-events:none}.pp-reaction-picker__btn:hover .pp-reaction-picker__label,.pp-reaction-picker__btn:focus-visible .pp-reaction-picker__label{display:block}.pp-reaction-picker--mini{gap:2px;padding:var(--pp-space-1)}.pp-reaction-picker--mini .pp-reaction-picker__btn{width:1.75rem;height:1.75rem}.pp-reaction-picker--mini .pp-reaction-picker__emoji{font-size:1rem}.pp-reaction-picker--mini .pp-reaction-picker__btn:hover,.pp-reaction-picker--mini .pp-reaction-picker__btn:focus-visible{transform:scale(1.2) translateY(-2px)}@media (prefers-reduced-motion: reduce){.pp-reaction-picker.is-visible,.pp-reaction-picker__btn{animation:none}.pp-reaction-picker__btn{transition:none}.pp-reaction-picker__btn:hover,.pp-reaction-picker__btn:focus-visible,.pp-reaction-picker--mini .pp-reaction-picker__btn:hover,.pp-reaction-picker--mini .pp-reaction-picker__btn:focus-visible{transform:none}}