.reaction-picker.svelte-1liyhne{display:grid;grid-template-columns:repeat(7,auto);align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform-origin:bottom center;animation:svelte-1liyhne-picker-unfold .25s cubic-bezier(.22,1,.36,1) forwards}@keyframes svelte-1liyhne-picker-unfold{0%{opacity:0;transform:scaleX(.3) scaleY(.6)}to{opacity:1;transform:scaleX(1) scaleY(1)}}.reaction-btn.svelte-1liyhne{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),background-color .15s ease;opacity:0;transform:scale(0) translateY(8px);animation:svelte-1liyhne-emoji-pop .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes svelte-1liyhne-emoji-pop{0%{opacity:0;transform:scale(0) translateY(8px)}60%{opacity:1;transform:scale(1.2) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.reaction-btn.svelte-1liyhne:hover{transform:scale(1.3) translateY(-4px);background:var(--color-bg-tertiary)}.reaction-btn.svelte-1liyhne:hover .reaction-emoji:where(.svelte-1liyhne){animation:svelte-1liyhne-emoji-wiggle .5s ease}@keyframes svelte-1liyhne-emoji-wiggle{0%{transform:rotate(0)}20%{transform:rotate(-12deg) scale(1.1)}40%{transform:rotate(10deg) scale(1.1)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}.reaction-btn.svelte-1liyhne:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.reaction-selected.svelte-1liyhne,.reaction-selected.svelte-1liyhne:hover{background:var(--color-primary-light)}.reaction-emoji.svelte-1liyhne{font-size:1.25rem;line-height:1}.reaction-image.svelte-1liyhne{width:22px;height:22px;object-fit:contain}.reaction-locked.svelte-1liyhne{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.reaction-locked.svelte-1liyhne:hover{transform:none;background:transparent}