.content-engagement{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:18px 0 22px;color:#536b61;font-size:12px}
.content-engagement .icon{width:18px;height:18px;flex:none}
.content-engagement .like-recipe{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #bccfc3;border-radius:8px;background:#fff;color:#245b43;font:inherit;font-weight:600;cursor:pointer}
.content-engagement .like-recipe:hover{background:#edf5ef;border-color:#467c52}
.content-engagement .like-recipe[aria-pressed=true]{background:#245b43;color:#fff;border-color:#245b43}
.content-engagement .like-recipe:focus-visible{outline:2px solid #245b43;outline-offset:3px}
.content-engagement .like-recipe:disabled{opacity:.6;cursor:default}
.engagement-total{border-left:1px solid currentColor;padding-left:8px;min-width:14px;font-variant-numeric:tabular-nums}
.view-total{display:inline-flex;align-items:center;gap:7px}.view-total strong{font-weight:500;font-variant-numeric:tabular-nums}
.content-engagement small{flex-basis:100%;font-size:11px;line-height:1.5}.engagement-message:empty{display:none}.engagement-message{flex-basis:100%;font-size:12px}
@media print{.content-engagement{display:none}}

.content-engagement .like-recipe{position:relative;overflow:hidden}
.like-recipe [data-like-label]{width:56px;min-width:56px;flex:none;text-align:left}
.like-cooking-effect{display:none;position:absolute;inset:0;align-items:center;justify-content:center;gap:3px;pointer-events:none;transform-origin:center}
.like-cooking-effect svg{display:block;width:43px;height:38px;flex:none}
.like-cooking-effect>span{color:#fff4dc;font-size:12px;font-weight:700;line-height:1.2}
.is-celebrating> .icon,.is-celebrating> [data-like-label],.is-celebrating> [data-like-count]{opacity:0}
.is-celebrating .like-cooking-effect{display:flex;animation:cooking-like-appear 1.25s ease both}
.is-celebrating .flip-pan{transform-origin:72px 51px;animation:cooking-pan-flip 1.25s cubic-bezier(.22,.7,.28,1) both}
.is-celebrating .flip-pancake{transform-origin:49px 44px;animation:cooking-pancake-flip 1.25s cubic-bezier(.3,.1,.3,1) both}
.is-celebrating .flip-seasoning{transform-origin:56px 34px;animation:cooking-seasoning 1.25s ease-out both}
@keyframes cooking-like-appear{0%{opacity:0;transform:translateY(6px) scale(.86)}12%,82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(.98)}}
@keyframes cooking-pan-flip{0%,12%,70%,100%{transform:rotate(0)}25%{transform:rotate(-18deg)}40%{transform:rotate(7deg)}58%{transform:rotate(-4deg)}}
@keyframes cooking-pancake-flip{0%,14%{transform:translate(0,0) rotate(0)}35%{transform:translate(5px,-26px) rotate(105deg)}48%{transform:translate(7px,-30px) rotate(220deg)}68%,100%{transform:translate(0,0) rotate(360deg)}}
@keyframes cooking-seasoning{0%,22%{opacity:0;transform:translateY(8px) scale(.6)}42%{opacity:1;transform:translateY(-2px) scale(1)}72%,100%{opacity:0;transform:translateY(-10px) scale(1.08)}}
@media(prefers-reduced-motion:reduce){.is-celebrating> .icon,.is-celebrating> [data-like-label],.is-celebrating> [data-like-count]{opacity:1}.is-celebrating .like-cooking-effect{display:none;animation:none}.is-celebrating .flip-pan,.is-celebrating .flip-pancake,.is-celebrating .flip-seasoning{animation:none}}