.like-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#a0aec0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;font-family:inherit;font-size:13px;font-weight:500;line-height:1;outline:none;-webkit-tap-highlight-color:transparent}.like-btn:hover:not(:disabled){border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.06);color:#f87171;transform:scale(1.05)}.like-btn:active:not(:disabled){transform:scale(.95)}.like-btn.liked{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);color:#ef4444;cursor:default}.like-btn:disabled{cursor:default}.like-heart-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.like-btn.animating .like-heart-icon{animation:heartBeat .6s cubic-bezier(.17,.89,.32,1.49)}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.9)}45%{transform:scale(1.2)}60%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.like-count{font-variant-numeric:tabular-nums;min-width:12px;text-align:center}.like-particles{position:absolute;top:50%;left:14px;width:0;height:0;pointer-events:none}.like-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#ef4444;animation:particleBurst .7s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.like-particle:first-child{--angle:0deg;background:#ef4444}.like-particle:nth-child(2){--angle:60deg;background:#f97316}.like-particle:nth-child(3){--angle:120deg;background:#ec4899}.like-particle:nth-child(4){--angle:180deg;background:#ef4444}.like-particle:nth-child(5){--angle:240deg;background:#f97316}.like-particle:nth-child(6){--angle:300deg;background:#ec4899}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(calc(cos(var(--angle)) * 22px),calc(sin(var(--angle)) * 22px)) scale(0)}}.dark-mode .like-btn{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.04);color:#6b7280}.dark-mode .like-btn:hover:not(:disabled){border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.05);color:#ef4444}.dark-mode .like-btn.liked{border-color:rgba(239,68,68,.15);background:rgba(239,68,68,.06);color:#ef4444}.share-btn-wrapper{position:relative;display:inline-flex}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);color:#a0aec0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:13px;font-weight:500;line-height:1;outline:none;-webkit-tap-highlight-color:transparent}.share-btn:hover{border-color:rgba(99,179,237,.3);background:rgba(99,179,237,.06);color:#63b3ed;transform:scale(1.05)}.share-btn:active{transform:scale(.95)}.share-btn.animating{border-color:rgba(99,179,237,.4);background:rgba(99,179,237,.1);color:#63b3ed}.share-btn.animating .share-icon{animation:shareShake .4s ease-in-out}@keyframes shareShake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}75%{transform:rotate(-6deg)}}.share-icon{flex-shrink:0;transition:transform .2s ease}.share-count{font-variant-numeric:tabular-nums;min-width:12px;text-align:center}.share-tooltip{bottom:calc(100% + 8px);display:flex;align-items:center;gap:5px;padding:6px 12px;background:#1a1a2e;color:#4ade80;border:1px solid rgba(74,222,128,.2);border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap;animation:tooltipFadeIn .3s ease-out;z-index:50;box-shadow:0 4px 16px rgba(0,0,0,.3)}.share-tooltip,.share-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.share-tooltip:after{content:"";top:100%;border:5px solid transparent;border-top-color:#1a1a2e}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.dark-mode .share-btn{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.04);color:#6b7280}.dark-mode .share-btn:hover{border-color:rgba(99,179,237,.2);background:rgba(99,179,237,.05);color:#63b3ed}.dark-mode .share-tooltip{background:#f8f9fa;color:#16a34a;border-color:rgba(22,163,74,.2);box-shadow:0 4px 16px rgba(0,0,0,.1)}.dark-mode .share-tooltip:after{border-top-color:#f8f9fa}