.sparkify-loader{display:flex;align-items:center;justify-content:center;min-height:300px}.sparkify-loader.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;min-height:100vh;background:linear-gradient(135deg,#ffffff,#f8fafc 50%,#ffffff);z-index:9999;overflow:hidden}.sparkify-loader.fullscreen:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,122,77,.1) 0,rgba(0,153,96,.08) 25%,rgba(0,184,112,.05) 50%,transparent 70%);animation:rotateGradient 15s linear infinite}@keyframes rotateGradient{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sparkify-loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem;z-index:1}.sparkify-logo-container{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.glow-ring{position:absolute;border-radius:50%;border:2px solid transparent;animation:pulseRing 2s ease-in-out infinite}.ring-1{width:160px;height:160px;border-color:rgba(0,122,77,.6);animation-delay:0s}.ring-2{width:200px;height:200px;border-color:rgba(76,175,80,.4);animation-delay:.3s}.ring-3{width:240px;height:240px;border-color:rgba(0,184,112,.3);animation-delay:.6s}@keyframes pulseRing{0%,to{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}}.sparkify-logo-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.sparkify-logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,122,77,.4)) drop-shadow(0 0 40px rgba(0,153,96,.2));animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 20px rgba(0,122,77,.4)) drop-shadow(0 0 40px rgba(0,153,96,.2))}50%{filter:drop-shadow(0 0 30px rgba(0,122,77,.6)) drop-shadow(0 0 60px rgba(0,153,96,.4))}}.sparkify-loader-text{display:flex;align-items:center;justify-content:center;gap:.25rem;font-family:var(--font-body)}.loading-message{font-size:1.25rem;font-weight:500;color:#374151;letter-spacing:.5px}.loading-dots{display:flex;gap:2px}.loading-dots .dot{font-size:1.25rem;font-weight:500;color:#009960;animation:dotBounce 1.4s ease-in-out infinite}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.sparkify-progress-container{width:200px;margin-top:.5rem}.sparkify-progress-bar{height:4px;background:rgba(0,153,96,.15);border-radius:2px;overflow:hidden}.sparkify-progress-fill{height:100%;background:linear-gradient(90deg,#007a4d,#009960,#00b870,#007a4d);background-size:200% 100%;border-radius:2px;animation:progressSlide 1.5s ease-in-out infinite}@keyframes progressSlide{0%{width:0;background-position:0 50%}50%{width:70%;background-position:100% 50%}to{width:100%;background-position:0 50%}}@media (max-width:768px){.sparkify-logo-container{width:140px;height:140px}.sparkify-logo-wrapper{width:90px;height:90px}.ring-1{width:120px;height:120px}.ring-2{width:150px;height:150px}.ring-3{width:180px;height:180px}.loading-message{font-size:1rem}.sparkify-progress-container{width:160px}.sparkle{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.glow-ring,.loading-dots .dot,.sparkify-loader.fullscreen:before,.sparkify-logo-image,.sparkify-logo-wrapper,.sparkify-progress-fill{animation:none}.sparkify-progress-fill{width:100%}}