:root{--bg-primary:#0a0a0e;--bg-secondary:#0a0a0ef2;--bg-tertiary:#0a0a0ecc;--bg-quaternary:#0a0a0e99;--bg-quinary:#0a0a0e66;--bg-senary:#0a0a0e4d;--color-pink:#ffb3ba;--color-peach:#ffd3a5;--color-coral:#ff8c94;--color-coral-light:#ffa07a;--color-mint:#a8e6cf;--color-mint-light:#b4e4d9;--rgba-pink:#ffb3ba26;--rgba-peach:#ffd3a526;--rgba-mint:#a8e6cf1a;--rgba-coral:#ff8c944d;--gradient-primary:linear-gradient(135deg,#ffb3ba,#ffd3a5);--gradient-secondary:linear-gradient(135deg,#ff8c94,#ffa07a);--gradient-tertiary:linear-gradient(135deg,#a8e6cf,#b4e4d9);--text-primary:#fff;--text-secondary:#fffc;--text-tertiary:#fff9;--text-quaternary:#fff6;--border-color:#ffb3ba4d;--border-color-hover:#ffb3ba99;--shadow-sm:0 4px 12px #ffb3ba33;--shadow-md:0 8px 24px #ffb3ba33;--shadow-lg:0 10px 30px #ffb3ba33;--animation-speed:0.1667;--animation-amplitude:1;--animation-amplitude-coeff:1;--animation-direction:1}*{box-sizing:border-box;padding:0}*,body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{animation:gradientShift 20s ease infinite;background:radial-gradient(circle at 20% 50%,#ffb3ba26 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffd3a526 0,#0000 50%),radial-gradient(circle at 40% 20%,#a8e6cf1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:-1}@keyframes gradientShift{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(5%,5%) rotate(120deg)}66%{transform:translate(-5%,-5%) rotate(240deg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (min-width:769px){html body .trend-card.trend-card.trend-card,html body .trend-card.trend-card.trend-card.playing,html body .trend-card.trend-card.trend-card:hover{animation:none!important;background:#0000!important;border-color:#0000!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;transform:none!important;will-change:auto!important}html body .trend-card.trend-card:after{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:45% 55% 35% 65%/70% 25% 75% 30%;content:"";inset:0;pointer-events:none;position:absolute;transform-origin:center;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;will-change:transform,border-radius;z-index:-1}html body .trend-card.trend-card:hover:after{animation-direction:reverse!important;animation-duration:2s!important;background:#ffffff14;border-color:#ffb3ba80;box-shadow:0 10px 30px #ffb3ba33}html body .trend-card.trend-card.trend-card:before,html body .trend-card.trend-card.trend-card:hover:before{display:block!important}html body .trend-card.trend-card.trend-card:hover .trend-image img{transform:none!important}html body .trend-card.trend-card:nth-child(20n+1):after{animation:shellWave1 3.88911s ease-in-out infinite;animation:shellWave1 calc(23.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:45% 55% 35% 65%/70% 25% 75% 30%}html body .trend-card.trend-card:nth-child(20n+2):after{animation:shellWave2 4.6676s ease-in-out infinite;animation:shellWave2 calc(28s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:60% 40% 50% 50%/40% 60% 40% 60%}html body .trend-card.trend-card:nth-child(20n+3):after{animation:shellWave3 4.22251s ease-in-out infinite;animation:shellWave3 calc(25.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:35% 65% 55% 45%/55% 45% 55% 45%}html body .trend-card.trend-card:nth-child(20n+4):after{animation:shellWave4 5.001s ease-in-out infinite;animation:shellWave4 calc(30s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:55% 45% 65% 35%/45% 55% 35% 65%}html body .trend-card.trend-card:nth-child(20n+5):after{animation:shellWave5 3.55571s ease-in-out infinite;animation:shellWave5 calc(21.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:40% 60% 45% 55%/65% 35% 65% 35%}html body .trend-card.trend-card:nth-child(20n+6):after{animation:shellWave6 5.3344s ease-in-out infinite;animation:shellWave6 calc(32s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:65% 35% 50% 50%/50% 50% 50% 50%}html body .trend-card.trend-card:nth-child(20n+7):after{animation:shellWave7 4.0008s ease-in-out infinite;animation:shellWave7 calc(24s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:50% 50% 60% 40%/40% 60% 40% 60%}html body .trend-card.trend-card:nth-child(20n+8):after{animation:shellWave8 4.55591s ease-in-out infinite;animation:shellWave8 calc(27.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:30% 70% 40% 60%/60% 40% 60% 40%}html body .trend-card.trend-card:nth-child(20n+9):after{animation:shellWave9 4.3342s ease-in-out infinite;animation:shellWave9 calc(26s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:70% 30% 55% 45%/35% 65% 35% 65%}html body .trend-card.trend-card:nth-child(20n+10):after{animation:shellWave10 4.77929s ease-in-out infinite;animation:shellWave10 calc(28.67s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:45% 55% 65% 35%/55% 45% 55% 45%}html body .trend-card.trend-card:nth-child(20n+11):after{animation:shellWave11 3.77909s ease-in-out infinite;animation:shellWave11 calc(22.67s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:55% 45% 40% 60%/65% 35% 65% 35%}html body .trend-card.trend-card:nth-child(20n+12):after{animation:shellWave12 5.11269s ease-in-out infinite;animation:shellWave12 calc(30.67s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:40% 60% 70% 30%/45% 55% 45% 55%}html body .trend-card.trend-card:nth-child(20n+13):after{animation:shellWave13 4.11249s ease-in-out infinite;animation:shellWave13 calc(24.67s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:60% 40% 35% 65%/50% 50% 50% 50%}html body .trend-card.trend-card:nth-child(20n+14):after{animation:shellWave14 4.88931s ease-in-out infinite;animation:shellWave14 calc(29.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:35% 65% 50% 50%/60% 40% 60% 40%}html body .trend-card.trend-card:nth-child(20n+15):after{animation:shellWave15 3.6674s ease-in-out infinite;animation:shellWave15 calc(22s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:50% 50% 45% 55%/40% 60% 40% 60%}html body .trend-card.trend-card:nth-child(20n+16):after{animation:shellWave16 5.22271s ease-in-out infinite;animation:shellWave16 calc(31.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:65% 35% 60% 40%/55% 45% 55% 45%}html body .trend-card.trend-card:nth-child(20n+17):after{animation:shellWave17 3.88911s ease-in-out infinite;animation:shellWave17 calc(23.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:45% 55% 50% 50%/50% 50% 50% 50%}html body .trend-card.trend-card:nth-child(20n+18):after{animation:shellWave18 4.44589s ease-in-out infinite;animation:shellWave18 calc(26.67s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:55% 45% 70% 30%/35% 65% 35% 65%}html body .trend-card.trend-card:nth-child(20n+19):after{animation:shellWave19 4.22251s ease-in-out infinite;animation:shellWave19 calc(25.33s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:40% 60% 35% 65%/70% 30% 70% 30%}html body .trend-card.trend-card:nth-child(20n+20):after{animation:shellWave20 4.6676s ease-in-out infinite;animation:shellWave20 calc(28s*var(--animation-speed, .1667)) ease-in-out infinite;border-radius:70% 30% 50% 50%/45% 55% 45% 55%}html body .trend-card.trend-card.trend-card:before{animation:borderWave 5.001s ease-in-out infinite!important;animation:borderWave calc(30s*var(--animation-speed, .1667)) ease-in-out infinite!important}html body .trend-card.trend-card.trend-card:hover:before{animation:borderWaveReverse 5.001s ease-in-out infinite!important;animation:borderWaveReverse calc(30s*var(--animation-speed, .1667)) ease-in-out infinite!important}}.gradient-orb.gradient-orb{--orb-sweep:14vw;--orb-bob:70px;animation:orbSweep 18s cubic-bezier(.37,0,.63,1) infinite alternate,orbBob 8s cubic-bezier(.37,0,.63,1) infinite;animation:orbSweep calc(var(--orb-sweep-time, 18s)*var(--animation-speed, 1)) cubic-bezier(.37,0,.63,1) infinite alternate,orbBob calc(var(--orb-bob-time, 8s)*var(--animation-speed, 1)) cubic-bezier(.37,0,.63,1) infinite;animation-delay:0s,0s;animation-delay:var(--orb-delay,0s),var(--orb-delay,0s);border-radius:50%;opacity:.34;will-change:transform,translate}.gradient-orb.orb-1{--orb-sweep:22vw;--orb-sweep-time:17s;--orb-bob:80px;--orb-bob-time:8s;--orb-delay:0s;height:340px;width:560px}.gradient-orb.orb-2{--orb-sweep:-20vw;--orb-sweep-time:21s;--orb-bob:65px;--orb-bob-time:9.5s;--orb-delay:-4s;height:280px;width:460px}.gradient-orb.orb-3{--orb-sweep:24vw;--orb-sweep-time:19s;--orb-bob:75px;--orb-bob-time:7.5s;--orb-delay:-9s;height:300px;width:520px}.gradient-orb.orb-4{--orb-sweep:-18vw;--orb-sweep-time:23s;--orb-bob:60px;--orb-bob-time:10s;--orb-delay:-13s;height:250px;width:420px}@keyframes orbSweep{0%{translate:calc(var(--orb-sweep)*-1) 0}to{translate:var(--orb-sweep) 0}}@keyframes orbBob{0%{transform:translateY(0) scale(1)}25%{transform:translateY(calc(var(--orb-bob)*-1*1)) scale(1.06);transform:translateY(calc(var(--orb-bob)*-1*var(--animation-amplitude-coeff, 1))) scale(1.06)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(calc(var(--orb-bob)*1)) scale(.94);transform:translateY(calc(var(--orb-bob)*var(--animation-amplitude-coeff, 1))) scale(.94)}to{transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.gradient-orb.gradient-orb{animation:none}}@keyframes shellWave1{0%,to{border-radius:45% 55% 35% 65%/70% 25% 75% 30%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:40% 60% 45% 55%/75% 20% 80% 25%;transform:skew(-.15deg,.2deg) rotate(-.1deg) scale(1);transform:skew(-.15deg,.2deg) rotate(-.1deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave2{0%,to{border-radius:60% 40% 50% 50%/40% 60% 40% 60%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:65% 35% 45% 55%/35% 65% 35% 65%;transform:skew(.9deg,-.8deg) rotate(.6deg) scale(1);transform:skew(.9deg,-.8deg) rotate(.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave3{0%,to{border-radius:35% 65% 55% 45%/55% 45% 55% 45%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:30% 70% 60% 40%/60% 40% 60% 40%;transform:skew(-.2deg,.2deg) rotate(-.1deg) scale(1);transform:skew(-.2deg,.2deg) rotate(-.1deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave4{0%,to{border-radius:55% 45% 65% 35%/45% 55% 35% 65%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:60% 40% 55% 45%/40% 60% 30% 70%;transform:skew(.7deg,-.6deg) rotate(.5deg) scale(1);transform:skew(.7deg,-.6deg) rotate(.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave5{0%,to{border-radius:40% 60% 45% 55%/65% 35% 65% 35%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:35% 65% 50% 50%/70% 30% 70% 30%;transform:skew(-.7deg,.8deg) rotate(-.5deg) scale(1);transform:skew(-.7deg,.8deg) rotate(-.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave6{0%,to{border-radius:65% 35% 50% 50%/50% 50% 50% 50%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:70% 30% 45% 55%/55% 45% 55% 45%;transform:skew(.9deg,-.8deg) rotate(.6deg) scale(1);transform:skew(.9deg,-.8deg) rotate(.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave7{0%,to{border-radius:50% 50% 60% 40%/40% 60% 40% 60%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:45% 55% 65% 35%/35% 65% 45% 55%;transform:skew(-.9deg,.9deg) rotate(-.6deg) scale(1);transform:skew(-.9deg,.9deg) rotate(-.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave8{0%,to{border-radius:30% 70% 40% 60%/60% 40% 60% 40%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:25% 75% 50% 50%/65% 35% 65% 35%;transform:skew(.8deg,-.9deg) rotate(.5deg) scale(1);transform:skew(.8deg,-.9deg) rotate(.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave9{0%,to{border-radius:70% 30% 55% 45%/35% 65% 35% 65%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:75% 25% 60% 40%/30% 70% 40% 60%;transform:skew(-.7deg,.8deg) rotate(-.5deg) scale(1);transform:skew(-.7deg,.8deg) rotate(-.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave10{0%,to{border-radius:45% 55% 65% 35%/55% 45% 55% 45%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:40% 60% 70% 30%/60% 40% 60% 40%;transform:skew(.7deg,-.6deg) rotate(.4deg) scale(1);transform:skew(.7deg,-.6deg) rotate(.4deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave11{0%,to{border-radius:55% 45% 40% 60%/65% 35% 65% 35%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:60% 40% 35% 65%/70% 30% 70% 30%;transform:skew(-.9deg,.8deg) rotate(-.6deg) scale(1);transform:skew(-.9deg,.8deg) rotate(-.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave12{0%,to{border-radius:40% 60% 70% 30%/45% 55% 45% 55%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:35% 65% 75% 25%/40% 60% 50% 50%;transform:skew(.8deg,-.9deg) rotate(.5deg) scale(1);transform:skew(.8deg,-.9deg) rotate(.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave13{0%,to{border-radius:60% 40% 35% 65%/50% 50% 50% 50%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:65% 35% 30% 70%/45% 55% 55% 45%;transform:skew(-.9deg,.7deg) rotate(-.5deg) scale(1);transform:skew(-.9deg,.7deg) rotate(-.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave14{0%,to{border-radius:35% 65% 50% 50%/60% 40% 60% 40%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:30% 70% 45% 55%/65% 35% 65% 35%;transform:skew(.7deg,-.6deg) rotate(.4deg) scale(1);transform:skew(.7deg,-.6deg) rotate(.4deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave15{0%,to{border-radius:50% 50% 45% 55%/40% 60% 40% 60%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:45% 55% 40% 60%/35% 65% 45% 55%;transform:skew(-.8deg,.9deg) rotate(-.6deg) scale(1);transform:skew(-.8deg,.9deg) rotate(-.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave16{0%,to{border-radius:65% 35% 60% 40%/55% 45% 55% 45%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:70% 30% 65% 35%/60% 40% 60% 40%;transform:skew(.8deg,-.9deg) rotate(.5deg) scale(1);transform:skew(.8deg,-.9deg) rotate(.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave17{0%,to{border-radius:45% 55% 50% 50%/50% 50% 50% 50%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:40% 60% 45% 55%/45% 55% 55% 45%;transform:skew(-.9deg,.7deg) rotate(-.5deg) scale(1);transform:skew(-.9deg,.7deg) rotate(-.5deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave18{0%,to{border-radius:55% 45% 70% 30%/35% 65% 35% 65%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:60% 40% 75% 25%/30% 70% 40% 60%;transform:skew(.7deg,-.6deg) rotate(.4deg) scale(1);transform:skew(.7deg,-.6deg) rotate(.4deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave19{0%,to{border-radius:40% 60% 35% 65%/70% 30% 70% 30%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:35% 65% 30% 70%/75% 25% 75% 25%;transform:skew(-.7deg,.8deg) rotate(-.4deg) scale(1);transform:skew(-.7deg,.8deg) rotate(-.4deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@keyframes shellWave20{0%,to{border-radius:70% 30% 50% 50%/45% 55% 45% 55%;transform:skew(0deg) rotate(0deg) scale(1);transform:skew(0deg) rotate(0deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}50%{border-radius:75% 25% 45% 55%/40% 60% 50% 50%;transform:skew(.8deg,-.9deg) rotate(.6deg) scale(1);transform:skew(.8deg,-.9deg) rotate(.6deg) scale(calc(1 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1)))}}@media (max-width:768px){html body .trend-card.trend-card.trend-card{animation:none!important;background:#0000!important;border-color:#0000!important;border-radius:0!important;box-shadow:none!important;contain:layout style;isolation:isolate;transform:none!important}html body .trend-card.trend-card.trend-card:before{animation:none!important;display:none!important}html body .trend-card.trend-card:after{animation:shellPulseMobile 7s ease-in-out infinite!important;animation:shellPulseMobile calc(7s*var(--animation-speed, 1)) ease-in-out infinite!important;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:28px 40px 30px 42px/40px 28px 42px 30px;content:"";inset:0;pointer-events:none;position:absolute;will-change:transform;z-index:-1}html body .trend-card.trend-card:nth-child(2n):after{animation-duration:9s!important;animation-duration:calc(9s*var(--animation-speed, 1))!important;animation-name:shellPulseMobileAlt!important}@keyframes shellPulseMobile{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.012) rotate(-.6deg);transform:scale(calc(1.012 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1))) rotate(-.6deg)}}@keyframes shellPulseMobileAlt{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.01) rotate(.6deg);transform:scale(calc(1.01 + (var(--animation-amplitude, 1) - 1)*var(--animation-amplitude-coeff, 1))) rotate(.6deg)}}.trend-info{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.gradient-orb.gradient-orb{--orb-sweep:10vw;--orb-bob:40px;filter:blur(36px)}.gradient-orb.orb-1{height:200px;width:300px}.gradient-orb.orb-2{height:170px;width:260px}.gradient-orb.orb-3,.gradient-orb.orb-4{display:none}.music-playing:after,.music-playing:before,.section-title,.section-title:after{animation:none!important}.playlist-section,.results-section,.trends-section{contain-intrinsic-size:auto 700px;content-visibility:auto}}.audio-player{animation:playerWave 3.88911s ease-in-out infinite;animation:playerWave calc(23.33s*var(--animation-speed, .1667)) ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ef2;border-radius:35% 45% 30% 40%/25% 30% 35% 40%;border-top:none;bottom:0;box-shadow:0 -4px 20px #0000004d;-webkit-clip-path:polygon(0 15%,5% 10%,10% 18%,15% 8%,20% 16%,25% 12%,30% 20%,35% 10%,40% 18%,45% 14%,50% 22%,55% 12%,60% 20%,65% 16%,70% 24%,75% 14%,80% 22%,85% 18%,90% 26%,95% 16%,100% 20%,100% 100%,95% 100%,90% 100%,85% 100%,80% 100%,75% 100%,70% 100%,65% 100%,60% 100%,55% 100%,50% 100%,45% 100%,40% 100%,35% 100%,30% 100%,25% 100%,20% 100%,15% 100%,10% 100%,5% 100%,0 100%);clip-path:polygon(0 15%,5% 10%,10% 18%,15% 8%,20% 16%,25% 12%,30% 20%,35% 10%,40% 18%,45% 14%,50% 22%,55% 12%,60% 20%,65% 16%,70% 24%,75% 14%,80% 22%,85% 18%,90% 26%,95% 16%,100% 20%,100% 100%,95% 100%,90% 100%,85% 100%,80% 100%,75% 100%,70% 100%,65% 100%,60% 100%,55% 100%,50% 100%,45% 100%,40% 100%,35% 100%,30% 100%,25% 100%,20% 100%,15% 100%,10% 100%,5% 100%,0 100%);left:0;padding:1rem 1.5rem;position:fixed;right:0;transform-origin:center bottom;transition:transform .3s ease;z-index:3000}.audio-player.near-cursor{animation:playerWaveReduced 388.9111s ease-in-out infinite;animation:playerWaveReduced calc(23.33s*var(--animation-speed, .1667)*100) ease-in-out infinite}@keyframes playerWave{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(1px) translateY(-.5px);transform:translateX(calc(1px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-.5px*var(--animation-amplitude-coeff, 1)))}50%{transform:translateX(-.5px) translateY(1px);transform:translateX(calc(-.5px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(1px*var(--animation-amplitude-coeff, 1)))}75%{transform:translateX(.5px) translateY(-1px);transform:translateX(calc(.5px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-1px*var(--animation-amplitude-coeff, 1)))}}.audio-player.playing{animation:playerWaveBeat .44509s ease-in-out infinite;animation:playerWaveBeat calc(2.67s*var(--animation-speed, .1667)) ease-in-out infinite}.audio-player.playing.near-cursor{animation:playerWaveBeatReduced 44.5089s ease-in-out infinite;animation:playerWaveBeatReduced calc(2.67s*var(--animation-speed, .1667)*100) ease-in-out infinite}@keyframes playerWaveBeat{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(1.5px) translateY(-1px);transform:translateX(calc(1.5px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-1px*var(--animation-amplitude-coeff, 1)))}}@keyframes playerWaveReduced{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(.03px) translateY(-.02px);transform:translateX(calc(.03px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-.02px*var(--animation-amplitude-coeff, 1)))}50%{transform:translateX(-.02px) translateY(.03px);transform:translateX(calc(-.02px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(.03px*var(--animation-amplitude-coeff, 1)))}75%{transform:translateX(.02px) translateY(-.03px);transform:translateX(calc(.02px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-.03px*var(--animation-amplitude-coeff, 1)))}}@keyframes playerWaveBeatReduced{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(.05px) translateY(-.04px);transform:translateX(calc(.05px*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1))) translateY(calc(-.04px*var(--animation-amplitude-coeff, 1)))}}.player-content{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px}.player-track-info{align-items:center;display:flex;flex:0 0 280px;gap:1rem;max-width:280px;min-width:280px;width:280px}.player-track-image{border-radius:8px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.player-track-image img{height:100%;object-fit:cover;width:100%}.player-no-image{align-items:center;background:linear-gradient(135deg,#ffb3ba,#ffd3a5);color:#ffffffb3;display:flex;height:100%;justify-content:center;width:100%}.player-track-details{align-items:center;display:flex;gap:.5rem;max-width:100%}.player-track-details,.player-track-text{flex:1 1;min-width:0;overflow:hidden}.player-track-text h4{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track-text p{color:#fff9;font-size:.75rem;margin:0}.player-controls{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.player-status-message{align-items:center;display:flex;gap:.5rem;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.player-status-bg{display:none}.player-status-text{align-items:center;background:none;color:#ffb3bae6;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;position:relative;text-shadow:0 2px 8px #ffb3ba4d;white-space:nowrap}.player-status-text:before{animation:spin .8s linear infinite;border:2px solid #ffb3ba80;border-radius:50%;border-top-color:#ffb3ba;content:"";flex-shrink:0;height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.player-play-pause-btn:disabled{cursor:not-allowed;opacity:.5}.player-play-pause-btn{align-items:center;background:linear-gradient(135deg,#ffb3ba,#ffd3a5);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.player-play-pause-btn:hover:not(:disabled){box-shadow:0 4px 15px #ffb3ba66;transform:scale(1.1)}.player-play-pause-btn svg{height:24px;width:24px}.player-nav-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.player-nav-btn:hover{background:#fff3;transform:scale(1.1)}.player-nav-btn:disabled{cursor:not-allowed;opacity:.3}.player-nav-btn svg{height:20px;width:20px}.player-progress{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.player-seek-wrapper{flex:1 1;height:6px;min-width:0;position:relative}.player-time{color:#ffffffb3;flex-shrink:0;font-size:.85rem;font-weight:500;min-width:40px;text-align:center}.player-seek{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;outline:none;position:relative;width:100%;z-index:2}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffb3ba,#ffd3a5);border-radius:50%;cursor:pointer;height:14px;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}.player-seek::-webkit-slider-thumb:hover{box-shadow:0 0 10px #ffb3ba99;transform:scale(1.2)}.player-seek::-moz-range-thumb{background:linear-gradient(135deg,#ffb3ba,#ffd3a5);border:none;border-radius:50%;cursor:pointer;height:14px;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}.player-seek::-moz-range-thumb:hover{box-shadow:0 0 10px #ffb3ba99;transform:scale(1.2)}.player-volume{align-items:center;display:flex;flex:0 0 auto;gap:.75rem;min-width:150px}.player-volume-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.player-volume-btn:hover{background:#ffffff26}.player-volume-btn svg{height:20px;width:20px}.player-volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#ffb3ba,#ffd3a5);border-radius:50%;cursor:pointer;height:12px;width:12px}.player-volume-slider::-moz-range-thumb{background:linear-gradient(135deg,#ffb3ba,#ffd3a5);border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.player-volume-value{color:#fff9;flex-shrink:0;font-size:.75rem;min-width:35px;text-align:right}.player-actions{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;margin-right:.75rem}@media (min-width:769px){.player-track-details .player-actions{display:none}}.player-action-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.player-action-btn:hover{background:#ffb3ba4d;transform:scale(1.1)}.player-action-btn svg{height:18px;width:18px}@media (max-width:768px){.audio-player{border-radius:20% 25% 18% 22%/15% 18% 20% 22%;-webkit-clip-path:polygon(0 5%,10% 2%,20% 8%,30% 3%,40% 10%,50% 5%,60% 12%,70% 7%,80% 14%,90% 9%,100% 12%,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%);clip-path:polygon(0 5%,10% 2%,20% 8%,30% 3%,40% 10%,50% 5%,60% 12%,70% 7%,80% 14%,90% 9%,100% 12%,100% 100%,90% 100%,80% 100%,70% 100%,60% 100%,50% 100%,40% 100%,30% 100%,20% 100%,10% 100%,0 100%);padding:.75rem 1rem}.audio-player.playing{animation:playerWaveMobile .5s ease-in-out infinite}@keyframes playerWaveMobile{0%,to{border-radius:20% 25% 18% 22%/15% 18% 20% 22%;transform:skew(0deg,0deg) scaleY(1)}50%{border-radius:25% 20% 22% 18%/18% 15% 22% 20%;transform:skew(.2deg,-.2deg) scaleY(1.02);transform:skew(calc(.2deg*var(--animation-amplitude-coeff, 1)*var(--animation-direction, 1)),calc(-.2deg*var(--animation-amplitude-coeff, 1))) scaleY(calc(1 + var(--animation-amplitude-coeff, 1)*.02))}}.player-content{flex-direction:column;gap:1rem}.player-track-info{flex:0 0 auto;max-width:none;min-width:0;order:1;width:100%}.player-track-details{align-items:center;flex-direction:row;justify-content:space-between}.player-track-text{flex:1 1;min-width:0}.player-track-details .player-actions{display:flex;flex-shrink:0;margin-right:0}.player-controls{align-items:center;flex-direction:row;gap:1rem;justify-content:center;order:2;width:100%}.player-controls>button{flex-shrink:0}.player-progress{margin-bottom:2vh;order:3;width:100%}.player-volume{display:none}}@media (max-width:480px){.audio-player{border-radius:15% 20% 12% 18%/10% 15% 18% 20%;-webkit-clip-path:polygon(0 3%,15% 1%,30% 5%,50% 2%,70% 6%,85% 3%,100% 8%,100% 100%,85% 100%,70% 100%,50% 100%,30% 100%,15% 100%,0 100%);clip-path:polygon(0 3%,15% 1%,30% 5%,50% 2%,70% 6%,85% 3%,100% 8%,100% 100%,85% 100%,70% 100%,50% 100%,30% 100%,15% 100%,0 100%);padding:.5rem .75rem}.player-track-info{width:100%}.player-track-text h4{font-size:.85rem}.player-track-text p{font-size:.7rem}.player-action-btn{height:32px;width:32px}.player-action-btn svg{height:16px;width:16px}}.App{min-height:100vh}
/*# sourceMappingURL=main.d0f4532c.css.map*/