@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-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-space-y-reverse:0;--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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:forwards;--tw-animation-iteration-count:1;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Helvetica Neue",Helvetica,Arial,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--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-base:1rem;--text-base--line-height:calc(1.5/1);--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--radius-xs:.125rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Helvetica Neue",Helvetica,Arial,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--default-mono-font-family:var(--font-mono);--color-riff-accent-light:#dda6ec;--color-riff-accent-deep:#7c3fbf;--color-riff-avatar:#5c4884;--radius-panel:21px}}@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,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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;-webkit-text-decoration:inherit;-webkit-text-decoration: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:where(:not(iframe)){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}*{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:4px}::-webkit-scrollbar-track{background:0 0}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-2\.5{top:calc(var(--spacing)*-2.5)}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.right-0{right:0}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.z-\[80\]{z-index:80}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-6{margin-block:calc(var(--spacing)*6)}.-mt-6{margin-top:calc(var(--spacing)*-6)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-14{margin-top:calc(var(--spacing)*14)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.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-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-9{margin-bottom:calc(var(--spacing)*9)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.mb-14{margin-bottom:calc(var(--spacing)*14)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-2{width:calc(var(--spacing)*2);height:calc(var(--spacing)*2)}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-\[1\.15rem\]{height:1.15rem}.h-\[2\.5px\]{height:2.5px}.h-\[52px\]{height:52px}.h-\[74px\]{height:74px}.h-\[78vh\]{height:78vh}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\[80dvh\]{max-height:80dvh}.min-h-16{min-height:calc(var(--spacing)*16)}.min-h-full{min-height:100%}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-4\/5{width:80%}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-44{width:calc(var(--spacing)*44)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-72{width:calc(var(--spacing)*72)}.w-\[3px\]{width:3px}.w-\[38px\]{width:38px}.w-\[74px\]{width:74px}.w-\[min\(78vw\,340px\)\]{width:min(78vw,340px)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[180px\]{max-width:180px}.max-w-\[520px\]{max-width:520px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-\[min\(322px\,80vw\)\]{max-width:min(322px,80vw)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[540px\]{min-width:540px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.rotate-45{rotate:45deg}.press-scale{transition:transform .12s,opacity .12s,background .16s,color .16s}.press-scale:active{transform:scale(.97)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-3\.5{gap:calc(var(--spacing)*3.5)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-7{gap:calc(var(--spacing)*7)}.gap-8{gap:calc(var(--spacing)*8)}.gap-\[2px\]{gap:2px}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*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)))}.gap-x-8{column-gap:calc(var(--spacing)*8)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.glass-chip-on-art{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0c8c;border:1px solid #ffffff24;border-radius:999px}.glass-chip{background:#ffffff0e;border:1px solid #ffffff14;border-radius:999px}.glass-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:#ffffff09}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[11px\]{border-radius:11px}.rounded-\[17px\]{border-radius:17px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-\[rgba\(168\,82\,205\,0\.42\)\]{border-color:#a852cd6b}.border-\[rgba\(168\,82\,205\,0\.55\)\]{border-color:#a852cd8c}.border-\[rgba\(240\,120\,138\,0\.35\)\]{border-color:#f0788a59}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-white\/\[0\.1\]{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.1\]{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/\[0\.11\]{border-color:#ffffff1c}@supports (color:color-mix(in lab, red, red)){.border-white\/\[0\.11\]{border-color:color-mix(in oklab,var(--color-white)11%,transparent)}}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\[\#1d1d20\]{background-color:#1d1d20}.bg-\[rgba\(168\,82\,205\,0\.16\)\]{background-color:#a852cd29}.bg-\[rgba\(240\,120\,138\,0\.1\)\]{background-color:#f0788a1a}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-muted{background-color:var(--accent)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-riff-destructive{background-color:#f0788a}.bg-riff-scrim{background-color:#080609}.bg-secondary,.bg-secondary\/60{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/60{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/\[0\.05\]{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.05\]{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab,var(--color-white)6%,transparent)}}.bg-white\/\[0\.14\]{background-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.14\]{background-color:color-mix(in oklab,var(--color-white)14.0%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--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-15\%{--tw-gradient-from-position:15%}.via-\[color\:var\(--page\)\]\/55{--tw-gradient-via:var(--page)}@supports (color:color-mix(in lab, red, red)){.via-\[color\:var\(--page\)\]\/55{--tw-gradient-via:color-mix(in oklab,var(--page)55%,transparent)}}.via-\[color\:var\(--page\)\]\/55{--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)}.via-60\%{--tw-gradient-via-position:60%}.to-\[color\:var\(--page\)\]{--tw-gradient-to:var(--page);--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))}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-px{padding:1px}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-\[13px\]{padding-inline:13px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.py-\[7px\]{padding-block:7px}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-32{padding-top:calc(var(--spacing)*32)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-np-title{letter-spacing:-.02em;font-size:25px;font-weight:450;line-height:1.15}.text-onboarding-title{letter-spacing:-.045em;font-size:44px;font-weight:400;line-height:.96}.text-screen-title{letter-spacing:-.04em;font-size:30px;font-weight:400;line-height:1.05}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-overline{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:500}.text-header-title{letter-spacing:-.01em;font-size:17px;font-weight:500}.text-section{letter-spacing:-.01em;font-size:16px;font-weight:500}.text-body{font-size:14px;font-weight:400}.text-body-semibold{font-size:14px;font-weight:500}.text-caption{font-size:11px;font-weight:400}.text-chip{font-size:12px;font-weight:500}.text-row-title{font-size:14px;font-weight:500}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[19px\]{font-size:19px}.text-\[30px\]{font-size:30px}.text-\[clamp\(28px\,7\.5vw\,38px\)\]{font-size:clamp(28px,7.5vw,38px)}.text-\[clamp\(38px\,5vw\,56px\)\]{font-size:clamp(38px,5vw,56px)}.leading-4{--tw-leading:calc(var(--spacing)*4);line-height:calc(var(--spacing)*4)}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-7{--tw-leading:calc(var(--spacing)*7);line-height:calc(var(--spacing)*7)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.75\]{--tw-leading:1.75;line-height:1.75}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.22em\]{--tw-tracking:.22em;letter-spacing:.22em}.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)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#1d1d20\]{color:#1d1d20}.text-\[color\:var\(--quiet\)\]{color:var(--quiet)}.text-background{color:var(--background)}.text-foreground,.text-foreground\/85{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/85{color:color-mix(in oklab,var(--foreground)85%,transparent)}}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.text-muted-foreground\/60{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--muted-foreground)60%,transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab,var(--muted-foreground)80%,transparent)}}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-riff-accent-light{color:#dda6ec}.text-riff-destructive{color:#f0788a}.text-riff-text{color:#f3f1ef}.text-riff-text-secondary{color:#f3f1efa3}.text-riff-text-tertiary{color:#f3f1ef61}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_4px_rgba\(168\,82\,205\,0\.25\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#a852cd40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_28px_70px_-18px_rgba\(0\,0\,0\,0\.85\)\]{--tw-shadow:0 28px 70px -18px var(--tw-shadow-color,#000000d9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.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)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.ring-white\/10{--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.ring-white\/10{--tw-ring-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.saturate-150{--tw-saturate:saturate(150%);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,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-opacity{transition-property:opacity;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-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.slide-in-from-bottom-8{--tw-enter-translate-y:calc(8*var(--spacing))}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.marker\:text-muted-foreground\/50 ::marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.marker\:text-muted-foreground\/50 ::marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.marker\:text-muted-foreground\/50::marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.marker\:text-muted-foreground\/50::marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.marker\:text-muted-foreground\/50 ::-webkit-details-marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.marker\:text-muted-foreground\/50 ::-webkit-details-marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.marker\:text-muted-foreground\/50::-webkit-details-marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.marker\:text-muted-foreground\/50::-webkit-details-marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.placeholder\:text-riff-text-tertiary::placeholder{color:#f3f1ef61}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-riff-text:hover{color:#f3f1ef}.hover\:text-riff-text-secondary:hover{color:#f3f1efa3}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:text-riff-destructive:focus{color:#f0788a}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + 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)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-riff-accent\/60:focus-visible{--tw-ring-color:#a852cd99}@supports (color:lab(0% 0 0)){.focus-visible\:ring-riff-accent\/60:focus-visible{--tw-ring-color:lab(50.0515% 50.5156 -49.4741/.6)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-riff-bg:focus-visible{--tw-ring-offset-color:#101012}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing)*8)}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing)*1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing)*44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing)*1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,forwards)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@media (min-width:380px){.min-\[380px\]\:block{display:block}}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:pt-28{padding-top:calc(var(--spacing)*28)}.sm\:text-left{text-align:left}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:top-8{top:calc(var(--spacing)*8)}.md\:max-w-\[380px\]{max-width:380px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:gap-14{gap:calc(var(--spacing)*14)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:pt-2{padding-top:calc(var(--spacing)*2)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}}.\[\&_a\]\:text-foreground a{color:var(--foreground)}.\[\&_a\]\:no-underline a{text-decoration-line:none}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:decoration-muted-foreground\/40 a{-webkit-text-decoration-color:var(--muted-foreground);-webkit-text-decoration-color:var(--muted-foreground);-webkit-text-decoration-color:var(--muted-foreground);text-decoration-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&_a\]\:decoration-muted-foreground\/40 a{-webkit-text-decoration-color:color-mix(in oklab,var(--muted-foreground)40%,transparent);-webkit-text-decoration-color:color-mix(in oklab,var(--muted-foreground)40%,transparent);-webkit-text-decoration-color:color-mix(in oklab,var(--muted-foreground)40%,transparent);text-decoration-color:color-mix(in oklab,var(--muted-foreground)40%,transparent)}}.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}@media (hover:hover){.hover\:\[\&_a\]\:decoration-foreground:hover a{-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);-webkit-text-decoration-color:var(--foreground);text-decoration-color:var(--foreground)}}.\[\&_h2\]\:mt-12 h2{margin-top:calc(var(--spacing)*12)}.\[\&_h2\]\:mb-4 h2{margin-bottom:calc(var(--spacing)*4)}.\[\&_h2\]\:scroll-mt-28 h2{scroll-margin-top:calc(var(--spacing)*28)}.\[\&_h2\]\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[\&_h2\]\:font-medium h2{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_h2\]\:tracking-\[-0\.02em\] h2{--tw-tracking:-.02em;letter-spacing:-.02em}.\[\&_h2\]\:text-foreground h2{color:var(--foreground)}.\[\&_h3\]\:mt-6 h3{margin-top:calc(var(--spacing)*6)}.\[\&_h3\]\:mb-2 h3{margin-bottom:calc(var(--spacing)*2)}.\[\&_h3\]\:text-base h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_h3\]\:font-medium h3{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_h3\]\:text-foreground h3{color:var(--foreground)}.\[\&_p\]\:mb-4 p{margin-bottom:calc(var(--spacing)*4)}.\[\&_strong\]\:font-medium strong{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_strong\]\:text-foreground strong{color:var(--foreground)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_ul\]\:mb-4 ul{margin-bottom:calc(var(--spacing)*4)}.\[\&_ul\]\:list-disc ul{list-style-type:disc}:where(.\[\&_ul\]\:space-y-2 ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing)*5)}.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul ::marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul ::marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul::marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul::marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul ::-webkit-details-marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul ::-webkit-details-marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul::-webkit-details-marker{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.\[\&_ul\]\:marker\:text-muted-foreground\/50 ul::-webkit-details-marker{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:forwards}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Riff Katibeh;src:url(/assets/Katibeh-Regular.ttf)format("truetype");font-display:swap}:root{--page:#101012;--panel:#1b1b1e;--ink:#f3f1ef;--muted:#f3f1efa3;--quiet:#f3f1ef9e;--line:#ffffff1c;--violet:#8a4fd0;--iris:#a852cd;--orchid:#bd4ac9;--font-riff:"Riff Katibeh",Georgia,serif;--background:#101012;--foreground:#f3f1ef;--card:#ffffff09;--card-foreground:#f3f1ef;--popover:#1d1d20;--popover-foreground:#f3f1ef;--primary:#a852cd;--primary-foreground:#fff;--secondary:#ffffff0f;--secondary-foreground:#f3f1ef;--muted-foreground:#f3f1efa3;--accent:#ffffff12;--accent-foreground:#f3f1ef;--destructive:#f0788a;--destructive-foreground:#fff;--border:#ffffff1c;--input:#ffffff0f;--ring:#a852cd99;--radius:1rem;--gradient-accent:linear-gradient(110deg,var(--violet),var(--orchid));--gradient-cta-wide:linear-gradient(105deg,var(--violet),var(--orchid),var(--violet));--gradient-scrubber:linear-gradient(90deg,var(--violet),var(--orchid));--gradient-slider:linear-gradient(90deg,var(--violet),var(--orchid));--aurora-nowplaying:radial-gradient(70% 105% at 53% 26%,#7a30afb8,#38225261 48%,transparent 74%),radial-gradient(46% 70% at 2% 20%,#6e37a080,transparent 72%),radial-gradient(46% 72% at 98% 18%,#a541be75,transparent 72%),#160f20;--chrome-underlay:#0d0d0feb;--glow-accent:0 8px 22px #a852cd6b;--glow-accent-big:0 14px 34px #a852cd70}.wordmark{font-family:var(--font-riff);letter-spacing:-.02em;text-shadow:0 2px 18px #00000040;font-size:54px;line-height:.68}html{background:var(--page);height:100%}body{background:var(--page);min-height:100%;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none}::selection{background:#a852cd6b}.tabular-nums,time,[data-numeric]{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes riff-eq{0%,to{transform:scaleY(.35)}30%{transform:scaleY(1)}60%{transform:scaleY(.55)}}@keyframes riff-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes riff-mesh-drift{0%,to{filter:hue-rotate()brightness()}50%{filter:hue-rotate(12deg)brightness(1.08)}}.grain{z-index:-1;pointer-events:none;opacity:.3;mix-blend-mode:soft-light;background-image:url(/assets/grain.png);background-repeat:repeat;animation:.24s steps(2,end) infinite grain-shift;position:absolute;inset:-40%}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}to{transform:translate(-3%,-1%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}
.site-shell{background:var(--page);width:100%;position:relative;overflow-x:clip}.site-header{z-index:100;pointer-events:none;background:linear-gradient(#1010126b,#0000);justify-content:space-between;align-items:center;width:100%;padding:21px 20px;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-header--solid{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#101012e0}.header-actions{align-items:center;gap:10px;display:flex}.support-link{border:1px solid var(--line);height:42px;color:inherit;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#10101233;border-radius:999px;place-items:center;padding:0 17px;font-size:14px;transition:background .18s;display:grid}.support-link:hover{background:#ffffff14}.app-store-button{height:48px;transition:transform .18s,opacity .18s;display:inline-block}.app-store-button img{width:auto;height:100%;display:block}.app-store-button:hover{opacity:.86;transform:translateY(-2px)}.app-store-button--compact{height:42px}.apple-mark{color:currentColor;width:15px;height:18px}.hero-scene{isolation:isolate;background:radial-gradient(70% 100% at 53% 34%,#7c2daac2,#34164a5c 50%,#0000 75%),radial-gradient(40% 68% at 0 20%,#6a349494,#0000 72%),radial-gradient(42% 76% at 100% 18%,#9e3aa875,#0000 70%),#180e20;place-items:center;min-height:100svh;padding:124px 24px 145px;display:grid;position:relative;overflow:hidden}.hero-scene:after{content:"";z-index:9;pointer-events:none;background:linear-gradient(180deg,transparent 56%,#10101257 77%,var(--page)100%);position:absolute;inset:0;box-shadow:inset 0 0 150px #00000042}.hero-glow{z-index:-2;filter:blur(95px);opacity:.48;background:linear-gradient(105deg,#6b3fa8,#9b4dd6 58%,#c257c9);border-radius:50%;width:58%;height:72%;position:absolute;top:-28%;left:22%}.hero__content{z-index:5;text-align:center;flex-direction:column;align-items:center;width:min(790px,100%);display:flex;position:relative}.hero__content h1{letter-spacing:-.05em;align-self:stretch;min-height:146px;margin:0;font-size:clamp(51px,4.45vw,76px);font-weight:400;line-height:.94}.hero-typed{white-space:pre-wrap}.hero-caret{vertical-align:-.04em;opacity:.92;background:currentColor;border-radius:2px;width:.045em;min-width:2px;height:.78em;margin-left:.05em;display:inline-block}.hero-caret--blink{animation:1.05s step-end infinite hero-caret}.hero__subhead{color:#ffffffb3;letter-spacing:-.015em;margin:23px 0 25px;font-size:16px;font-weight:400;line-height:1.45}.composer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;background:#190f1d7a;border:1px solid #ffffff1a;border-radius:21px;width:min(760px,100%);padding:14px;box-shadow:0 24px 60px #00000038}.composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:42px;padding:4px 9px;font-size:16px;line-height:1.4;display:block}.composer textarea::placeholder{color:#ffffff6e}.composer__actions{align-items:center;gap:8px;display:flex}.round-button,.inspire-button,.create-button{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:38px;transition:background .18s,transform .18s;display:inline-flex}.round-button{background:#ffffff14;border-radius:50%;width:38px;padding:0;font-size:22px;font-weight:300}.inspire-button{background:#ffffff14;border-radius:999px;gap:7px;padding:0 14px;font-size:13px}.create-button{color:#fff;background:linear-gradient(105deg,var(--violet),var(--orchid));border-radius:999px;gap:7px;min-height:40px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:500}.round-button:hover,.inspire-button:hover{background:#ffffff24}.create-button:hover{transform:translateY(-1px)}.equalizer{justify-content:center;align-items:center;gap:2px;width:18px;height:16px;display:inline-flex}.equalizer i{background:currentColor;border-radius:5px;width:2px;height:6px;display:block}.equalizer i:nth-child(2){height:12px}.equalizer i:nth-child(3){height:9px}.equalizer i:nth-child(4){height:5px}.equalizer--active i{transform-origin:50%;animation:.72s ease-in-out infinite alternate equalize}.equalizer--active i:nth-child(2){animation-delay:-.4s}.equalizer--active i:nth-child(3){animation-delay:-.15s}.equalizer--active i:nth-child(4){animation-delay:-.55s}.track-card{z-index:2;aspect-ratio:.73;opacity:.73;background:#21172b;border:1px solid #ffffff1f;border-radius:19px;width:clamp(220px,17vw,290px);position:absolute;overflow:hidden;box-shadow:0 30px 75px #0006}.track-card--left{top:29%;left:max(-65px,50% - 760px);transform:rotate(-7deg)}.track-card--right{top:25%;right:max(-65px,50% - 760px);transform:rotate(7deg)}.track-card>img{object-fit:cover;width:100%;height:100%}.track-card__scrim{background:linear-gradient(#0000,#08050ce0);position:absolute;inset:34% 0 0}.track-card__play,.song-tile__play{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1009168c;border:1px solid #fff3;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;position:absolute}.track-card__play{width:48px;height:48px;top:50%;left:50%;transform:translate(-50%,-50%)}.track-card__play:hover{background:#a852cdc7;transform:translate(-50%,-50%)scale(1.06)}.song-tile__play:hover{background:#a852cdd1;transform:scale(1.06)}.play-triangle{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0;margin-left:3px}.track-card__copy{position:absolute;bottom:17px;left:17px;right:17px}.track-card__copy p{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:15px;font-weight:500;overflow:hidden}.track-card__copy span{color:#ffffff8c;font-size:11px}.genre-strip{z-index:10;color:#ffffff4a;position:absolute;bottom:46px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.genre-strip__track{width:max-content;animation:52s linear infinite genre-scroll;display:flex}.genre-strip__group{align-items:center;gap:76px;padding-right:76px;display:flex}.genre-strip span{letter-spacing:-.03em;white-space:nowrap;font-size:19px;font-weight:600}.genre-strip span:nth-child(2n){font-family:Georgia,serif;font-style:italic;font-weight:400}@keyframes genre-scroll{to{transform:translate(-50%)}}.section-dark{background:var(--page)}.quality-section,.features-section,.plans-section,.inspiration-section,.faq-section{padding:162px 24px;position:relative}.section-heading{text-align:center;width:min(900px,100%);margin:0 auto 70px}.section-heading h2,.mobile-section h2{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(53px,4.8vw,78px);font-weight:400;line-height:.93}.section-heading>p,.mobile-section__copy>p{max-width:620px;color:var(--muted);letter-spacing:-.015em;margin:21px auto 0;font-size:17px;line-height:1.45}.quality-section{min-height:920px;padding-left:0;padding-right:0}.song-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:20px;width:100%;padding:0 max(24px,50vw - 660px) 24px;display:flex;overflow-x:auto}.song-rail::-webkit-scrollbar{display:none}.song-tile{scroll-snap-align:start;flex:0 0 220px}.song-tile__art{aspect-ratio:.72;background:var(--panel);border-radius:17px;position:relative;overflow:hidden}.song-tile__art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#08060a59);position:absolute;inset:45% 0 0}.song-tile__art img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.song-tile:hover .song-tile__art img{transform:scale(1.025)}.song-tile__play{width:42px;height:42px;bottom:13px;right:13px}.song-tile h3{letter-spacing:-.02em;margin:14px 0 4px;font-size:15px;font-weight:500}.song-tile p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:12px;overflow:hidden}.song-tile>span{color:var(--quiet);font-size:11px}.features-section{width:min(1040px,100%);margin:0 auto;padding-top:118px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.feature-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;min-height:500px;position:relative;overflow:hidden}.feature-card h3{z-index:3;letter-spacing:-.035em;margin:0;padding:30px 31px 0;font-size:21px;font-weight:450;line-height:1.12;position:relative}.feature-card>p{z-index:3;max-width:345px;color:var(--muted);letter-spacing:-.01em;margin:14px 0 0;padding:0 31px;font-size:15px;line-height:1.45;position:relative}.feature-card__visual{z-index:2;place-items:center;display:grid;position:absolute;inset:176px 0 0;overflow:hidden}.mini-prompt{background:#ffffff12;border:1px solid #ffffff24;border-radius:17px;align-items:center;gap:12px;width:calc(100% - 48px);padding:16px 15px 16px 18px;display:flex;transform:rotate(-2deg)}.mini-prompt span{color:#ffffffc2;font-size:15px;line-height:1.35}.mini-prompt b{color:#150d1b;background:#eee7ef;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;display:grid}.feature-card--screen .feature-card__visual{align-items:start}.app-screen{filter:drop-shadow(0 22px 34px #0006);border-radius:34px 34px 0 0;width:min(74%,270px);margin-top:3px}.app-screen--cutout{filter:drop-shadow(0 26px 38px #0000008c);border-radius:0;height:auto;margin-top:8px}.feature-card--voice .feature-card__visual{align-items:stretch;padding-top:8px}.voice-compare{border-radius:20px 20px 0 0;width:min(70%,246px);height:100%;position:relative;overflow:hidden;box-shadow:0 26px 38px #0000008c}.voice-compare img{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;inset:0}.voice-compare__after{animation:7s ease-in-out infinite voice-wipe-clip;position:absolute;inset:0}.voice-compare__line{background:#ffffffeb;width:2px;margin-left:-1px;animation:7s ease-in-out infinite voice-wipe-line;position:absolute;top:0;bottom:0;box-shadow:0 0 14px #ffffff80}@keyframes voice-wipe-clip{0%,to{clip-path:inset(0 0 0 78%)}50%{clip-path:inset(0 0 0 14%)}}@keyframes voice-wipe-line{0%,to{left:78%}50%{left:14%}}.plans-section{padding-top:150px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(1230px,100%);margin:0 auto;display:grid}.plan-card{border:1px solid var(--line);background:var(--panel);border-radius:24px;flex-direction:column;min-height:550px;padding:28px 25px;display:flex;position:relative;overflow:hidden}.plan-card--featured{border-color:#a852cdb8}.plan-card__badge{color:#fff;background:var(--orchid);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:700;position:absolute;top:28px;right:24px}.plan-card__badge--quiet{color:#ffffffb8;background:#ffffff14}.plan-card__label{margin:0 0 22px;font-family:Georgia,serif;font-size:25px}.plan-card h3{letter-spacing:-.04em;margin:0;font-size:31px;font-weight:400}.plan-card h3 span{color:var(--muted);letter-spacing:0;margin-left:5px;font-size:13px}.plan-card__credits{min-height:38px;color:var(--muted);margin:7px 0 22px;font-size:13px}.plan-card>a{color:#111;background:#f2efeb;border-radius:999px;place-items:center;min-height:53px;font-size:15px;transition:transform .18s;display:grid}.plan-card>a:hover{transform:translateY(-2px)}.plan-card--featured>a{color:#fff;background:var(--gradient-cta-wide)}.plan-card ul{border-top:1px solid #ffffff13;gap:13px;margin:auto 0 0;padding:32px 0 0;list-style:none;display:grid}.plan-card li{color:#ffffffb8;padding-left:24px;font-size:13px;line-height:1.35;position:relative}.plan-card li:before{content:"✓";color:#86c983;position:absolute;left:0}.price-note{color:var(--quiet);text-align:center;margin:21px auto 0;font-size:11px}.mobile-section{isolation:isolate;background:radial-gradient(56% 62% at 50% 46%,#a852cd85,#6d2e8b61 46%,#0000 76%),radial-gradient(45% 58% at 7% 32%,#7a3caa80,#0000 72%),radial-gradient(45% 60% at 95% 35%,#aa46be80,#0000 74%),#1d1231;min-height:1030px;padding:150px 24px 110px;position:relative;overflow:hidden}.mobile-section:after{content:"";z-index:-2;background:linear-gradient(180deg,var(--page),transparent 14%,transparent 87%,var(--page));position:absolute;inset:0}.grain--mobile{z-index:-1;opacity:.35}.mobile-section__copy{z-index:5;text-align:center;width:min(980px,100%);margin:0 auto 55px;position:relative}.mobile-section h2{font-size:clamp(62px,6.8vw,108px)}.mobile-section__copy>p{color:#ffffffb3;max-width:670px}.phone-cluster{z-index:3;justify-content:center;align-items:flex-end;width:min(880px,100%);margin:0 auto 60px;display:flex;position:relative}.phone-cluster img{height:auto;display:block}.phone-cluster__lead{z-index:2;filter:drop-shadow(0 34px 52px #0000009e);width:286px;position:relative}.phone-cluster__side{filter:drop-shadow(0 24px 40px #00000080)brightness(.88);width:244px}.phone-cluster__side:first-child{transform-origin:100% 100%;margin-right:-70px;transform:rotate(-8deg)translateY(24px)}.phone-cluster__side:last-child{transform-origin:0 100%;margin-left:-70px;transform:rotate(8deg)translateY(24px)}.mobile-section__cta{z-index:5;justify-content:center;display:flex;position:relative}.mobile-section__cta .app-store-button{height:56px}.inspiration-section{padding-left:0;padding-right:0}.creator-rail{scrollbar-width:none;scroll-snap-type:x proximity;gap:18px;width:100%;padding:0 max(24px,50vw - 625px) 28px;display:flex;overflow-x:auto}.creator-rail::-webkit-scrollbar{display:none}.creator-card{scroll-snap-align:start;background:var(--panel);border-radius:21px;flex:0 0 235px;height:430px;position:relative;overflow:hidden}.creator-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000d6);position:absolute;inset:40% 0 0}.creator-card>img{object-fit:cover;width:100%;height:100%}.creator-card__play{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1009168c;border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:13px;transition:background .18s;display:grid;position:absolute;top:17px;left:17px}.creator-card__play:hover{background:#a852cdc7}.creator-card>div{z-index:2;gap:4px;display:grid;position:absolute;bottom:17px;left:17px;right:17px}.creator-card strong{font-size:16px;font-weight:500}.creator-card div span{color:#fff9;font-size:12px}.creator-program-cta{color:#111;background:#f5f3f0;border:1px solid #fffc;border-radius:999px;place-items:center;width:fit-content;min-width:250px;min-height:57px;margin:34px auto 0;padding:0 28px;font-size:15px;font-weight:600;transition:transform .18s,background .18s;display:grid;box-shadow:0 12px 35px #00000038}.creator-program-cta:hover{background:#fff;transform:translateY(-2px)}.faq-section{flex-direction:column;align-items:center;min-height:970px;padding-top:135px;padding-bottom:100px;display:flex}.faq-list{border-top:1px solid var(--line);width:min(770px,100%);margin:-10px auto 70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:20px;padding:28px 0;font-size:19px;font-weight:400;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{flex:none;font-size:21px;font-weight:300;transition:transform .22s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{max-width:690px;color:var(--muted);margin:-7px 0 27px;font-size:14px;line-height:1.6}.gradient-cta{color:#fff;background:var(--gradient-cta-wide);border-radius:999px;place-items:center;min-width:285px;min-height:57px;font-size:15px;transition:transform .18s;display:grid}.gradient-cta:hover{transform:translateY(-2px)}.site-footer{grid-template-columns:1fr auto auto;gap:100px;width:min(900px,100% - 48px);margin:0 auto;padding:15px 0 55px;display:grid}.site-footer__brand .wordmark{display:inline-block}.site-footer__brand p{color:var(--muted);margin:22px 0 36px;font-size:14px}.site-footer__brand span{color:var(--quiet);font-size:10px}.site-footer__column{align-content:start;gap:12px;min-width:110px;display:grid}.site-footer__column strong{margin-bottom:6px;font-size:13px;font-weight:500}.site-footer__column a{color:var(--muted);font-size:12px}.site-footer__column a:hover{color:#fff}.creation-experience{z-index:220;isolation:isolate;background:radial-gradient(70% 105% at 53% 26%,#7a30afb8,#38225261 48%,#0000 74%),radial-gradient(46% 70% at 2% 20%,#6e37a080,#0000 72%),radial-gradient(46% 72% at 98% 18%,#a541be75,#0000 72%),#160f20;place-items:center;min-height:100svh;padding:95px 24px 44px;display:grid;position:fixed;inset:0;overflow:auto}.creation-experience:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#0000 54%,#101012ad 82%,#101012 100%);position:absolute;inset:0}.creation-experience__glow{z-index:-2;filter:blur(90px);opacity:.38;background:linear-gradient(110deg,#7743bb,#a852cd 55%,#c96ad2);border-radius:50%;width:55%;height:68%;position:absolute;top:-22%;left:24%}.creation-experience__topbar{z-index:4;justify-content:space-between;align-items:center;padding:21px 20px;display:flex;position:absolute;top:0;left:0;right:0}.creation-experience__topbar>button{color:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;background:#10101238;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:300;display:grid}.creation-experience__content{z-index:3;text-align:center;flex-direction:column;align-items:center;width:min(760px,100%);display:flex;position:relative}.creation-experience__content h2{letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(56px,5.2vw,88px);font-weight:400;line-height:.92}.creation-experience__prompt{color:#ffffffa8;max-width:620px;margin:21px auto 0;font-size:16px;line-height:1.45}.generation-previews{gap:16px;margin:44px auto 28px;display:flex}.generation-previews i{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:18px;width:138px;height:216px;display:block;position:relative;overflow:hidden;box-shadow:0 25px 60px #0000003b}.generation-previews i:before{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#0000 61%);animation:1.35s ease-in-out infinite preview-shimmer;position:absolute;inset:-30%;transform:translate(-80%)}.generation-previews i:nth-child(2):before{animation-delay:.22s}.generation-previews i:after{content:"";filter:blur(12px);background:radial-gradient(circle,#a852cd57,#0000 68%);border-radius:50%;animation:1.5s ease-in-out infinite alternate preview-breathe;position:absolute;inset:20px}.generation-status{color:#ffffffd6;align-items:center;gap:9px;font-size:14px;display:inline-flex}.generation-status strong{color:#fff;font-variant-numeric:tabular-nums;text-align:right;border-left:1px solid #ffffff2e;min-width:39px;margin-left:4px;padding-left:12px;font-weight:600}.generation-progress{background:#ffffff1f;border-radius:999px;width:min(330px,82vw);height:3px;margin-top:16px;overflow:hidden}.generation-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--violet),var(--orchid));transform-origin:0;width:100%;height:100%;animation:15s linear forwards generation-fill;display:block;transform:scaleX(.02)}.generation-note{color:#fff6;margin:14px 0 0;font-size:11px}.locked-previews{gap:16px;margin:38px auto 25px;display:flex}.locked-previews>button{color:#fff;cursor:pointer;background:#1e1630;border:1px solid #ffffff1f;border-radius:19px;width:158px;height:246px;padding:0;transition:transform .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 25px 58px #00000047}.locked-previews>button:hover{border-color:#ffffff42;transform:translateY(-4px)}.locked-previews img{object-fit:cover;filter:blur(9px)saturate(.76);width:100%;height:100%;transform:scale(1.14)}.locked-previews__veil{background:linear-gradient(145deg,#8a4fd052,#bd4ac947),linear-gradient(#0000 35%,#08050aa6);position:absolute;inset:0}.locked-previews__play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#100a126b;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;font-size:14px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.locked-previews__version{text-align:left;font-size:12px;position:absolute;bottom:14px;left:14px;right:14px}.creation-account-cta{color:#fff;background:var(--gradient-cta-wide);cursor:pointer;border:0;border-radius:999px;place-items:center;min-width:292px;min-height:57px;font-size:15px;transition:transform .18s;display:grid}.creation-account-cta:hover{transform:translateY(-2px)}.creation-signin-link{color:#ffffff94;cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:12px}.creation-signin-link:hover{color:#fff}.account-gate{z-index:320;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.account-gate__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:default;background:#040305b8;border:0;width:100%;height:100%;position:absolute;inset:0}.account-gate__dialog{z-index:2;background:#1d1d20;border:1px solid #ffffff1f;border-radius:25px;width:min(410px,100%);padding:28px 25px 24px;position:relative;box-shadow:0 38px 110px #00000085}.account-gate__close{color:#ffffff7a;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;font-size:23px;font-weight:300;display:grid;position:absolute;top:17px;right:17px}.account-gate__icon{border-radius:11px;width:42px;height:42px;margin-bottom:20px}.account-gate__dialog h2{letter-spacing:-.04em;margin:0;padding-right:30px;font-size:28px;font-weight:450;line-height:1.05}.account-gate__dialog>p:not(.account-gate__note):not(.account-gate__legal){color:var(--muted);margin:10px 0 22px;font-size:14px;line-height:1.45}.auth-provider{color:#fff;cursor:pointer;background:#29292d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:51px;margin-top:9px;font-size:14px;font-weight:500;transition:background .18s,transform .18s;display:flex}.auth-provider:hover{background:#313136;transform:translateY(-1px)}.auth-provider--apple{color:#111;background:#f5f3f0}.auth-provider--apple:hover{background:#fff}.auth-provider:disabled{opacity:.6;transform:none}.account-gate__note{color:#ffffff78;text-align:center;margin:18px 2px 0;font-size:11px;line-height:1.45}.account-gate__legal{color:#ffffff9e;text-align:center;margin:12px 8px 0;font-size:11px;line-height:1.45}.account-gate__legal a{color:#ffffff8a;text-underline-offset:2px;text-decoration:underline}@keyframes headline-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes hero-caret{0%,45%{opacity:.92}46%,to{opacity:0}}@keyframes equalize{0%{transform:scaleY(.45)}to{transform:scaleY(1.25)}}@keyframes preview-shimmer{0%{transform:translate(-85%)}to{transform:translate(85%)}}@keyframes preview-breathe{0%{opacity:.55;transform:scale(.8)}to{opacity:1;transform:scale(1.16)}}@keyframes generation-fill{0%{transform:scaleX(.02)}to{transform:scaleX(1)}}@media (max-width:1080px){.track-card{opacity:.56;width:235px}.track-card--left{left:-78px}.track-card--right{right:-78px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:1fr;width:min(820px,100%)}.plan-card{min-height:470px}}@media (max-width:720px){.site-header{padding:18px 16px}.site-header .wordmark{font-size:49px}.support-link{display:none}.app-store-button{height:44px}.app-store-button--compact{height:40px}.hero-scene{align-items:start;min-height:890px;padding:128px 18px 215px}.hero__content{margin-top:16px}.hero__content h1{min-height:210px;font-size:clamp(48px,13.5vw,60px);line-height:.94}.hero__subhead{margin:20px 0 23px;font-size:14px}.desktop-break{display:none}.composer{border-radius:18px;padding:11px}.composer textarea{min-height:66px;padding:7px;font-size:16px}.composer__actions{gap:7px}.round-button{width:37px;height:37px}.inspire-button{padding:0 11px}.create-button{min-height:38px;padding:0 14px;font-size:13px}.create-button .equalizer{display:none}.track-card{opacity:.62;border-radius:16px;width:182px;top:auto;bottom:68px}.track-card--left{left:-42px;transform:rotate(-8deg)}.track-card--right{right:-42px;transform:rotate(8deg)}.track-card__play{width:40px;height:40px}.track-card__copy{bottom:13px;left:13px;right:13px}.track-card__copy p{font-size:13px}.genre-strip{bottom:26px}.genre-strip span{font-size:11px}.genre-strip__group{gap:34px;padding-right:34px}.genre-strip__track{animation-duration:27s}.quality-section,.features-section,.plans-section,.inspiration-section,.faq-section{padding-top:105px;padding-bottom:105px}.section-heading{margin-bottom:48px;padding:0 18px}.section-heading h2,.mobile-section h2{font-size:clamp(46px,13vw,61px);line-height:.94}.section-heading>p,.mobile-section__copy>p{margin-top:17px;font-size:14px}.quality-section{min-height:760px}.song-rail{gap:14px;padding-left:18px;padding-right:18px}.song-tile{flex-basis:176px}.song-tile__art{border-radius:15px}.features-section{padding-left:17px;padding-right:17px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{border-radius:21px;min-height:455px}.feature-card h3{padding:26px 25px 0;font-size:20px}.feature-card>p{padding:0 25px;font-size:14px}.feature-card__visual{top:171px}.app-screen{width:min(72%,260px)}.plans-section{padding-left:17px;padding-right:17px}.plan-grid{grid-template-columns:1fr}.plan-card{border-radius:22px;min-height:500px;padding:26px}.mobile-section{min-height:950px;padding:110px 17px 95px}.mobile-section__copy{margin-bottom:40px}.phone-cluster{width:auto;margin-bottom:42px}.phone-cluster__lead{width:198px}.phone-cluster__side{width:166px}.phone-cluster__side:first-child{margin-right:-56px}.phone-cluster__side:last-child{margin-left:-56px}.mobile-section__cta .app-store-button{height:50px}.inspiration-section{padding-left:0;padding-right:0}.creator-rail{gap:13px;padding-left:18px;padding-right:18px}.creator-card{border-radius:18px;flex-basis:205px;height:370px}.faq-section{min-height:auto;padding-left:18px;padding-right:18px}.faq-list summary{padding:23px 0;font-size:17px}.site-footer{grid-template-columns:repeat(2,1fr);gap:46px 22px;width:calc(100% - 36px);padding:25px 0 40px}.site-footer__brand{grid-column:1/-1}.site-footer__brand p{margin-bottom:24px}.creation-experience{padding:100px 17px 34px}.creation-experience__topbar{padding:18px 16px}.creation-experience__content h2{font-size:clamp(49px,13vw,62px)}.creation-experience__prompt{max-width:350px;font-size:13px}.generation-previews{margin-top:32px}.generation-previews i{border-radius:16px;width:112px;height:180px}.locked-previews{gap:12px;margin-top:31px}.locked-previews>button{border-radius:17px;width:132px;height:207px}.creation-account-cta{width:min(310px,100%);min-width:0}.account-gate{align-items:end;padding:12px}.account-gate__dialog{border-radius:24px;width:100%;padding:25px 20px 21px}.account-gate__dialog h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.grain,.equalizer--active i,.hero-caret,.generation-previews i:before,.generation-previews i:after,.generation-progress i,.genre-strip__track{animation:none}.voice-compare__after{clip-path:inset(0 0 0 50%);animation:none}.voice-compare__line{animation:none;left:50%}}.creator-program{width:min(1020px,100% - 44px);margin:0 auto;padding:132px 0 40px}.cp-hero{isolation:isolate;text-align:center;padding-bottom:24px;position:relative}.cp-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(58% 50% at 50% 32%,#a852cd4d,#0000 72%);width:min(900px,120%);height:620px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.cp-eyebrow{color:var(--quiet);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:700}.cp-hero h1{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(46px,6.2vw,86px);font-weight:400;line-height:.92}.cp-hero h1 em{letter-spacing:-.03em;font-family:Georgia,serif;font-style:italic}.cp-hero__lede{max-width:620px;color:var(--muted);letter-spacing:-.015em;margin:26px auto 0;font-size:17px;line-height:1.5}.cp-claim{text-align:left;background:#a852cd17;border:1px solid #a852cd6b;border-radius:20px;gap:9px;max-width:620px;margin:34px auto 0;padding:20px 24px;display:grid}.cp-claim strong{letter-spacing:-.03em;font-size:20px;font-weight:500}.cp-claim span{color:var(--muted);font-size:13px;line-height:1.5}.cp-hero__cta{width:fit-content;margin:34px auto 0;padding:0 34px}.cp-section{padding-top:104px}.cp-section h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,3.6vw,48px);font-weight:400;line-height:1}.cp-section h3{letter-spacing:-.03em;margin:0 0 9px;font-size:18px;font-weight:500}.cp-lead{max-width:560px;color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.5}.cp-note{color:var(--quiet);margin:26px 0 0;font-size:13px;line-height:1.6}.cp-note a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.cp-note a:hover{color:var(--ink)}.cp-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.cp-pay-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:28px 27px}.cp-pay-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.cp-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:36px 0 0;padding:0;list-style:none;display:grid}.cp-steps li{border-top:1px solid var(--line);padding-top:20px}.cp-steps__n{color:var(--iris);margin-bottom:14px;font-family:Georgia,serif;font-size:15px;font-style:italic;display:block}.cp-steps p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.cp-look-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.cp-look-grid>div{border:1px solid var(--line);background:#ffffff09;border-radius:22px;padding:26px 24px}.cp-look-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.cp-faq{margin:34px 0 0}.cp-faq>div{border-top:1px solid var(--line);padding:22px 0}.cp-faq dt{letter-spacing:-.02em;font-size:16px;font-weight:500}.cp-faq dd{max-width:720px;color:var(--muted);margin:9px 0 0;font-size:15px;line-height:1.55}.cp-section--apply{scroll-margin-top:90px}.apply-form{margin-top:30px}.apply-form__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.apply-form label,.apply-form__full{gap:8px;display:grid}.apply-form__full{margin-bottom:20px}.apply-form span{color:var(--muted);letter-spacing:-.01em;font-size:13px}.apply-form span i{color:var(--quiet);font-style:normal}.apply-form input,.apply-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#ffffff0b;border-radius:14px;padding:13px 15px;font-size:16px;transition:border-color .16s,background .16s}.apply-form textarea{resize:vertical;min-height:84px}.apply-form input:focus,.apply-form textarea:focus{background:#ffffff12;border-color:#a852cdb3;outline:none}.apply-form__hint{color:var(--quiet);margin:-6px 0 16px;font-size:12px}.apply-form__error{color:var(--destructive);margin:0 0 16px;font-size:14px}.apply-form__submit{cursor:pointer;border:0}.apply-form__submit:disabled{opacity:.6;cursor:default;transform:none}.apply-form__fine{color:var(--quiet);margin:16px 0 0;font-size:12px}.apply-form__fine a{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.apply-form__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.apply-done{background:#a852cd17;border:1px solid #a852cd6b;border-radius:22px;margin-top:30px;padding:30px 28px}.apply-done h3{letter-spacing:-.03em;margin:0 0 8px;font-size:21px;font-weight:450}.apply-done p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}@media (max-width:900px){.cp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-look-grid{grid-template-columns:1fr}}@media (max-width:720px){.creator-program{width:calc(100% - 36px);padding-top:108px}.cp-section{padding-top:76px}.cp-pay-grid,.cp-steps,.apply-form__row{grid-template-columns:1fr}.cp-hero__cta{width:100%;min-width:0}.cp-claim{padding:18px 19px}}.creation-examples-note{color:var(--quiet);letter-spacing:.04em;text-transform:uppercase;margin:14px 0 0;font-size:12px}
.studio-shell{--studio-sidebar:236px;--studio-dock:0px;background:var(--page);min-height:100svh;color:var(--ink)}.studio-shell--collapsed{--studio-sidebar:76px}.studio-shell--playing{--studio-dock:78px}.studio-sidebar{z-index:70;width:var(--studio-sidebar);min-height:100svh;padding:18px 12px 14px max(12px,env(safe-area-inset-left));background:var(--page);border-right:1px solid #ffffff13;flex-direction:column;transition:width .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.studio-sidebar__top{justify-content:space-between;align-items:center;min-height:48px;padding:0 5px 0 8px;display:flex}.studio-wordmark{align-items:center;min-width:42px;display:flex}.studio-wordmark span{font-family:var(--font-riff);font-size:47px;line-height:.65}.studio-wordmark img{border-radius:10px;width:35px;height:35px;display:none}.studio-collapse{color:#ffffff8c;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:color .16s,background .16s,border-color .16s;display:grid}.studio-collapse:hover{color:#fff;background:#ffffff14;border-color:#ffffff29}.studio-collapse:focus-visible{outline:2px solid var(--iris);outline-offset:2px}.studio-nav{gap:7px;margin-top:58px;display:grid}.studio-nav>a{color:#ffffff85;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;width:100%;height:48px;padding:0 14px;transition:color .16s,background .16s;display:flex;overflow:hidden}.studio-nav>a:hover{color:#ffffffdb;background:#ffffff0b}.studio-nav>a.is-active{color:#fff;background:#ffffff1b;box-shadow:inset 0 0 0 1px #ffffff09}.studio-nav__icon{flex:0 0 20px;place-items:center;width:20px;line-height:1;display:grid}.studio-nav__label{white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.studio-sidebar__upgrade{color:#fff;background:var(--gradient-accent);cursor:pointer;border-radius:999px;place-items:center;min-height:44px;margin:14px 2px 10px;font-size:13px;font-weight:500;transition:transform .16s;display:grid}.studio-sidebar__upgrade:hover{transform:translateY(-1px)}.studio-sidebar__footer{cursor:pointer;text-align:left;background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;margin-top:auto;padding:10px 8px;display:grid;overflow:hidden}.studio-account-avatar,.studio-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#8a4fd0,#a852cd 58%,#d07ae0);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.studio-account-avatar{width:36px;height:36px}.studio-account-copy{gap:2px;min-width:0;display:grid}.studio-account-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.studio-account-copy span{color:#ffffff6b;font-size:10px}.studio-sidebar__footer i{color:#ffffff73;place-items:center;font-size:15px;font-style:normal;display:grid}.studio-shell--collapsed .studio-wordmark span,.studio-shell--collapsed .studio-nav__label,.studio-shell--collapsed .studio-account-copy,.studio-shell--collapsed .studio-sidebar__footer i,.studio-shell--collapsed .studio-sidebar__upgrade{display:none}.studio-shell--collapsed .studio-wordmark img{display:block}.studio-shell--collapsed .studio-sidebar__top{flex-direction:column;gap:10px;padding:0}.studio-shell--collapsed .studio-nav{margin-top:38px}.studio-shell--collapsed .studio-nav>a{justify-content:center;padding:0}.studio-shell--collapsed .studio-sidebar__footer{justify-content:center;padding:9px 6px;display:flex}.studio-main{min-height:100svh;margin-left:var(--studio-sidebar);padding-bottom:var(--studio-dock);background:radial-gradient(70% 90% at 50% 35%,#6030841a,transparent 72%),var(--page);transition:margin-left .22s cubic-bezier(.2,.8,.2,1)}.studio-topbar{z-index:30;height:72px;padding:0 max(24px,env(safe-area-inset-right))0 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0d0d0ff5,#0d0d0fb8 70%,#0000);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.studio-topbar__view{color:#ffffff61;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:500}.studio-topbar__actions{align-items:center;gap:10px;display:flex}.studio-credit-pill{color:#ffffffb3;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;transition:background .16s;display:inline-flex}.studio-credit-pill:hover{background:#ffffff14}.studio-credit-pill em{color:var(--orchid);font-style:normal}.studio-avatar{cursor:pointer;border:0;width:36px;height:36px;padding:0}.studio-home{isolation:isolate;min-height:calc(100svh - 72px - var(--studio-dock));flex-direction:column;align-items:center;padding:44px 28px 110px;display:flex;position:relative;overflow:hidden}.studio-home__glow{z-index:-1;filter:blur(46px);pointer-events:none;background:radial-gradient(circle at 30%,#a852cd33,#8f40bf14 48%,#0000 72%);border-radius:50%;width:min(690px,75vw);height:240px;position:absolute;top:210px;left:50%;transform:translate(-50%)}.studio-home__spacer{flex:1 0 34px;max-height:13vh}.studio-home h1{letter-spacing:-.045em;text-align:center;text-wrap:balance;margin:0 0 26px;font-size:clamp(34px,3.4vw,50px);font-weight:400;line-height:.96}.studio-composer-wrap{width:min(720px,100%)}.studio-composer{background:linear-gradient(120deg,#1e1726f0,#23192af0);border:1px solid #ffffff1d;border-radius:22px;width:100%;padding:15px 16px 16px;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000057,inset 0 1px #ffffff09}.studio-composer:focus-within{border-color:#a852cd4d;box-shadow:0 28px 90px #0006,0 0 0 1px #a852cd14}.studio-composer--creating:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(90deg,#0000,#a852cd14,#0000);animation:1.5s ease-in-out infinite studio-sweep;position:absolute;inset:0}.studio-mode-switch{z-index:2;background:#ffffff09;border:1px solid #ffffff0e;border-radius:10px;gap:3px;margin-bottom:13px;padding:3px;display:inline-flex;position:relative}.studio-mode-switch button{color:#ffffff6b;cursor:pointer;background:0 0;border:0;border-radius:7px;height:30px;padding:0 13px;font-size:11px;font-weight:500;transition:color .16s,background .16s,box-shadow .16s}.studio-mode-switch button:hover{color:#ffffffb8}.studio-mode-switch button.is-active{color:#fff;background:#ffffff1a;box-shadow:0 4px 14px #0000002e}.studio-composer textarea{resize:none;color:#fff;background:0 0;border:0;outline:0;width:100%;min-height:57px;padding:3px 4px;font-size:16px;line-height:1.45;transition:min-height .22s;display:block;position:relative}.studio-composer--custom textarea.studio-composer__main{min-height:194px}.studio-composer textarea::placeholder{color:#ffffff57}.studio-count{color:#ffffff42;text-align:right;font-variant-numeric:tabular-nums;margin:0 4px 2px 0;font-size:10px}.studio-style-row{background:#ffffff08;border:1px solid #ffffff12;border-radius:13px;align-items:center;gap:8px;margin:8px 0 12px;padding:5px 6px 5px 12px;display:flex}.studio-style-row>svg{color:#ffffff61;flex:none}.studio-style-row input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.studio-style-row input::placeholder{color:#ffffff4d}.studio-style-btn{color:#fff9;cursor:pointer;background:#ffffff0e;border:0;border-radius:9px;flex:none;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:11px;transition:background .16s,color .16s;display:inline-flex}.studio-style-btn:hover{color:#fff;background:#ffffff1a}.studio-style-btn:disabled{opacity:.55;cursor:default}.studio-style-btn--icon{width:30px;padding:0}.studio-composer__actions{align-items:center;gap:8px;display:flex;position:relative}.studio-round-button,.studio-inspire-button{cursor:pointer;border:0;justify-content:center;align-items:center;min-height:38px;transition:transform .16s,background .16s,opacity .16s,color .16s;display:inline-flex}.studio-round-button{color:#ffffffc7;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;width:38px;padding:0;position:relative}.studio-round-button:hover{background:#ffffff1f}.studio-round-button__badge{color:#fff;background:var(--orchid);border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.studio-inspire-button{color:#ffffffa8;background:#ffffff0e;border-radius:999px;gap:7px;padding:0 14px;font-size:12px}.studio-inspire-button:hover{color:#fff;background:#ffffff1a}.studio-inspire-button svg:first-child{color:#a852cd}.studio-create-bezel{--create-hue:280deg;--create-t:.4s;transition:box-shadow var(--create-t)ease,opacity var(--create-t)ease;background-image:linear-gradient(#000a,#0004);border-radius:999px;margin-left:auto;padding:3px;display:inline-flex;position:relative;box-shadow:1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.studio-create-button{color:#fff;cursor:pointer;min-width:102px;min-height:32px;transition:border-color var(--create-t)ease,background-color var(--create-t)ease;background-color:#0000;border:1px solid #ffffff21;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,inset 0 4px 4px #ffffff1a,inset 0 8px 8px #ffffff0d,inset 0 16px 16px #ffffff0d}.studio-create-button:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,hsl(var(--create-hue),100%,70%),hsla(var(--create-hue),100%,70%,.5),8%,transparent);opacity:0;transition:opacity var(--create-t)ease,filter var(--create-t)ease;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.studio-create-spark{fill:currentColor;filter:drop-shadow(0 0 2px #fff9);width:15px;height:15px;transition:filter var(--create-t)ease;flex:none;animation:2s linear .5s infinite studio-spark}@keyframes studio-spark{50%{opacity:.35}}.studio-create-labels{place-items:center;display:grid}.studio-create-label{white-space:nowrap;grid-area:1/1}.studio-create-label--busy{opacity:0}.studio-create-letter{color:#ffffffb8;transition:color var(--create-t)ease,text-shadow var(--create-t)ease;animation:2s ease-in-out infinite studio-letter;display:inline-block}@keyframes studio-letter{50%{color:#fff;text-shadow:0 0 3px #fff8}}.studio-create-letter:first-child{animation-delay:0s}.studio-create-letter:nth-child(2){animation-delay:80ms}.studio-create-letter:nth-child(3){animation-delay:.16s}.studio-create-letter:nth-child(4){animation-delay:.24s}.studio-create-letter:nth-child(5){animation-delay:.32s}.studio-create-letter:nth-child(6){animation-delay:.4s}.studio-create-letter:nth-child(7){animation-delay:.48s}.studio-create-letter:nth-child(8){animation-delay:.56s}.studio-create-button:not(:disabled):hover{border-color:hsla(var(--create-hue),100%,80%,.4)}.studio-create-button:not(:disabled):hover:after{opacity:1}.studio-create-button:not(:disabled):hover .studio-create-spark{filter:drop-shadow(0 0 3px hsl(var(--create-hue),100%,70%))drop-shadow(0 -4px 6px #0009);animation:none}.studio-create-bezel:has(.studio-create-button:not(:disabled):hover){box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px hsla(var(--create-hue),100%,70%,.3)inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.studio-create-button:not(:disabled):active{border-color:hsla(var(--create-hue),100%,80%,.7);background-color:hsla(var(--create-hue),50%,20%,.5)}.studio-create-button:not(:disabled):active:after{opacity:1;filter:brightness(200%)}.studio-create-button:not(:disabled):active .studio-create-letter{color:#fff;text-shadow:0 0 1px hsla(var(--create-hue),100%,90%,.9);animation:none}.studio-create-button.is-busy:after{opacity:.6}.studio-create-bezel:has(.is-busy){box-shadow:0 -8px 12px -6px #fff3 inset,0 -16px 16px -8px hsla(var(--create-hue),100%,70%,.2)inset,1px 1px 1px #fff3,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.studio-create-button.is-busy .studio-create-label--idle{animation:.3s ease-in-out 1s forwards studio-label-out}.studio-create-button.is-busy .studio-create-label--busy{animation:.3s ease-in-out 1s reverse forwards studio-label-out}@keyframes studio-label-out{0%{opacity:1}to{opacity:0}}.studio-create-button.is-busy .studio-create-letter{animation:1s ease-in-out forwards studio-letter-bloom,1.2s ease-in-out 1s infinite studio-letter}@keyframes studio-letter-bloom{0%,to{filter:blur()}50%{filter:blur(10px)brightness(150%)drop-shadow(-36px 12px 12px hsl(var(--create-hue),100%,70%));transform:scale(2)}}.studio-create-button.is-busy .studio-create-spark{animation-duration:1.2s;animation-delay:.2s}.studio-create-button:disabled{cursor:default}.studio-create-bezel:has(.studio-create-button:disabled:not(.is-busy)){opacity:.5}.studio-create-button:disabled:not(.is-busy){border-color:#ffffff12;box-shadow:inset 0 1px 1px #ffffff14}.studio-create-button:disabled:not(.is-busy) .studio-create-letter{color:#ffffff6b;text-shadow:none;animation:none}.studio-create-button:disabled:not(.is-busy) .studio-create-spark{filter:none;opacity:.4;animation:none}@media (prefers-reduced-motion:reduce){.studio-create-letter,.studio-create-spark,.studio-create-button.is-busy .studio-create-letter{animation:none!important}.studio-create-button.is-busy .studio-create-label--idle{opacity:0;animation:none}.studio-create-button.is-busy .studio-create-label--busy{opacity:1;animation:none}}.studio-create-status{color:#ffffff5c;text-align:center;min-height:18px;margin:13px 0 0;font-size:11px}.studio-create-status button{color:#fff9;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.studio-create-status button:hover{color:#fff}.studio-equalizer{align-items:center;gap:2px;width:16px;height:14px;display:inline-flex}.studio-equalizer i{background:currentColor;border-radius:3px;width:2px;height:5px;display:block}.studio-equalizer i:nth-child(2){height:11px}.studio-equalizer i:nth-child(3){height:8px}.studio-equalizer i:nth-child(4){height:4px}.studio-equalizer--active i{animation:.65s ease-in-out infinite alternate studio-equalize}.studio-equalizer--active i:nth-child(2){animation-delay:-.28s}.studio-equalizer--active i:nth-child(3){animation-delay:-.45s}.studio-equalizer--active i:nth-child(4){animation-delay:-.1s}.studio-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(720px,100%);margin-top:34px;display:grid}.studio-results__heading{color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;margin:0 0 -4px;font-size:11px}.studio-result-card{background:#ffffff09;border:1px solid #ffffff17;border-radius:17px;align-items:center;gap:13px;min-height:84px;padding:13px 14px;display:flex;position:relative;overflow:hidden}.studio-result-card--failed{background:#f0788a0f;border-color:#f0788a52}.studio-result-card__art{background:#1d1d20;border-radius:13px;flex:0 0 56px;width:56px;height:56px;position:relative;overflow:hidden}.studio-result-card__art>*{position:absolute;inset:0}.studio-result-card--generating .studio-result-card__art:after{content:"";background:linear-gradient(115deg,#0000 30%,#ffffff29 45%,#0000 61%);animation:1.35s ease-in-out infinite preview-shimmer;position:absolute;inset:-30%}.studio-result-card__meta{flex:1;min-width:0}.studio-result-card__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.studio-result-card__meta span{color:#fff6;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;display:block;overflow:hidden}.studio-result-card--generating .studio-result-card__meta span{color:#0000;background:linear-gradient(90deg,#f3f1ef52 0%,#be96ffe6 50%,#f3f1ef52 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite riff-shimmer}.studio-result-card--failed .studio-result-card__meta span{color:var(--destructive);white-space:normal}.studio-result-card__btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;transition:background .16s;display:grid}.studio-result-card__btn:hover{background:#a852cdb3}.studio-result-card__btn:disabled{opacity:.5;cursor:default}.studio-collection-view{width:min(1220px,100% - 56px);margin:0 auto;padding:30px 0 110px}.studio-collection-view>header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.studio-collection-view>header p{color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.studio-collection-view h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.4vw,76px);font-weight:400;line-height:.9}.studio-view-intro{color:#ffffff80;max-width:560px;margin:19px 0 40px;font-size:15px}.studio-view-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.studio-filter{color:#ffffffa6;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:39px;padding:0 14px;font-size:12px;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.studio-filter:hover{color:#fff;background:#ffffff14}.studio-filter.is-active{color:#fff;background:#a852cd24;border-color:#a852cd8c}.studio-search{color:#ffffffa6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:39px;padding:0 14px;display:inline-flex}.studio-search input{color:#fff;background:0 0;border:0;outline:0;width:120px;font-size:16px;transition:width .2s}.studio-search input:focus{width:180px}.studio-search input::placeholder{color:#ffffff59}.studio-song-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;display:grid}.studio-song-card{min-width:0}.studio-song-card__media{position:relative}.studio-song-card__art{aspect-ratio:1;cursor:pointer;text-align:left;background:#1d1d20;border:0;border-radius:17px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.studio-song-card__art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00000061);position:absolute;inset:45% 0 0}.studio-song-card__art img,.studio-song-card__art .studio-song-card__cover{object-fit:cover;width:100%;height:100%;transition:transform .38s;position:absolute;inset:0}.studio-song-card:hover .studio-song-card__art img,.studio-song-card:hover .studio-song-card__cover{transform:scale(1.025)}.studio-song-card--disabled .studio-song-card__art{cursor:default;opacity:.62}.studio-song-card__play{z-index:3;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;background:#0c0c0e99;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:opacity .18s,background .18s;display:grid;position:absolute;bottom:14px;right:14px}.studio-song-card:hover .studio-song-card__play,.studio-song-card:focus-within .studio-song-card__play,.studio-song-card__play:focus-visible,.studio-song-card__play.is-current{opacity:1}.studio-song-card__play:hover{background:#a852cdc7}.studio-song-card__play.is-current{background:#a852cdb8;border-color:#ffffff4d}.studio-song-card__status{z-index:3;color:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.04em;text-transform:uppercase;background:#0a0a0c8c;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:inline-flex;position:absolute;top:13px;left:13px}.studio-song-card__menu{z-index:4;color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;background:#0a0a0c8c;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:opacity .18s,background .16s;display:grid;position:absolute;top:10px;right:10px}.studio-song-card:hover .studio-song-card__menu,.studio-song-card:focus-within .studio-song-card__menu,.studio-song-card__menu:focus-visible,.studio-song-card__menu[data-state=open]{opacity:1}.studio-song-card__menu:hover{background:#ffffff24}.studio-song-card__meta{justify-content:space-between;gap:16px;margin-top:12px;display:flex}.studio-song-card__meta>div{flex:1;min-width:0}.studio-song-card__meta h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:500;overflow:hidden}.studio-song-card__meta p{color:#ffffff63;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.studio-song-card__meta>span{color:#ffffff4a;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.studio-song-card--generating .studio-song-card__art:before{content:"";z-index:2;background:linear-gradient(115deg,#0000 30%,#ffffff24 45%,#0000 61%);animation:1.35s ease-in-out infinite preview-shimmer;position:absolute;inset:-30%}.studio-song-card__shimmer-label{background:linear-gradient(90deg,#f3f1ef52 0%,#be96ffe6 50%,#f3f1ef52 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite riff-shimmer;color:#0000!important}.studio-song-card__actions{gap:7px;margin-top:10px;display:flex}.studio-song-card__actions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1c;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:11px;transition:background .16s;display:inline-flex}.studio-song-card__actions button:hover{background:#ffffff1f}.studio-song-card__actions button:disabled{opacity:.55;cursor:default}.studio-library-stats{flex-wrap:wrap;gap:9px;margin:0 0 30px;display:flex}.studio-library-stats span{color:#ffffff61;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;padding:9px 12px;font-size:10px}.studio-library-stats strong{color:#ffffffc7;margin-right:4px;font-size:12px}.studio-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:70px 20px;display:flex}.studio-empty strong{letter-spacing:-.01em;font-size:17px;font-weight:500}.studio-empty p{color:#ffffff73;max-width:340px;margin:0;font-size:13px;line-height:1.5}.studio-empty a,.studio-empty button{color:#fff;background:var(--gradient-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:42px;margin-top:12px;padding:0 20px;font-size:13px;font-weight:500;transition:transform .16s;display:inline-flex}.studio-empty a:hover,.studio-empty button:hover{transform:translateY(-1px)}.studio-creator-hero{isolation:isolate;background:radial-gradient(80% 130% at 22% 0,#a852cd6b,#6d2e8b3d 46%,#0000 78%),radial-gradient(60% 90% at 100% 20%,#7a3caa59,#0000 74%),#181128;border:1px solid #ffffff1a;border-radius:24px;margin:6px 0 34px;padding:44px 36px 40px;position:relative;overflow:hidden}.studio-creator-hero h2{letter-spacing:-.05em;max-width:560px;margin:0;font-size:clamp(38px,3.6vw,56px);font-weight:400;line-height:.95}.studio-creator-hero p{color:#ffffffa8;max-width:520px;margin:16px 0 24px;font-size:14px;line-height:1.5}.studio-creator-hero a{color:#111;background:#f5f3f0;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 26px;font-size:14px;font-weight:600;transition:transform .16s;display:inline-flex}.studio-creator-hero a:hover{transform:translateY(-2px)}.studio-dock{bottom:0;right:0;left:var(--studio-sidebar);z-index:60;height:calc(78px + env(safe-area-inset-bottom));padding:0 max(18px,env(safe-area-inset-right))env(safe-area-inset-bottom)max(18px,env(safe-area-inset-left));background:var(--chrome-underlay);-webkit-backdrop-filter:blur(18px);border-top:1px solid #ffffff14;align-items:center;gap:14px;transition:left .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed}.studio-dock__progress{background:#ffffff14;height:2px;position:absolute;top:-1px;left:0;right:0}.studio-dock__progress i{background:var(--gradient-scrubber);height:100%;display:block}.studio-dock__info{width:26%;min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.studio-dock__cover{background:#1d1d20;border-radius:11px;flex:0 0 46px;width:46px;height:46px;position:relative;overflow:hidden}.studio-dock__cover>*{position:absolute;inset:0}.studio-dock__meta{min-width:0}.studio-dock__meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.studio-dock__meta span{color:#fff6;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;display:block;overflow:hidden}.studio-dock__center{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.studio-dock__buttons{align-items:center;gap:18px;display:flex}.studio-dock__btn{color:#ffffff8c;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .16s,transform .12s;display:grid}.studio-dock__btn:hover{color:#fff}.studio-dock__btn:active{transform:scale(.94)}.studio-dock__btn.is-on{color:var(--orchid)}.studio-dock__play{color:#111;cursor:pointer;background:#f2efeb;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .14s,background .16s;display:grid}.studio-dock__play:hover{background:#fff;transform:scale(1.04)}.studio-dock__play:disabled{opacity:.55}.studio-dock__scrub{align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.studio-dock__time{color:#ffffff59;font-variant-numeric:tabular-nums;flex:0 0 34px;font-size:10px}.studio-dock__time:last-child{text-align:right}.studio-dock__right{justify-content:flex-end;align-items:center;gap:12px;width:26%;display:flex}.studio-dock__volume{cursor:pointer;appearance:none;background:#ffffff24;border-radius:999px;width:92px;height:3px}.studio-dock__volume::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:10px;height:10px}@keyframes studio-equalize{0%{transform:scaleY(.55)}to{transform:scaleY(1.3)}}@keyframes studio-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gate-page{isolation:isolate;background:radial-gradient(70% 100% at 53% 20%,#7c2daa80,#34164a42 50%,transparent 75%),radial-gradient(40% 68% at 0% 10%,#5b3a9066,transparent 72%),var(--page);place-items:center;min-height:100svh;padding:90px 18px 40px;display:grid;position:relative;overflow:hidden}.gate-page__top{justify-content:space-between;align-items:center;padding:21px 20px;display:flex;position:absolute;top:0;left:0;right:0}.gate-page__dialog{z-index:2;background:#1d1d20;border:1px solid #ffffff1f;border-radius:25px;width:min(430px,100%);padding:28px 25px 24px;position:relative;box-shadow:0 38px 110px #00000085}.gate-page__dialog h1{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:450;line-height:1.05}.gate-page__dialog>p{color:var(--muted);margin:10px 0 20px;font-size:14px;line-height:1.45}.gate-tabs{background:#ffffff09;border:1px solid #ffffff0e;border-radius:12px;gap:3px;margin:0 0 16px;padding:3px;display:flex}.gate-tabs button{color:#ffffff6b;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;height:34px;font-size:12px;font-weight:500;transition:color .16s,background .16s}.gate-tabs button.is-active{color:#fff;background:#ffffff1a}.gate-divider{color:#ffffff52;align-items:center;gap:12px;margin:17px 0;font-size:11px;display:flex}.gate-divider:before,.gate-divider:after{content:"";background:#ffffff17;flex:1;height:1px}.gate-input{color:#fff;background:#ffffff0b;border:1px solid #ffffff17;border-radius:13px;outline:0;width:100%;height:48px;margin-top:9px;padding:0 15px;font-size:16px;transition:border-color .16s;display:block}.gate-input:focus{border-color:#a852cd80}.gate-input::placeholder{color:#ffffff52}.gate-input--code{text-align:center;letter-spacing:.3em;font-size:17px}.gate-submit{color:#fff;background:var(--gradient-cta-wide);cursor:pointer;border:0;border-radius:14px;place-items:center;width:100%;min-height:50px;margin-top:13px;font-size:14px;font-weight:500;transition:transform .16s,opacity .16s;display:grid}.gate-submit:hover{transform:translateY(-1px)}.gate-submit:disabled{opacity:.6;cursor:default;transform:none}.gate-error{color:var(--destructive);margin:12px 2px 0;font-size:12px}.gate-minor{text-align:center;margin-top:15px}.gate-minor button,.gate-minor a{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.gate-minor button:hover,.gate-minor a:hover{color:#fff}.gate-note{color:#fff6;text-align:center;margin:20px 2px 0;font-size:11px;line-height:1.5}.gate-legal{color:#ffffff9e;text-align:center;margin:12px 8px 0;font-size:11px;line-height:1.45}.gate-legal a{color:#ffffff8a;text-underline-offset:2px;text-decoration:underline}@media (max-width:900px){.studio-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.studio-dock{height:calc(64px + env(safe-area-inset-bottom));padding:0 max(12px,env(safe-area-inset-right))env(safe-area-inset-bottom)max(12px,env(safe-area-inset-left));gap:10px}.studio-shell--playing{--studio-dock:64px}.studio-dock__info{flex:1;width:auto}.studio-dock__center{display:none}.studio-dock__right{gap:8px;width:auto}.studio-dock__volume,.studio-dock__mute{display:none}.studio-dock__mobile-play{display:grid}}@media (min-width:761px){.studio-dock__mobile-play,.studio-dock__mobile-next{display:none}}@media (max-width:600px){.studio-shell{--studio-sidebar:214px}.studio-shell--collapsed{--studio-sidebar:62px}.studio-sidebar{padding-left:7px;padding-right:7px}.studio-main{min-width:0}.studio-topbar{height:64px;padding:0 14px}.studio-credit-pill{padding:0 11px}.studio-credit-pill b{display:none}.studio-home{min-height:calc(100svh - 64px - var(--studio-dock));padding:20px 13px 88px}.studio-home h1{margin-bottom:20px;font-size:clamp(30px,8.6vw,38px)}.studio-composer{border-radius:18px;padding:13px}.studio-composer--custom textarea.studio-composer__main{min-height:180px}.studio-inspire-button span{display:none}.studio-inspire-button{width:38px;padding:0}.studio-create-button{min-width:92px;padding:0 12px}.studio-results{grid-template-columns:1fr}.studio-collection-view{width:calc(100% - 26px);padding-top:18px}.studio-collection-view h1{font-size:44px}.studio-view-intro{margin-bottom:28px}.studio-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.studio-song-card__play{opacity:1;width:38px;height:38px;bottom:10px;right:10px}.studio-song-card__menu{opacity:1}.studio-creator-hero{padding:30px 22px 28px}}@media (prefers-reduced-motion:reduce){.studio-sidebar,.studio-main,.studio-dock,.studio-song-card__art img,.studio-composer--creating:before,.studio-equalizer--active i{transition:none;animation:none}}