.fade-in{animation:cleanFadeIn .25s ease-out forwards}@keyframes cleanFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar{transform:translateX(0);transition:transform .2s ease-out}.sidebar.closed{transform:translateX(-100%)}.sidebar-item{position:relative;transition:all .15s ease-out}.sidebar-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#667eea,#764ba2);transform:scaleY(0);transition:transform .15s ease-out;border-radius:0 2px 2px 0}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item:hover:before{transform:scaleY(.7)}.sidebar-item:hover{transform:translateX(2px);background-color:rgba(99,102,241,.08)}.sidebar-item.active{background-color:rgba(99,102,241,.12);transform:translateX(2px)}.mobile-menu-overlay{opacity:0;transition:opacity .2s ease-out;pointer-events:none}.mobile-menu-overlay.show{opacity:1;pointer-events:auto}.mobile-menu{transform:translateX(100%);transition:transform .2s ease-out}.mobile-menu.open{transform:translateX(0)}.mobile-menu-item{opacity:0;transform:translateX(8px);animation:slideInItemRight .15s ease-out forwards}.mobile-menu-item:first-child{animation-delay:.02s}.mobile-menu-item:nth-child(2){animation-delay:.04s}.mobile-menu-item:nth-child(3){animation-delay:.06s}.mobile-menu-item:nth-child(4){animation-delay:.08s}.mobile-menu-item:nth-child(5){animation-delay:.1s}@keyframes slideInItemRight{to{opacity:1;transform:translateX(0)}}.bottom-nav-item{position:relative;transition:transform .15s ease-out}.bottom-nav-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:24px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;transition:transform .2s ease-out}.bottom-nav-item.active:after{transform:translateX(-50%) scaleX(1)}.bottom-nav-item:active{transform:scale(.95)}.dashboard-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px rgba(0,0,0,.1)}.app-icon{transition:transform .15s ease-out}.app-icon:hover{transform:scale(1.05)}.app-icon:active{transform:scale(.95)}.btn-primary{transition:transform .15s ease-out,box-shadow .15s ease-out}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn-primary:active{transform:translateY(0)}.smooth-transition{transition:all .2s ease-out}@media (max-width:640px){.fade-in{animation-duration:.2s}.sidebar-item:hover{transform:translateX(1px)}.dashboard-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.sidebar-item:hover{background-color:rgba(99,102,241,.2)}.sidebar-item.active{background-color:rgba(99,102,241,.25)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wallpaper-card{animation:cardSlideUp .6s cubic-bezier(.4,0,.2,1) forwards}.wallpaper-card:first-child{animation-delay:0s}.wallpaper-card:nth-child(2){animation-delay:.1s}.wallpaper-card:nth-child(3){animation-delay:.2s}.wallpaper-card:nth-child(4){animation-delay:.3s}.wallpaper-card:nth-child(5){animation-delay:.4s}.wallpaper-card:nth-child(6){animation-delay:.5s}.wallpaper-card:nth-child(7){animation-delay:.6s}.wallpaper-card:nth-child(8){animation-delay:.7s}.wallpaper-card:nth-child(9){animation-delay:.8s}.wallpaper-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.wallpaper-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.1)}.wallpaper-image{transition:transform .5s cubic-bezier(.4,0,.2,1)}.wallpaper-card:hover .wallpaper-image{transform:scale(1.05)}.wallpaper-overlay{transition:opacity .3s cubic-bezier(.4,0,.2,1);opacity:0}.wallpaper-card:hover .wallpaper-overlay{opacity:1}.menu-button{transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(.8) rotate(0deg);opacity:0}.wallpaper-card:hover .menu-button{transform:scale(1) rotate(0deg);opacity:1}.menu-button:hover{transform:scale(1.1) rotate(90deg);background-color:rgba(0,0,0,.8)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu{animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1) forwards;transform-origin:top right}.dropdown-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.dropdown-button:hover{transform:translateX(4px)}.dropdown-button:active{transform:translateX(2px) scale(.98)}.info-badge{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(10px);opacity:0}.wallpaper-card:hover .info-badge{transform:translateY(0);opacity:1}.prompt-preview{transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(20px);opacity:0}.wallpaper-card:hover .prompt-preview{transform:translateY(0);opacity:1;transition-delay:.1s}.image-loading{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);background-size:200px 100%}.error-icon{animation:bounce 2s infinite}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.click-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.5);pointer-events:none;animation:ripple .6s linear}@keyframes checkmark{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.success-feedback{animation:checkmark .5s cubic-bezier(.4,0,.2,1)}.wallpaper-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px;animation:focusPulse 1.5s infinite}@keyframes focusPulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 4px rgba(59,130,246,.2)}}@media (max-width:768px){.wallpaper-card:hover{transform:none}.wallpaper-card:active{transform:scale(.98);transition:transform .1s}}@media (prefers-color-scheme:dark){.wallpaper-card:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1)}}@media (prefers-reduced-motion:reduce){.info-badge,.menu-button,.prompt-preview,.wallpaper-card,.wallpaper-image,.wallpaper-overlay{animation:none!important;transition:none!important}}@media print{.wallpaper-card{animation:none;transform:none;box-shadow:none}}.modal-overlay{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-exit{animation:slideOutDown .2s ease-in}.image-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.image-container:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.image-expand-indicator{transition:all .3s ease;opacity:0;transform:scale(.8)}.image-container:hover .image-expand-indicator{opacity:1;transform:scale(1)}.animated-button{transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.animated-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.animated-button:active{transform:translateY(0);transition:all .1s ease}.primary-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:all .3s ease;position:relative;overflow:hidden}.primary-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px rgba(59,130,246,.3)}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.primary-button:hover:before{left:100%}.delete-button{transition:all .3s ease}.delete-button:hover{background:#dc2626;box-shadow:0 8px 25px rgba(220,38,38,.3);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.tag{transition:all .2s ease;animation:fadeInUp .5s ease-out}.tag:first-child{animation-delay:.1s}.tag:nth-child(2){animation-delay:.2s}.tag:nth-child(3){animation-delay:.3s}.tag:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spec-card{transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s ease-out}.spec-card:first-child{animation-delay:.1s}.spec-card:nth-child(2){animation-delay:.2s}.spec-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.full-image-overlay{animation:fullImageFadeIn .4s ease-out}.full-image-content{animation:fullImageZoomIn .4s cubic-bezier(.34,1.56,.64,1)}.full-image-info{animation:slideUpFromBottom .5s ease-out .2s both}@keyframes fullImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fullImageZoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.close-button:hover{transform:rotate(90deg) scale(1.1);background:rgba(255,255,255,.25)}.scroll-bounce{animation:bounce 2s ease-in-out infinite}.scroll-arrow{stroke-dasharray:120;stroke-dashoffset:120;animation:drawArrow 3s ease-in-out infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.content-section{animation:fadeInStagger .6s ease-out}.content-section:first-child{animation-delay:.1s}.content-section:nth-child(2){animation-delay:.2s}.content-section:nth-child(3){animation-delay:.3s}.content-section:nth-child(4){animation-delay:.4s}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{animation:slideInFromTop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-footer{animation:slideInFromBottom .4s cubic-bezier(.34,1.56,.64,1) .1s both}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-on-hover:hover{animation:gentlePulse 1s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.smooth-scroll{scroll-behavior:smooth}@media (max-width:768px){.modal-content{animation:mobileSlideInUp .3s ease-out}@keyframes mobileSlideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.image-container:hover,.spec-card:hover{transform:none}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawArrow{0%{stroke-dashoffset:120}50%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.slideInRight{animation:slideInRight .3s ease-out}.slideInTop{animation:slideInTop .3s ease-out}.slideInUp{animation:slideInUp .3s cubic-bezier(.4,0,.2,1)}.slideOutDown{animation:slideOutDown .3s cubic-bezier(.4,0,.2,1)}.zoomIn{animation:zoomIn .2s ease-out}.fadeIn{animation:fadeIn .5s ease-out}.drawArrow{stroke-dasharray:120;stroke-dashoffset:120;animation:drawArrow 3s ease-in-out infinite}.btnHover{transition:all .2s ease}.btnHover:hover{opacity:.9;transform:translateY(-1px)}.btnHover:active{transform:translateY(0)}.btnScale{transition:all .2s ease}.btnScale:hover{transform:scale(1.05)}.btnScale:active{transform:scale(.95)}.btnScale:hover.bg-blue-500{background-color:rgb(37 99 235)}.btnScale:hover.bg-blue-600{background-color:rgb(29 78 216)}