.vote-btn{transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:center;position:relative;overflow:hidden}.vote-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}.vote-btn.clicked:after{width:100px;height:100px}.vote-btn-success{animation:voteSuccess .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes voteSuccess{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.upvote-btn{transition:all .2s ease-out}.upvote-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #22c55e33}.upvote-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #22c55e4d;transform:scale(1)}.upvote-btn.active .vote-icon{animation:thumbsUpBounce .3s ease-out}@keyframes thumbsUpBounce{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-5deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.downvote-btn{transition:all .2s ease-out}.downvote-btn:hover:not(:disabled){transform:translateY(1px);box-shadow:0 4px 8px #ef444433}.downvote-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d;transform:scale(1)}.downvote-btn.active .vote-icon{animation:thumbsDownBounce .3s ease-out}@keyframes thumbsDownBounce{0%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.vote-confirmed{animation:confirmPulse .6s ease-out}@keyframes confirmPulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.vote-confirmed.downvote{animation:confirmPulseRed .6s ease-out}@keyframes confirmPulseRed{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.vote-removed{animation:voteRemove .3s ease-out}@keyframes voteRemove{0%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}.vote-btn-loading{opacity:.8;transform:scale(.95);transition:all .15s ease-out}.vote-icon{transition:all .2s ease-out}.vote-btn:disabled{opacity:.5;transform:none;cursor:not-allowed}.vote-btn:disabled:hover{transform:none;box-shadow:none}.vote-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px #3b82f680}.vote-color-transition{transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.drop-zone-dragging{box-shadow:0 0 20px #3b82f626}.upload-icon-pulse{animation:uploadPulse 1.5s ease-in-out infinite}@keyframes uploadPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.drop-zone-success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 8px #22c55e33}to{box-shadow:0 0 #22c55e00}}.drop-zone-error{animation:errorShake .4s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.progress-bar-animate{position:relative;overflow:hidden}.progress-bar-animate:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 1.5s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}