@keyframes svelte-wlh0yk-bounce-once{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-bounce-once.svelte-wlh0yk{animation:svelte-wlh0yk-bounce-once .3s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1))}.engagement-bar-full.svelte-wlh0yk{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fafce6;border:1px solid #e2e8f0b3;border-radius:1rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:42rem;margin:0 auto;padding:.75rem;display:flex;box-shadow:0 1px 3px #0000000d}.dark .engagement-bar-full.svelte-wlh0yk{background:linear-gradient(#18181bf2,#121212f2);border-color:#4040404d;box-shadow:0 2px 8px #0003}.engagement-btn-compact.svelte-wlh0yk{color:#64748b;cursor:pointer;transition:all var(--duration-fast,.15s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:0 0;border:none;border-radius:.625rem;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem .625rem;display:flex;position:relative}.engagement-btn-compact.svelte-wlh0yk:hover{color:#10b981;background:#f1f5f9e6}.dark .engagement-btn-compact.svelte-wlh0yk{color:#94a3b8}.dark .engagement-btn-compact.svelte-wlh0yk:hover{color:#34d399;background:#262626e6}.engagement-btn-danger.svelte-wlh0yk:hover{color:#ef4444!important}.dark .engagement-btn-danger.svelte-wlh0yk:hover{color:#f87171!important}.engagement-btn-info.svelte-wlh0yk:hover{color:#3b82f6!important}.dark .engagement-btn-info.svelte-wlh0yk:hover{color:#60a5fa!important}.engagement-btn-violet.svelte-wlh0yk:hover{color:#8b5cf6!important}.dark .engagement-btn-violet.svelte-wlh0yk:hover{color:#a78bfa!important}.engagement-btn-amber.svelte-wlh0yk:hover{color:#f59e0b!important}.dark .engagement-btn-amber.svelte-wlh0yk:hover{color:#fbbf24!important}.engagement-btn-success-active.svelte-wlh0yk{color:#10b981!important;background:#ecfdf5e6!important}.dark .engagement-btn-success-active.svelte-wlh0yk{color:#34d399!important;background:#064e3b4d!important}.engagement-divider.svelte-wlh0yk{background:#e2e8f0cc;width:1px;height:1rem;margin:0 .25rem}.dark .engagement-divider.svelte-wlh0yk{background:#404040cc}.engagement-divider-full.svelte-wlh0yk{background:#e2e8f0;width:1px;height:1.5rem;margin:0 .375rem}.dark .engagement-divider-full.svelte-wlh0yk{background:#404040}.engagement-count.svelte-wlh0yk{margin-top:.125rem;font-size:.625rem;font-weight:600;line-height:1}.engagement-tooltip.svelte-wlh0yk{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast,.15s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));z-index:var(--z-drawer);background:#0f172a;border-radius:.5rem;margin-bottom:.5rem;padding:.375rem .625rem;font-size:.625rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%)scale(.9);box-shadow:0 4px 12px #00000026}.engagement-btn-compact.svelte-wlh0yk:hover .engagement-tooltip:where(.svelte-wlh0yk){opacity:1;transform:translate(-50%)scale(1)}.engagement-btn-full.svelte-wlh0yk{color:#64748b;cursor:pointer;transition:all var(--duration-fast,.15s) var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:0 0;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.375rem;padding:.625rem .875rem;display:flex}.engagement-btn-full.svelte-wlh0yk:hover{color:#10b981;background:#f1f5f9;border-color:#10b9814d}.dark .engagement-btn-full.svelte-wlh0yk{color:#94a3b8}.dark .engagement-btn-full.svelte-wlh0yk:hover{color:#34d399;background:#262626;border-color:#34d3994d}.engagement-btn-full.engagement-btn-danger.svelte-wlh0yk:hover{color:#dc2626;background:#fef2f2;border-color:#ef44444d}.dark .engagement-btn-full.engagement-btn-danger.svelte-wlh0yk:hover{color:#f87171;background:#7f1d1d33;border-color:#f871714d}.engagement-btn-full.engagement-btn-info.svelte-wlh0yk:hover{color:#2563eb;background:#eff6ff;border-color:#3b82f64d}.dark .engagement-btn-full.engagement-btn-info.svelte-wlh0yk:hover{color:#60a5fa;background:#1e3a8a33;border-color:#60a5fa4d}.engagement-btn-full.engagement-btn-violet.svelte-wlh0yk:hover{color:#7c3aed;background:#f5f3ff;border-color:#8b5cf64d}.dark .engagement-btn-full.engagement-btn-violet.svelte-wlh0yk:hover{color:#a78bfa;background:#5b21b633;border-color:#a78bfa4d}.engagement-btn-full.engagement-btn-amber.svelte-wlh0yk:hover{color:#d97706;background:#fffbeb;border-color:#f59e0b4d}.dark .engagement-btn-full.engagement-btn-amber.svelte-wlh0yk:hover{color:#fbbf24;background:#78350f33;border-color:#fbbf244d}.engagement-btn-full.engagement-btn-success-active.svelte-wlh0yk{color:#059669;background:#ecfdf5;border-color:#10b98166}.dark .engagement-btn-full.engagement-btn-success-active.svelte-wlh0yk{color:#34d399;background:#064e3b4d;border-color:#34d39966}.engagement-btn-compact.svelte-wlh0yk:active,.engagement-btn-full.svelte-wlh0yk:active{transform:scale(.95)}.engagement-btn-compact.svelte-wlh0yk:focus-visible,.engagement-btn-full.svelte-wlh0yk:focus-visible{outline:2px solid color-mix(in srgb, var(--t-primary) 50%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.animate-bounce-once.svelte-wlh0yk{animation:none}.engagement-btn-compact.svelte-wlh0yk,.engagement-btn-full.svelte-wlh0yk,.engagement-tooltip.svelte-wlh0yk{transition:none}}