.vn-card.svelte-1jesk9t{--vn-violet:#7c3aed;--vn-fuchsia:#d946ef;--vn-ember:#fb923c;--vn-rose:#f43f5e;isolation:isolate;animation:.6s cubic-bezier(.22,1,.36,1) both svelte-1jesk9t-vn-enter;animation-delay:var(--feed-delay,0s);border-radius:1.6rem;padding:1.5px;overflow:hidden;box-shadow:0 24px 60px -28px #d946ef8c,0 10px 40px -24px #fb923c73}.vn-frame.svelte-1jesk9t{z-index:-1;background:conic-gradient(from 0deg, var(--vn-violet), var(--vn-fuchsia), var(--vn-ember), var(--vn-rose), var(--vn-violet));animation:9s linear infinite svelte-1jesk9t-vn-spin;position:absolute;inset:-70%}.vn-card--playing.svelte-1jesk9t .vn-frame:where(.svelte-1jesk9t){animation-duration:3.5s}.vn-inner.svelte-1jesk9t{background:radial-gradient(120% 80% at 100% 0,#d946ef38,#0000 55%),radial-gradient(90% 70% at 0 100%,#fb923c29,#0000 60%),linear-gradient(160deg,#150826 0%,#0b0614 55%,#1a0718 100%);border-radius:calc(1.6rem - 1.5px);container-type:inline-size}.vn-aurora.svelte-1jesk9t{filter:blur(18px);background:radial-gradient(closest-side,#a855f752,#ec489924 55%,#0000);height:80%;animation:12s ease-in-out infinite alternate svelte-1jesk9t-vn-drift;position:absolute;inset:-40% -20% auto}.vn-avatar.svelte-1jesk9t{background:linear-gradient(135deg, var(--vn-fuchsia), var(--vn-ember));border-radius:9999px;padding:2px;box-shadow:0 0 18px -4px #d946efcc}.vn-body.svelte-1jesk9t{grid-template-columns:minmax(0,1fr)}@container (width>=600px){.vn-body.svelte-1jesk9t{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:stretch}}.vn-cover.svelte-1jesk9t{aspect-ratio:1;background:linear-gradient(135deg,#3b0764,#831843 60%,#7c2d12);border-radius:1.25rem;box-shadow:0 0 0 1px #ffffff1a,0 0 38px -6px #d946efbf,0 0 70px -20px #fb923cb3}@container (width<=599px){.vn-cover.svelte-1jesk9t{aspect-ratio:16/11}}@container (width>=600px){.vn-cover-wrap.svelte-1jesk9t,.vn-cover.svelte-1jesk9t{height:100%}.vn-cover.svelte-1jesk9t{aspect-ratio:auto;min-height:16rem}.vn-play.svelte-1jesk9t{top:42%}}.vn-cover-img.svelte-1jesk9t{transition:transform .9s cubic-bezier(.22,1,.36,1)}.vn-card.svelte-1jesk9t:hover .vn-cover-img:where(.svelte-1jesk9t){transform:scale(1.06)}.vn-card--playing.svelte-1jesk9t .vn-cover-img:where(.svelte-1jesk9t){animation:14s ease-in-out infinite alternate svelte-1jesk9t-vn-kenburns}.vn-cover-shade.svelte-1jesk9t{background:linear-gradient(#0000 38%,#0a041459 62%,#0a0414eb 100%);position:absolute;inset:0}.vn-chip.svelte-1jesk9t{letter-spacing:.14em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#7c3aedd9,#ec4899d9);border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:10px;font-weight:800;display:inline-flex;box-shadow:0 0 16px -4px #ec4899e6}.vn-title.svelte-1jesk9t{background:linear-gradient(90deg,#fff 0%,#fbcfe8 45%,#fdba74 100%);color:#0000;text-shadow:0 2px 18px #ec489959;-webkit-background-clip:text;background-clip:text}.vn-play.svelte-1jesk9t{color:#1a0718;background:#fff;width:4.25rem;height:4.25rem;transition:transform .25s,box-shadow .25s;box-shadow:0 0 0 6px #ffffff1f,0 0 40px #ec4899bf}.vn-play.svelte-1jesk9t:hover{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 8px #ffffff29,0 0 56px #fb923cd9}.vn-play.svelte-1jesk9t:active{transform:translate(-50%,-50%)scale(.95)}.vn-ring.svelte-1jesk9t{opacity:0;pointer-events:none;border:2px solid #f472b6b3;border-radius:9999px;position:absolute;inset:-5px}.vn-play.svelte-1jesk9t:hover .vn-ring:where(.svelte-1jesk9t){animation:1.9s ease-out infinite svelte-1jesk9t-vn-pulse}.vn-card--playing.svelte-1jesk9t .vn-ring:where(.svelte-1jesk9t){animation:1.9s ease-out infinite svelte-1jesk9t-vn-pulse}.vn-ring--late.svelte-1jesk9t{animation-delay:.65s!important}.vn-panel.svelte-1jesk9t{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff17,#ffffff08);border:1px solid #ffffff1f;border-radius:1.25rem;min-height:15rem}@container (width>=600px){.vn-panel.svelte-1jesk9t{max-height:22rem}}.vn-wave.svelte-1jesk9t{align-items:center;gap:2px;height:3.25rem;padding:.6rem .9rem .3rem;display:flex}.vn-bar.svelte-1jesk9t{min-width:1px;height:var(--h);transform-origin:50%;background:#ffffff6b;border-radius:9999px;flex:1 1 0;transition:background .3s}.vn-bar--done.svelte-1jesk9t{background:linear-gradient(180deg, var(--vn-ember), var(--vn-fuchsia));box-shadow:0 0 6px #ec489999}.vn-card--playing.svelte-1jesk9t .vn-bar:where(.svelte-1jesk9t){animation:1.1s ease-in-out infinite svelte-1jesk9t-vn-bounce;animation-delay:var(--d)}.vn-list.svelte-1jesk9t{scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#ec4899b3 transparent;max-height:13.5rem;padding:.15rem .45rem .35rem;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 14px),#0000);mask-image:linear-gradient(#0000,#000 10px calc(100% - 14px),#0000)}@container (width>=600px){.vn-list.svelte-1jesk9t{max-height:none}}.vn-list.svelte-1jesk9t li:where(.svelte-1jesk9t){scroll-snap-align:start;animation:.45s cubic-bezier(.22,1,.36,1) both svelte-1jesk9t-vn-row-in;animation-delay:calc(var(--i,0) * 40ms)}.vn-row.svelte-1jesk9t{border:1px solid #0000;border-radius:9999px;align-items:center;gap:.6rem;width:100%;min-height:2.75rem;padding:.45rem .75rem;font-size:13.5px;transition:background .25s,border-color .25s,box-shadow .25s,transform .2s;display:flex}.vn-row.svelte-1jesk9t:hover{background:#ffffff12}.vn-row.svelte-1jesk9t:active{transform:scale(.985)}.vn-row--on.svelte-1jesk9t{background:linear-gradient(90deg,#7c3aed59,#ec489938,#fb923c2e);border-color:#ffffffbf;box-shadow:0 0 0 1px #ec489959,0 0 22px -4px #ec4899bf,inset 0 0 14px #ffffff14}.vn-idx.svelte-1jesk9t{color:#ffffff8c;font-variant-numeric:tabular-nums;place-items:center;width:1.35rem;font-size:11px;display:grid}.vn-row--on.svelte-1jesk9t .vn-idx:where(.svelte-1jesk9t){color:#f9a8d4}.vn-idx.svelte-1jesk9t .vn-num-play{display:none}.vn-row.svelte-1jesk9t:hover .vn-num:where(.svelte-1jesk9t){display:none}.vn-row.svelte-1jesk9t:hover .vn-idx:where(.svelte-1jesk9t) .vn-num-play{color:#fff;display:block}.vn-eq.svelte-1jesk9t{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.vn-eq.svelte-1jesk9t i:where(.svelte-1jesk9t){background:linear-gradient(180deg, var(--vn-ember), var(--vn-fuchsia));border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite svelte-1jesk9t-vn-eq}.vn-eq.svelte-1jesk9t i:where(.svelte-1jesk9t):nth-child(2){animation-delay:.2s}.vn-eq.svelte-1jesk9t i:where(.svelte-1jesk9t):nth-child(3){animation-delay:.4s}.vn-skel.svelte-1jesk9t{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d) 0 0/200% 100%;border-radius:9999px;height:2.4rem;margin:.3rem .4rem;animation:1.4s linear infinite svelte-1jesk9t-vn-shimmer}.vn-caption.svelte-1jesk9t p:where(.svelte-1jesk9t)+p:where(.svelte-1jesk9t){margin-top:.35rem}.vn-controls.svelte-1jesk9t{background:#0a041459;border-top:1px solid #ffffff1a}.vn-ctl.svelte-1jesk9t{color:#ffffffbf;border-radius:9999px;place-items:center;width:2.6rem;height:2.6rem;transition:color .2s,background .2s,transform .15s;display:grid}.vn-ctl.svelte-1jesk9t:hover{color:#fff;background:#ffffff17}.vn-ctl.svelte-1jesk9t:active{transform:scale(.9)}.vn-ctl--on.svelte-1jesk9t{color:#f9a8d4;text-shadow:0 0 10px #ec4899e6}.vn-ctl--main.svelte-1jesk9t{color:#fff;background:linear-gradient(135deg, var(--vn-violet), var(--vn-fuchsia) 55%, var(--vn-ember));width:2.9rem;height:2.9rem;box-shadow:0 0 22px -4px #ec4899e6}.vn-ctl--main.svelte-1jesk9t:hover{background:linear-gradient(135deg, var(--vn-fuchsia), var(--vn-ember))}.vn-act.svelte-1jesk9t{color:#ffffffd1;border-radius:9999px;align-items:center;gap:.4rem;min-width:2.75rem;min-height:2.75rem;padding:.35rem .65rem;font-size:.875rem;font-weight:600;transition:background .2s,color .2s,transform .15s;display:inline-flex}.vn-act.svelte-1jesk9t:hover{background:#ffffff14}.vn-act.svelte-1jesk9t:active{transform:scale(.9)}@keyframes svelte-1jesk9t-vn-enter{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes svelte-1jesk9t-vn-spin{to{transform:rotate(1turn)}}@keyframes svelte-1jesk9t-vn-drift{0%{transform:translate(-8%)}to{transform:translate(10%,6%)}}@keyframes svelte-1jesk9t-vn-kenburns{0%{transform:scale(1.04)}to{transform:scale(1.14)translate(-2%,-2%)}}@keyframes svelte-1jesk9t-vn-pulse{0%{opacity:.8;transform:scale(.9)}75%,to{opacity:0;transform:scale(1.45)}}@keyframes svelte-1jesk9t-vn-bounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@keyframes svelte-1jesk9t-vn-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes svelte-1jesk9t-vn-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes svelte-1jesk9t-vn-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.vn-card.svelte-1jesk9t,.vn-frame.svelte-1jesk9t,.vn-aurora.svelte-1jesk9t,.vn-cover-img.svelte-1jesk9t,.vn-ring.svelte-1jesk9t,.vn-bar.svelte-1jesk9t,.vn-skel.svelte-1jesk9t{animation:none!important}.vn-eq.svelte-1jesk9t i:where(.svelte-1jesk9t){animation:none!important}.vn-list.svelte-1jesk9t li:where(.svelte-1jesk9t){animation:none!important}}.fp-toggle.svelte-wkfnpd{-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#12081fe0,#240c3ad1),#12081fb3;border:1px solid #a855f76b;border-radius:999px;grid-template-columns:1fr 1fr;gap:.3rem;min-width:min(100%,11.5rem);padding:.28rem;display:inline-grid;box-shadow:0 10px 28px -14px #a855f78c,0 0 18px #8b5cf638,inset 0 1px #ffffff1f}html:not(.dark) .fp-toggle.svelte-wkfnpd{border-color:color-mix(in oklab, var(--primary) 28%, white);background:linear-gradient(145deg, color-mix(in oklab, white 92%, var(--primary) 8%), color-mix(in oklab, white 84%, var(--primary) 16%));box-shadow:0 12px 28px -16px color-mix(in oklab, var(--primary) 28%, transparent), inset 0 1px 0 oklch(100% 0 0/.75)}.fp-toggle-btn.svelte-wkfnpd{isolation:isolate;cursor:pointer;color:#e2e8f09e;background:0 0;border:0;border-radius:999px;min-height:44px;padding:.45rem .85rem;transition:color .28s,transform .28s cubic-bezier(.22,1.2,.36,1),filter .28s;position:relative}html:not(.dark) .fp-toggle-btn.svelte-wkfnpd{color:color-mix(in oklab, var(--foreground) 55%, transparent)}.fp-toggle-btn.svelte-wkfnpd:hover:not(.is-active){color:#f8fafc;filter:brightness(1.08)}html:not(.dark) .fp-toggle-btn.svelte-wkfnpd:hover:not(.is-active){color:var(--foreground);filter:none}.fp-toggle-btn.svelte-wkfnpd:active{transform:scale(.97)}.fp-toggle-btn.is-active.svelte-wkfnpd{color:#fff}html:not(.dark) .fp-toggle-btn.is-active.svelte-wkfnpd{color:var(--primary-foreground)}.fp-toggle-glow.svelte-wkfnpd{border-radius:inherit;background:linear-gradient(125deg,#7c3aed,#a855f7,#8b5cf6);animation:2.2s ease-in-out infinite svelte-wkfnpd-fp-toggle-breathe;position:absolute;inset:0;box-shadow:0 0 20px #a855f7a6,0 8px 22px -10px #8b5cf6d9,inset 0 1px #ffffff40}html:not(.dark) .fp-toggle-glow.svelte-wkfnpd{box-shadow:0 0 16px color-mix(in oklab, var(--primary) 35%, transparent), 0 8px 20px -12px color-mix(in oklab, var(--primary) 45%, transparent), inset 0 1px 0 oklch(100% 0 0/.35);background:linear-gradient(125deg,oklch(50% .14 155),oklch(46% .12 175),oklch(52% .11 145))}.fp-toggle-inner.svelte-wkfnpd{z-index:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.fp-toggle-btn.is-active.svelte-wkfnpd .fp-toggle-inner:where(.svelte-wkfnpd){text-shadow:0 0 14px #e9d5ffb3}html:not(.dark) .fp-toggle-btn.is-active.svelte-wkfnpd .fp-toggle-inner:where(.svelte-wkfnpd){text-shadow:none}@keyframes svelte-wkfnpd-fp-toggle-breathe{0%,to{filter:brightness();box-shadow:0 0 14px #a855f773,0 8px 20px -10px #8b5cf6b3,inset 0 1px #ffffff2e}50%{filter:brightness(1.08);box-shadow:0 0 28px #a855f7bf,0 10px 26px -8px #a855f7f2,inset 0 1px #ffffff47}}@media (prefers-reduced-motion:reduce){.fp-toggle-glow.svelte-wkfnpd{animation:none!important}.fp-toggle-btn.svelte-wkfnpd{transition:none}}html.reduce-motion .fp-toggle-glow.svelte-wkfnpd,html:not(.dark).reduce-motion .fp-toggle-glow.svelte-wkfnpd{animation:none!important}