@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}input[type=search]::-moz-search-clear-button{display:none}@keyframes commentIconVibrate{0%{transform:scale(1) rotate(0deg)}2%{transform:scale(1.12) rotate(-14deg)}4%{transform:scale(1.12) rotate(14deg)}6%{transform:scale(1.12) rotate(-14deg)}8%{transform:scale(1.12) rotate(14deg)}10%{transform:scale(1.06) rotate(-8deg)}12%{transform:scale(1.06) rotate(8deg)}14%{transform:scale(1) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}.animate-comment-vibrate{animation:commentIconVibrate 3.6s cubic-bezier(.36,.07,.19,.97) infinite;will-change:transform}@keyframes bellRing{0%{transform:rotate(0deg)}80%{transform:rotate(0deg)}83%{transform:rotate(18deg)}86%{transform:rotate(-18deg)}89%{transform:rotate(12deg)}92%{transform:rotate(-12deg)}95%{transform:rotate(6deg)}98%{transform:rotate(-6deg)}to{transform:rotate(0deg)}}.animate-bell-ring{animation:bellRing 3s ease-in-out infinite;transform-origin:top center;will-change:transform}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dropdownSoft{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-dropdownSoft{animation:dropdownSoft .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInScaleDesktop{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes avatarSlideIn{0%{opacity:0;transform:translateX(1rem) scale(.5)}to{opacity:1;transform:translateX(0) scale(1)}}.view-mode-transition{animation:fadeInSlide .4s ease-out}.breeds-container,.breeds-container.row-mode{display:flex;flex-direction:column}@media (min-width:800px) and (max-width:1199px){.breeds-container.row-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1200px) and (max-width:1599px){.breeds-container.row-mode{display:grid;grid-template-columns:repeat(3,1fr);row-gap:0;-moz-column-gap:1rem;column-gap:1rem}}@media (min-width:1600px){.breeds-container.row-mode{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}}.breeds-container.column-mode{display:flex;flex-direction:column}@media (min-width:500px){.breeds-container.column-mode{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:800px){.breeds-container.column-mode{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.breeds-container.column-mode{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width:768px){.activity-filter-modal,.color-filter-modal,.filter-modal,.user-type-filter-modal{transform-origin:center!important}.user-type-filter-modal{max-width:28rem!important;width:auto!important}.fixed.bottom-0.left-0.right-0.md\:bottom-auto.md\:left-1\/2.md\:right-auto.md\:top-1\/2.md\:-translate-x-1\/2.md\:-translate-y-1\/2{animation:fadeInScaleDesktop .4s cubic-bezier(.16,1,.3,1) forwards!important}}@media (max-width:799px){.social-type-modal{width:100%!important;left:0!important;right:0!important;margin-left:0!important;margin-right:0!important;transform:translateX(0) translateY(0)!important;top:auto!important;bottom:0!important;max-width:none!important;border-radius:1.5rem 1.5rem 0 0!important}}@keyframes highlightPulse{0%{background-color:rgba(59,130,246,.3)}50%{background-color:rgba(59,130,246,.5)}to{background-color:transparent}}.highlight-section{animation:highlightPulse 2s ease-out;padding:.25rem .5rem;border-radius:.375rem;transition:background-color .3s ease}@keyframes like-bounce{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.3) rotate(-10deg)}50%{transform:scale(1.2) rotate(10deg)}75%{transform:scale(1.15) rotate(-5deg)}}.animate-like-bounce{animation:like-bounce .6s ease-out}@keyframes button-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-shine{animation:button-shine 4s ease-in-out infinite}@keyframes shineOnce{0%{left:-100%;opacity:0}50%{opacity:.6}to{left:100%;opacity:0}}.animate-shine-wrapper{position:relative;overflow:hidden}.animate-shine-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);pointer-events:none;z-index:1;animation:shineOnce 2.5s ease-out}@keyframes countUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes countDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hand-hint{0%,to{transform:translateX(8px) translateY(12px);opacity:.8}25%{transform:translateX(-72px) translateY(12px);opacity:1}50%{transform:translateX(8px) translateY(12px);opacity:.8}75%{transform:translateX(88px) translateY(12px);opacity:1}}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes scan-line{0%{top:-10%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:110%;opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes shimmer-flow{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-success{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes ping-premium{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes dash-flow{to{stroke-dashoffset:-20}}@keyframes starsTwinkle{0%,to{opacity:.3}50%{opacity:.8}}@keyframes scrollBounce5s{0%,70%,to{transform:translateY(0)}78%{transform:translateY(-8px)}86%{transform:translateY(0)}92%{transform:translateY(-4px)}96%{transform:translateY(0)}}.animate-scroll-bounce-5s{animation:scrollBounce5s 5s ease-in-out infinite}@keyframes petCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}