/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--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-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-neon-pink:#ff4fbf;--color-neon-cyan:#1ad7ff;--color-neon-lime:#ccff2c;--color-neon-violet:#9f7dff;--color-neon-orange:#ff9750;--color-bg-night:#f6f8ff;--color-bg-card:#fff;--color-bg-card-hover:#fbf8ff;--color-text-primary:#1f2a44;--color-text-secondary:#5f6a88;--font-display:"Rubik Bubbles", "Sniglet", cursive;--font-heading:"Syne", "Avenir Next", sans-serif;--font-body:"Manrope", "Segoe UI", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:light;--selection-bg:#ccff2ca6;--selection-text:#1b2542;--radar-grid-color:#1f2a4429;--radar-fill-color:#1ad7ff3d;--radar-stroke-color:#ff4fbff2;--radar-point-color:#ff4fbf;--radar-label-color:#5f6a88}body{background-color:var(--color-bg-night);font-family:var(--font-body);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:-1;border-radius:9999px;position:fixed}body:before{background-color:#ff4fbf1f;border:2px solid #ff4fbf38;width:20rem;height:20rem;top:-8rem;left:-7rem}body:after{background-color:#1ad7ff1f;border:2px solid #1ad7ff38;width:22rem;height:22rem;bottom:-9rem;right:-9rem}::selection{background-color:var(--selection-bg);color:var(--selection-text)}a[href],button:not(:disabled),input[type=button],input[type=submit],input[type=reset],input[type=range],summary,[role=button]{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}}@layer components{.beta-banner{background-image:linear-gradient(90deg,#ccff2c38,#fffffff0,#1ad7ff29);border-bottom:2px solid #1f2a4424;box-shadow:0 8px 18px -18px #1f2a448c}.beta-banner__desktop,.beta-banner__copy{color:#32405d;letter-spacing:.01em;align-items:center;gap:.55rem;font-size:.74rem;font-weight:700;line-height:1.35}.beta-banner__desktop{justify-content:center;max-width:72rem;margin:0 auto;padding:.55rem 1rem;display:none}.beta-banner__mobile{overflow:hidden}.beta-banner__track{gap:2rem;width:max-content;padding:.55rem 0;animation:28s linear infinite beta-banner-scroll;display:flex}.beta-banner__track:hover{animation-play-state:paused}.beta-banner__copy{white-space:nowrap;padding:0 1rem;display:flex}.beta-banner__dot{color:#d90086;flex:none;font-size:.9em}.beta-banner__label{color:#b14c00;font-family:var(--font-heading);letter-spacing:.08em;font-weight:800}.beta-banner__link{color:#a00066;font-family:var(--font-heading);text-underline-offset:.16em;flex:none;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.beta-banner__link:hover{color:#006e90}.bubble-text{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-neon-pink);text-shadow:0 2px #1f2a4440,2px 2px #1ad7ffa6,-1px -1px #ccff2c73}.bubble-text-sm{font-family:var(--font-display);letter-spacing:.03em;color:#ff6ecb;text-shadow:0 2px #1f2a4440,1px 1px #1ad7ff73}.section-heading{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}.nav-link{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;font-family:var(--font-heading);color:var(--color-text-primary);background-color:#ffffffd1;border:2px solid #9f7dff61;border-radius:3.40282e38px;align-items:center;font-weight:700;transition-duration:.2s;display:inline-flex;box-shadow:2px 2px #9f7dff42}.nav-link:hover{background-color:#fffffffa;border-color:#1ad7ff99;transform:translate(-1px,-1px);box-shadow:4px 4px #1ad7ff47}.theme-toggle{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-color:#ffffffd1;border:2px solid #1ad7ff57;border-radius:3.40282e38px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;transition-duration:.2s;display:inline-flex;box-shadow:2px 2px #1ad7ff38}.theme-toggle:hover{background-color:#fffffffa;border-color:#ff4fbf7a;transform:translate(-1px,-1px);box-shadow:4px 4px #ff4fbf2e}.theme-toggle__icon{flex:none;width:1.05rem;height:1.05rem}.theme-toggle__icon--moon{color:var(--color-neon-violet)}.theme-toggle__icon--sun{color:var(--color-neon-orange);display:none}.card-preview{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.result-note{color:var(--color-text-secondary);background-color:#f6f8ffe0;border:1px solid #1f2a4414;border-radius:.95rem;padding:.7rem .85rem;font-size:.78rem;font-weight:600;line-height:1.45}.card{border-style:var(--tw-border-style);width:100%;max-width:100%;padding:calc(var(--spacing) * 5);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;background-color:var(--color-bg-card);border-width:2px;border-color:#1f2a441a;border-radius:1.3rem;transition-duration:.2s;overflow:hidden;box-shadow:0 20px 40px -26px #1f2a4459,4px 4px #9f7dff33}.card:hover{background-color:var(--color-bg-card-hover);border-color:#ff4fbf85;transform:translate(-2px,-2px);box-shadow:0 22px 42px -24px #1f2a4457,6px 6px #ff4fbf2e}.genre-tag{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:#186887;background-color:#1ad7ff24;border:1px solid #1ad7ff59;border-radius:3.40282e38px;align-items:center;display:inline-flex}.score-badge{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);border:1px solid #0000;border-radius:3.40282e38px;align-items:center;display:inline-flex}.rank-pill{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#5f7600;background-color:#ccff2c3d;border:1px solid #9ece0099;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.rank-pill-sm{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);--tw-font-weight:var(--font-weight-extrabold);font-size:.65rem;font-weight:var(--font-weight-extrabold);color:#5f7600;background-color:#ccff2c3d;border:1px solid #9ece0099;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.score-high{color:#5f7600;background-color:#ccff2c33;border-color:#9ece0073}.score-mid{color:#a44700;background-color:#ff975033;border-color:#ff975073}.score-low{color:#b20075;background-color:#ff4fbf2e;border-color:#ff4fbf73}.field-shell{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 2);background-color:#fffffff2;border-width:2px;border-color:#1f2a441f;box-shadow:inset 0 0 0 1px #1f2a440a}.field-input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-primary);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none;font-weight:600}.field-input::placeholder{color:#5f6a88b3}.field-select{border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-text-primary);--tw-outline-style:none;background-color:#fffffff2;border-width:2px;border-color:#1f2a441f;outline-style:none;font-weight:600}.field-select:focus{border-color:#1ad7ffa6}.primary-button{border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;font-family:var(--font-heading);background-color:var(--color-neon-pink);color:#fff;border:2px solid #ff4fbfd1;justify-content:center;align-items:center;font-weight:700;transition-duration:.2s;display:inline-flex;box-shadow:0 12px 24px -14px #ff4fbfcc,3px 3px #1f2a4433}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:0 14px 24px -12px #ff4fbfd1,4px 4px #1f2a443d}.primary-button:disabled{opacity:.45;cursor:not-allowed}.chip-button{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--color-text-secondary);background-color:#ffffffe0;border:1px solid #1f2a4424;border-radius:3.40282e38px;align-items:center;font-weight:700;transition-duration:.2s;display:inline-flex}.chip-button:hover{color:#bc007a;border-color:#ff4fbf8c;transform:translateY(-1px)}.mode-chip{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;color:var(--color-text-secondary);font-family:var(--font-heading);background-color:#ffffffd1;border:2px solid #1f2a4424;border-radius:3.40282e38px;align-items:center;font-weight:700;transition-duration:.2s;display:inline-flex}.mode-chip:hover{color:#1f2a44;border-color:#1ad7ff75}.mode-chip-active-artist{color:#bc007a;background-color:#ff4fbf29;border-color:#ff4fbfcc;box-shadow:2px 2px #ff4fbf3d}.mode-chip-active-vibe{color:#006e90;background-color:#1ad7ff26;border-color:#1ad7ffcc;box-shadow:2px 2px #1ad7ff3d}.content-auto-section{content-visibility:auto;contain-intrinsic-size:1px 1200px;margin:-.5rem;padding:.5rem}.kicker{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#4c6400;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;background-color:#ccff2c2b;border:2px solid #ccff2c80;border-radius:3.40282e38px;align-items:center;font-weight:700;display:inline-flex}.section-summary{background-color:#ffffffdb;border-color:#1f2a4417;box-shadow:0 12px 26px -24px #1f2a4452,2px 2px #9f7dff29}.section-featured{background-image:linear-gradient(145deg,#ff4fbf14,#1ad7ff14);border-color:#ff4fbf4d;box-shadow:0 18px 34px -24px #1f2a4457,4px 4px #ff4fbf29}.section-unexpected{background-image:linear-gradient(150deg,#1ad7ff14,#ccff2c14);border-color:#1ad7ff4d}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-3{top:calc(var(--spacing) * 3)}.top-24{top:calc(var(--spacing) * 24)}.top-\[42\%\]{top:42%}.right-4{right:calc(var(--spacing) * 4)}.right-\[8\%\]{right:8%}.right-\[20\%\]{right:20%}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-1\/2{left:50%}.left-\[6\%\]{left:6%}.-z-10{z-index:-10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing) * 8)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-0{height:calc(var(--spacing) * 0)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-auto{height:auto}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[280px\]{max-width:280px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-12{rotate:-12deg}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.animate-spin{animation:var(--animate-spin)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-neon-cyan\/\[0\.5\]{border-color:#1ad7ff80}@supports (color:color-mix(in lab,red,red)){.border-neon-cyan\/\[0\.5\]{border-color:color-mix(in oklab,var(--color-neon-cyan) 50%,transparent)}}.border-neon-lime\/\[0\.45\]{border-color:#ccff2c73}@supports (color:color-mix(in lab,red,red)){.border-neon-lime\/\[0\.45\]{border-color:color-mix(in oklab,var(--color-neon-lime) 45%,transparent)}}.border-neon-pink\/65{border-color:#ff4fbfa6}@supports (color:color-mix(in lab,red,red)){.border-neon-pink\/65{border-color:color-mix(in oklab,var(--color-neon-pink) 65%,transparent)}}.border-neon-pink\/\[0\.45\]{border-color:#ff4fbf73}@supports (color:color-mix(in lab,red,red)){.border-neon-pink\/\[0\.45\]{border-color:color-mix(in oklab,var(--color-neon-pink) 45%,transparent)}}.border-text-primary\/\[0\.08\]{border-color:#1f2a4414}@supports (color:color-mix(in lab,red,red)){.border-text-primary\/\[0\.08\]{border-color:color-mix(in oklab,var(--color-text-primary) 8%,transparent)}}.border-text-primary\/\[0\.12\]{border-color:#1f2a441f}@supports (color:color-mix(in lab,red,red)){.border-text-primary\/\[0\.12\]{border-color:color-mix(in oklab,var(--color-text-primary) 12%,transparent)}}.border-text-primary\/\[0\.14\]{border-color:#1f2a4424}@supports (color:color-mix(in lab,red,red)){.border-text-primary\/\[0\.14\]{border-color:color-mix(in oklab,var(--color-text-primary) 14%,transparent)}}.bg-bg-night{background-color:var(--color-bg-night)}.bg-bg-night\/95{background-color:#f6f8fff2}@supports (color:color-mix(in lab,red,red)){.bg-bg-night\/95{background-color:color-mix(in oklab,var(--color-bg-night) 95%,transparent)}}.bg-neon-cyan\/\[0\.08\]{background-color:#1ad7ff14}@supports (color:color-mix(in lab,red,red)){.bg-neon-cyan\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-neon-cyan) 8%,transparent)}}.bg-neon-lime\/\[0\.08\]{background-color:#ccff2c14}@supports (color:color-mix(in lab,red,red)){.bg-neon-lime\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-neon-lime) 8%,transparent)}}.bg-neon-pink\/10{background-color:#ff4fbf1a}@supports (color:color-mix(in lab,red,red)){.bg-neon-pink\/10{background-color:color-mix(in oklab,var(--color-neon-pink) 10%,transparent)}}.bg-neon-pink\/\[0\.08\]{background-color:#ff4fbf14}@supports (color:color-mix(in lab,red,red)){.bg-neon-pink\/\[0\.08\]{background-color:color-mix(in oklab,var(--color-neon-pink) 8%,transparent)}}.bg-text-primary\/\[0\.10\]{background-color:#1f2a441a}@supports (color:color-mix(in lab,red,red)){.bg-text-primary\/\[0\.10\]{background-color:color-mix(in oklab,var(--color-text-primary) 10%,transparent)}}.\!p-4{padding:calc(var(--spacing) * 4)!important}.\!p-5{padding:calc(var(--spacing) * 5)!important}.\!p-6{padding:calc(var(--spacing) * 6)!important}.\!p-7{padding:calc(var(--spacing) * 7)!important}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.\!py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.\!py-2{padding-block:calc(var(--spacing) * 2)!important}.\!py-8{padding-block:calc(var(--spacing) * 8)!important}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[11px\]{font-size:11px!important}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.98rem\]{font-size:.98rem}.text-\[1\.9rem\]{font-size:1.9rem}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-neon-pink{color:var(--color-neon-pink)}.text-text-primary{color:var(--color-text-primary)}.text-text-primary\/70{color:#1f2a44b3}@supports (color:color-mix(in lab,red,red)){.text-text-primary\/70{color:color-mix(in oklab,var(--color-text-primary) 70%,transparent)}}.text-text-primary\/75{color:#1f2a44bf}@supports (color:color-mix(in lab,red,red)){.text-text-primary\/75{color:color-mix(in oklab,var(--color-text-primary) 75%,transparent)}}.text-text-secondary{color:var(--color-text-secondary)}.text-text-secondary\/45{color:#5f6a8873}@supports (color:color-mix(in lab,red,red)){.text-text-secondary\/45{color:color-mix(in oklab,var(--color-text-secondary) 45%,transparent)}}.text-text-secondary\/75{color:#5f6a88bf}@supports (color:color-mix(in lab,red,red)){.text-text-secondary\/75{color:color-mix(in oklab,var(--color-text-secondary) 75%,transparent)}}.text-text-secondary\/80{color:#5f6a88cc}@supports (color:color-mix(in lab,red,red)){.text-text-secondary\/80{color:color-mix(in oklab,var(--color-text-secondary) 80%,transparent)}}.\!normal-case{text-transform:none!important}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-text-secondary\/35{text-decoration-color:#5f6a8859}@supports (color:color-mix(in lab,red,red)){.decoration-text-secondary\/35{-webkit-text-decoration-color:color-mix(in oklab,var(--color-text-secondary) 35%,transparent);text-decoration-color:color-mix(in oklab,var(--color-text-secondary) 35%,transparent)}}.underline-offset-3{text-underline-offset:3px}.accent-neon-pink{accent-color:var(--color-neon-pink)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow-\[3px_3px_0_rgba\(255\,79\,191\,0\.22\)\]{--tw-shadow:3px 3px 0 var(--tw-shadow-color,#ff4fbf38);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.group-hover\:text-neon-pink:is(:where(.group):hover *){color:var(--color-neon-pink)}}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-neon-cyan\/45:hover{border-color:#1ad7ff73}@supports (color:color-mix(in lab,red,red)){.hover\:border-neon-cyan\/45:hover{border-color:color-mix(in oklab,var(--color-neon-cyan) 45%,transparent)}}.hover\:text-neon-pink:hover{color:var(--color-neon-pink)}}@media(min-width:40rem){.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:right-6{right:calc(var(--spacing) * 6)}.sm\:min-w-32{min-width:calc(var(--spacing) * 32)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[130px_minmax\(0\,1fr\)\]{grid-template-columns:130px minmax(0,1fr)}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:\!p-5{padding:calc(var(--spacing) * 5)!important}.sm\:\!p-6{padding:calc(var(--spacing) * 6)!important}.sm\:\!p-7{padding:calc(var(--spacing) * 7)!important}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-12{padding-top:calc(var(--spacing) * 12)}.sm\:text-right{text-align:right}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.sm\:text-\[2\.15rem\]{font-size:2.15rem}}@media(min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,0\.9fr\)\]{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}}}:root[data-theme=dark]{color-scheme:dark;--color-neon-pink:#ff78c9;--color-neon-cyan:#5ae3ff;--color-neon-lime:#ddff70;--color-neon-violet:#b8a3ff;--color-neon-orange:#ffb577;--color-bg-night:#0b1220;--color-bg-shell:#10192a;--color-bg-card:#111b2d;--color-bg-card-hover:#16243a;--color-text-primary:#edf3ff;--color-text-secondary:#99a7c7;--selection-bg:#ddff7057;--selection-text:#f7fbff;--radar-grid-color:#aec2e52e;--radar-fill-color:#5ae3ff38;--radar-stroke-color:#ff78c9eb;--radar-point-color:#ff78c9;--radar-label-color:#b9c4dd}html[data-theme=dark] body:before{background-color:#ff78c91a;border-color:#ff78c92e}html[data-theme=dark] body:after{background-color:#5ae3ff1a;border-color:#5ae3ff2e}html[data-theme=dark] .floating-accent--lime{background-color:#ddff700a!important;border-color:#ddff703d!important}html[data-theme=dark] .beta-banner{background-image:linear-gradient(90deg,#ddff701a,#10192af0,#5ae3ff1a);border-bottom-color:#b9c4dd24;box-shadow:0 10px 24px -24px #000000e6}html[data-theme=dark] .beta-banner__desktop,html[data-theme=dark] .beta-banner__copy{color:#c8d4ee}html[data-theme=dark] .beta-banner__dot{color:#ff78c9}html[data-theme=dark] .beta-banner__label{color:#ffb577}html[data-theme=dark] .beta-banner__link{color:#ff9ad8}html[data-theme=dark] .beta-banner__link:hover{color:#7fe8ff}html[data-theme=dark] .bubble-text{text-shadow:0 2px #0408118c,2px 2px #5ae3ff66,-1px -1px #ddff7047}html[data-theme=dark] .bubble-text-sm{color:#ff91d3;text-shadow:0 2px #0408118c,1px 1px #5ae3ff57}html[data-theme=dark] .nav-link{background-color:var(--color-bg-card);border-color:#b9c4dd1f;box-shadow:2px 2px #b8a3ff1f}html[data-theme=dark] .nav-link:hover{background-color:var(--color-bg-card-hover);border-color:#5ae3ff4d;box-shadow:4px 4px #5ae3ff24}html[data-theme=dark] .theme-toggle{background-color:#111b2ddb;border-color:#5ae3ff57;box-shadow:2px 2px #5ae3ff24}html[data-theme=dark] .theme-toggle:hover{background-color:#16243afa;border-color:#ff78c96b;box-shadow:4px 4px #ff78c924}html[data-theme=dark] .theme-toggle__icon--moon{display:none}html[data-theme=dark] .theme-toggle__icon--sun{display:block}html[data-theme=dark] .result-note{background-color:#0b1220c2;border-color:#b9c4dd1f}html[data-theme=dark] .card{border-color:#b9c4dd1f;box-shadow:0 28px 54px -34px #000000b8,4px 4px #b8a3ff1f}html[data-theme=dark] .card:hover{border-color:#ff78c96b;box-shadow:0 30px 58px -32px #000000c7,6px 6px #ff78c91f}html[data-theme=dark] .genre-tag{color:#9feeff;background-color:#5ae3ff1f;border-color:#5ae3ff47}html[data-theme=dark] .rank-pill,html[data-theme=dark] .rank-pill-sm{color:#ddff70;background-color:#ddff7029;border-color:#ddff706b}html[data-theme=dark] .score-high{color:#ddff70;background-color:#ddff7029;border-color:#ddff7047}html[data-theme=dark] .score-mid{color:#ffcd98;background-color:#ffb57729;border-color:#ffb57747}html[data-theme=dark] .score-low{color:#ff9ad8;background-color:#ff78c929;border-color:#ff78c94d}html[data-theme=dark] .field-shell{background-color:#0b1220c7;border-color:#b9c4dd1f;box-shadow:inset 0 0 0 1px #ffffff08}html[data-theme=dark] .field-input::placeholder{color:#99a7c7bf}html[data-theme=dark] .field-select{background-color:#111b2deb;border-color:#b9c4dd1f}html[data-theme=dark] .field-select:focus{border-color:#5ae3ff99}html[data-theme=dark] .primary-button{border-color:#ff78c9c7;box-shadow:0 14px 26px -14px #ff78c957,3px 3px #0000004d}html[data-theme=dark] .primary-button:hover{box-shadow:0 16px 28px -14px #ff78c961,4px 4px #00000057}html[data-theme=dark] .chip-button{background-color:#111b2ddb;border-color:#b9c4dd1f}html[data-theme=dark] .chip-button:hover{color:#ff9ad8;border-color:#ff78c97a}html[data-theme=dark] .mode-chip{background-color:#111b2ddb;border-color:#b9c4dd24}html[data-theme=dark] .mode-chip:hover{color:var(--color-text-primary);border-color:#5ae3ff6b}html[data-theme=dark] .mode-chip-active-artist{color:#ff9ad8;background-color:#ff78c924;border-color:#ff78c99e;box-shadow:2px 2px #ff78c924}html[data-theme=dark] .mode-chip-active-vibe{color:#8beeff;background-color:#5ae3ff24;border-color:#5ae3ff9e;box-shadow:2px 2px #5ae3ff24}html[data-theme=dark] .kicker{color:#ddff70;background-color:#ddff7024;border-color:#ddff7059}html[data-theme=dark] .section-summary{background-color:#111b2ddb;border-color:#b9c4dd1a;box-shadow:0 18px 34px -28px #000000bf,2px 2px #b8a3ff1f}html[data-theme=dark] .section-featured{background-image:linear-gradient(145deg,#ff78c914,#5ae3ff14);border-color:#ff78c938;box-shadow:0 22px 38px -28px #000c,4px 4px #ff78c91a}html[data-theme=dark] .section-unexpected{background-image:linear-gradient(150deg,#5ae3ff14,#ddff7014);border-color:#5ae3ff3d}@media(min-width:640px){.beta-banner__desktop{flex-wrap:wrap;display:flex}.beta-banner__mobile{display:none}}@media(prefers-reduced-motion:reduce){.beta-banner__desktop{flex-wrap:wrap;display:flex}.beta-banner__mobile{display:none}.beta-banner__track{animation:none}}@keyframes beta-banner-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}