@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_43d50961-module__KOAtAG__className{font-family:Outfit,Outfit Fallback;font-style:normal}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[20\%\]{top:20%}.top-full{top:100%}.right-\[30\%\]{right:30%}.bottom-\[20\%\]{bottom:20%}.left-\[30\%\]{left:30%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-\[150px\]{height:150px}.h-\[350px\]{height:350px}.h-\[400px\]{height:400px}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.min-h-screen{min-height:100vh}.w-\[95\%\]{width:95%}.w-\[350px\]{width:350px}.w-\[400px\]{width:400px}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#0a0e27\]{border-color:#0a0e27}.border-\[\#1DB954\]{border-color:#1db954}.border-\[\#1DB954\]\/30{border-color:#1db9544d;border-color:lab(66.2059% -55.9719 39.3851/.3)}.border-\[\#fa586a\]\/30{border-color:#fa586a4d;border-color:lab(60.9044% 63.4153 25.7753/.3)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#0a0e27\]{background-color:#0a0e27}.bg-\[\#0a0e27\]\/80{background-color:#0a0e27cc;background-color:lab(4.56469% 4.21876 -17.0814/.8)}.bg-\[\#0a0e27\]\/95{background-color:#0a0e27f2;background-color:lab(4.56469% 4.21876 -17.0814/.95)}.bg-\[\#1DB954\]{background-color:#1db954}.bg-\[\#1DB954\]\/10{background-color:#1db9541a;background-color:lab(66.2059% -55.9719 39.3851/.1)}.bg-\[\#1DB954\]\/20{background-color:#1db95433;background-color:lab(66.2059% -55.9719 39.3851/.2)}.bg-\[\#fa586a\]\/15{background-color:#fa586a26;background-color:lab(60.9044% 63.4153 25.7753/.15)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#1DB954\]{--tw-gradient-from:#1db954;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#1DB954\]\/0{--tw-gradient-from:#0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.from-\[\#1DB954\]\/0{--tw-gradient-from:lab(0% 0 0/0)}}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#1DB954\]\/0{--tw-gradient-to:#0000;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.to-\[\#1DB954\]\/0{--tw-gradient-to:lab(0% 0 0/0)}}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.font-\[\'Inter\'\,sans-serif\]{font-family:Inter,sans-serif}.text-\[10px\]{font-size:10px}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.break-all{word-break:break-all}.text-\[\#1DB954\]{color:#1db954}.text-\[\#fa586a\]{color:#fa586a}.text-transparent{color:#0000}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[\#1DB954\]\/20{--tw-shadow-color:#1db95433}@supports (color:color-mix(in lab, red, red)){.shadow-\[\#1DB954\]\/20{--tw-shadow-color:color-mix(in oklab,lab(66.2059% -55.9719 39.3851/.2) var(--tw-shadow-alpha),transparent)}}.ring-\[\#1DB954\]\/40{--tw-ring-color:#1db95466}@supports (color:lab(0% 0 0)){.ring-\[\#1DB954\]\/40{--tw-ring-color:lab(66.2059% -55.9719 39.3851/.4)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}.group-focus-within\:text-\[\#1DB954\]:is(:where(.group):focus-within *){color:#1db954}@media (hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\:border-\[\#1DB954\]\/50:is(:where(.group):hover *){border-color:#1db95480;border-color:lab(66.2059% -55.9719 39.3851/.5)}.group-hover\:from-\[\#1DB954\]\/5:is(:where(.group):hover *){--tw-gradient-from:#1db9540d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.group-hover\:from-\[\#1DB954\]\/5:is(:where(.group):hover *){--tw-gradient-from:lab(66.2059% -55.9719 39.3851/.05)}}.group-hover\:to-\[\#1DB954\]\/5:is(:where(.group):hover *){--tw-gradient-to:#1db9540d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.group-hover\:to-\[\#1DB954\]\/5:is(:where(.group):hover *){--tw-gradient-to:lab(66.2059% -55.9719 39.3851/.05)}}.group-hover\:text-\[\#1DB954\]:is(:where(.group):hover *){color:#1db954}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/item\:opacity-100:is(:where(.group\/item):hover *),.group-hover\/preview\:opacity-100:is(:where(.group\/preview):hover *){opacity:1}.group-hover\/zone\:scale-110:is(:where(.group\/zone):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus-within\:border-\[\#1DB954\]\/50:focus-within{border-color:#1db95480;border-color:lab(66.2059% -55.9719 39.3851/.5)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-\[\#1DB954\]\/20:hover{background-color:#1db95433;background-color:lab(66.2059% -55.9719 39.3851/.2)}.hover\:text-\[\#1DB954\]:hover{color:#1db954}.hover\:ring-\[\#1DB954\]\/60:hover{--tw-ring-color:#1db95499}@supports (color:lab(0% 0 0)){.hover\:ring-\[\#1DB954\]\/60:hover{--tw-ring-color:lab(66.2059% -55.9719 39.3851/.6)}}}:root{--background:#0a0e27;--foreground:#fff}@layer utilities{.text-balance{text-wrap:balance}}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a99;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6366f199}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes waveMove{0%{background-position:0 0}to{background-position:-80px 0}}@keyframes waveBar{0%{opacity:.5;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1.2)}}@keyframes spectrumBar{0%{opacity:.6;height:15px}to{opacity:1;height:35px}}@keyframes waveformPulse{0%{opacity:.6;filter:brightness(.7)}to{opacity:1;filter:brightness(1.2)}}@keyframes waveHeight{0%{height:var(--base-height,20px);opacity:.7}to{height:var(--max-height,50px);opacity:1}}@keyframes barPulse{0%{opacity:.5;filter:brightness(.7)blur()}to{opacity:1;filter:brightness(1.4)blur(1px)}}@keyframes waveformDance{0%{opacity:.5;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1.8)}}@keyframes cubeRotate{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}@keyframes shapeRotate{0%{transform:rotateX(-15deg)rotateY(0)}to{transform:rotateX(-15deg)rotateY(360deg)}}@keyframes pointPulse{0%{opacity:.6;box-shadow:0 0 5px}to{opacity:1;box-shadow:0 0 15px,0 0 30px}}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}@keyframes spectrumPulse{0%{opacity:.5;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1.5)}}.waveform-bar{transform-origin:50%}.cube-face{backface-visibility:visible}.spectrum-bar{height:var(--base-height,20px)}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.animate-in,.fade-in{animation:1s fadeIn}.slide-in-from-top-8{animation:1s fadeInDown}.slide-in-from-bottom-4,.slide-in-from-left-4,.slide-in-from-bottom-2{animation:.5s slideIn}.zoom-in-95{animation:.7s scaleIn}.duration-1000{animation-duration:1s}.duration-700{animation-duration:.7s}.duration-500{animation-duration:.5s}.delay-150{animation-delay:.15s}.glass-effect{-webkit-backdrop-filter:blur(40px);background:#0f172a99;border:1px solid #6366f133}.neon-text{text-shadow:0 0 80px #8b5cf680}.neon-border{box-shadow:0 8px 32px #6366f180,inset 0 0 0 1px #ffffff1a}.premium-card{-webkit-backdrop-filter:blur(40px);background-color:#0000;background-image:radial-gradient(circle at 20% 20%,#7c3aed2e,#0000 35%),radial-gradient(circle at 80% 10%,#22d3ee29,#0000 40%),linear-gradient(135deg,#6366f147,#0ea5e92e,#6366f13d);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:180% 180%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #6366f159;transition:all .5s cubic-bezier(.4,0,.2,1);animation:14s ease-in-out infinite premiumGlow;position:relative;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #6366f12e,0 0 80px #6366f12e}.premium-card:hover{border-color:#6366f180;transform:translateY(-8px);box-shadow:0 30px 80px #0009,inset 0 0 0 1px #6366f14d,0 0 120px #6366f161}@keyframes premiumGlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(0%)}to{transform:translate(100%)}}.spotify-frame-shell{background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 35%),radial-gradient(circle at 80% 0,#00ffff14,#0000 35%),linear-gradient(135deg,#0b0c11,#090a0f 45%,#0f111a 55%,#07070c);border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,inset 0 -2px 8px #000c,0 10px 30px #00000080}.spotify-frame-shell:before{content:"";mix-blend-mode:screen;pointer-events:none;opacity:.35;background:linear-gradient(120deg,#0000 45%,#ffffff1f 50%,#0000 55%);animation:10s linear infinite metallicSweep;position:absolute;inset:-40% -60%;transform:rotate(8deg)}.spotify-frame-shell iframe{border:none;display:block}@keyframes metallicSweep{0%{transform:translate(-30%)rotate(8deg)}50%{transform:translate(30%)rotate(8deg)}to{transform:translate(-30%)rotate(8deg)}}body{color:var(--foreground);background:var(--background);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aurora-btn{color:#fff;-webkit-backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#7877c64d 0%,#63b3ed33 25%,#9370db4d 50%,#81b29a33 75%,#7877c64d 100%) 0 0/400% 400%;border:1px solid #fff3;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.aurora-btn:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#ffffff4d 0%,#ffffff1a 50%,#ffffff4d 100%);border-radius:9999px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.aurora-btn:hover{border-color:#ffffff59;animation:3s infinite aurora-shift;transform:translateY(-2px);box-shadow:0 16px 48px #0006,0 0 60px #9370db26,inset 0 1px #ffffff26,inset 0 -1px #0000001a}@keyframes aurora-shift{0%,to{background-position:0%}50%{background-position:100%}}.aurora-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.aurora-btn-primary{background:linear-gradient(135deg,#6366f166 0%,#8b5cf64d 25%,#ec489933 50%,#3b82f64d 75%,#6366f166 100%) 0 0/400% 400%;animation:8s infinite aurora-shift}.aurora-btn-primary:hover{animation:2s infinite aurora-shift}.aurora-btn-success{background:linear-gradient(135deg,#10b98166 0%,#34d3994d 25%,#63b3ed33 50%,#10b9814d 75%,#34d39966 100%) 0 0/400% 400%}.aurora-btn-ghost{background:#ffffff08;border:1px solid #ffffff1a}.aurora-btn-ghost:hover{background:linear-gradient(135deg,#7877c626 0%,#63b3ed1a 50%,#9370db26 100%);border-color:#fff3}.aurora-input{-webkit-backdrop-filter:blur(20px);color:#fff;background:#00000040;border:1px solid #ffffff14;border-radius:.875rem;padding:.875rem 1.125rem;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.aurora-input:focus{background:#00000059;border-color:#9370db66;outline:none;box-shadow:0 0 0 3px #9370db14,0 0 20px #9370db14}.aurora-input::placeholder{color:#94a3b866}.aurora-card{-webkit-backdrop-filter:blur(40px);background:#0f172a59;border:1px solid #ffffff0f;border-radius:1rem;transition:all .3s;position:relative;overflow:hidden}.aurora-card:hover{border-color:#ffffff1a}.aurora-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.aurora-tab{color:#94a3b899;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.875rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.aurora-tab:hover{color:#ffffffe6;background:#ffffff08}.aurora-tab.active{color:#fff;background:linear-gradient(135deg,#7877c640 0%,#63b3ed26 25%,#9370db33 50%,#81b29a26 75%,#7877c640 100%);border:1px solid #ffffff26;box-shadow:0 4px 20px #9370db26,inset 0 1px #ffffff1a}.aurora-tab-container{-webkit-backdrop-filter:blur(20px);background:#0003;border:1px solid #ffffff0f;border-radius:1rem;gap:.5rem;padding:.375rem;display:flex}.section-icon{background:linear-gradient(135deg,#7877c666 0%,#63b3ed4d 25%,#9370db66 50%,#81b29a4d 75%,#7877c666 100%);border-radius:.75rem;width:2.5rem;height:2.5rem;padding:1px;position:relative;overflow:hidden}.section-icon-inner{background:#0f1428e6;border-radius:.6875rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.section-icon-lg{background:linear-gradient(135deg,#7877c666 0%,#63b3ed4d 25%,#9370db66 50%,#81b29a4d 75%,#7877c666 100%);border-radius:.875rem;width:4rem;height:4rem;padding:1px;position:relative;overflow:hidden}.section-icon-inner-lg{background:#0f1428e6;border-radius:.8125rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lore-card{isolation:isolate;background:radial-gradient(circle at 15% 20%,#6366f129,#0000 35%),radial-gradient(circle at 85% 10%,#38bdf81f,#0000 35%),linear-gradient(140deg,#0a0e27e6,#0f1837e6);border:1px solid #ffffff14;border-radius:1.25rem;padding:1.25rem 1.1rem 1rem;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073,inset 0 0 0 1px #ffffff0d}.lore-card:before{content:"";filter:blur(20px);opacity:.7;z-index:0;background:radial-gradient(circle,#8b5cf62e,#0000 45%);height:65%;position:absolute;inset:-40% -20% auto}.lore-card:after{content:"";filter:blur(24px);opacity:.6;z-index:0;background:radial-gradient(circle,#38bdf82e,#0000 48%);height:70%;position:absolute;inset:auto -25% -45%}.lore-card__header{z-index:1;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex;position:relative}.lore-rarity-pill{letter-spacing:.04em;color:#fefce8;background:linear-gradient(120deg,#eab30833,#6366f12e);border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:.35rem .9rem;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 10px 24px #00000040,inset 0 1px #ffffff1f}.lore-rarity{letter-spacing:.16em;color:#fbbf24;text-shadow:0 0 20px #fbbf2466;font-size:.85rem;font-weight:800}.lore-card__text{z-index:1;color:#e2e8f0;text-shadow:0 1px 18px #00000059;font-size:.95rem;font-weight:500;line-height:1.7;position:relative}.lore-divider{z-index:1;opacity:.8;align-items:center;gap:.4rem;margin-top:1rem;display:flex;position:relative}.lore-divider span{background:linear-gradient(90deg,#0000,#ffffff59,#0000);border-radius:999px;flex:1;height:2px}.icon-circle-btn{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 30% 30%,#ffffff14,#0009);border:1px solid #ffffff24;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #00000059}.icon-circle-btn:hover{color:#f8fafc;border-color:#ffffff3d;transform:translateY(-1px)scale(1.03)}.icon-circle-btn:active{transform:scale(.98)}.icon-circle-btn-danger{color:#fecdd3;background:radial-gradient(circle at 30% 30%,#f871711f,#000000b3);border-color:#f8717159}.icon-circle-btn-danger:hover{color:#ffe4e6;border-color:#f871718c;box-shadow:0 15px 35px #f8717140}.shazam-card{isolation:isolate;background-color:#0a0f24;background-position:top;background-repeat:no-repeat;background-size:cover;border:none;border-radius:2rem;padding:0;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 40px #ffffff08}.shazam-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 32px 80px #0009,0 0 60px #ffffff0f}.shazam-card__overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 0% 25%,#0a0e274d 40%,#0a0e2799 55%,#0a0e27d9 70%,#0a0e27f2 85%,#0a0e27 100%);border-radius:2rem;position:absolute;inset:0}.shazam-card__content:after{content:"";pointer-events:none;z-index:10;mix-blend-mode:overlay;background:linear-gradient(125deg,#0000 0%,#ffffff0a 44%,#ffffff14 50%,#ffffff0a 56%,#0000 100%);animation:6s ease-in-out infinite luxuryShimmer;position:absolute;inset:0;transform:translate(-100%)rotate(12deg)}@keyframes luxuryShimmer{0%{opacity:.4;transform:translate(-100%)rotate(12deg)}50%{opacity:.7;transform:translate(200%)rotate(12deg)}to{opacity:.4;transform:translate(-100%)rotate(12deg)}}.shazam-card__content{z-index:2;border-radius:2rem;flex-direction:column;gap:.9rem;padding:14rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.shazam-card__header{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.shazam-card__meta{align-items:center;gap:.85rem;display:flex}.shazam-card__cover{border:none;border-radius:1rem;flex-shrink:0;width:3.75rem;height:3.75rem;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000073,0 0 20px #6366f11f,inset 0 0 0 .5px #ffffff0a}.shazam-card__title{letter-spacing:-.01em;color:#f8fafc;text-shadow:0 2px 12px #0006;font-size:1.25rem;font-weight:800;line-height:1.2}.shazam-card__artist{color:#cbd5e1;opacity:.9;font-size:.9rem}.shazam-card__play{color:#0b1020;background:linear-gradient(140deg,#22d3ee,#8b5cf6);border:none;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #8b5cf666,0 0 30px #22d3ee33,inset 0 1px #ffffff4d}.shazam-card__play:before{content:"";background:linear-gradient(110deg,#0000 40%,#fff6 50%,#0000 60%);animation:3s ease-in-out infinite playShimmer;position:absolute;inset:-50%}@keyframes playShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shazam-card__play:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 20px 40px #8b5cf680,0 0 50px #22d3ee4d,inset 0 1px #fff6}.shazam-card__pill{letter-spacing:.06em;text-transform:uppercase;color:#fef9c3;-webkit-backdrop-filter:blur(8px);background:linear-gradient(120deg,#eab30840,#6366f138);border:none;border-radius:999px;align-self:flex-start;margin-bottom:.5rem;padding:.3rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 8px 20px #eab30826,inset 0 1px #ffffff26,inset 0 0 0 .5px #ffffff14}.shazam-card__text{color:#e2e8f0;text-shadow:0 2px 12px #00000080;font-size:.95rem;line-height:1.7}.shazam-card__footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.shazam-card__badge{letter-spacing:.08em;color:#c7d2fe;-webkit-backdrop-filter:blur(8px);background:#6366f12e;border:none;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;box-shadow:0 6px 16px #6366f12e,inset 0 0 0 .5px #ffffff14}.shazam-card__link{color:#e0f2fe;-webkit-backdrop-filter:blur(10px);background:#ffffff17;border:none;border-radius:.9rem;align-items:center;gap:.35rem;padding:.55rem .9rem;font-size:.9rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px #00000040,inset 0 1px #ffffff1f,inset 0 0 0 .5px #ffffff14}.shazam-card__link:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 28px #0000004d,inset 0 1px #ffffff2e,inset 0 0 0 .5px #ffffff1f}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}