.volume-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 2px 8px rgba(0,0,0,.3),0 0 0 1px rgba(176,38,255,.3);cursor:pointer;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 2px rgba(176,38,255,.5)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:white;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3),0 0 0 1px rgba(176,38,255,.3);cursor:pointer;transition:all .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 2px rgba(176,38,255,.5)}.progress-bar-wrapper::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer;transition:all .2s ease}.progress-bar-wrapper:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 4px 12px rgba(0,0,0,.4),0 0 0 4px rgba(176,38,255,.3)}.player-sidebar-scroll::-webkit-scrollbar{width:6px}.player-sidebar-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.player-sidebar-scroll::-webkit-scrollbar-thumb{background:rgba(176,38,255,.6);border-radius:3px;transition:background .2s ease}.player-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:rgba(176,38,255,.8)}@keyframes vinyl-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-rotating{animation:vinyl-rotate 20s linear infinite}.vinyl-grooves{animation:vinyl-rotate 8s linear infinite}.floating{animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(176,38,255,.4)}50%{box-shadow:0 0 30px rgba(176,38,255,.8)}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.gradient-text-animated{background:linear-gradient(-45deg,#B026FF,#00D9FF,#FF6B6B,#B026FF);background-size:400% 400%;animation:gradient-shift 8s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ripple-effect{animation:ripple .6s ease-out}@supports not (backdrop-filter:blur(30px)){.player-background-fallback{background:rgba(10,10,12,.95)}}@media (prefers-contrast:high){.player-button{border-width:2px}.player-text{text-shadow:1px 1px 2px rgba(0,0,0,.8)}}@media (prefers-reduced-motion:reduce){.floating,.gradient-text-animated,.pulse-glow,.vinyl-grooves,.vinyl-rotating{animation:none}.player-transition{transition:none}}.player-control:focus-visible{outline:2px solid #00D9FF;outline-offset:2px}@media (hover:none) and (pointer:coarse){.player-button{min-height:44px;min-width:44px}.progress-thumb{width:20px;height:20px}}@media (min-width:1920px){.player-album-art-large{width:28rem;height:28rem}.player-controls-large .primary-button{width:5.5rem;height:5.5rem}}@media print{.player-page{display:none}}:root{--premium-purple:#7B68EE;--premium-purple-dark:#6853D9;--premium-purple-light:#A580FF;--premium-coral:#FF6B6B;--premium-mint:#4ECDC4;--premium-yellow:#FFD93D;--premium-blue:#6BCFFF;--premium-lavender:#E8B4F3;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-dramatic:cubic-bezier(0.22,1,0.36,1);--duration-instant:0.1s;--duration-fast:150ms;--duration-quick:200ms;--duration-normal:250ms;--duration-smooth:300ms;--duration-slow:350ms;--duration-slower:500ms;--duration-dramatic:800ms;--shadow-xs:0 1px 3px rgba(0,0,0,0.06);--shadow-sm:0 2px 6px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.1),0 2px 6px rgba(0,0,0,0.05);--shadow-lg:0 8px 24px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);--shadow-xl:0 16px 48px rgba(0,0,0,0.15),0 8px 24px rgba(0,0,0,0.08);--shadow-premium:0 10px 40px rgba(123,104,238,0.1),0 2px 10px rgba(0,0,0,0.08);--glass-blur:12px;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.15);--origin-center:50% 50%;--origin-top:50% 0%;--origin-bottom:50% 100%;--origin-left:0% 50%;--origin-right:100% 50%}@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap");body,p,span{font-family:Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:-.01em;color:#2D3748}.heading-hero,h1{font-weight:700;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,var(--premium-purple),var(--premium-purple-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6,.blog-page h1,.blog-page h2,.blog-page h3,.blog-page h4,.blog-page h5,.blog-page h6{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:inherit!important;color:inherit}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-crisp{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.truncate-2-lines{-webkit-line-clamp:2}.truncate-2-lines,.truncate-3-lines{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.truncate-3-lines{-webkit-line-clamp:3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(168,85,247,.6),rgba(6,182,212,.6));border-radius:4px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(168,85,247,.8),rgba(6,182,212,.8));box-shadow:0 2px 8px rgba(168,85,247,.3)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,rgba(168,85,247,1),rgba(6,182,212,1))}::-webkit-scrollbar-corner{background:rgba(255,255,255,.05)}*{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.6) rgba(255,255,255,.05)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}html{scroll-behavior:smooth;scroll-padding-top:80px}.smooth-scroll{scroll-behavior:smooth}.instant-scroll{scroll-behavior:auto}.momentum-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.scrollable-container{-webkit-overflow-scrolling:touch;backface-visibility:hidden;perspective:1000px}.scrollable-container,.scrollable-list{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;will-change:scroll-position;transform:translateZ(0)}.scrollable-list{contain:layout style paint}.scrollable-horizontal{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;white-space:nowrap;scroll-snap-type:x mandatory}.scrollable-horizontal>*{scroll-snap-align:start;scroll-snap-stop:always}.scroll-snap-y{scroll-snap-type:y mandatory}.scroll-snap-x{scroll-snap-type:x mandatory}.scroll-snap-start{scroll-snap-align:start}.scroll-snap-center{scroll-snap-align:center}.scroll-snap-end{scroll-snap-align:end}.scroll-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,rgba(168,85,247,.9),rgba(6,182,212,.9));border:none;border-radius:50%;color:white;cursor:pointer;z-index:1000;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 8px 25px rgba(168,85,247,.3);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(100px) scale(.8)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 35px rgba(168,85,247,.4)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html{scroll-behavior:auto}}.gpu-accelerated{perspective:1000px}.layout-contained{contain:layout style paint}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}@media (max-width:768px){:root{--glass-blur:8px}[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}::-webkit-scrollbar{width:4px;height:4px}@media (hover:none){.hover\:bg-white\/8:hover{background-color:transparent}}}@media (prefers-contrast:high){::-webkit-scrollbar-thumb{background:#ffffff;border:2px solid #000000}}.dark-theme,[data-theme=dark]{--bg-primary:#0a0a0b;--bg-secondary:#111114;--bg-tertiary:#1a1a1f;--bg-quaternary:#242429;--bg-surface:#2d2d35;--bg-overlay:rgba(10,10,11,0.95);--text-primary:#f8fafc;--text-secondary:#f3f4f6;--text-tertiary:#e5e7eb;--text-quaternary:#d1d5db;--text-inverse:#0f172a;--interactive-idle:#9ca3af;--interactive-hover:#d1d5db;--interactive-active:#e5e7eb;--interactive-disabled:#6b7280;--border-primary:#1e293b;--border-secondary:#334155;--border-tertiary:#475569;--border-focus:#6366f1;--shadow-ambient:0 1px 3px rgba(0,0,0,0.4);--shadow-penumbra:0 2px 8px rgba(0,0,0,0.3);--shadow-umbra:0 4px 16px rgba(0,0,0,0.2);--shadow-elevation-1:var(--shadow-ambient),var(--shadow-penumbra);--shadow-elevation-2:var(--shadow-ambient),var(--shadow-penumbra),var(--shadow-umbra);--shadow-elevation-3:0 8px 32px rgba(0,0,0,0.35),var(--shadow-elevation-2);--shadow-glow:0 0 20px rgba(123,104,238,0.15);--color-primary-purple:#8b7af7;--color-primary-purple-dark:#7c6aef;--color-primary-purple-light:#a594ff;--color-primary-purple-muted:rgba(139,122,247,0.8);--color-primary-coral:#ff7b7b;--color-primary-coral-dark:#ff6b6b;--color-primary-coral-light:#ff9999;--color-primary-coral-muted:rgba(255,123,123,0.8);--color-primary-mint:#5eddce;--color-primary-mint-dark:#4ecdc4;--color-primary-mint-light:#7ee8db;--color-primary-mint-muted:rgba(94,221,206,0.8);--color-sunshine-yellow:#ffd93d;--color-sunshine-yellow-dark:#ffcc00;--color-sunshine-yellow-light:#ffe066;--color-sunshine-yellow-muted:rgba(255,217,61,0.8);--color-sky-blue:#7dd8ff;--color-sky-blue-dark:#6bcfff;--color-sky-blue-light:#99e0ff;--color-sky-blue-muted:rgba(125,216,255,0.8);--color-lavender:#e8b4f3;--color-lavender-dark:#dda3ed;--color-lavender-light:#f0c5f7;--color-lavender-muted:rgba(232,180,243,0.8);--glass-bg:rgba(26,26,31,0.7);--glass-bg-light:rgba(36,36,41,0.6);--glass-border:rgba(148,163,184,0.1);--glass-border-hover:rgba(148,163,184,0.2);--glass-blur:16px;--glass-shadow:var(--shadow-elevation-2),var(--shadow-glow);--noise-texture:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");--background:var(--bg-primary);--foreground:var(--text-primary);--shadow-xs:0 1px 3px rgba(0,0,0,0.5);--shadow-sm:0 2px 8px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.25);--shadow-lg:0 8px 32px rgba(0,0,0,0.4),0 4px 16px rgba(0,0,0,0.3);--shadow-xl:0 16px 64px rgba(0,0,0,0.45),0 8px 32px rgba(0,0,0,0.35);--shadow-premium:0 10px 40px rgba(139,122,247,0.15),0 2px 10px rgba(0,0,0,0.3)}.dark-theme body,[data-theme=dark] body{background:var(--bg-primary);background-image:var(--noise-texture);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}.dark-theme .heading-hero,.dark-theme h1,[data-theme=dark] .heading-hero,[data-theme=dark] h1{background:linear-gradient(135deg,var(--color-primary-purple),var(--color-primary-purple-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.dark-theme div,.dark-theme p,.dark-theme span,[data-theme=dark] div,[data-theme=dark] p,[data-theme=dark] span{color:var(--text-secondary)}.glass{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-light{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glass-light,.glass-medium{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-medium{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}.glass-strong{background:rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4)}.glass-optimized{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}@supports not (backdrop-filter:blur(1px)){.glass-optimized{background:var(--bg-tertiary)}}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-animate-in{animation:backdrop-blur-in var(--duration-smooth) var(--ease-smooth)}.backdrop-blur-animate-out{animation:backdrop-blur-out var(--duration-quick) var(--ease-smooth)}.gradient-hero{background:linear-gradient(135deg,var(--premium-purple) 0,var(--premium-lavender) 50%,var(--premium-blue) 100%)}.gradient-animated{background:linear-gradient(-45deg,var(--premium-purple),var(--premium-lavender),var(--premium-blue),var(--premium-mint));background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-text-cyan{background:linear-gradient(135deg,#06b6d4,#14b8a6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-magenta{background:linear-gradient(135deg,#a855f7,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-cyan-teal{background:linear-gradient(135deg,#06b6d4,#14b8a6)}.gradient-purple-magenta{background:linear-gradient(135deg,#a855f7,#c084fc)}.theme-toggle{position:relative;width:48px;height:24px;background:var(--bg-quaternary);border-radius:12px;border:1px solid var(--border-secondary);cursor:pointer;transition:all .3s ease}.theme-toggle:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:linear-gradient(135deg,var(--color-sunshine-yellow),var(--color-sunshine-yellow-light));border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px rgba(0,0,0,.2)}.dark-theme .theme-toggle{background:var(--bg-quaternary)}.dark-theme .theme-toggle:before{transform:translateX(24px);background:linear-gradient(135deg,var(--color-primary-purple),var(--color-primary-purple-light));box-shadow:0 2px 8px rgba(139,122,247,.3)}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:all .3s ease!important;transition-delay:0s!important}@media (max-width:768px){.dark-theme,[data-theme=dark]{--glass-blur:12px}}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0b;--bg-secondary:#111114;--bg-tertiary:#1a1a1f;--bg-quaternary:#242429;--bg-surface:#2d2d35;--text-primary:#f8fafc;--text-secondary:#f3f4f6;--text-tertiary:#e5e7eb;--hover-shadow-elevated:0 8px 25px -5px rgb(0 0 0/0.3),0 0 20px rgb(168 85 247/0.15);--hover-bg-subtle:rgba(255,255,255,0.08);--hover-bg-moderate:rgba(255,255,255,0.12);--hover-bg-strong:rgba(255,255,255,0.18)}body{background:var(--bg-primary);color:var(--text-primary)}.dark-enhance{background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,0,0,.9))}}@media (prefers-contrast:high){.dark-theme,[data-theme=dark]{--text-primary:#ffffff;--text-secondary:#e2e8f0;--border-primary:#475569;--border-secondary:#64748b}}.dark-theme :focus-visible,[data-theme=dark] :focus-visible{outline:2px solid var(--color-primary-purple);outline-offset:2px;border-radius:4px}.dark-theme *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-30px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(30px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideUp{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes slideDown{0%{transform:translate3d(0,-100%,0)}to{transform:translateZ(0)}}@keyframes slideLeft{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slideRight{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale3d(.8,.8,1)}to{opacity:1;transform:scaleX(1)}}@keyframes scaleOut{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scale3d(.8,.8,1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes pulse-playing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-premium{0%{box-shadow:0 0 0 0 rgba(123,104,238,.4)}70%{box-shadow:0 0 0 10px rgba(123,104,238,0)}to{box-shadow:0 0 0 0 rgba(123,104,238,0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes shimmer-wave{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(100%) skewX(-15deg)}}@keyframes shimmer-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer-breathing{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes material-ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(var(--primary-rgb),.5)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.8)}}@keyframes waveform{0%,to{transform:scaleY(.3);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes toast-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0deg)}}@keyframes tab-indicator-expand{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes backdrop-blur-in{0%{backdrop-filter:blur(0)}to{backdrop-filter:blur(8px)}}@keyframes backdrop-blur-out{0%{backdrop-filter:blur(8px)}to{backdrop-filter:blur(0)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out-quart) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-normal) var(--ease-out-expo) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out-expo) forwards}.animate-fade-in-left{animation:fadeInLeft var(--duration-normal) var(--ease-out-expo) forwards}.animate-fade-in-right{animation:fadeInRight var(--duration-normal) var(--ease-out-expo) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-back) forwards}.animate-bounce{animation:bounce 1s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-subtle{animation:pulse-subtle 3s ease-in-out infinite}.animate-rotate{animation:rotate 1s linear infinite}.animate-wobble{animation:wobble 1s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.entrance-fade-up{animation:fadeInUp var(--duration-smooth) var(--ease-dramatic) forwards;opacity:0}.entrance-scale{animation:scaleIn var(--duration-smooth) var(--ease-out-back) forwards;opacity:0}.playing{animation:pulse-premium 2s infinite}.playing-pulse{animation:pulse-playing 1.5s ease-in-out infinite}.waveform-bar{animation:waveform 1s ease-in-out infinite;transform-origin:bottom;will-change:transform,opacity}.waveform-bar:first-child{animation-delay:0s}.waveform-bar:nth-child(2){animation-delay:.1s}.waveform-bar:nth-child(3){animation-delay:.2s}.waveform-bar:nth-child(4){animation-delay:.3s}.waveform-bar:nth-child(5){animation-delay:.4s}.spinner{animation:spin 1s linear infinite;will-change:transform}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:rgb(var(--primary-rgb,59,130,246));animation:loadingDots 1.4s ease-in-out infinite both;will-change:transform,opacity}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.skeleton-shimmer{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.08) 50%,rgba(255,255,255,.05))}.skeleton-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:shimmer 2s ease-in-out infinite}.skeleton-wave{position:relative;overflow:hidden}.skeleton-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(168,85,247,.1) 40%,rgba(6,182,212,.1) 60%,transparent 80%);animation:shimmer-wave 2.5s ease-out infinite}.skeleton-pulse{animation:shimmer-pulse 1.5s ease-in-out infinite}.skeleton-breathing{animation:shimmer-breathing 2s ease-in-out infinite;transform-origin:center}.toast-enter{animation:toast-slide-in var(--duration-smooth) var(--ease-dramatic)}.toast-exit{animation:toast-slide-out var(--duration-quick) var(--ease-smooth)}.animate-delay-75{animation-delay:75ms}.animate-delay-100{animation-delay:.1s}.animate-delay-150{animation-delay:.15s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.stagger-container>*{opacity:0;animation:fadeInUp var(--duration-normal) var(--ease-out-expo) forwards}.stagger-container>:first-child{animation-delay:0s}.stagger-container>:nth-child(2){animation-delay:50ms}.stagger-container>:nth-child(3){animation-delay:.1s}.stagger-container>:nth-child(4){animation-delay:.15s}.stagger-container>:nth-child(5){animation-delay:.2s}.stagger-container>:nth-child(6){animation-delay:.25s}.stagger-container>:nth-child(7){animation-delay:.3s}.stagger-container>:nth-child(8){animation-delay:.35s}.transition-all{transition:all var(--duration-normal) var(--ease-smooth)}.transition-colors{transition:color var(--duration-normal) var(--ease-smooth),background-color var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-smooth)}.transition-transform{transition:transform var(--duration-normal) var(--ease-smooth);will-change:transform}.transition-shadow{transition:box-shadow var(--duration-normal) var(--ease-smooth)}.transition-fast{transition-duration:var(--duration-fast)}.transition-slow{transition-duration:var(--duration-slow)}.animate-fade-in,.animate-fade-in-down,.animate-fade-in-up,.animate-scale-in,.loading-dots span,.loading-spinner{will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.animation-complete{will-change:auto}.no-animation{animation:none!important;transition:none!important}.pause-animation{animation-play-state:paused}.resume-animation{animation-play-state:running}@media (prefers-reduced-motion:reduce){.animate-hero-actions,.animate-hero-album-art,.animate-hero-card,.animate-hero-greeting,.animate-hero-metadata,.animate-hero-track-info,.skeleton-shimmer:after,.spinner,.waveform-bar{animation:none!important;opacity:1;transform:none}}:root{--hover-duration-fast:150ms;--hover-duration-normal:200ms;--hover-duration-slow:300ms;--hover-ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--hover-ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--hover-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--hover-shadow-primary:0 10px 30px -5px rgb(168 85 247/0.3);--hover-shadow-secondary:0 10px 30px -5px rgb(6 182 212/0.3);--hover-shadow-elevated:0 8px 25px -5px rgb(0 0 0/0.15),0 0 20px rgb(168 85 247/0.1);--hover-shadow-premium:0 15px 35px -5px rgb(168 85 247/0.4),0 0 25px rgb(6 182 212/0.2);--hover-glow-subtle:0 0 15px rgb(168 85 247/0.3);--hover-glow-strong:0 0 30px rgb(168 85 247/0.6),0 0 50px rgb(6 182 212/0.3);--hover-bg-subtle:rgba(255,255,255,0.05);--hover-bg-moderate:rgba(255,255,255,0.1);--hover-bg-strong:rgba(255,255,255,0.15)}.hover-optimized{will-change:transform,opacity,box-shadow;backface-visibility:hidden;perspective:1000px}.premium-card,[class*=Card],[role=group]>div{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);transition:all var(--transition-premium);overflow:hidden}.premium-card:hover,[class*=Card]:hover,[role=group]>div:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-xl);border-color:rgba(123,104,238,.2)}.premium-card:active{transform:translateY(-2px) scale(1.01);transition:transform .1s var(--ease-smooth)}.music-card,[class*=music-card]{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#ffffff,#f8f9ff);box-shadow:var(--shadow-md);transition:all var(--transition-premium);cursor:pointer}.music-card img,[class*=music-card] img{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform var(--transition-premium);will-change:transform}.music-card:hover img{transform:scale(1.05)}.music-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:60px;height:60px;background:rgba(123,104,238,.9);border-radius:50%;opacity:0;transition:all var(--transition-premium);pointer-events:none;z-index:10}.music-card:hover:before{transform:translate(-50%,-50%) scale(1);opacity:1}.music-card:after{content:"▶";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%) scale(0);color:white;font-size:20px;opacity:0;transition:all var(--transition-premium);pointer-events:none;z-index:11}.music-card:hover:after{transform:translate(-50%,-50%) scale(1);opacity:1;transition-delay:.1s}.btn,[role=button],button{position:relative;font-family:Inter,sans-serif;font-weight:600;padding:12px 24px;border-radius:24px;transition:all var(--transition-base);cursor:pointer;overflow:hidden;text-transform:none;letter-spacing:.01em}.btn-primary,button[class*=primary]{background:linear-gradient(135deg,var(--premium-purple),var(--premium-purple-light));color:white;box-shadow:0 4px 15px rgba(123,104,238,.3);border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--premium-purple-dark),var(--premium-purple));transform:translateY(-2px);box-shadow:0 6px 20px rgba(123,104,238,.4)}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:active:after{width:300px;height:300px}.hover-lift{transition:transform .3s var(--hover-ease-out-quad)}.hover-lift:hover{transform:translateY(-4px) scale(1.02)}.hover-lift-subtle{transition:transform .3s var(--hover-ease-out-quad)}.hover-lift-subtle:hover{transform:translateY(-2px) scale(1.01)}.hover-lift-emphatic{transition:transform .3s var(--hover-ease-out-quad)}.hover-lift-emphatic:hover{transform:translateY(-8px) scale(1.05)}.hover-scale{transition:transform var(--transition-base);will-change:transform}.hover-scale:hover{transform:scale(1.05)}[class*=icon],svg{transition:all var(--transition-fast)}.icon-brand{color:var(--premium-purple);fill:var(--premium-purple)}.icon-brand:hover{color:var(--premium-purple-light);transform:scale(1.1)}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--premium-purple),var(--premium-purple-light));color:white;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.icon-circle:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.shadow-elevation-1{box-shadow:0 1px 2px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.06)}.shadow-elevation-2{box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.06)}.shadow-elevation-3{box-shadow:0 4px 8px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.08)}.shadow-elevation-4{box-shadow:0 8px 16px rgba(0,0,0,.15),0 8px 8px rgba(0,0,0,.1)}.shadow-elevation-5{box-shadow:0 16px 32px rgba(0,0,0,.2),0 16px 16px rgba(0,0,0,.12)}.shadow-elevation-6{box-shadow:0 24px 48px rgba(0,0,0,.25),0 24px 24px rgba(0,0,0,.15)}.elevation-interactive{transition:box-shadow .3s cubic-bezier(.25,.46,.45,.94)}.elevation-smooth{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.focus-ring{transition:box-shadow .2s ease-out}.focus-ring:focus{outline:none;box-shadow:0 0 0 2px rgba(168,85,247,.5)}.focus-ring-cyan:focus{box-shadow:0 0 0 2px rgba(6,182,212,.5)}.scrollbar-premium{scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.3) transparent}.scrollbar-premium::-webkit-scrollbar{width:6px;height:6px}.scrollbar-premium::-webkit-scrollbar-track{background:transparent}.scrollbar-premium::-webkit-scrollbar-thumb{background:rgba(168,85,247,.3);border-radius:3px}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:rgba(168,85,247,.5)}@media (max-width:768px){.touch-target,[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}@media (hover:none){.hover\:bg-white\/8:hover,.hover\:shadow-elevation-2:hover{background-color:transparent;box-shadow:none}}.premium-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-md)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.shadow-elevation-3{box-shadow:0 4px 8px rgba(0,0,0,.08),0 4px 4px rgba(0,0,0,.04)}.shadow-elevation-4{box-shadow:0 8px 16px rgba(0,0,0,.12),0 8px 8px rgba(0,0,0,.08)}}:root{--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--mobile-text-xs:12px;--mobile-text-sm:14px;--mobile-text-base:16px;--mobile-text-lg:18px;--mobile-text-xl:20px;--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-padding-xl:24px;--touch-feedback-duration:120ms;--touch-scale:0.97;--touch-opacity:0.9}@media (pointer:coarse){.btn,.button,[role=button],a,button,input[type=button],input[type=reset],input[type=submit]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--mobile-padding-sm) var(--mobile-padding-md);display:inline-flex;align-items:center;justify-content:center;transition:transform var(--touch-feedback-duration) ease-out,opacity var(--touch-feedback-duration) ease-out}.audio-controls button,.music-player button,.player-controls button{min-height:var(--touch-target-comfortable);min-width:var(--touch-target-comfortable);padding:var(--mobile-padding-md)}.hero-cta,.pause-button,.play-button,.primary-cta{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--mobile-padding-lg) var(--mobile-padding-xl)}.menu-item,.nav-item,.sidebar-item,nav a{min-height:var(--touch-target-comfortable);padding:var(--mobile-padding-sm) var(--mobile-padding-md);display:flex;align-items:center}.album-card,.playlist-card,.song-card{padding:var(--mobile-padding-sm);min-height:var(--touch-target-large)}.album-card .play-btn,.dropdown-trigger,.menu-trigger,.playlist-card .play-btn,.song-card .play-btn,.three-dots-menu{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.dropdown-trigger,.menu-trigger,.three-dots-menu{padding:var(--mobile-padding-sm)}input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{min-height:var(--touch-target-min);padding:var(--mobile-padding-sm) var(--mobile-padding-md);font-size:var(--mobile-text-base);border-radius:8px}.search-input,input[type=search]{min-height:var(--touch-target-comfortable);padding:var(--mobile-padding-md) var(--mobile-padding-lg)}input[type=checkbox],input[type=radio]{min-height:var(--touch-target-min);min-width:var(--touch-target-min);transform:scale(1.3)}.slider-thumb,input[type=range]{min-height:var(--touch-target-comfortable)}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer}}@media (pointer:coarse){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.btn:active,.button:active,[role=button]:active,a:active,button:active,input[type=button]:active,input[type=submit]:active{transform:scale(var(--touch-scale));opacity:var(--touch-opacity);transition:transform var(--touch-feedback-duration) ease-out,opacity var(--touch-feedback-duration) ease-out}.pause-button:active,.play-button:active,.primary-cta:active{transform:scale(.95);opacity:.8}.album-card:active,.playlist-card:active,.song-card:active{transform:scale(.98);opacity:.95}.menu-item:active,.nav-item:active,.sidebar-item:active{background-color:rgba(167,139,250,.1);transform:scale(.98)}.btn,.button,.menu-item,.nav-item,.pause-button,.play-button,[role=button],button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}@supports (padding:env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}.safe-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.header,.main-header,.top-nav{padding-top:calc(var(--mobile-padding-md) + env(safe-area-inset-top))}.bottom-nav,.footer,.mobile-footer{padding-bottom:calc(var(--mobile-padding-md) + env(safe-area-inset-bottom))}.audio-player,.bottom-player,.music-player{padding-bottom:calc(var(--mobile-padding-lg) + env(safe-area-inset-bottom))}.drawer,.modal,.overlay{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.fullscreen-player{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.sidebar{padding-left:calc(var(--mobile-padding-md) + env(safe-area-inset-left))}.main-content{margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}}@media (pointer:coarse){.overflow-auto,.overflow-x-auto,.overflow-y-auto,.scroll-container,.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.no-overscroll{overscroll-behavior-y:contain;overscroll-behavior-x:contain}.album-list,.playlist-list,.search-results,.song-list{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;will-change:scroll-position}.animate,.transform,.transition{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.audio-controls,.music-player,.progress-bar{will-change:transform,opacity;transform:translateZ(0)}@media (max-width:480px) and (max-height:640px){.animate-complex,.complex-transition{animation:none!important;transition:none!important}}}@media (max-width:768px){[role=button],a,button{min-height:var(--touch-target-comfortable);padding:var(--mobile-padding-md) var(--mobile-padding-lg)}body{font-size:var(--mobile-text-base);line-height:1.5}h1,h2,h3,h4,h5,h6{line-height:1.2;word-wrap:break-word;hyphens:auto}input,select,textarea{font-size:var(--mobile-text-base);border-radius:8px}.card,.playlist-card,.song-card{margin-bottom:var(--mobile-padding-md)}.music-player{z-index:1000}.main-nav,.music-player{position:fixed;bottom:0;left:0;right:0}.main-nav{background:rgba(10,10,12,.95);backdrop-filter:blur(10px)}}@media (orientation:landscape) and (max-height:500px){.footer,.header,.music-player{padding-top:var(--mobile-padding-xs);padding-bottom:var(--mobile-padding-xs)}.sidebar{width:240px}.drawer,.modal{max-height:90vh;overflow-y:auto}}@media (pointer:coarse){:focus{outline:2px solid var(--color-brand-purple);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){.btn,[role=button],button{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:active,[role=button]:active,button:active{transform:none!important;transition:none!important}}}@supports (-webkit-touch-callout:none){.full-height{height:100vh;height:-webkit-fill-available}.ios-scroll{-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0)}input,select,textarea{font-size:16px!important}body{overscroll-behavior-y:none}}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.android-scroll{transform:translateZ(0);will-change:scroll-position}.android-full-height{height:100vh;height:100dvh}}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.smooth-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.touch-friendly{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--mobile-padding-sm) var(--mobile-padding-md)}.touch-large{min-height:var(--touch-target-large);min-width:var(--touch-target-large);padding:var(--mobile-padding-lg)}@media (max-width:640px){.mobile-text-xs{font-size:.75rem;line-height:1.4}.mobile-text-sm{font-size:.875rem;line-height:1.4}.mobile-text-base{font-size:1rem;line-height:1.5}.mobile-text-lg{font-size:1.125rem;line-height:1.4}.mobile-text-xl{font-size:1.25rem;line-height:1.3}.mobile-text-2xl{font-size:1.5rem;line-height:1.2}.mobile-text-3xl{font-size:1.875rem;line-height:1.15}.mobile-text-4xl{font-size:2.25rem;line-height:1.1}.text-content,p{line-height:1.6}li{margin-bottom:.5rem}.mobile-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.mobile-subtitle{font-size:1.125rem;line-height:1.4;margin-bottom:1.5rem}.mobile-album-card{width:140px;min-width:140px}.mobile-album-art{width:140px;height:140px;border-radius:.5rem}.mobile-song-item{padding:.75rem 1rem;min-height:60px;display:flex;align-items:center;gap:.75rem}.mobile-song-artwork{width:44px;height:44px;border-radius:.25rem;flex-shrink:0}.mobile-container{padding:1rem}.mobile-section{padding:1.5rem 0}.mobile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}}@media (max-width:768px){.mobile-modal{position:fixed;inset:0;background:rgba(0,0,0,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mobile-modal-content{height:100%;display:flex;flex-direction:column;padding:1rem}.mobile-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-modal-close{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1)}.mobile-skip-link{position:absolute;top:-40px;left:6px;background:#a855f7;color:white;padding:8px 16px;text-decoration:none;border-radius:4px;z-index:1000;transition:top .3s}.mobile-skip-link:focus{top:6px}.mobile-high-contrast{color:white;background:rgba(0,0,0,.9)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeInRotate{0%{opacity:0;transform:scale(.8) rotateY(15deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}.animate-hero-greeting{animation:fadeInUp .6s ease-out .1s both}.animate-hero-card{animation:fadeInScale .7s ease-out .3s both}.animate-hero-track-info{animation:fadeInUp .6s ease-out .5s both}.animate-hero-metadata{animation:fadeInUp .6s ease-out .7s both}.animate-hero-actions{animation:fadeInUp .6s ease-out .8s both}.animate-hero-album-art{animation:fadeInRotate .8s ease-out .9s both}.hero-button{transition:transform .2s ease-out,background-color .2s ease-out,border-color .2s ease-out}.hero-button:hover{transform:scale(1.05)}.hero-button:active{transform:scale(.95)}.hero-album-art{transition:transform .4s ease-out}.hero-album-art:hover{transform:translateY(-4px) scale(1.02)}.hero-card-shadow{--hero-color:#8b5cf6;box-shadow:0 0 60px color-mix(in srgb,var(--hero-color) 15%,transparent),0 0 120px color-mix(in srgb,var(--hero-color) 6%,transparent)}.hero-bg-blur-layer-1{scale:1.25;filter:blur(48px);opacity:.25}.hero-bg-blur-layer-1,.hero-bg-blur-layer-2{--hero-bg-image:none;position:absolute;inset:0;background-image:var(--hero-bg-image);background-size:cover;background-position:50%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.hero-bg-blur-layer-2{scale:1.1;filter:blur(16px);opacity:.15}.hero-gradient-background{--hero-color:#8b5cf6;position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--hero-color) 12%,transparent) 0,color-mix(in srgb,var(--hero-color) 5%,transparent) 50%,transparent 80%),linear-gradient(135deg,color-mix(in srgb,var(--hero-color) 7%,transparent) 0,color-mix(in srgb,var(--hero-color) 4%,transparent) 40%,transparent 70%),linear-gradient(45deg,#000000 0,color-mix(in srgb,var(--hero-color) 2%,transparent) 100%)}.text-shadow-hero-title{text-shadow:0 4px 24px rgba(0,0,0,.8),0 2px 12px rgba(0,0,0,.6)}.text-shadow-hero-artist{text-shadow:0 4px 20px rgba(0,0,0,.8),0 2px 10px rgba(0,0,0,.6)}.text-shadow-hero-album{text-shadow:0 2px 12px rgba(0,0,0,.7)}.text-shadow-hero-metadata{text-shadow:0 2px 6px rgba(0,0,0,.6)}.shadow-album-art-dynamic{--hero-color:#8b5cf6;box-shadow:0 20px 40px rgba(0,0,0,.4),0 10px 20px rgba(0,0,0,.3),0 8px 24px -4px color-mix(in srgb,var(--hero-color) 25%,transparent),0 0 40px color-mix(in srgb,var(--hero-color) 12%,transparent);filter:saturate(1.1) contrast(1.05);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.album-glow-overlay{--hero-color:#8b5cf6;position:absolute;inset:0;border-radius:1rem;opacity:0;transition:opacity .5s ease-out;background:radial-gradient(circle at center,color-mix(in srgb,var(--hero-color) 18%,transparent) 0,transparent 70%);filter:blur(8px)}.group:hover .album-glow-overlay{opacity:.3}.album-reflection{--hero-color:#8b5cf6;--hero-bg-image:none;bottom:-20rem;left:0;width:24rem;height:20rem;border-radius:1rem;opacity:.15;filter:blur(4px);background:linear-gradient(to bottom,transparent 0,color-mix(in srgb,var(--hero-color) 6%,transparent) 20%,color-mix(in srgb,var(--hero-color) 3%,transparent) 100%),var(--hero-bg-image);background-size:cover;background-position:50%;transform:scaleY(-.7) skewX(-2deg);mask-image:linear-gradient(180deg,transparent 0,black 40%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 40%,transparent)}.album-reflection,.ambient-light{position:absolute;pointer-events:none}.ambient-light{--hero-color:#8b5cf6;inset:-3rem;border-radius:9999px;opacity:.2;filter:blur(48px);background:radial-gradient(circle,color-mix(in srgb,var(--hero-color) 18%,transparent) 0,transparent 70%)}.fallback-album-gradient{--hero-color:#8b5cf6;background:linear-gradient(135deg,var(--hero-color) 0,color-mix(in srgb,var(--hero-color) 80%,transparent) 50%,color-mix(in srgb,var(--hero-color) 40%,transparent) 100%);box-shadow:0 32px 64px -16px rgba(0,0,0,.6),0 16px 40px -8px rgba(0,0,0,.4),0 8px 24px -4px color-mix(in srgb,var(--hero-color) 25%,transparent),0 0 40px color-mix(in srgb,var(--hero-color) 12%,transparent)}.track-indicator-pill{height:6px;border-radius:9999px;transition:all .3s ease-out;background-color:rgba(255,255,255,.4)}.track-indicator-pill.active{width:24px;background-color:white}.track-indicator-pill:not(.active){width:6px}.track-indicator-pill:not(.active):hover{background-color:rgba(255,255,255,.6)}.animation-delay-50{animation-delay:50ms}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.hero-card-content{transition:opacity .3s ease-out,transform .3s ease-out;will-change:opacity,transform}.hero-card-enter{opacity:1;transform:scale(1)}.hero-card-exit{opacity:0;transform:scale(.95)}@media (prefers-reduced-motion:reduce){.animate-fade-in-up,.animate-hero-actions,.animate-hero-album-art,.animate-hero-card,.animate-hero-greeting,.animate-hero-metadata,.animate-hero-track-info{animation:none;opacity:1;transform:none}.hero-album-art:hover,.hero-button:active,.hero-button:hover{transform:none}.hero-card-content{transition:none}.hero-card-exit{opacity:1;transform:none}}