:root{--vpl-primary:var(--accent-green, #7FC29B);--vpl-secondary:var(--accent-green-dark, #5FA87D);--vpl-success:var(--success-color, #22C55E);--vpl-error:var(--error-color, #EF4444);--vpl-text:var(--text-main, #E5E7EB);--vpl-text-muted:var(--text-muted, #9CA3AF);--vpl-background:var(--bg-card, #1F2937);--vpl-background-hover:var(--bg-hover, #374151);--vpl-border:var(--border-color, #374151);--vpl-shadow:var(--shadow-color, rgba(0, 0, 0, 0.3));--vpl-font-family:var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);--vpl-border-radius:var(--border-radius, 8px);--vpl-transition:var(--transition, all 0.3s cubic-bezier(0.4, 0, 0.2, 1))}.vibepost-like-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0.5rem!important;padding:.625rem 1.25rem!important;background:linear-gradient(135deg,var(--vpl-primary),var(--vpl-secondary))!important;color:var(--vpl-text)!important;border:none!important;border-radius:var(--vpl-border-radius)!important;font-family:var(--vpl-font-family)!important;font-size:0.875rem!important;font-weight:500!important;line-height:1.5!important;text-decoration:none!important;cursor:pointer!important;user-select:none!important;transition:var(--vpl-transition)!important;position:relative!important;overflow:hidden!important;white-space:nowrap!important;min-width:fit-content!important;box-shadow:0 2px 4px var(--vpl-shadow)!important}.vibepost-like-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgb(233 79 55 / .4)!important;background:linear-gradient(135deg,#E94F37,#D43520)!important}.vibepost-like-btn:focus{outline:2px solid var(--vpl-primary)!important;outline-offset:2px!important}.vibepost-like-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px var(--vpl-shadow)!important}.vibepost-like-btn.liked{background:linear-gradient(135deg,var(--vpl-success),#16A34A)!important;color:white!important}.vibepost-like-btn.liked:hover{background:linear-gradient(135deg,#16A34A,#15803D)!important;box-shadow:0 4px 12px rgb(34 197 94 / .4)!important}.vibepost-like-btn.loading{opacity:0.7!important;cursor:not-allowed!important;transform:none!important}.vibepost-like-btn.loading::after{content:''!important;position:absolute!important;top:50%!important;left:50%!important;width:16px!important;height:16px!important;margin:-8px 0 0 -8px!important;border:2px solid transparent!important;border-top-color:currentColor!important;border-radius:50%!important;animation:vpl-spin 0.8s linear infinite!important}.vibepost-like-btn:disabled,.vibepost-like-btn.disabled{opacity:0.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.vibepost-like-btn .like-icon{font-size:1.125rem!important;line-height:1!important;transition:transform 0.2s ease!important}.vibepost-like-btn:hover .like-icon{transform:scale(1.1)!important}.vibepost-like-btn.liked .like-icon{animation:vpl-heart-beat 0.6s ease-in-out!important}.vibepost-like-btn .like-count{font-weight:600!important;min-width:1.5rem!important;text-align:center!important;font-variant-numeric:tabular-nums!important;transition:var(--vpl-transition)!important}.vibepost-like-btn .like-text{font-size:0.8125rem!important;opacity:0.9!important;font-weight:400!important}.vibepost-like-btn.size-small{padding:.375rem 0.75rem!important;font-size:0.8125rem!important;gap:0.375rem!important}.vibepost-like-btn.size-small .like-icon{font-size:1rem!important}.vibepost-like-btn.size-large{padding:.875rem 1.75rem!important;font-size:1rem!important;gap:0.625rem!important}.vibepost-like-btn.size-large .like-icon{font-size:1.25rem!important}.vibepost-like-btn.style-minimal{background:transparent!important;color:var(--vpl-primary)!important;border:1.5px solid var(--vpl-primary)!important;box-shadow:none!important}.vibepost-like-btn.style-minimal:hover{background:var(--vpl-primary)!important;color:white!important;border-color:var(--vpl-primary)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgb(59 163 255 / .3)!important}.vibepost-like-btn.style-minimal.liked{background:transparent!important;color:var(--vpl-success)!important;border-color:var(--vpl-success)!important}.vibepost-like-btn.style-minimal.liked:hover{background:var(--vpl-success)!important;color:white!important;border-color:var(--vpl-success)!important}.vibepost-like-btn.style-prominent{background:linear-gradient(135deg,var(--vpl-primary),var(--vpl-secondary))!important;box-shadow:0 4px 16px rgb(59 163 255 / .3)!important;border:1px solid rgb(255 255 255 / .1)!important}.vibepost-like-btn.style-prominent:hover{box-shadow:0 6px 20px rgb(59 163 255 / .4)!important;transform:translateY(-3px)!important}.vibepost-like-btn.style-ghost{background:rgb(59 163 255 / .1)!important;color:var(--vpl-primary)!important;border:1px solid rgb(59 163 255 / .2)!important;backdrop-filter:blur(10px)!important}.vibepost-like-btn.style-ghost:hover{background:rgb(59 163 255 / .2)!important;border-color:rgb(59 163 255 / .4)!important}.vibepost-like-container{display:inline-flex!important;align-items:center!important;gap:0.75rem!important;margin:.5rem 0!important}.vibepost-like-container.center{justify-content:center!important}.vibepost-like-container.right{justify-content:flex-end!important}.vibepost-like-stats{display:inline-flex!important;align-items:center!important;gap:0.5rem!important;font-size:0.875rem!important;color:var(--vpl-text-muted)!important;margin-left:0.5rem!important}.vibepost-like-stats .stat-item{display:inline-flex!important;align-items:center!important;gap:0.25rem!important}@keyframes vpl-spin{from{transform:rotate(0deg)!important}to{transform:rotate(360deg)!important}}@keyframes vpl-heart-beat{0%,100%{transform:scale(1)!important}25%{transform:scale(1.2)!important}50%{transform:scale(1.1)!important}75%{transform:scale(1.25)!important}}@keyframes vpl-fade-in{from{opacity:0!important;transform:translateY(10px)!important}to{opacity:1!important;transform:translateY(0)!important}}@keyframes vpl-bounce-in{0%{opacity:0!important;transform:scale(.3)!important}50%{opacity:1!important;transform:scale(1.05)!important}70%{transform:scale(.9)!important}100%{opacity:1!important;transform:scale(1)!important}}.vibepost-like-message{display:inline-flex!important;align-items:center!important;gap:0.5rem!important;padding:.5rem 1rem!important;border-radius:var(--vpl-border-radius)!important;font-size:0.875rem!important;font-weight:500!important;margin:.5rem 0!important;animation:vpl-fade-in 0.3s ease-out!important}.vibepost-like-message.success{background:rgb(34 197 94 / .1)!important;color:var(--vpl-success)!important;border:1px solid rgb(34 197 94 / .2)!important}.vibepost-like-message.error{background:rgb(239 68 68 / .1)!important;color:var(--vpl-error)!important;border:1px solid rgb(239 68 68 / .2)!important}.vibepost-like-tooltip{position:absolute!important;bottom:calc(100% + 0.5rem)!important;left:50%!important;transform:translateX(-50%)!important;background:var(--vpl-background)!important;color:var(--vpl-text)!important;padding:.5rem 0.75rem!important;border-radius:var(--vpl-border-radius)!important;font-size:0.8125rem!important;white-space:nowrap!important;box-shadow:0 4px 12px var(--vpl-shadow)!important;opacity:0!important;pointer-events:none!important;transition:opacity 0.2s ease!important;z-index:1000!important}.vibepost-like-tooltip::after{content:''!important;position:absolute!important;top:100%!important;left:50%!important;transform:translateX(-50%)!important;border:4px solid transparent!important;border-top-color:var(--vpl-background)!important}.vibepost-like-btn:hover .vibepost-like-tooltip{opacity:1!important}@media (max-width:768px){.vibepost-like-btn{padding:.5rem 1rem!important;font-size:0.8125rem!important;gap:0.375rem!important}.vibepost-like-btn .like-icon{font-size:1rem!important}.vibepost-like-btn.size-large{padding:.625rem 1.25rem!important;font-size:0.875rem!important}}@media (max-width:480px){.vibepost-like-btn{padding:.375rem 0.75rem!important;font-size:0.75rem!important}.vibepost-like-btn .like-text{display:none!important}.vibepost-like-container{gap:0.5rem!important}}@media (prefers-contrast:high){.vibepost-like-btn{border:2px solid currentColor!important;background:var(--vpl-background)!important;color:var(--vpl-text)!important}.vibepost-like-btn:hover,.vibepost-like-btn:focus{background:var(--vpl-text)!important;color:var(--vpl-background)!important}}@media (prefers-reduced-motion:reduce){.vibepost-like-btn,.vibepost-like-btn *,.vibepost-like-message{animation:none!important;transition:none!important}.vibepost-like-btn:hover{transform:none!important}}@media (prefers-color-scheme:dark){.vibepost-like-btn{box-shadow:0 2px 8px rgb(0 0 0 / .5)!important}.vibepost-like-btn:hover{box-shadow:0 4px 16px rgb(59 163 255 / .3)!important}}@media print{.vibepost-like-btn,.vibepost-like-container,.vibepost-like-stats,.vibepost-like-message{display:none!important}}[dir="rtl"] .vibepost-like-container{direction:rtl!important}[dir="rtl"] .vibepost-like-stats{margin-left:0!important;margin-right:0.5rem!important}.vibepost-like-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.vibepost-like-btn:focus-visible{outline:2px solid var(--vpl-primary)!important;outline-offset:2px!important}.vibepost-like-list::-webkit-scrollbar{width:6px!important}.vibepost-like-list::-webkit-scrollbar-track{background:var(--vpl-background)!important}.vibepost-like-list::-webkit-scrollbar-thumb{background:var(--vpl-border)!important;border-radius:3px!important}.vibepost-like-list::-webkit-scrollbar-thumb:hover{background:var(--vpl-text-muted)!important}