.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;inset:0;z-index:9999;display:flex;flex-direction:column;transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible}.preloader-hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-overlay[data-theme=dark]{--pl-bg: #08080f;--pl-skel: rgba(255, 255, 255, .055);--pl-skel-mid: rgba(255, 255, 255, .08);--pl-skel-hi: rgba(255, 255, 255, .11);--pl-shimmer: rgba(255, 255, 255, .1);--pl-shimmer-p: rgba(139, 92, 246, .22);--pl-shimmer-a: rgba(251, 191, 36, .18);--pl-blob-1: rgba(139, 92, 246, .2);--pl-blob-2: rgba(236, 72, 153, .14);--pl-border: rgba(255, 255, 255, .07);--pl-nav-bg: rgba(255, 255, 255, .035);--pl-nav-border: rgba(255, 255, 255, .07);--pl-badge-dark: rgba(30, 30, 60, .92);--pl-badge-green: rgba(20, 40, 30, .92);--pl-badge-warm: rgba(40, 20, 10, .92)}.preloader-overlay[data-theme=light]{--pl-bg: #f5f5fa;--pl-skel: rgba(0, 0, 0, .055);--pl-skel-mid: rgba(0, 0, 0, .075);--pl-skel-hi: rgba(0, 0, 0, .095);--pl-shimmer: rgba(255, 255, 255, .7);--pl-shimmer-p: rgba(109, 40, 217, .1);--pl-shimmer-a: rgba(180, 90, 0, .1);--pl-blob-1: rgba(139, 92, 246, .09);--pl-blob-2: rgba(236, 72, 153, .07);--pl-border: rgba(0, 0, 0, .07);--pl-nav-bg: rgba(255, 255, 255, .6);--pl-nav-border: rgba(0, 0, 0, .07);--pl-badge-dark: rgba(230, 225, 255, .92);--pl-badge-green: rgba(220, 240, 230, .92);--pl-badge-warm: rgba(255, 240, 220, .92)}.pl-bg{background-color:var(--pl-bg)}.pl-blob-1{position:absolute;top:-10%;right:-5%;width:45%;height:45%;border-radius:50%;background:radial-gradient(circle,var(--pl-blob-1) 0%,transparent 70%);filter:blur(90px);animation:pl-breathe 6s ease-in-out infinite}.pl-blob-2{position:absolute;bottom:-5%;left:-5%;width:40%;height:40%;border-radius:50%;background:radial-gradient(circle,var(--pl-blob-2) 0%,transparent 70%);filter:blur(80px);animation:pl-breathe 7s ease-in-out infinite 3s}@keyframes pl-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}.skel{background:var(--pl-skel);overflow:hidden;position:relative}.skel-mid{background:var(--pl-skel-mid);overflow:hidden;position:relative}.skel-hi{background:var(--pl-skel-hi);overflow:hidden;position:relative}.skel:after,.skel-mid:after,.skel-hi:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--pl-shimmer) 50%,transparent 100%);animation:pl-shimmer 1.9s ease-in-out infinite}.skel-p{background:var(--pl-skel);overflow:hidden;position:relative}.skel-p:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--pl-shimmer-p),transparent);animation:pl-shimmer 1.9s ease-in-out infinite}.skel-a{background:var(--pl-skel);overflow:hidden;position:relative}.skel-a:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--pl-shimmer-a),transparent);animation:pl-shimmer 1.9s ease-in-out infinite .25s}@keyframes pl-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pl-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pl-f1{animation:pl-fade-up .55s ease-out .05s both}.pl-f2{animation:pl-fade-up .55s ease-out .18s both}.pl-f3{animation:pl-fade-up .55s ease-out .3s both}.pl-f4{animation:pl-fade-up .55s ease-out .44s both}@keyframes pl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pl-b1{animation:pl-float 3.4s ease-in-out infinite}.pl-b2{animation:pl-float 4s ease-in-out infinite .8s}.pl-b3{animation:pl-float 3.7s ease-in-out infinite 1.6s}.pl-badge{position:absolute;z-index:20;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:16px;border:1px solid var(--pl-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #0000001f}.pl-nav{background:var(--pl-nav-bg);border:1px solid var(--pl-nav-border);border-radius:9999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@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}}