.favorite-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);background:transparent;padding:0;border-radius:50%;pointer-events:auto;outline:none;-webkit-tap-highlight-color:transparent}.favorite-icon-wrapper{position:relative;width:1em;height:1em;z-index:2;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.favorite-button:hover .favorite-icon-wrapper{transform:scale(1.15)}.favorite-button:active .favorite-icon-wrapper{transform:scale(.9)}.favorite-icon{position:absolute;top:0;left:0;width:100%;height:100%}.favorite-icon-outline{transition:opacity .12s ease}.favorite-icon-filled{opacity:0;transition:opacity .18s ease .08s}.favorite-button.active .favorite-icon-outline{opacity:0}.favorite-button.active .favorite-icon-filled{opacity:1}.favorite-ripple{position:absolute;inset:0;border-radius:50%;background:transparent;opacity:0;transform:scale(.6);pointer-events:none;z-index:1}.favorite-button.pulse-on .favorite-ripple{background:#fbbf24;animation:ringPulse .5s cubic-bezier(.2,.6,.35,1) forwards}@keyframes ringPulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(1.55);opacity:0}}.favorite-button.pulse-on .favorite-icon-wrapper{animation:heartSpring .55s cubic-bezier(.34,1.56,.64,1)}@keyframes heartSpring{0%{transform:scale(1)}25%{transform:scale(.72)}60%{transform:scale(1.32)}to{transform:scale(1)}}.favorite-button.pulse-off .favorite-icon-wrapper{animation:heartSink .3s ease-out}@keyframes heartSink{0%{transform:scale(1)}40%{transform:scale(.8)}to{transform:scale(1)}}.favorite-particles{position:absolute;inset:0;pointer-events:none;z-index:3}.favorite-particles span{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#fbbf24;opacity:0}.favorite-particles span:nth-child(2n){width:3px;height:3px;margin:-1.5px 0 0 -1.5px}.favorite-button.pulse-on .favorite-particles span{animation:particleFly .55s cubic-bezier(.2,.7,.4,1) forwards;animation-delay:calc(var(--i) * 14ms)}@keyframes particleFly{0%{transform:rotate(calc(var(--i) * 60deg)) translateY(-9px) scale(.3);opacity:0}25%{opacity:1}to{transform:rotate(calc(var(--i) * 60deg)) translateY(-17px) scale(1);opacity:0}}.favorite-button.variant-ghost{color:rgba(255,255,255,.5)}.favorite-button.variant-ghost:hover{color:#fbbf24;background:rgba(251,191,36,.1)}.favorite-button.variant-ghost.active{color:#fbbf24;background:rgba(251,191,36,.15)}.favorite-button.variant-ghost.active:hover{background:rgba(251,191,36,.2)}.favorite-button.variant-glass{color:rgba(255,255,255,.7);background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.1)}.favorite-button.variant-glass:hover{color:#fbbf24;background:rgba(0,0,0,.65);border-color:rgba(251,191,36,.3);box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 20px rgba(251,191,36,.15),inset 0 1px 0 rgba(255,255,255,.1)}.favorite-button.variant-glass.active{color:#fbbf24;background:rgba(0,0,0,.7);border-color:rgba(251,191,36,.4);box-shadow:0 2px 10px rgba(251,191,36,.25),inset 0 1px 0 rgba(255,255,255,.05)}.favorite-button.variant-glass.active:hover{background:rgba(0,0,0,.8);box-shadow:0 4px 15px rgba(251,191,36,.35),0 0 25px rgba(251,191,36,.2),inset 0 1px 0 rgba(255,255,255,.05)}.favorite-button.size-sm{width:32px;height:32px}.favorite-button.size-sm .favorite-icon-wrapper{font-size:14px}.favorite-button.size-md{width:40px;height:40px}.favorite-button.size-md .favorite-icon-wrapper{font-size:18px}.favorite-button.size-lg{width:48px;height:48px}.favorite-button.size-lg .favorite-icon-wrapper{font-size:22px}.favorite-button:focus-visible{outline:2px solid rgba(251,191,36,.6);outline-offset:3px}.favorite-button.variant-glass:focus-visible{outline-color:rgba(251,191,36,.7);outline-width:2px;outline-offset:3px}@media (prefers-reduced-motion:reduce){.favorite-button,.favorite-icon,.favorite-icon-filled,.favorite-icon-outline,.favorite-icon-wrapper{transition:none;animation:none}.favorite-button.pulse-off .favorite-icon-wrapper,.favorite-button.pulse-on .favorite-icon-wrapper,.favorite-button.pulse-on .favorite-particles span,.favorite-button.pulse-on .favorite-ripple{animation:none}.favorite-button:active .favorite-icon-wrapper{transform:scale(.95)}}@media (prefers-contrast:high){.favorite-button.variant-ghost{color:#ffffff}.favorite-button.variant-glass{background:rgba(0,0,0,.85);border:2px solid #ffffff}.favorite-button.variant-glass.active,.favorite-button.variant-glass:hover{border-color:#fbbf24}.favorite-button:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}}@media (max-width:767px){.favorite-button.size-sm{width:36px;height:36px}.favorite-button.size-md{width:44px;height:44px}.favorite-button.size-lg{width:52px;height:52px}.favorite-button.variant-glass:hover{box-shadow:0 4px 12px rgba(0,0,0,.25)}.favorite-button.variant-glass.active:hover{box-shadow:0 4px 12px rgba(251,191,36,.3)}}@media print{.favorite-button{display:none}}.favorite-button-atomic{@extend .favorite-button}