.switch{position:relative;display:inline-block;width:90px;height:40px;border-radius:22px;transform:scale(.6)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background-color:#000;border-radius:20px;transition:.4s;overflow:hidden;z-index:2;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:30px;width:30px;left:4px;bottom:4px;background-color:#fff;transition:1s;border-radius:50%;overflow:hidden;z-index:3}.moons-hole{content:"";position:absolute;opacity:1;transition:1s;z-index:4}.moon-hole{position:absolute;border-radius:50%;transform:translate(0)}.moon-hole:nth-child(1){background-color:#555;height:5px;width:5px;top:26px;left:20px}.moon-hole:nth-child(2){background-color:#555;height:10px;width:10px;top:16px;left:7px}.moon-hole:nth-child(3){background-color:#555;height:4px;width:4px;top:12px;left:21px}input:checked+.slider{background-color:#62cff0}input:checked+.slider:before{transform:translate(52px);background-color:orange}input:checked+.slider .moons-hole{transform:translate(52px);opacity:0}.stars{right:6px;top:0;bottom:0;transition:1s;transform:translateY(0)}.star{position:absolute;fill:#fff;animation:star-twinkle 2s infinite;opacity:1}.star:nth-child(1){top:5px;right:29px;width:20px;animation-delay:.3s}.star:nth-child(2){top:18px;right:9px;width:15px}.star:nth-child(3){top:5px;right:15px;width:10px;animation-delay:.6s}.star:nth-child(4){top:26px;right:28px;width:12px;animation-delay:.9s}.star:nth-child(5){top:2px;right:50px;width:8px;animation-delay:1.2s}input:checked+.slider .stars{transform:translateY(-32px);opacity:0}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}to{transform:scale(1)}}.clouds{position:absolute;left:6px;top:0;bottom:0;width:20px;transition:1s;transform:translate(-55px)}.black-clouds{position:absolute;left:6px;top:0;bottom:0;width:20px;transition:1s;transform:translate(-55px);opacity:0;z-index:0}.black-cloud{position:absolute;width:20px;height:20px;background-color:#555;opacity:60%;border-radius:50%;animation:cloud-move 6s infinite;animation-delay:1s}.black-cloud:nth-child(1){top:1px;right:3px}.black-cloud:nth-child(2){top:15px;left:9px}.black-cloud:nth-child(3){top:20px;left:27px}input:checked+.slider .black-clouds{transform:translate(32px);opacity:1}.cloud{position:absolute;width:20px;height:20px;background-color:#fff;border-radius:50%;z-index:1;animation:cloud-move 6s infinite}.cloud:nth-child(1){top:0;height:21px;width:21px;right:14px}.cloud:nth-child(2){height:25px;width:25px;border-radius:50%;top:14px;right:6px}.cloud:nth-child(3){height:23px;width:23px;top:28px;left:4px}.cloud:nth-child(4){top:26px;left:20px}.cloud:nth-child(5){top:30px;left:30px}.cloud:nth-child(6){top:27px;left:46px}.cloud:nth-child(7){top:31px;left:58px}input:checked+.slider .clouds{transform:translate(32px);opacity:1}@keyframes cloud-move{0%{transform:translate(-32px)}40%{transform:translate(-36px)}80%{transform:translate(-28px)}to{transform:translate(-32px)}}.preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease-out,visibility .8s ease-out;opacity:1;visibility:visible}.preloader-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader{--path: white;--dot: #f40af0;--duration: 3s;width:44px;height:44px;position:relative;display:inline-block;margin:0 16px}.loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg{display:block;width:100%;height:100%}.loader svg rect,.loader svg polygon,.loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.loader.triangle{width:48px}.loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{animation:gradient-x 3s ease infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow-pulse{0%,to{opacity:.5;filter:blur(20px)}50%{opacity:.8;filter:blur(30px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes rainbow-border{0%{border-color:#8b5cf64d}25%{border-color:#ec48994d}50%{border-color:#3b82f64d}75%{border-color:#a855f74d}to{border-color:#8b5cf64d}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.animate-subtle-bounce{animation:subtle-bounce 2s ease-in-out infinite}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-scale-in{animation:fade-scale-in .3s ease-out}@keyframes glow-ring{0%,to{box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633}50%{box-shadow:0 0 30px #8b5cf699,0 0 60px #8b5cf64d}}.animate-glow-ring{animation:glow-ring 2s ease-in-out infinite}.glass-morphism{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-morphism-dark{background:#0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.transition-smooth{transition:all .4s cubic-bezier(.4,0,.2,1)}.transition-smooth-slow{transition:all .6s cubic-bezier(.4,0,.2,1)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shadow-premium{box-shadow:0 10px 40px #8b5cf626,0 4px 12px #8b5cf61a}.shadow-premium-lg{box-shadow:0 20px 60px #8b5cf633,0 8px 24px #8b5cf626}.shadow-glow-purple{box-shadow:0 0 30px #8b5cf64d,0 0 60px #8b5cf626}.shadow-glow-blue{box-shadow:0 0 30px #3b82f64d,0 0 60px #3b82f626}.shadow-glow-pink{box-shadow:0 0 30px #ec48994d,0 0 60px #ec489926}.gradient-border{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2rem;padding:2px}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:2rem;padding:2px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf640}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.backdrop-blur-xs{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.backdrop-blur-4xl{backdrop-filter:blur(64px);-webkit-backdrop-filter:blur(64px)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(139,92,246,.5);outline-offset:2px;border-radius:.5rem}::selection{background-color:#8b5cf64d;color:inherit}::-moz-selection{background-color:#8b5cf64d;color:inherit}@media(hover:none)and (pointer:coarse){.backdrop-blur-sm,.backdrop-blur,.backdrop-blur-md,.backdrop-blur-lg,.backdrop-blur-xl,.backdrop-blur-2xl,.backdrop-blur-3xl{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.shadow-2xl{box-shadow:0 4px 16px #00000026!important}*{transition-duration:.15s!important}.animate-blob,.orbit-dot,.orbit-dot-2,.orbit-dot-r,.spin-border,.spin-border-reverse,.ring-pulse-1,.ring-pulse-2,.ring-pulse-3,.badge-float-1,.badge-float-2,.badge-float-3,.corner-spark,.photo-float,.photo-shimmer{animation:none!important;transform:none!important}.animate-marquee{animation-duration:35s!important}.animate-gradient-x,.animate-spin-slow,.rotate-border{animation:none!important}.animate-pulse{animation-duration:3s!important}[class*=drop-shadow]{filter:none!important}[class*="hover:scale"],[class*="hover:rotate"],[class*="hover:translate"],[class*="group-hover:scale"],[class*="group-hover:rotate"]{transform:none!important}.active\:scale-95:active{transform:scale(.95)!important}.active\:scale-90:active{transform:scale(.9)!important}.blur-\[90px\],.blur-\[60px\],.blur-\[80px\]{filter:blur(30px)!important}*{will-change:auto!important}html{scroll-behavior:smooth}img{image-rendering:auto}*:before,*:after{animation-duration:0s!important;animation-delay:0s!important}.lite-fade-1,.lite-fade-2,.lite-fade-3,.lite-fade-4{animation-duration:.6s!important}.lite-cursor{animation-duration:.75s!important;animation-name:lite-cursor!important}.animate-text-flow{animation:none!important;background-position:0% 50%!important;filter:none!important}[class*=overflow-hidden]{contain:layout style}}.lite-photo-wrap{position:relative}@media(hover:none)and (pointer:coarse){.lite-photo{transition:none!important}}@media(hover:none)and (pointer:coarse){nav [class*=animate-gradient]{animation:none!important;background-position:0% 0%!important}}@tailwind base;@tailwind components;@tailwind utilities;@keyframes spinRing{to{transform:rotate(360deg)}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.97)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-30px,40px) scale(1.04)}66%{transform:translate(25px,-15px) scale(.96)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(-20px,25px)}}@keyframes particleRise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.8}80%{opacity:.3}to{opacity:0;transform:translateY(-100px) scale(.3)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}:root{--color-1: 0 100% 63%;--color-2: 270 100% 63%;--color-3: 210 100% 63%;--color-4: 195 100% 63%;--color-5: 90 100% 63%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ec4899}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;scroll-behavior:smooth}::selection{background:#ec4899;color:#fff;text-shadow:0 0 5px rgba(236,72,153,.5)}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@keyframes shimmer{0%{transform:translate(-150%) skew(-12deg)}to{transform:translate(150%) skew(-12deg)}}.animate-shimmer{animation:shimmer 2.5s infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}body{background-color:#000;color:#0f172a;margin:0;padding:0;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.dark body{background-color:#000!important;color:#fff}canvas#canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8}#root{position:relative;z-index:10}.feedback-card{width:90%;max-width:400px;padding:40px 30px;border-radius:32px;background:#fff;box-shadow:0 20px 60px #00000014;text-align:center;position:relative;overflow:hidden;transition:all .3s ease;margin:0 auto}.dark .feedback-card{background:#111827;box-shadow:0 20px 60px #ffffff0d;border:1px solid rgba(255,255,255,.1)}.icon-wrapper{width:100px;height:100px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;position:relative}.icon-glow{position:absolute;width:100%;height:100%;background:var(--theme-color);border-radius:50%;opacity:.2;filter:blur(25px);transition:background .3s ease;z-index:1}.icon-stage{position:relative;z-index:2;color:var(--theme-color);transition:color .3s ease;height:100px;display:flex;align-items:center;justify-content:center}.pop-anim{animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mood-label{font-size:18px;font-weight:600;color:var(--theme-color);margin-bottom:35px;height:24px;text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}.slider-container{margin-bottom:45px;width:100%}.slider-container input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:10px;background:#f1f2f6;outline:none;cursor:grab;background-image:linear-gradient(var(--theme-color),var(--theme-color));background-repeat:no-repeat}.dark .slider-container input[type=range]{background:#334155}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:32px;width:32px;border-radius:50%;background:#fff;border:5px solid var(--theme-color);box-shadow:0 4px 15px #00000026;transition:border-color .3s ease,transform .2s ease}.submit-btn{width:100%;padding:18px;border-radius:16px;border:none;font-size:16px;font-weight:700;color:#fff;background:#2d3436;cursor:pointer;transition:transform .2s,box-shadow .2s}.dark .submit-btn{background:#475569}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.submit-btn:active{transform:translateY(1px)}.success-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;z-index:10}.dark .success-overlay{background:#111827}.player-controls__item.-skip{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;transition:all .3s ease}.player-controls__item.-skip:hover{transform:scale(1.1);background:#ffffff1a;border-radius:8px}.player-controls__item.-skip .skip-label{font-size:10px;font-weight:600;opacity:.8;margin-top:-2px}.player-controls__item.-skip:active{transform:scale(.95)}.folder-tabs{display:flex;gap:8px;padding:12px 16px;background:#0003;border-radius:12px;margin-bottom:12px}.folder-tab{flex:1;padding:10px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.folder-tab:hover{background:#ffffff26;color:#ffffffe6;transform:translateY(-2px)}.folder-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.folder-tab.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.playlist-item-title{display:flex;align-items:center;gap:4px}@keyframes skipPulse{0%,to{opacity:1}50%{opacity:.7}}.player-controls__item.-skip:active svg{animation:skipPulse .3s ease}@media(max-width:768px){.player-controls__item.-skip{padding:6px}.player-controls__item.-skip .skip-label{font-size:9px}.folder-tab{padding:8px 12px;font-size:13px}}