/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-50:oklch(98% .016 73.684);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-600:oklch(59.2% .249 .584);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-900:oklch(21% .006 285.885);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:11px;--text-xs--line-height:calc(1 / .75);--text-sm:13px;--text-sm--line-height:calc(1.25 / .875);--text-base:15px;--text-base--line-height:calc(1.5 / 1);--text-lg:17px;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:20px;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:24px;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:30px;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:38px;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:52px;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1) infinite;--animate-bounce:bounce 1s infinite;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--radius:var(--radius-sm);--color-background:#fafaf7;--color-foreground:#1a1a1a;--color-border:#e8e3dc;--color-input:#f3efe9;--color-primary:#f26522;--color-primary-foreground:#fff;--color-secondary:#fde8d8;--color-secondary-foreground:#ad4513;--color-coral:#f4845f;--color-coral-foreground:#fff;--color-muted:#ede8e2;--color-muted-foreground:#6b645f;--color-success:#22c55e;--color-success-foreground:#fff;--color-card:#fff;--color-card-foreground:#1a1a1a;--color-surface:#f7f3ee;--font-body:DM Sans;--font-headings:DM Sans}}@layer base{.banani-copy{color:var(--color-foreground);background:var(--color-background);font-family:DM Sans,sans-serif;line-height:1.5}.banani-copy :where(h1,h2,h3,p){font-size:inherit;font-weight:inherit;margin:0}.banani-copy :where(button){cursor:pointer}.banani-copy button{position:relative}.banani-copy *,.banani-copy :after,.banani-copy :before{border:0 solid}.banani-copy :where(button){color:inherit;font:inherit;background:0 0;padding:0}.banani-copy :where(img){max-width:100%;height:auto}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.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;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-x-0{inset-inline:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-24{top:calc(var(--spacing) * 24)}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.bottom-0{bottom:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.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-4{margin-inline:calc(var(--spacing) * -4)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.-mt-6{margin-top:calc(var(--spacing) * -6)}.mt-0{margin-top:0}.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-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-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.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-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.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-7{height:calc(var(--spacing) * 7)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-44{height:calc(var(--spacing) * 44)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[68px\]{height:68px}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[calc\(100dvh-72px\)\]{min-height:calc(100dvh - 72px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/10{width:10%}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-\[5rem\]{min-width:5rem}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1)}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.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-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-20{gap:calc(var(--spacing) * 20)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * 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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.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-dashed{--tw-border-style:dashed;border-style:dashed}.border-background{border-color:var(--color-background)}.border-blue-200{border-color:var(--color-blue-200)}.border-border{border-color:var(--color-border)}.border-border\/30{border-color:#e8e3dc4d}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--color-border) 30%,transparent)}}.border-border\/50{border-color:#e8e3dc80}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-muted{border-color:var(--color-muted)}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:#f265221a}@supports (color:color-mix(in lab,red,red)){.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.border-primary\/15{border-color:#f2652226}@supports (color:color-mix(in lab,red,red)){.border-primary\/15{border-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.border-primary\/20{border-color:#f2652233}@supports (color:color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-primary\/25{border-color:#f2652240}@supports (color:color-mix(in lab,red,red)){.border-primary\/25{border-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}.border-primary\/30{border-color:#f265224d}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.border-primary\/35{border-color:#f2652259}@supports (color:color-mix(in lab,red,red)){.border-primary\/35{border-color:color-mix(in oklab,var(--color-primary) 35%,transparent)}}.border-red-100{border-color:var(--color-red-100)}.border-secondary{border-color:var(--color-secondary)}.border-transparent{border-color:#0000}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.border-white\/25{border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.border-zinc-300{border-color:var(--color-zinc-300)}.border-t-primary{border-top-color:var(--color-primary)}.bg-background{background-color:var(--color-background)}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.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-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black) 90%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-coral{background-color:var(--color-coral)}.bg-foreground{background-color:var(--color-foreground)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-input{background-color:var(--color-input)}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground{background-color:var(--color-muted-foreground)}.bg-muted-foreground\/30{background-color:#6b645f4d}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab,var(--color-muted-foreground) 30%,transparent)}}.bg-muted-foreground\/40{background-color:#6b645f66}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/40{background-color:color-mix(in oklab,var(--color-muted-foreground) 40%,transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-primary{background-color:var(--color-primary)}.bg-primary-foreground\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-primary-foreground\/20{background-color:color-mix(in oklab,var(--color-primary-foreground) 20%,transparent)}}.bg-primary\/3{background-color:#f2652208}@supports (color:color-mix(in lab,red,red)){.bg-primary\/3{background-color:color-mix(in oklab,var(--color-primary) 3%,transparent)}}.bg-primary\/5{background-color:#f265220d}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}.bg-primary\/10{background-color:#f265221a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/40{background-color:#f2652266}@supports (color:color-mix(in lab,red,red)){.bg-primary\/40{background-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.bg-primary\/60{background-color:#f2652299}@supports (color:color-mix(in lab,red,red)){.bg-primary\/60{background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}.bg-primary\/90{background-color:#f26522e6}@supports (color:color-mix(in lab,red,red)){.bg-primary\/90{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.bg-purple-50{background-color:var(--color-purple-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/20{background-color:#fde8d833}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/20{background-color:color-mix(in oklab,var(--color-secondary) 20%,transparent)}}.bg-secondary\/30{background-color:#fde8d84d}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--color-secondary) 30%,transparent)}}.bg-secondary\/40{background-color:#fde8d866}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/40{background-color:color-mix(in oklab,var(--color-secondary) 40%,transparent)}}.bg-secondary\/60{background-color:#fde8d899}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/60{background-color:color-mix(in oklab,var(--color-secondary) 60%,transparent)}}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab,var(--color-black) 60%,transparent)}}.from-black\/60{--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-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab,var(--color-black) 70%,transparent)}}.from-black\/70{--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-black\/75{--tw-gradient-from:#000000bf}@supports (color:color-mix(in lab,red,red)){.from-black\/75{--tw-gradient-from:color-mix(in oklab,var(--color-black) 75%,transparent)}}.from-black\/75{--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-primary{--tw-gradient-from:var(--color-primary);--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-primary\/10{--tw-gradient-from:#f265221a}@supports (color:color-mix(in lab,red,red)){.from-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.from-primary\/10{--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-secondary{--tw-gradient-from:var(--color-secondary);--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))}.via-black\/10{--tw-gradient-via:#0000001a}@supports (color:color-mix(in lab,red,red)){.via-black\/10{--tw-gradient-via:color-mix(in oklab,var(--color-black) 10%,transparent)}}.via-black\/10{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-black\/10{--tw-gradient-to:#0000001a}@supports (color:color-mix(in lab,red,red)){.to-black\/10{--tw-gradient-to:color-mix(in oklab,var(--color-black) 10%,transparent)}}.to-black\/10{--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))}.to-card{--tw-gradient-to:var(--color-card);--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))}.to-coral{--tw-gradient-to:var(--color-coral);--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))}.to-secondary{--tw-gradient-to:var(--color-secondary);--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))}.to-transparent{--tw-gradient-to: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))}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-14{padding-inline:calc(var(--spacing) * 14)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-1{padding-left:var(--spacing)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-body{font-family:var(--font-body)}.font-headings{font-family:var(--font-headings)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-pre-wrap{white-space:pre-wrap}.text-background{color:var(--color-background)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-coral{color:var(--color-coral)}.text-foreground{color:var(--color-foreground)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary-foreground\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-primary-foreground\/70{color:color-mix(in oklab,var(--color-primary-foreground) 70%,transparent)}}.text-primary-foreground\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-primary-foreground\/80{color:color-mix(in oklab,var(--color-primary-foreground) 80%,transparent)}}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab,red,red)){.text-white\/75{color:color-mix(in oklab,var(--color-white) 75%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-zinc-700{color:var(--color-zinc-700)}.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,)}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-2xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.ring,.shadow-xl{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)}.ring-2{--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)}.ring-primary{--tw-ring-color:var(--color-primary)}.ring-offset-2{--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)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl))}.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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-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-shadow{transition-property:box-shadow;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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\:border-primary\/30:hover{border-color:#f265224d}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.hover\:bg-black\/40:hover{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/40:hover{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#f26522e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:shadow-lg:hover{--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)}}.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\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.disabled\:opacity-60:disabled{opacity:.6}@media (prefers-color-scheme:dark){.dark\:border-zinc-700{border-color:var(--color-zinc-700)}.dark\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\:text-zinc-200{color:var(--color-zinc-200)}}}.banani-copy button{min-height:0}.banani-copy svg{flex-shrink:0}.banani-copy a{cursor:pointer}.banani-mobile{display:block}.banani-desktop{display:none}.banani-desktop>div,.banani-desktop>div>div:first-child{min-height:100dvh}.banani-desktop .w-60{min-width:240px}.app-content:has(.banani-copy){padding-bottom:0}.banani-mobile{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.banani-mobile:has(.landing-page){padding-bottom:0}.landing-page a[class*=text-primary-foreground]{color:var(--color-primary-foreground)}.landing-page .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-page .grid.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-page .grid.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.reveal-up{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-up-visible{opacity:1;transform:translateY(0)}@keyframes landingWordUp{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}.landing-page .hero-word{opacity:0;animation:landingWordUp .7s cubic-bezier(.16,1,.3,1) forwards;display:inline-block}@keyframes landingFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-page .hero-badge{opacity:0;animation:landingFadeIn .6s forwards}@keyframes landingDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.landing-page .hero-badge-dot{animation:landingDotPulse 1.8s ease-in-out infinite}.landing-page .hero-rotate-line{min-height:1.4em;overflow:hidden}.landing-page .hero-rotate-word{display:inline-block}.landing-page .hero-rotate-fade{animation:landingFadeIn .5s forwards}@keyframes heroRotateSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.landing-page .hero-rotate-slide{animation:heroRotateSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroRotateZoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.landing-page .hero-rotate-zoom{animation:heroRotateZoomIn .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes heroRotateTyping{0%{width:0}to{width:100%}}@keyframes heroRotateCaret{50%{border-color:#0000}}.landing-page .hero-rotate-typewriter{white-space:nowrap;vertical-align:bottom;width:0;max-width:100%;animation:heroRotateTyping 1.1s steps(var(--hero-type-chars,12)) forwards,heroRotateCaret .8s step-end infinite;border-right:.08em solid;overflow:hidden}@keyframes landingFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(4deg)}}.landing-page .hero-float{animation:landingFloat 5s ease-in-out infinite}@keyframes landingOrbDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,-6%)scale(1.08)}}.landing-page .hero-orb{filter:blur(60px);pointer-events:none;border-radius:9999px;animation:landingOrbDrift 12s ease-in-out infinite;position:absolute}.landing-page .hero-glow{isolation:isolate;position:relative}.landing-page .hero-glow:after,.landing-page .hero-glow:before{content:"";z-index:0;position:absolute;inset:0}.landing-page .hero-glow:before{background-image:repeating-radial-gradient(circle at 74% 38%,#ffffff24 0,#ffffff24 1.5px,transparent 1.5px,transparent 48px),linear-gradient(135deg,#2a1a5e 0,#5c2a8f 30%,#a83a1e 66%,var(--color-primary) 100%)}.landing-page .hero-glow:after{background:linear-gradient(#0805126b,#0805129e)}.landing-page .hero-glow>:not(.hero-orb):not(.hero-float){z-index:1;position:relative}.landing-page .hero-glow .hero-float,.landing-page .hero-glow .hero-orb{z-index:1}@keyframes landingGlowPulse{0%,to{box-shadow:0 8px 24px #f2652259,0 0 #f2652247}50%{box-shadow:0 8px 28px #f2652273,0 0 0 10px #f2652200}}.landing-page .cta-glow{transition:transform .25s,filter .25s;animation:landingGlowPulse 2.6s ease-in-out infinite;position:relative}.landing-page .cta-glow:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.03)}.landing-page .cta-glow:active{transform:translateY(0)scale(.98)}.landing-page .landing-inline-play{background:var(--color-primary);color:var(--color-primary-foreground);white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.landing-page .landing-inline-play:hover{filter:brightness(1.05)}.landing-page .landing-inline-play.is-compact{gap:4px;padding:7px 12px;font-size:11px}.landing-page .landing-inline-play.is-playing{background:#c6531c}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-inline-play.is-playing{background:color-mix(in srgb,var(--color-primary) 82%,black)}}.landing-page .landing-card-hover{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 1px 2px #1a1a1a0a,0 2px 8px #1a1a1a0d}.landing-page .landing-card-hover:hover{border-color:#ecb79b;transform:translateY(-6px);box-shadow:0 16px 32px #1a1a1a1a}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-card-hover:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}}.landing-page .landing-nav{top:var(--native-top-inset,0);z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fafaf7d9;position:sticky}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-nav{background:color-mix(in srgb,var(--color-background) 85%,transparent)}}.landing-page .landing-nav{will-change:transform;transition:padding .25s,box-shadow .25s;transform:translateZ(0);box-shadow:0 1px #1a1a1a0a,0 6px 16px #1a1a1a0d}.landing-page .landing-nav.landing-nav-scrolled{padding-top:.65rem;padding-bottom:.65rem;box-shadow:0 1px #1a1a1a0f,0 8px 20px #1a1a1a14}.landing-page .landing-nav-link{padding-bottom:4px;transition:color .2s;position:relative}.landing-page .landing-nav-link:after{content:"";background:var(--color-primary);transform-origin:0;border-radius:2px;width:100%;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.landing-page .landing-nav-link:hover{color:var(--color-foreground)}.landing-page .landing-nav-link:hover:after{transform:scaleX(1)}@media (max-width:359px){.landing-page .landing-nav{gap:8px;padding-left:12px;padding-right:12px}.landing-page .landing-nav-cta{padding-left:10px;padding-right:10px}}@media (max-width:339px){.landing-page .landing-nav>a span{display:none}}.landing-page .landing-nav-cta{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,filter .25s;box-shadow:0 2px 8px #f265224d}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-nav-cta{box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}}.landing-page .landing-nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px #f2652261}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-nav-cta:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 38%,transparent)}}.landing-page .landing-nav-cta:hover{filter:brightness(1.05)}.landing-page .landing-lang-select>summary{list-style:none}.landing-page .landing-lang-select>summary::-webkit-details-marker{display:none}.landing-page .landing-lang-chevron{transition:transform .25s}.landing-page .landing-lang-select[open] .landing-lang-chevron{transform:rotate(180deg)}.landing-page .landing-mobile-menu-btn{transition:background-color .2s,border-color .2s}.landing-page .landing-mobile-menu-btn:hover{background:#faf1ea}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-mobile-menu-btn:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-background))}}.landing-page .landing-mobile-menu-btn:hover{border-color:#ebbda4}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-mobile-menu-btn:hover{border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}}.landing-page .landing-mobile-menu-panel{background:var(--color-background);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;z-index:39;max-height:0;transition:max-height .35s cubic-bezier(.16,1,.3,1),opacity .25s,transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-8px);box-shadow:0 16px 28px #1a1a1a1a}.landing-page .landing-mobile-menu-panel.landing-mobile-menu-open{opacity:1;pointer-events:auto;max-height:320px;transform:translateY(0)}.landing-page .landing-mobile-menu-link{border-bottom:1px solid var(--color-border);color:var(--color-foreground);padding:14px 20px;font-size:.95rem;font-weight:600;display:block}.landing-page .landing-mobile-menu-link:last-child{border-bottom:none}.landing-page .landing-mobile-menu-link:active{background:#f265220f}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-mobile-menu-link:active{background:color-mix(in srgb,var(--color-primary) 6%,transparent)}}.landing-page .landing-lang-panel{animation:landingFadeIn .18s;box-shadow:0 12px 28px #1a1a1a1f}.landing-page .landing-lang-panel>form+form{border-top:1px solid var(--color-border)}.landing-page .landing-lang-option{cursor:pointer;appearance:none;background:0 0;border:none;border-radius:0;transition:background-color .15s}.landing-page .landing-lang-option:hover{background:#f2652214}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-lang-option:hover{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}}.landing-page .landing-chip-hover{transition:transform .2s}.landing-page .landing-chip-hover:hover{transform:scale(1.07)}.landing-section-tint{background:linear-gradient(180deg,var(--color-surface) 0,#fff 100%)}.landing-section-dotted{background-color:var(--color-surface);background-image:radial-gradient(#f2652229 1.5px,#0000 0)}@supports (color:color-mix(in lab,red,red)){.landing-section-dotted{background-image:radial-gradient(color-mix(in srgb,var(--color-primary) 16%,transparent) 1.5px,transparent 1.5px)}}.landing-section-dotted{background-size:24px 24px}.landing-section-grid{background-color:var(--color-surface);background-image:linear-gradient(#e8e3dcb3 1px,#0000 0),linear-gradient(90deg,#e8e3dcb3 1px,#0000 0)}@supports (color:color-mix(in lab,red,red)){.landing-section-grid{background-image:linear-gradient(color-mix(in srgb,var(--color-border) 70%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-border) 70%,transparent) 1px,transparent 1px)}}.landing-section-grid{background-size:32px 32px}.landing-section-diagonal{background-color:var(--color-background);background-image:repeating-linear-gradient(45deg,#f2652212 0 1px,#0000 1px 14px)}@supports (color:color-mix(in lab,red,red)){.landing-section-diagonal{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-primary) 7%,transparent) 0,color-mix(in srgb,var(--color-primary) 7%,transparent) 1px,transparent 1px,transparent 14px)}}.landing-section-waves{background-color:var(--color-surface);background-image:repeating-radial-gradient(circle at 88% 15%,#f4845f1f 0 1px,#0000 1px 34px)}@supports (color:color-mix(in lab,red,red)){.landing-section-waves{background-image:repeating-radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--color-coral) 12%,transparent) 0,color-mix(in srgb,var(--color-coral) 12%,transparent) 1px,transparent 1px,transparent 34px)}}.landing-section-soft{background-color:var(--color-secondary);background-image:radial-gradient(#f265222e 1.5px,#0000 0)}@supports (color:color-mix(in lab,red,red)){.landing-section-soft{background-image:radial-gradient(color-mix(in srgb,var(--color-primary) 18%,transparent) 1.5px,transparent 1.5px)}}.landing-section-soft{background-size:26px 26px}.landing-section-cross{background-color:var(--color-background);background-image:repeating-linear-gradient(45deg,#22c55e14 0 1px,#0000 1px 18px),repeating-linear-gradient(-45deg,#22c55e14 0 1px,#0000 1px 18px)}@supports (color:color-mix(in lab,red,red)){.landing-section-cross{background-image:repeating-linear-gradient(45deg,color-mix(in srgb,var(--color-success) 8%,transparent) 0,color-mix(in srgb,var(--color-success) 8%,transparent) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--color-success) 8%,transparent) 0,color-mix(in srgb,var(--color-success) 8%,transparent) 1px,transparent 1px,transparent 18px)}}.landing-section-lines{background-color:var(--color-surface);background-image:repeating-linear-gradient(0deg,#f2652217 0 1px,#0000 1px 22px)}@supports (color:color-mix(in lab,red,red)){.landing-section-lines{background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--color-primary) 9%,transparent) 0,color-mix(in srgb,var(--color-primary) 9%,transparent) 1px,transparent 1px,transparent 22px)}}.landing-icon-gradient{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-coral) 100%)}.landing-tint-0{background:#fef0e9}@supports (color:color-mix(in lab,red,red)){.landing-tint-0{background:color-mix(in srgb,var(--color-primary) 10%,white)}}.landing-tint-0{border-color:#ebc4ae}@supports (color:color-mix(in lab,red,red)){.landing-tint-0{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}}.landing-tint-1{background:#fef0ec}@supports (color:color-mix(in lab,red,red)){.landing-tint-1{background:color-mix(in srgb,var(--color-coral) 12%,white)}}.landing-tint-1{border-color:#ebc8b9}@supports (color:color-mix(in lab,red,red)){.landing-tint-1{border-color:color-mix(in srgb,var(--color-coral) 28%,var(--color-border))}}.landing-tint-2{background:#e9f9ef}@supports (color:color-mix(in lab,red,red)){.landing-tint-2{background:color-mix(in srgb,var(--color-success) 10%,white)}}.landing-tint-2{border-color:#b7dcbd}@supports (color:color-mix(in lab,red,red)){.landing-tint-2{border-color:color-mix(in srgb,var(--color-success) 25%,var(--color-border))}}.landing-tint-3{background:var(--color-secondary);border-color:#eacab7}@supports (color:color-mix(in lab,red,red)){.landing-tint-3{border-color:color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}}.landing-page .landing-pricing-card{overflow:visible}.landing-page .landing-pricing-highlight{background:linear-gradient(160deg,var(--color-primary) 0,var(--color-coral) 100%);box-shadow:0 20px 40px #f2652259}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-pricing-highlight{box-shadow:0 20px 40px color-mix(in srgb,var(--color-primary) 35%,transparent)}}.landing-final-cta{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-coral) 55%,#d9530f 100%);position:relative;overflow:hidden}.landing-final-cta:after,.landing-final-cta:before{content:"";filter:blur(50px);pointer-events:none;background:#ffffff29;border-radius:9999px;position:absolute}.landing-final-cta:before{width:260px;height:260px;top:-80px;left:-60px}.landing-final-cta:after{width:220px;height:220px;bottom:-70px;right:-40px}.landing-page .cta-invert{color:var(--color-primary);background:#fff}.landing-page .cta-invert:hover{filter:brightness(1.02);transform:translateY(-2px)scale(1.03)}@media (prefers-reduced-motion:reduce){.landing-page .cta-glow,.landing-page .hero-badge,.landing-page .hero-badge-dot,.landing-page .hero-float,.landing-page .hero-orb,.landing-page .hero-rotate-word,.landing-page .hero-word,.reveal-up{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.landing-page .hero-rotate-typewriter{border-right:none!important;width:auto!important}.landing-page .landing-inline-play.is-centered{transform:translate(-50%,-50%)!important}}.banani-bottom-nav{z-index:50;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin:0;position:fixed}.banani-copy .font-headings{font-family:DM Sans,sans-serif}.banani-screen{width:100%;max-width:540px;min-height:100dvh;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));margin:auto}.banani-screen>div{min-height:calc(100dvh - 110px)}.banani-genre-screen{max-width:none}.banani-copy .demo-field{width:100%;min-width:0;color:inherit;resize:vertical;background:0 0;border:0;outline:none;padding:0;font-family:inherit}.banani-copy .demo-field::placeholder{color:var(--color-muted-foreground);opacity:1}.banani-copy .demo-field:focus::placeholder{color:#0000;opacity:0}.banani-copy label:has(+div input),.banani-copy label:has(+div textarea){cursor:default}.banani-copy button[aria-pressed=true]{border-color:var(--color-primary)}.banani-copy button[aria-pressed=true]>div.border-2.rounded-full{background:var(--color-primary)}.banani-copy :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.banani-copy button:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banani-copy .song-version-actions button:after{width:calc(100% + 6px)}.banani-copy .demo-toggle{min-height:24px}.demo-notice{bottom:calc(112px + env(safe-area-inset-bottom,0px));z-index:100;width:max-content;max-width:min(88vw,300px);position:fixed;left:50%;transform:translate(-50%)}.demo-notice .site-notice{color:#f6f2ec;-webkit-backdrop-filter:blur(12px);background:#24211c;border:none;border-radius:11px;align-items:center;gap:7px;margin:0;padding:8px 10px;display:flex;box-shadow:0 8px 22px #00000038}.demo-notice .site-notice-icon{flex-shrink:0;width:15px;height:15px;margin-top:0}.demo-notice .site-notice-error .site-notice-icon{color:#f87171}.demo-notice .site-notice-success .site-notice-icon{color:#4ade80}.demo-notice .site-notice-info .site-notice-icon{color:#ff8a4c}.demo-notice .site-notice-warning .site-notice-icon{color:#facc15}.demo-notice .site-notice-message{font-size:12px;font-weight:600;line-height:1.3}.demo-notice .site-notice-dismiss{opacity:.65;flex-shrink:0;width:18px;height:18px;margin:0 -2px 0 2px}.demo-notice .site-notice-dismiss:hover{opacity:1}.demo-mode{text-align:center;color:#6b645f;margin:0;padding:8px 16px;font:11px/1.5 DM Sans,sans-serif}@media (max-width:1099px){.banani-genre-screen>div>div:first-child{display:none}.banani-genre-screen .px-8{padding-left:16px;padding-right:16px}.banani-genre-screen .grid-cols-4{--banani-columns:2}.banani-genre-screen .max-h-96{max-height:none}}.banani-copy .grid-cols-4{--banani-columns:4}.demo-offline{border-radius:0;margin:0;padding:12px 16px}@media (prefers-reduced-motion:reduce){.banani-copy *,.banani-copy :after,.banani-copy :before{transition:none!important;animation:none!important}}.music-style-empty{border:1px dashed #ebbda4;align-content:center;place-items:center;gap:7px;min-height:160px;padding:24px;display:grid}@supports (color:color-mix(in lab,red,red)){.music-style-empty{border:1px dashed color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}}.music-style-empty{color:var(--color-primary);background:var(--color-card);text-align:center;border-radius:18px}.music-style-empty strong{color:var(--color-foreground);font-size:14px}.music-style-empty p{color:var(--color-muted-foreground);margin:0;font-size:11px}.library-section-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.library-section-heading h2{color:var(--color-foreground);font-size:16px;font-weight:800}.library-section-heading p{color:var(--color-muted-foreground);margin-top:2px;font-size:11px}.library-section-heading>span{min-width:30px;height:30px;color:var(--color-primary);background:var(--color-secondary);border-radius:10px;place-items:center;font-size:11px;font-weight:800;display:grid}.library-collection-list{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(190px,76%);grid-auto-flow:column;gap:10px;padding:2px 2px 8px;display:grid;overflow-x:auto}.library-collection-list::-webkit-scrollbar{display:none}.library-collection-list button{border:1px solid var(--color-border);min-width:0;min-height:118px;color:var(--color-foreground);background:var(--color-card);text-align:left;scroll-snap-align:start;box-shadow:var(--musik-shadow);border-radius:17px;grid-template-columns:auto 1fr auto;align-content:start;align-items:center;gap:4px 9px;padding:13px;display:grid}.library-collection-list button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-secondary);box-shadow:inset 0 0 0 1px var(--color-primary),var(--musik-shadow-raised)}.library-collection-list button>span{width:36px;height:36px;color:var(--color-primary);background:#fef0e9;border-radius:11px;grid-row:1/span 2;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.library-collection-list button>span{background:color-mix(in srgb,var(--color-primary) 10%,white)}}.library-collection-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.library-collection-list small{color:var(--color-muted-foreground);font-size:9px;font-weight:700}.library-collection-list p{color:var(--color-muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:1/-1;margin-top:6px;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}@media (min-width:768px){.library-collection-list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}}.banani-genre-screen button:disabled,.creation-mobile-cta button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none!important}@media (min-width:1024px){.banani-mobile{display:none}.banani-desktop{display:block}}@media (min-width:768px) and (max-width:1099px){.banani-mobile{max-width:540px;margin:auto}.banani-bottom-nav{width:508px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:359px){.banani-mobile .px-4{padding-left:12px;padding-right:12px}.banani-mobile .text-base{font-size:14px}}.banani-copy .grid{grid-template-columns:repeat(var(--banani-columns,1),minmax(0,1fr))}.banani-copy .grid-cols-2{--banani-columns:2}.banani-copy .grid-cols-3{--banani-columns:3}.banani-copy .gap-3{gap:12px}.banani-copy .gap-2\.5{gap:10px}.banani-copy .gap-4{gap:16px}@media (max-width:359px){.banani-bottom-nav,.banani-bottom-nav>button{padding-left:4px;padding-right:4px}.banani-bottom-nav>button{flex:1;min-width:0}.banani-bottom-nav>button:last-child>div{right:0}}@media (min-width:768px){.banani-screen .banani-bottom-nav{width:508px;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:1099px){.banani-genre-screen .grid-cols-4{--banani-columns:2}}.banani-copy{color:var(--color-foreground);background:var(--color-background)}.banani-copy button{cursor:pointer;-webkit-tap-highlight-color:transparent}.banani-copy button:active{filter:brightness(.96)}.banani-copy input:focus-visible,.banani-copy textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:8px}.banani-copy .demo-theme-choice[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.demo-page-directory{max-width:540px;padding:16px 20px calc(112px + env(safe-area-inset-bottom));margin:0 auto;font:13px/1.5 DM Sans,sans-serif}.demo-page-directory summary{cursor:pointer;color:var(--color-muted-foreground);border-top:1px solid var(--color-border);padding:12px 0}.demo-page-directory nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px 0;display:grid}.demo-page-directory nav button{text-align:left;border:1px solid var(--color-border);background:var(--color-card);overflow-wrap:anywhere;border-radius:14px;min-height:44px;padding:10px 12px}.demo-page-directory nav button[aria-current=page]{border-color:var(--color-primary);color:var(--color-primary)}.demo-page-directory p{color:var(--color-muted-foreground);font-size:11px}.banani-copy[data-theme=dark]{color-scheme:dark;--color-background:#161513;--color-card:#22201d;--color-foreground:#f6f2ec;--color-muted-foreground:#bab1a7;--color-border:#423c35;--color-input:#2c2823;--color-muted:#342e28;--color-secondary:#422b1e;--color-secondary-foreground:#f6f2ec}@media (prefers-color-scheme:dark){.banani-copy[data-theme=auto]{color-scheme:dark;--color-background:#161513;--color-card:#22201d;--color-foreground:#f6f2ec;--color-muted-foreground:#bab1a7;--color-border:#423c35;--color-input:#2c2823;--color-muted:#342e28;--color-secondary:#422b1e;--color-secondary-foreground:#f6f2ec}}.musik-modern{--musik-shadow:0 8px 28px #462b170f,0 1px 3px #462b170a;--musik-shadow-raised:0 16px 40px #462b171f;--color-muted-foreground:#736a62;background-image:radial-gradient(at 10% 0,#f2652217,#0000 48%),radial-gradient(at 95% 45%,#f4845f0f,#0000 40%);min-height:100dvh}.musik-modern :is(.banani-screen,.banani-mobile)>.bg-background{background:0 0}.musik-modern :is(h1,h2){letter-spacing:-.025em;text-wrap:balance}.musik-modern h1{line-height:1.25}.musik-modern :is(.bg-card.border.rounded-lg,.bg-card.border.rounded-xl){box-shadow:var(--musik-shadow);border-color:#ebe7e1}@supports (color:color-mix(in lab,red,red)){.musik-modern :is(.bg-card.border.rounded-lg,.bg-card.border.rounded-xl){border-color:color-mix(in srgb,var(--color-border) 85%,var(--color-card))}}.musik-modern :is(.bg-card.border.rounded-lg,.bg-card.border.rounded-xl){background-image:linear-gradient(145deg,#f2652205,#0000 60%);transition:box-shadow .22s,border-color .22s}.musik-modern button{transition:background-color .18s,color .18s,box-shadow .22s,filter .18s}.musik-modern button.bg-primary:not(.musik-create-hero){background-image:linear-gradient(145deg,#ffffff1f,#7a28001f);box-shadow:0 5px 14px #f265222e,inset 0 1px #fff3}.musik-modern .musik-create-hero{isolation:isolate;background:linear-gradient(120deg,#b83d13,#ed6826 62%,#f69962);border:1px solid #fff3;min-height:124px;position:relative;overflow:hidden;box-shadow:0 12px 28px #c042123b!important}.musik-create-hero:before{content:"";z-index:-1;pointer-events:none;border:30px solid #ffffff1f;border-radius:50%;width:230px;height:230px;position:absolute;top:-130px;right:-85px;box-shadow:0 0 0 26px #ffffff0d}.musik-modern .musik-create-hero p:first-child{font-size:19px;line-height:1.25}.musik-modern .musik-create-hero p+p{color:#fff;margin-top:6px}.musik-modern .musik-topbar{background:#fafaf7d1}@supports (color:color-mix(in lab,red,red)){.musik-modern .musik-topbar{background:color-mix(in srgb,var(--color-background) 82%,transparent)}}.musik-modern .musik-topbar{border-bottom:1px solid #e8e3dcb3}@supports (color:color-mix(in lab,red,red)){.musik-modern .musik-topbar{border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}}.musik-modern .musik-topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.musik-modern .banani-bottom-nav{background:#ffffffeb}@supports (color:color-mix(in lab,red,red)){.musik-modern .banani-bottom-nav{background:color-mix(in srgb,var(--color-card) 92%,transparent)}}.musik-modern .banani-bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #e8e3dccc}@supports (color:color-mix(in lab,red,red)){.musik-modern .banani-bottom-nav{border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}}.musik-modern .banani-bottom-nav{box-shadow:0 12px 38px #462b1724,inset 0 1px #ffffffa6!important}.musik-modern button[aria-pressed=true]:not(.demo-toggle):not(.bg-primary){box-shadow:0 0 0 2px #f265221f}.musik-modern :is(input,textarea,select){scroll-margin-bottom:140px}.musik-modern .demo-page-directory summary{color:var(--color-muted-foreground);font-weight:600}.musik-modern .demo-page-directory nav a{min-height:44px;color:var(--color-foreground);border:1px solid var(--color-border);background:var(--color-card);overflow-wrap:anywhere;box-shadow:var(--musik-shadow);border-radius:14px;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.musik-modern .demo-page-directory nav a[aria-current=page]{color:var(--color-primary);background:var(--color-secondary);border-color:var(--color-primary)}@keyframes musik-reveal{0%{opacity:0}to{opacity:1}}@keyframes musik-card-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.musik-modern .banani-mobile>div>:not(.banani-bottom-nav),.musik-modern .banani-screen>div>:not(.banani-bottom-nav){animation:musik-reveal .35s both}.musik-modern .bg-card.border.rounded-lg,.musik-modern .bg-card.border.rounded-xl{animation:musik-card-enter .4s both}.musik-modern .banani-bottom-nav{animation:none}}@media (hover:hover) and (pointer:fine){.musik-modern :is(button,a):hover{filter:brightness(.97)}.musik-modern :is(.bg-card.border.rounded-lg,.bg-card.border.rounded-xl):hover{box-shadow:var(--musik-shadow-raised);border-color:#ebc4ae}@supports (color:color-mix(in lab,red,red)){.musik-modern :is(.bg-card.border.rounded-lg,.bg-card.border.rounded-xl):hover{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border))}}.musik-modern .musik-create-hero:hover{filter:brightness(1.04)}}@media (prefers-reduced-motion:reduce){.musik-modern *,.musik-modern :after,.musik-modern :before{transition:none!important;animation:none!important;translate:none!important}}.workspace-context,.workspace-header,.workspace-sidebar{display:none}.workspace-body,.workspace-content,.workspace-layout{min-width:0}.workspace-content{display:block}.musik-modern .workspace-settings-grid>div>h2{color:var(--color-foreground)}.musik-modern .workspace-menu-grid>div>button{background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--musik-shadow);border-radius:18px;margin-bottom:8px;padding:14px}.musik-modern .workspace-menu-grid>div>.border-t{display:none}@media (min-width:1024px){.workspace-layout{align-items:flex-start;min-height:100dvh;display:flex}.workspace-sidebar{top:var(--sidebar-sticky-top,0);scrollbar-width:none;background:var(--color-input);border-right:1px solid var(--color-border);flex-direction:column;flex:0 0 210px;align-self:flex-start;gap:22px;height:auto;min-height:100dvh;padding:24px 14px 16px;display:flex;position:sticky;overflow:visible}.workspace-sidebar::-webkit-scrollbar,.workspace-sidebar::-webkit-scrollbar-button{width:0;height:0;display:none}.workspace-brand{color:var(--color-foreground);align-items:center;gap:9px;padding:0 8px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.workspace-brand>span{background:var(--color-primary);color:#fff;border-radius:13px;place-items:center;width:34px;height:34px;display:grid}.workspace-sidebar nav{flex:1}.workspace-nav-group{flex-direction:column;gap:4px;padding:12px 0;display:flex}.workspace-nav-group+.workspace-nav-group{border-top:1px solid var(--color-border)}.workspace-nav-group a{isolation:isolate;color:var(--color-muted-foreground);border-radius:16px;align-items:center;gap:12px;min-height:44px;padding:11px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s,background-color .18s,box-shadow .22s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.workspace-nav-group a:before{z-index:-1;border-radius:inherit;content:"";opacity:0;background:linear-gradient(100deg,#f45f2017,#0000 76%);transition:opacity .18s,transform .24s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-18px)}.workspace-nav-group a>svg{flex:none;transition:color .18s,transform .24s cubic-bezier(.22,1,.36,1)}.workspace-nav-group a>span{transition:transform .22s cubic-bezier(.22,1,.36,1)}.workspace-nav-group a[aria-current=page]{background:var(--color-secondary);color:var(--color-primary);font-weight:700;box-shadow:inset 0 0 0 1px #f45f201a}.workspace-nav-group a[aria-current=page]:before{opacity:1;transform:translate(0)}.workspace-nav-group a:hover{background:#fef2e8}@supports (color:color-mix(in lab,red,red)){.workspace-nav-group a:hover{background:color-mix(in srgb,var(--color-secondary) 58%,white)}}.workspace-nav-group a:hover{color:var(--color-foreground);filter:none;transform:translate(4px);box-shadow:0 8px 20px #4c301c12}.workspace-nav-group a:hover:before{opacity:1;transform:translate(0)}.workspace-nav-group a:hover>svg{color:var(--color-primary);transform:scale(1.1)rotate(-3deg)}.workspace-nav-group a:hover>span{transform:translate(2px)}.workspace-nav-group a:active{transform:translate(2px)scale(.985)}.workspace-account{border-top:1px solid var(--color-border);color:var(--color-foreground);align-items:center;gap:9px;padding-top:18px;text-decoration:none;transition:color .18s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.workspace-account>.musik-user-avatar,.workspace-account>img,.workspace-account>svg{transition:box-shadow .22s,transform .24s cubic-bezier(.22,1,.36,1)}.workspace-account>span:not(.musik-user-avatar){flex:1;min-width:0}.workspace-account small,.workspace-account strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.workspace-account small{color:var(--color-muted-foreground);margin-top:3px;font-size:10px}.workspace-account:hover{color:var(--color-primary);filter:none;transform:translate(3px)}.workspace-account:hover>:is(img,.musik-user-avatar){transform:scale(1.05);box-shadow:0 0 0 4px #f45f201a}.workspace-account:hover>svg{transform:translate(3px)}.workspace-account:active{transform:translate(1px)scale(.99)}.workspace-body{flex:1}.workspace-header{border-bottom:1px solid var(--color-border);background:#fafaf7d9;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:16px 24px;display:flex}@supports (color:color-mix(in lab,red,red)){.workspace-header{background:color-mix(in srgb,var(--color-background) 85%,transparent)}}.workspace-header p{margin:0;font-size:17px;font-weight:700}.workspace-header small{color:var(--color-muted-foreground);font-size:11px}.workspace-header-actions{align-items:center;gap:12px;display:flex}.workspace-header-actions a{width:44px;height:44px;color:var(--color-foreground);place-items:center;display:grid}.workspace-columns{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:20px;max-width:1600px;margin:0 auto;padding:24px;display:grid}.workspace-context{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.workspace-context-card{border:1px solid var(--color-border);background:var(--color-card);box-shadow:var(--musik-shadow);border-radius:26px;min-width:0;padding:20px}.workspace-context-card h2{align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:700;display:flex}.workspace-context-card p{color:var(--color-muted-foreground);margin:6px 0 16px;font-size:12px;line-height:1.65}.workspace-credit-card{background:linear-gradient(145deg,var(--color-secondary),var(--color-card) 85%);border-color:#ead0c0}@supports (color:color-mix(in lab,red,red)){.workspace-credit-card{border-color:color-mix(in srgb,var(--color-primary) 15%,var(--color-border))}}.workspace-credit-number{color:var(--color-primary);font-size:52px;font-weight:700;line-height:1}.workspace-primary-link{background:var(--color-primary);color:#fff;border-radius:18px;justify-content:center;gap:8px;padding:10px;display:flex}.workspace-primary-link,.workspace-text-link{align-items:center;min-height:44px;font-size:12px;font-weight:600;text-decoration:none}.workspace-text-link{color:var(--color-primary);gap:7px;display:inline-flex}.workspace-context-card dl{margin:0}.workspace-context-card dl>div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:8px;padding:11px 0;font-size:12px;display:flex}.workspace-context-card dt{color:var(--color-muted-foreground)}.workspace-context-card dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.workspace-hint{margin-top:16px!important}.workspace-recent-list{flex-direction:column;gap:12px;display:flex}.workspace-recent-list button{text-align:left;align-items:center;gap:9px;width:100%;min-height:44px;display:flex}.workspace-recent-list button>span:nth-child(2){flex:1;min-width:0}.workspace-recent-list small,.workspace-recent-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.workspace-recent-list small{color:var(--color-muted-foreground);margin-top:4px;font-size:10px}.workspace-song-icon{background:var(--color-secondary);width:34px;height:34px;color:var(--color-primary);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.workspace-help-card>svg{color:var(--color-primary);margin-bottom:12px}.workspace-content .banani-screen{background:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:none;min-height:0;box-shadow:var(--musik-shadow);border-radius:28px;padding-bottom:0;overflow:hidden}.workspace-content .banani-screen>div{background:0 0;min-height:0;padding-bottom:24px}.workspace-content .banani-bottom-nav,.workspace-content .musik-topbar{display:none}.workspace-content .banani-screen>div>.border-b{padding:20px 24px}.workspace-content .banani-screen>div>.px-4{padding-left:24px;padding-right:24px}.workspace-content :is(.pb-28,.pb-24){padding-bottom:24px}.workspace-content .overflow-y-auto{overflow-y:visible}.workspace-content .demo-page-directory{max-width:none;padding:16px 8px}.workspace-content>.p-4{background:var(--color-card);border:1px solid var(--color-border);border-radius:24px;margin-top:20px}.workspace-content .banani-genre-screen>div>.w-60{display:none}.workspace-content .banani-genre-screen .grid-cols-4{--banani-columns:2}.workspace-content .banani-genre-screen .max-h-96{max-height:none}.workspace-content .banani-genre-screen .px-8{padding-left:24px;padding-right:24px}.workspace-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid!important}.workspace-menu-grid button{height:100%;margin-bottom:0!important}.workspace-content [data-demo-ready]:focus-visible,.workspace-context a:focus-visible,.workspace-sidebar a:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.workspace-content .demo-route-skeleton{padding:0 0 24px}}@media (min-width:1280px){.workspace-sidebar{flex-basis:230px;padding-left:16px;padding-right:16px}.workspace-columns{grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:28px 32px}.workspace-header{padding-left:32px;padding-right:32px}.workspace-profile-grid,.workspace-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid!important}.workspace-profile-grid>*{margin:0!important}.workspace-profile-grid>:first-child{grid-column:1/-1}.workspace-profile-grid>.profile-logout-row{border-top:1px solid var(--color-border);grid-column:1/-1;justify-content:flex-end;padding-top:20px;display:flex;margin-top:4px!important}.profile-logout-row>.profile-logout{min-width:220px;width:auto!important;margin-top:0!important}.workspace-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid!important}}@media (min-width:1440px){.workspace-song-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid!important}.workspace-song-grid>[role=status]{grid-column:1/-1}}@media (min-width:1024px){.workspace-content h1.text-sm{color:var(--color-foreground);font-size:20px;font-weight:700}.workspace-content .workspace-help-content>.mb-6{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:20px}.workspace-content textarea{min-height:180px}}@media (min-width:1280px){.workspace-player-body{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;padding:20px 12px;display:grid!important}.workspace-player-body>:first-child{grid-column:1/-1;padding-bottom:24px}.workspace-player-body>:nth-child(n+3){grid-column:2}.workspace-player-body .workspace-album-art{grid-area:2/1/7;align-self:stretch;padding:12px}.workspace-player-body .workspace-album-art>div{aspect-ratio:1;width:100%;max-width:280px;height:auto}}.musik-modern input[type=range]{accent-color:var(--color-primary)}@media (min-width:1024px){.workspace-mobile-nav{display:none}}@media (min-width:768px) and (max-width:1023px){.workspace-mobile-nav .banani-bottom-nav{width:508px;left:50%;right:auto;transform:translate(-50%)}}.banani-copy .demo-choice-card{position:relative}.banani-copy.musik-modern button.demo-choice-card[aria-pressed=true]{background:var(--color-secondary);border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary),0 4px 14px #f2652229}@supports (color:color-mix(in lab,red,red)){.banani-copy.musik-modern button.demo-choice-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-primary),0 4px 14px color-mix(in srgb,var(--color-primary) 16%,transparent)}}.banani-copy .demo-choice-card:has(.demo-selection-mark){padding-right:38px}.banani-copy .demo-selection-mark{background:var(--color-primary);width:22px;height:22px;color:var(--color-primary-foreground);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.banani-copy .demo-search-field{border:1.5px solid #ebe6e0;align-items:center;gap:10px;min-width:0;min-height:56px;padding:6px 7px 6px 9px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.banani-copy .demo-search-field{border:1.5px solid color-mix(in srgb,var(--color-border) 88%,#fff)}}.banani-copy .demo-search-field{background:linear-gradient(135deg,var(--color-card),var(--color-input));border-radius:16px;transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:0 7px 20px #2d231d12,inset 0 1px #ffffffb8}.banani-copy .demo-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652221,0 9px 22px #f265221c}@supports (color:color-mix(in lab,red,red)){.banani-copy .demo-search-field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 13%,transparent),0 9px 22px color-mix(in srgb,var(--color-primary) 11%,transparent)}}.banani-copy .demo-search-icon{background:var(--color-secondary);width:36px;height:36px;color:var(--color-primary);border-radius:11px;flex:none;place-items:center;display:grid}.banani-copy .demo-search-content{flex:1;gap:1px;min-width:0;display:grid}.banani-copy .demo-search-content>span{color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;line-height:1}.banani-copy .demo-search-field input{width:100%;min-width:0;color:var(--color-foreground);padding:0;font-size:13px;font-weight:550;line-height:1.35}.banani-copy .demo-search-field input:focus,.banani-copy .demo-search-field input:focus-visible{box-shadow:none;border-radius:0;outline:0}.banani-copy .demo-search-field input::-webkit-search-cancel-button{appearance:none}.banani-copy .demo-search-clear{background:var(--color-muted);width:36px;height:36px;color:var(--color-muted-foreground);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.banani-copy .demo-choice-card{min-height:44px}.banani-copy .demo-theme-choice{gap:4px;min-width:0}.banani-copy .demo-theme-choice:has(.demo-selection-mark){padding-right:0}.banani-copy .demo-theme-choice .demo-selection-mark{flex-shrink:0;order:2;width:16px;height:16px;position:static}.banani-copy #demo-story{resize:vertical;width:100%;min-width:100%;max-width:100%;min-height:132px;padding-right:44px}@media (max-width:767px){.banani-copy :is(input:not([type=range]):not([type=checkbox]),textarea,select){font-size:16px}}@media (prefers-reduced-motion:reduce){.demo-notice{animation:none}}.demo-notice{animation:demo-notice-in .22s ease-out both}@keyframes demo-notice-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.musik-modern .mobile-create-launch.is-launching>div,.musik-modern .musik-create-hero.is-launching{animation:musik-create-launch .18s ease-out both}@keyframes musik-create-launch{45%{transform:scale(.94)}to{filter:brightness(1.08);transform:scale(1.03)}}.workspace-layout[data-section=creation] .banani-screen{padding-bottom:0}.workspace-layout[data-section=creation] .banani-screen>div{min-height:100dvh}.creation-top-nav{z-index:10;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:relative}.creation-back-button,.creation-dashboard-button{border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:12px;font-weight:700;display:inline-flex}.creation-back-button{color:var(--color-foreground);padding:0 8px}.creation-dashboard-button{border:1px solid #ebc0a8;min-width:0;padding:0 10px}@supports (color:color-mix(in lab,red,red)){.creation-dashboard-button{border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}}.creation-dashboard-button{background:#feeee3}@supports (color:color-mix(in lab,red,red)){.creation-dashboard-button{background:color-mix(in srgb,var(--color-secondary) 72%,var(--color-card))}}.creation-dashboard-button{color:var(--color-primary);box-shadow:0 4px 12px #f265221a}@supports (color:color-mix(in lab,red,red)){.creation-dashboard-button{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 10%,transparent)}}.creation-dashboard-button{white-space:nowrap}.creation-step-label{background:var(--color-muted);color:var(--color-muted-foreground);white-space:nowrap;border-radius:10px;padding:7px 8px;font-size:11px}.story-field-meta{color:var(--color-muted-foreground);justify-content:space-between;gap:12px;font-size:12px}.story-field-error,.story-field-meta{align-items:center;margin-top:8px;display:flex}.story-field-error{border:1px solid #e5aea9;gap:7px;padding:9px 11px}@supports (color:color-mix(in lab,red,red)){.story-field-error{border:1px solid color-mix(in srgb,#dc2626 28%,var(--color-border))}}.story-field-error{background:#fdf0f0;border-radius:10px}@supports (color:color-mix(in lab,red,red)){.story-field-error{background:color-mix(in srgb,#dc2626 7%,var(--color-card))}}.story-field-error{color:#b91c1c;font-size:12px;font-weight:650;animation:story-error-in .18s ease-out both}@keyframes story-error-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pack-choice-card[aria-pressed=true]{transform:translateY(-1px)}.dashboard-greeting{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pack-currency-select,.quick-language-select{border:1px solid #eac7b3;align-items:center;gap:6px;min-height:40px;padding:0 10px;display:inline-flex;position:relative}@supports (color:color-mix(in lab,red,red)){.pack-currency-select,.quick-language-select{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}}.pack-currency-select,.quick-language-select{background:var(--color-card);color:var(--color-primary);border-radius:12px;box-shadow:0 5px 15px #2d231d12}.pack-currency-select select,.quick-language-select select{appearance:none;min-width:0;color:var(--color-foreground);cursor:pointer;background:0 0;border:0;outline:0;font-size:12px;font-weight:700}.quick-language-select select{width:38px;font-size:18px;line-height:1}.pack-currency-select>svg:last-child,.quick-language-select>svg:last-child{pointer-events:none}.quick-language-select.is-compact{flex:none;min-height:38px;padding:0 8px}.quick-language-select.is-compact select{width:34px}.story-recipient-card{border:1px solid #eaccbb;padding:14px}@supports (color:color-mix(in lab,red,red)){.story-recipient-card{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.story-recipient-card{background:linear-gradient(145deg,var(--color-card),#fef8f3);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.story-recipient-card{background:linear-gradient(145deg,var(--color-card),color-mix(in srgb,var(--color-secondary) 30%,var(--color-card)))}}.story-recipient-card{box-shadow:0 8px 22px #2d231d12}.story-recipient-heading{align-items:center;gap:10px;margin-bottom:13px;display:flex}.story-recipient-heading-icon{background:var(--color-secondary);width:34px;height:34px;color:var(--color-primary);border-radius:11px;flex:none;place-items:center;display:grid}.story-recipient-heading h2{color:var(--color-foreground);margin:0;font-size:14px;font-weight:800}.story-recipient-heading p{color:var(--color-muted-foreground);margin:2px 0 0;font-size:11px;line-height:1.35}.story-name-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.story-recipient-field,.story-relation-field{min-width:0;color:var(--color-muted-foreground);gap:6px;font-size:10px;font-weight:750;display:grid}.story-recipient-field input{border:1px solid var(--color-border);background:var(--color-background);width:100%;min-width:0;height:46px;color:var(--color-foreground);border-radius:11px;outline:0;padding:0 10px;font-size:16px;font-weight:650;transition:border-color .16s,box-shadow .16s}.story-recipient-field.is-pronunciation input{pointer-events:none;background:#fcf0e6}@supports (color:color-mix(in lab,red,red)){.story-recipient-field.is-pronunciation input{background:color-mix(in srgb,var(--color-secondary) 55%,var(--color-background))}}.story-recipient-field.is-pronunciation input{color:var(--color-primary);cursor:default;-webkit-user-select:none;user-select:none}.story-recipient-field input:focus,.story-relation-select:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652226}@supports (color:color-mix(in lab,red,red)){.story-recipient-field input:focus,.story-relation-select:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}}.story-relation-field{margin-top:12px}.story-relation-select{border:1px solid var(--color-border);background:var(--color-background);min-height:48px;color:var(--color-primary);border-radius:11px;align-items:center;gap:8px;padding:0 11px;display:flex}.story-relation-select select{appearance:none;min-width:0;color:var(--color-foreground);background:0 0;border:0;outline:0;flex:1;font-size:14px;font-weight:650}.story-relation-select>svg:last-child{pointer-events:none}.pack-purchase-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;margin-bottom:12px;display:grid}.pack-purchase-heading .pack-purchase-title{display:contents}.pack-purchase-heading .pack-purchase-title>:not(h2){grid-area:2/1/auto/-1}.pack-purchase-heading .currency-select{grid-area:1/2}.pack-currency-select{flex:none}.pack-currency-select select{width:72px}.song-version-row{transition:border-color .16s,background-color .16s,box-shadow .16s}.song-version-row.is-playing{box-shadow:0 5px 16px #f265221f}@supports (color:color-mix(in lab,red,red)){.song-version-row.is-playing{box-shadow:0 5px 16px color-mix(in srgb,var(--color-primary) 12%,transparent)}}.song-inline-play{transition:transform .16s,box-shadow .16s}.song-inline-play[aria-pressed=true]{transform:scale(1.04);box-shadow:0 6px 16px #f2652247}.song-download-button{border:1px solid #ebbda4;place-items:center;width:34px;height:34px;margin-left:4px;display:grid}@supports (color:color-mix(in lab,red,red)){.song-download-button{border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}}.song-download-button{background:var(--color-secondary);color:var(--color-primary);border-radius:10px;box-shadow:0 4px 12px #f265221f}@supports (color:color-mix(in lab,red,red)){.song-download-button{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 12%,transparent)}}.song-whatsapp-button{color:#fff;background:#1fae56;border-color:#1fae56;transition:background-color .15s,transform .1s;box-shadow:0 1px 2px #1fae561f}.song-whatsapp-button:hover:not(:disabled){background:#189249}.song-whatsapp-button:active:not(:disabled){transform:scale(.98)}.banani-copy .song-edit-lyrics-button{border:1px solid #ebbda4;min-height:46px}@supports (color:color-mix(in lab,red,red)){.banani-copy .song-edit-lyrics-button{border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}}.banani-copy .song-edit-lyrics-button{background:linear-gradient(135deg,var(--color-secondary),var(--color-card));color:var(--color-primary);box-shadow:0 4px 12px #f265221a}@supports (color:color-mix(in lab,red,red)){.banani-copy .song-edit-lyrics-button{box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 10%,transparent)}}.banani-copy .song-edit-lyrics-button{white-space:nowrap}.song-card-actions{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 36px;align-items:stretch;gap:8px;display:grid}.banani-copy .song-regenerate-button{min-height:46px}.song-card-action-label{text-align:center;min-width:0;line-height:1.2}.song-card-action-icon{flex:none;place-items:center;display:grid}.song-edit-lyrics-icon{background:var(--color-primary);width:25px;height:25px;color:var(--color-primary-foreground);border-radius:8px;flex:none;place-items:center;display:grid}@media (max-width:399px){.banani-copy .song-edit-lyrics-button,.banani-copy .song-regenerate-button{flex-direction:column;gap:4px;min-height:64px;padding-inline:8px}.song-card-action-label{white-space:nowrap}.song-edit-lyrics-icon{width:23px;height:23px}}@media (max-width:359px){.song-card-actions{grid-template-columns:minmax(0,1fr) 36px}.song-edit-lyrics-button{grid-column:1/-1}.banani-copy .song-edit-lyrics-button,.banani-copy .song-regenerate-button{flex-direction:row;min-height:46px}.song-card-action-label{white-space:nowrap}}@media (max-width:767px){.workspace-layout[data-section=creation] .banani-screen>div{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.creation-mobile-cta{z-index:40;border-top:1px solid #e8e3dcd1;padding-top:10px;position:fixed;bottom:0;left:0;right:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}@supports (color:color-mix(in lab,red,red)){.creation-mobile-cta{border-top:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}}.creation-mobile-cta{background:#fafaf7f0}@supports (color:color-mix(in lab,red,red)){.creation-mobile-cta{background:color-mix(in srgb,var(--color-background) 94%,transparent)}}.creation-mobile-cta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 28px #2d231d1a}.creation-mobile-cta>button{margin-top:0!important}.creation-mobile-cta>p{margin-top:6px}}@media (max-width:359px){.musik-topbar{padding-left:10px;padding-right:10px}.musik-topbar>div{gap:6px}.musik-topbar>div:first-child>div:last-child>span{display:none}.musik-topbar button[aria-label="Voir mes chansons disponibles"]{padding-left:8px;padding-right:8px}.creation-top-nav{gap:5px;padding-left:10px;padding-right:10px}.creation-back-button,.creation-dashboard-button{gap:4px;padding-left:6px;padding-right:6px;font-size:11px}.creation-step-label{padding-left:6px;padding-right:6px;font-size:10px}.dashboard-greeting h1{font-size:20px}.quick-language-select.is-compact{gap:4px;padding:0 6px}.quick-language-select.is-compact select{width:30px;font-size:18px}.pack-purchase-heading h2{font-size:14px}.pack-currency-select{gap:4px;padding:0 7px}.pack-currency-select select{width:62px;font-size:11px}}.install-cta{--install-accent:#ffb48a;isolation:isolate;color:#fff;box-shadow:var(--musik-shadow);background:radial-gradient(120% 90% at 100% 0,#f2652266,#0000 56%),linear-gradient(145deg,#1c130e,#2a190f);border-radius:22px;position:relative;overflow:hidden}.install-cta__body{z-index:1;gap:10px;padding:20px;display:grid;position:relative}.install-cta__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--install-accent);margin:0;font-size:11px;font-weight:700}.install-cta__title{color:#fff;text-wrap:balance;margin:0;font-family:DM Sans,sans-serif;font-size:22px;font-weight:800;line-height:1.15}.install-cta__text{color:#fffc;max-width:40ch;margin:0;font-size:13px;line-height:1.5}.install-cta--card .install-cta__eyebrow,.install-cta--card .install-cta__text,.install-cta--card .install-cta__title,.install-cta--compact .install-cta__eyebrow,.install-cta--compact .install-cta__text,.install-cta--compact .install-cta__title{padding-right:76px}.install-cta__perks{color:#ffffffe6;flex-wrap:wrap;gap:6px 14px;margin:4px 0 2px;padding:0;font-size:12px;list-style:none;display:flex}.install-cta__perks li{align-items:center;gap:6px;display:inline-flex}.install-cta__perks svg{color:var(--install-accent)}.install-cta__actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.install-cta__chip,.install-cta__primary{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-family:DM Sans,sans-serif;text-decoration:none;display:inline-flex}.install-cta__primary{color:#1a1a1a;background:#fff;border:0;padding:0 20px;font-size:14px;font-weight:700;transition:transform .15s;box-shadow:0 10px 24px #0000004d}.install-cta__primary:hover{transform:translateY(-1px)}.install-cta__chip{color:#fff;background:#ffffff0f;border:1px solid #ffffff4d;padding:0 14px;font-size:13px;font-weight:600}.install-cta a:focus-visible,.install-cta button:focus-visible{outline:3px solid var(--install-accent);outline-offset:2px}.install-cta__phone{z-index:0;aspect-ratio:9/18;background:#0f0a07;border:3px solid #3d2a1c;border-radius:22px;width:88px;position:absolute;top:16px;right:-12px;transform:rotate(8deg);box-shadow:0 18px 40px #00000073}.install-cta__screen{background:linear-gradient(160deg,#ff8a4c,#f26522 55%,#c8480f);border-radius:18px;flex-direction:column;align-items:center;gap:7px;height:100%;padding:14px 8px 8px;display:flex}.install-cta__logo{color:#f26522;background:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px #00000038}.install-cta__eq{align-items:flex-end;gap:3px;height:26px;display:flex}.install-cta__eq i{transform-origin:bottom;background:#ffffffeb;border-radius:2px;width:4px;height:100%;animation:install-cta-eq 1.1s ease-in-out infinite}.install-cta__eq i:nth-child(2){animation-delay:.15s}.install-cta__eq i:nth-child(3){animation-delay:.3s}.install-cta__eq i:nth-child(4){animation-delay:.45s}.install-cta__eq i:nth-child(5){animation-delay:.6s}.install-cta__line{background:#ffffff8c;border-radius:3px;width:78%;height:6px}.install-cta__line--short{background:#ffffff59;width:52%}@keyframes install-cta-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.install-cta__eq i{animation:none;transform:scaleY(.6)}.install-cta__primary{transition:none}}.install-cta--compact .install-cta__title{font-size:19px}.install-cta--compact .install-cta__phone{width:72px}.install-cta--compact .install-cta__actions{flex-direction:column;align-items:stretch;gap:10px}.install-cta--compact .install-cta__chip,.install-cta--compact .install-cta__primary{width:100%;min-height:56px;padding-block:16px}.install-cta--compact .install-cta__primary{font-size:15px}.install-cta--banner{text-align:left;border-radius:28px;max-width:980px;margin:0 auto}.install-cta--banner .install-cta__body{padding:24px 20px 26px}.install-cta--banner .install-cta__title{padding-right:70px;font-size:26px}.install-cta--banner .install-cta__eyebrow,.install-cta--banner .install-cta__text{padding-right:70px}@media (min-width:768px){.install-cta--banner .install-cta__actions{gap:12px;margin-top:14px}.install-cta--banner .install-cta__primary{border-radius:18px;gap:12px;min-width:260px;min-height:60px;padding:0 36px;font-size:18px}.install-cta--banner .install-cta__chip{border-radius:18px;min-height:60px;padding:0 24px;font-size:16px}.install-cta--banner{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);align-items:center;display:grid}.install-cta--banner .install-cta__body{gap:14px;padding:44px 0 44px 48px}.install-cta--banner .install-cta__eyebrow,.install-cta--banner .install-cta__text,.install-cta--banner .install-cta__title{padding-right:0}.install-cta--banner .install-cta__title{font-size:40px}.install-cta--banner .install-cta__text{font-size:16px}.install-cta--banner .install-cta__perks{font-size:14px}.install-cta--banner .install-cta__phone{border-radius:30px;width:170px;margin:28px auto;position:relative;top:auto;right:auto;transform:rotate(7deg)}.install-cta--banner .install-cta__screen{border-radius:26px;gap:12px;padding:26px 12px 12px}.install-cta--banner .install-cta__logo{border-radius:18px;width:56px;height:56px}.install-cta--banner .install-cta__eq{gap:5px;height:44px}.install-cta--banner .install-cta__eq i{width:6px}}.install-cta--strip{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#2a190f,#1c130e);border:0;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 14px;text-decoration:none;display:flex}.install-cta__strip-icon{color:#fff;background:linear-gradient(160deg,#ff8a4c,#f26522);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.install-cta__strip-text{flex:1;min-width:0;line-height:1.2;display:grid}.install-cta__strip-text strong{font-size:14px}.install-cta__strip-text small{color:#ffffffb8;font-size:12px}.musik-trend-brand-cover{background:linear-gradient(135deg,#fff1e6,#ffe0cc);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.musik-trend-brand-cover img{object-fit:contain;width:42%;height:42%}.story-mic-button{isolation:isolate;background:linear-gradient(145deg,#ff8248,var(--color-primary));color:#fff;border:2px solid #fff;border-radius:999px;width:48px;height:48px;box-shadow:0 8px 22px #f2652257}.story-mic-button:before{content:"";z-index:-1;border:2px solid #f265226b;position:absolute;inset:-6px}@supports (color:color-mix(in lab,red,red)){.story-mic-button:before{border:2px solid color-mix(in srgb,var(--color-primary) 42%,transparent)}}.story-mic-button:before{border-radius:inherit;animation:story-mic-pulse 1.8s ease-out infinite}.story-mic-button.is-listening{background:#b42318;box-shadow:0 0 0 5px #b4231824,0 8px 22px #b4231852}.story-mic-button.is-listening:before{border-color:#b4231894;animation-duration:1s}@keyframes story-mic-pulse{0%{opacity:.72;transform:scale(.86)}72%,to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.story-mic-button:before{opacity:0;animation:none}}.genre-choice-icon{border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 1px #ffffff8c}.genre-choice-icon-orange{color:#d95012;background:#fff0e7}.genre-choice-icon-violet{color:#7445d4;background:#f0eaff}.genre-choice-icon-green{color:#16844b;background:#e8f8ee}.genre-choice-icon-rose{color:#c93e68;background:#ffe9ef}.genre-choice-icon-amber{color:#a96700;background:#fff4d9}.genre-choice-icon-coral{color:#d95536;background:#fff0eb}.genre-choice-icon-red{color:#c83b3b;background:#ffebeb}.genre-choice-icon-pink{color:#c43d8b;background:#ffebf7}.genre-choice-icon-indigo{color:#4d5bc4;background:#eceeff}.genre-choice-icon-blue{color:#2769be;background:#eaf3ff}.genre-choice-icon-cyan{color:#157c96;background:#e6f8fc}.genre-choice-icon-teal{color:#147e71;background:#e6f7f4}.genre-choice-icon-lime{color:#59831b;background:#f0f8df}.genre-choice-icon-yellow{color:#967215;background:#fff9d9}.genre-choice-icon-slate{color:#526372;background:#edf1f4}.creation-genre-card{justify-content:center;min-width:0;min-height:132px}.creation-genre-card .genre-choice-icon{width:44px;height:44px}.creation-genre-card p{overflow-wrap:anywhere}.creation-genre-card p:last-child{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}button.creation-genre-more{border:1px solid var(--color-border);width:100%;min-height:56px;color:var(--color-foreground);background:var(--color-card);text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:10px 14px 10px 16px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 1px 2px #1a1a1a0a}button.creation-genre-more:hover{border-color:#f2652266;box-shadow:0 4px 14px #1a1a1a12}button.creation-genre-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.creation-genre-more-text{flex-direction:column;gap:1px;min-width:0;display:flex}.creation-genre-more-text strong{font-size:14px;font-weight:700;line-height:1.25}.creation-genre-more-text small{color:var(--color-muted-foreground);font-size:12px;line-height:1.3}.creation-genre-more-icon{width:32px;height:32px;color:var(--color-secondary-foreground);background:var(--color-secondary);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .18s;display:inline-flex}.creation-genre-more-icon[data-expanded=true]{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.creation-genre-more-icon,button.creation-genre-more{transition:none}}@media (max-width:360px){.creation-genre-grid{gap:6px}.creation-genre-card{min-height:124px;padding-inline:5px}.creation-genre-card p:first-child{font-size:11px}.creation-genre-card p:last-child{font-size:9px}}.lyrics-scroll-shell{position:relative}.lyrics-scrollbox{overscroll-behavior:contain;scrollbar-gutter:stable;cursor:text;height:220px;min-height:220px;max-height:220px;overflow-y:auto;box-shadow:inset 0 -18px 24px -24px #0000006b;padding-right:18px!important}.lyrics-scrollbox:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652229}@supports (color:color-mix(in lab,red,red)){.lyrics-scrollbox:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}}.lyrics-scrollbox::-webkit-scrollbar{width:9px}.lyrics-scrollbox::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:999px}.lyrics-scrollbox::-webkit-scrollbar-thumb{background:var(--color-primary);border:2px solid var(--color-secondary);border-radius:999px}.lyrics-scrollbox{scrollbar-color:var(--color-primary) var(--color-secondary);scrollbar-width:auto}.lyrics-scroll-hint{align-items:center;gap:6px;display:flex}.lyrics-scroll-meta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.lyrics-scroll-meta p{min-width:0;margin:0}.lyrics-word-count{border:1px solid #eaccbb;padding:4px 7px}@supports (color:color-mix(in lab,red,red)){.lyrics-word-count{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.lyrics-word-count{background:#fef1e7;border-radius:999px}@supports (color:color-mix(in lab,red,red)){.lyrics-word-count{background:color-mix(in srgb,var(--color-secondary) 62%,var(--color-card))}}.lyrics-word-count{color:var(--color-primary);white-space:nowrap;font-weight:750}.lyrics-compact-actions{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8px;display:grid}.lyrics-duration-chip,.lyrics-edit-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px 10px;display:flex}.lyrics-duration-chip{background:#eff6ff;border:1px solid #bfdbfe}.lyrics-duration-chip p{color:#64748b;margin:0;font-size:9px;line-height:1.2}.lyrics-duration-chip strong{color:#1e293b;margin-top:2px;font-size:13px;display:block}.lyrics-compact-icon{color:#2563eb;background:#dbeafe;border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.lyrics-edit-button{border:1px solid #ebbba0}@supports (color:color-mix(in lab,red,red)){.lyrics-edit-button{border:1px solid color-mix(in srgb,var(--color-primary) 32%,var(--color-border))}}.lyrics-edit-button{background:var(--color-secondary);color:var(--color-primary);font-size:12px;font-weight:700;line-height:1.2}.lyrics-ai-rewrite-button{border:1px solid #ecb395;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-bottom:8px;display:flex}@supports (color:color-mix(in lab,red,red)){.lyrics-ai-rewrite-button{border:1px solid color-mix(in srgb,var(--color-primary) 38%,var(--color-border))}}.lyrics-ai-rewrite-button{background:var(--color-primary);color:var(--color-primary-foreground);border-radius:12px;font-size:13px;font-weight:750}.lyrics-ai-rewrite-button:disabled{cursor:wait;opacity:.68}.musik-select{z-index:1;min-width:0;position:relative}.musik-select.is-open{z-index:90}.musik-select-trigger{border:1px solid var(--color-border);background:var(--color-background);width:100%;min-height:44px;color:var(--color-foreground);text-align:left;border-radius:11px;outline:0;align-items:center;gap:8px;padding:0 11px;font-size:14px;font-weight:700;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:0 4px 12px #2d231d0a}.musik-select-trigger:hover{border-color:#edaa88}@supports (color:color-mix(in lab,red,red)){.musik-select-trigger:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}}.musik-select-trigger:focus-visible,.musik-select.is-open .musik-select-trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652226}@supports (color:color-mix(in lab,red,red)){.musik-select-trigger:focus-visible,.musik-select.is-open .musik-select-trigger{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}}.musik-select-leading-icon{color:var(--color-primary);flex:none}.musik-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.musik-select-chevron{color:var(--color-muted-foreground);flex:none;transition:transform .16s}.musik-select.is-open .musik-select-chevron{transform:rotate(180deg)}.musik-select-menu{border:1px solid #eac5af;width:100%;max-height:264px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.musik-select-menu{border:1px solid color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}}.musik-select-menu{background:#fff;border-radius:13px;outline:0}@supports (color:color-mix(in lab,red,red)){.musik-select-menu{background:color-mix(in srgb,var(--color-card) 96%,white)}}.musik-select-menu{overscroll-behavior:contain;animation:musik-select-open .15s ease-out both;box-shadow:0 16px 38px #2d231d2e}@media (hover:none) and (pointer:coarse){.musik-select-menu{padding-right:4px}.musik-select-menu::-webkit-scrollbar{width:8px}.musik-select-menu::-webkit-scrollbar-track{background:#f265221a;border-radius:999px;margin:8px 0}@supports (color:color-mix(in lab,red,red)){.musik-select-menu::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.musik-select-menu::-webkit-scrollbar-thumb{background:#f2652299;border-radius:999px}@supports (color:color-mix(in lab,red,red)){.musik-select-menu::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary) 60%,transparent)}}}@keyframes musik-select-open{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.musik-select-option{width:100%;min-height:40px;color:var(--color-foreground);text-align:left;border-radius:9px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:650;display:flex}.musik-select-option>span:last-child:not(.musik-select-option-display),.musik-select-option>span:nth-last-child(2){flex:1;min-width:0}.musik-select-option.is-highlighted,.musik-select-option:hover{background:var(--color-secondary);color:var(--color-primary)}.musik-select-option[aria-selected=true]{background:#fcd8c2}@supports (color:color-mix(in lab,red,red)){.musik-select-option[aria-selected=true]{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-secondary))}}.musik-select-option[aria-selected=true]{color:var(--color-primary)}.musik-select-option-display{flex:none;font-size:17px}.quick-language-select{width:58px;box-shadow:none;background:0 0;border:0;padding:0}.quick-language-select.is-compact{width:54px;min-height:0;padding:0}.quick-language-select .musik-select-trigger{border-color:#eac7b3;gap:4px;min-height:38px;padding:0 7px}@supports (color:color-mix(in lab,red,red)){.quick-language-select .musik-select-trigger{border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}}.quick-language-select .musik-select-trigger{background:var(--color-card);font-size:18px;line-height:1}.quick-language-select .musik-select-menu{width:154px;left:auto;right:0}.pack-currency-select{width:96px;box-shadow:none;background:0 0;border:0;padding:0}.pack-currency-select .musik-select-trigger{gap:5px;min-height:38px;padding:0 8px;font-size:11px}.pack-currency-select .musik-select-menu{width:178px}.story-relation-select,.support-category-select{width:100%}.story-relation-select{background:0 0;border:0;padding:0}.story-relation-select:focus-within{box-shadow:none;border-color:#0000}.story-relation-select .musik-select-trigger{min-height:48px}.story-relation-menu .musik-select-option{appearance:none;box-shadow:none;background:0 0;border:0;font-family:DM Sans,sans-serif}.support-category-select .musik-select-trigger{background:var(--color-input);min-height:48px}.creation-top-nav{grid-template-columns:auto minmax(150px,1fr) auto;gap:6px}.pack-checkout-section{gap:12px;display:grid}@media (max-width:1023px){.pack-checkout-section{z-index:100;position:relative}.pack-buy-bar{z-index:100;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #e8e3dcd1;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.pack-buy-bar{border-top:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}}.pack-buy-bar{background:#fafaf7f0}@supports (color:color-mix(in lab,red,red)){.pack-buy-bar{background:color-mix(in srgb,var(--color-background) 94%,transparent)}}.pack-buy-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 28px #2d231d1a}}@media (min-width:768px) and (max-width:1023px){.pack-buy-bar{width:min(540px,100%);left:50%;right:auto;transform:translate(-50%)}}.song-balance-card{isolation:isolate;background:radial-gradient(circle at 82% 18%,#ffffff3d 0 7%,transparent 31%),linear-gradient(135deg,var(--color-primary),var(--color-coral));color:var(--color-primary-foreground);text-align:center;border:1px solid #ffffff5c;border-radius:19px;justify-items:center;gap:8px;padding:16px 18px 15px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #f265223d}.song-balance-card:after{z-index:-1;content:"";border:26px solid #ffffff14;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-54px;right:-38px}.song-balance-heading{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.song-balance-icon{background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.song-balance-total{justify-content:center;align-items:center;gap:8px;display:flex}.song-balance-total strong{font-family:var(--font-headings),sans-serif;letter-spacing:-.04em;font-size:clamp(36px,10vw,48px);font-weight:800;line-height:1}.song-balance-total span{text-align:left;white-space:nowrap;max-width:none;font-size:14px;font-weight:700;line-height:1}.song-balance-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;gap:7px;width:min(100%,310px);padding:7px 12px;font-size:10.5px;line-height:1.35;display:inline-flex}.song-balance-message strong{font-weight:800}.pack-payment-methods{border:1px solid #e9d1c2;padding:13px}@supports (color:color-mix(in lab,red,red)){.pack-payment-methods{border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}}.pack-payment-methods{background:#fef7f1;border-radius:14px}@supports (color:color-mix(in lab,red,red)){.pack-payment-methods{background:color-mix(in srgb,var(--color-secondary) 35%,var(--color-card))}}.pack-payment-methods>p{color:var(--color-muted-foreground);text-align:center;margin:0 0 9px;font-size:11px;font-weight:750}.pack-payment-logos{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:7px;display:grid}.payment-logo{border:1px solid var(--color-border);background:var(--color-card);color:var(--color-foreground);border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:6px;line-height:1;display:flex;box-shadow:0 3px 9px #2d231d0d}.payment-logo b{font-size:11px}.payment-logo small{font-size:8px;font-weight:750}.payment-logo-orange{color:#fff;background:#f36f21;border-color:#f36f21;flex-direction:column}.payment-logo-mtn b{border:2px solid #111;border-radius:50%;padding:4px 7px}.payment-logo-mtn{background:#fc0;border-color:#fc0;flex-direction:column}.payment-logo-moov b{color:#087b48;font-size:14px}.payment-logo-moov small{color:#1669aa}.payment-logo-wave b{color:#fff;background:#19bfea;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.payment-logo-wave small{color:#087aa1}.payment-logo-card{color:#263f8c}@media (min-width:640px){.song-balance-card{gap:10px;padding:20px 22px 18px}.song-balance-total span{font-size:16px}.song-balance-message{font-size:11px}}.pack-history-section{border-top:1px solid var(--color-border);margin-top:10px}@media (max-width:359px){.creation-top-nav{grid-template-columns:auto minmax(150px,1fr) auto;gap:4px}.creation-back-button{padding-left:4px;padding-right:4px;font-size:10px}.creation-dashboard-button{min-width:150px;padding-left:6px;padding-right:6px}.creation-step-label{padding-left:4px;padding-right:4px}.lyrics-scroll-meta{gap:4px;font-size:9.5px}.lyrics-scroll-hint{gap:3px}.lyrics-word-count{padding:3px 5px}}@media (prefers-reduced-motion:reduce){.musik-select-menu{animation:none}.musik-select-chevron{transition:none}}.mobile-menu-layer{z-index:1000;position:fixed;inset:0}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1914117a;border:0;width:100%;height:100%;animation:mobile-menu-backdrop-in .18s ease-out both;position:absolute;inset:0}.mobile-menu-drawer{width:min(86vw,330px);height:100dvh;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));border-right:1px solid #eaccbb;flex-direction:column;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.mobile-menu-drawer{border-right:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.mobile-menu-drawer{background:#fafaf7}@supports (color:color-mix(in lab,red,red)){.mobile-menu-drawer{background:color-mix(in srgb,var(--color-background) 96%,white)}}.mobile-menu-drawer{animation:mobile-menu-drawer-in .22s cubic-bezier(.22,1,.36,1) both;box-shadow:24px 0 60px #20161142}@keyframes mobile-menu-drawer-in{0%{transform:translate(-102%)}to{transform:translate(0)}}@keyframes mobile-menu-backdrop-in{0%{opacity:0}to{opacity:1}}.mobile-menu-brand,.mobile-menu-drawer-head,.mobile-menu-footer,.mobile-menu-links button,.mobile-menu-profile{align-items:center;display:flex}.mobile-menu-drawer-head{justify-content:space-between;margin-bottom:14px}.mobile-menu-brand{gap:9px}.mobile-menu-brand>span{background:var(--color-primary);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 16px #f2652247}.mobile-menu-brand strong{font-size:17px}.mobile-menu-drawer-head>button{border:1px solid var(--color-border);background:var(--color-card);width:40px;height:40px;color:var(--color-muted-foreground);border-radius:12px;place-items:center;display:grid}.mobile-menu-profile{border:1px solid #eaccbb;flex-shrink:0;gap:11px;width:100%;margin-top:auto;padding:12px}@supports (color:color-mix(in lab,red,red)){.mobile-menu-profile{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.mobile-menu-profile{background:linear-gradient(135deg,var(--color-card),#fef7f2);border-radius:16px}@supports (color:color-mix(in lab,red,red)){.mobile-menu-profile{background:linear-gradient(135deg,var(--color-card),color-mix(in srgb,var(--color-secondary) 34%,var(--color-card)))}}.mobile-menu-profile{text-align:left}.mobile-menu-profile>span:not(.musik-user-avatar){flex:1;min-width:0}.mobile-menu-profile small,.mobile-menu-profile strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-menu-profile strong{font-size:14px}.mobile-menu-profile small{color:var(--color-muted-foreground);margin-top:3px;font-size:10px}.mobile-menu-links{gap:3px;margin:14px 0;display:grid}.mobile-menu-links button{width:100%;min-height:48px;color:var(--color-foreground);text-align:left;border-radius:12px;gap:10px;padding:5px 8px;font-size:13px;font-weight:700}.mobile-menu-links button:focus-visible,.mobile-menu-links button:hover{background:var(--color-secondary);color:var(--color-primary)}.mobile-menu-links button>span:nth-child(2){flex:1}.mobile-menu-link-icon{background:#feeee3;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab,red,red)){.mobile-menu-link-icon{background:color-mix(in srgb,var(--color-secondary) 72%,white)}}.mobile-menu-link-icon{color:var(--color-primary)}.mobile-menu-footer,.mobile-menu-stores{flex-shrink:0;margin-bottom:14px}.mobile-menu-footer{background:var(--color-surface);color:var(--color-muted-foreground);border-radius:14px;justify-content:space-between;padding:12px;font-size:12px;font-weight:750}.dashboard-greeting{z-index:120;position:relative}.quick-language-select.is-open{z-index:240}.quick-language-select .musik-select-menu{width:58px;min-width:58px;padding:5px}.quick-language-select .musik-select-option{justify-content:center;min-height:42px;padding:6px}.quick-language-select .musik-select-option-display{font-size:20px}.quick-language-select .musik-select-option>svg{width:11px;position:absolute;bottom:2px;right:2px}.banani-copy .creation-back-button,.banani-copy .creation-dashboard-button{min-height:42px;padding-top:9px;padding-bottom:9px}.creation-top-nav{grid-template-columns:96px minmax(135px,1fr) 96px;gap:5px;padding-left:4px;padding-right:4px}.creation-back-button{border:1px solid #d8d3cc;min-width:96px;padding-left:14px;padding-right:14px}@supports (color:color-mix(in lab,red,red)){.creation-back-button{border:1px solid color-mix(in srgb,var(--color-foreground) 8%,var(--color-border))}}.creation-back-button{background:#f1ede8}@supports (color:color-mix(in lab,red,red)){.creation-back-button{background:color-mix(in srgb,var(--color-muted) 78%,var(--color-card))}}.creation-back-button{box-shadow:0 4px 10px #2d231d0d}.creation-dashboard-button{min-width:135px;padding-left:18px;padding-right:18px}.creation-step-label{border:1px solid #d8d3cc;justify-content:center;align-items:center;min-width:96px;min-height:42px;padding:9px 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.creation-step-label{border:1px solid color-mix(in srgb,var(--color-foreground) 8%,var(--color-border))}}.creation-step-label{background:#f1ede8;border-radius:11px}@supports (color:color-mix(in lab,red,red)){.creation-step-label{background:color-mix(in srgb,var(--color-muted) 78%,var(--color-card))}}.creation-step-label{color:var(--color-foreground);font-size:12px;font-weight:700;box-shadow:0 4px 10px #2d231d0d}.story-recipient-card{padding:0;overflow:visible}.story-recipient-toggle{text-align:left;border-radius:15px;align-items:center;gap:10px;width:100%;min-height:70px;padding:12px 13px;display:flex}.story-recipient-heading-copy{flex:1;min-width:0}.story-recipient-heading-copy h2{color:var(--color-foreground);margin:0;font-size:14px;font-weight:800}.story-recipient-heading-copy p{color:var(--color-muted-foreground);margin:3px 0 0;font-size:10px;line-height:1.35}.story-recipient-chevron{background:var(--color-secondary);width:30px;height:30px;color:var(--color-primary);border-radius:999px;flex:none;place-items:center;animation:recipient-nudge 1.8s ease-in-out infinite;display:grid}.story-recipient-card.is-open .story-recipient-chevron{animation:none;transform:rotate(180deg)}.story-recipient-fields{border-top:1px solid #e9d4c6;padding:4px 13px 14px}@supports (color:color-mix(in lab,red,red)){.story-recipient-fields{border-top:1px solid color-mix(in srgb,var(--color-primary) 12%,var(--color-border))}}.story-recipient-fields{animation:story-recipient-open .18s ease-out both}@keyframes recipient-nudge{50%{transform:translateY(2px)}}@keyframes story-recipient-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.profile-screen{background:linear-gradient(180deg,#fff7f0 0,var(--color-background) 360px)}.profile-hero{border:1px solid #eaccbb;margin:12px 14px 0;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.profile-hero{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.profile-hero{color:#fff;background:radial-gradient(circle at 85% 5%,#ffffff5c 0 50px,#0000 51px),linear-gradient(135deg,#f26522,#f58d61);border-radius:22px;box-shadow:0 16px 36px #7d3a192e}.profile-hero h1,.profile-hero p{color:#fff!important}.profile-hero p{opacity:.84}.musik-user-avatar{color:#fff;letter-spacing:.045em;text-shadow:0 1px 2px #79290738;background:radial-gradient(circle at 28% 22%,#ffffff52 0 12%,#0000 13%),linear-gradient(145deg,#ff7a3d,#f26522 52%,#d9470a);border:2px solid #ffffffe0;flex:none;font-size:clamp(.72rem,2.8vw,1rem);font-weight:800;line-height:1;position:relative;overflow:hidden;box-shadow:0 7px 18px #b0400d38,0 0 0 3px #f265221a;border-radius:50%!important}span.musik-user-avatar{aspect-ratio:1;flex:none}.profile-avatar .musik-user-avatar,.profile-avatar img{border:4px solid #ffffffdb;box-shadow:0 9px 24px #5c2a133d}.profile-avatar .musik-user-avatar{font-size:1.35rem}.profile-stats{z-index:2;margin-top:-14px;position:relative}.profile-stat-card{border-color:#e9d1c2}@supports (color:color-mix(in lab,red,red)){.profile-stat-card{border-color:color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}}.profile-stat-card{box-shadow:0 8px 20px #2d231d14}.profile-plan-card{border-color:#eac5af}@supports (color:color-mix(in lab,red,red)){.profile-plan-card{border-color:color-mix(in srgb,var(--color-primary) 24%,var(--color-border))}}.profile-plan-card{background:linear-gradient(135deg,#feefe4,var(--color-card))}@supports (color:color-mix(in lab,red,red)){.profile-plan-card{background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 70%,white),var(--color-card))}}.profile-plan-card{box-shadow:0 9px 22px #2d231d12}.profile-section{border:1px solid var(--color-border);background:var(--color-card);border-radius:18px;padding:14px;box-shadow:0 8px 22px #2d231d0f}.profile-action-row{min-height:56px;transition:transform .15s,border-color .15s,background-color .15s}.profile-action-row:hover{border-color:#ebbba0;transform:translate(2px)}@supports (color:color-mix(in lab,red,red)){.profile-action-row:hover{border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border))}}.profile-action-row:hover{background:#fff9f5}@supports (color:color-mix(in lab,red,red)){.profile-action-row:hover{background:color-mix(in srgb,var(--color-secondary) 25%,var(--color-card))}}.profile-logout{color:#c24141;background:#fff7f7;border-color:#fecaca;min-height:50px}.support-screen{background:linear-gradient(180deg,#fff8f2 0,var(--color-background) 320px)}.security-top-nav,.support-top-nav{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;justify-content:space-between;align-items:center;min-height:56px;padding:8px 16px;display:flex}.security-top-nav button,.support-top-nav button{background:var(--color-muted);min-height:40px;color:var(--color-foreground);border-radius:11px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:750;display:flex}.security-top-nav>span,.support-top-nav>span{color:var(--color-muted-foreground);font-size:12px;font-weight:750}.support-content{gap:14px;display:grid}.security-hero,.support-intro{color:#fff;background:linear-gradient(135deg,#2a211d,#4a3429);border-radius:20px;align-items:flex-start;gap:13px;padding:18px;display:flex;box-shadow:0 14px 34px #2d231d2e}.security-hero-icon,.support-intro-icon{background:var(--color-primary);border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #f265224d}.security-eyebrow,.support-eyebrow{color:#ffc5a6;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.security-hero h1,.support-intro h1{margin:0;font-size:21px;font-weight:800;line-height:1.15}.security-hero div>p:last-child,.support-intro div>p:last-child{color:#ffffffb8;margin:6px 0 0;font-size:12px;line-height:1.5}.security-panel,.security-tips,.support-contact-card,.support-form-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:18px;padding:16px;box-shadow:0 9px 25px #2d231d0f}.support-form-card{gap:14px;display:grid}.security-panel-heading,.support-card-heading{align-items:flex-start;gap:10px;display:flex}.security-panel-heading>span,.support-card-heading>span{background:var(--color-secondary);width:36px;height:36px;color:var(--color-primary);border-radius:11px;flex:none;place-items:center;display:grid}.security-panel-heading h2,.support-card-heading h2{color:var(--color-foreground);margin:0;font-size:14px;font-weight:800}.security-panel-heading p,.support-card-heading p{color:var(--color-muted-foreground);margin:3px 0 0;font-size:10px;line-height:1.4}.support-card-heading.is-compact{margin-bottom:14px}.support-field{min-width:0;color:var(--color-muted-foreground);letter-spacing:.02em;gap:6px;font-size:10px;font-weight:800;display:grid}.support-field>span:first-child small{font-weight:500}.support-input-shell{border:1px solid var(--color-border);background:var(--color-background);min-height:48px;color:var(--color-primary);border-radius:12px;align-items:center;gap:9px;padding:0 11px;transition:border-color .15s,box-shadow .15s;display:flex}.support-input-shell:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652221}.support-input-shell .demo-field:focus-visible{outline:0}.support-input-shell.is-message{align-items:flex-start;min-height:132px;padding-top:12px}.support-input-shell.is-message textarea{min-height:104px}.support-contact-grid{gap:12px;display:grid}.support-response-note{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.support-response-note p{margin:0}.support-response-note span,.support-response-note strong{display:block}.support-response-note strong{color:#1e3a8a;font-size:11px}.support-response-note span{color:#5271a5;margin-top:2px;font-size:10px}.support-actions{padding:12px 16px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;gap:8px;display:grid}.banani-copy .support-cancel,.banani-copy .support-submit{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:12px 22px;font-size:15px;font-weight:800;display:flex}.support-submit{background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #f2652247}.support-submit:disabled{cursor:wait;opacity:.7}.support-cancel{background:var(--color-secondary);color:var(--color-primary)}.security-screen{background:linear-gradient(180deg,#fff8f2 0,var(--color-background) 320px)}.security-content{gap:14px;padding:18px 16px 28px;display:grid}.security-required{margin:0;font-size:12px}.security-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.security-status-grid article{border:1px solid var(--color-border);background:var(--color-card);border-radius:15px;align-items:center;gap:9px;min-width:0;padding:12px;display:flex;box-shadow:0 7px 18px #2d231d0d}.security-status-grid article>span{border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.security-status-grid article.is-secure>span{color:#16844b;background:#e8f8ee}.security-status-grid article.is-warning>span{color:#c36a08;background:#fff1df}.security-status-grid small,.security-status-grid strong{display:block}.security-status-grid small{color:var(--color-muted-foreground);font-size:9px}.security-status-grid strong{color:var(--color-foreground);margin-top:2px;font-size:12px}.security-panel-heading{margin-bottom:14px}.security-2fa-card{border:1px solid #eacebc!important;margin:0!important;padding:14px!important}@supports (color:color-mix(in lab,red,red)){.security-2fa-card{border:1px solid color-mix(in srgb,var(--color-primary) 17%,var(--color-border))!important}}.security-2fa-card{background:var(--color-surface)!important;box-shadow:none!important;border-radius:15px!important}.security-2fa-card h2{margin:0 0 10px;font-size:14px}.security-2fa-form{gap:10px;display:grid}.security-2fa-form .field{color:var(--color-muted-foreground);gap:6px;font-size:11px;font-weight:700;display:grid}.security-2fa-form input{border:1px solid var(--color-border);background:var(--color-card);width:100%;min-height:48px;color:var(--color-foreground);border-radius:12px;outline:0;padding:0 12px;font-size:16px}.security-2fa-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f2652221}.security-primary-button{min-height:46px;font-weight:800;background:var(--color-primary)!important;color:#fff!important;border-radius:12px!important}.security-tips h2{color:var(--color-foreground);align-items:center;gap:7px;margin:0 0 12px;font-size:14px;font-weight:800;display:flex}.security-tips h2 svg{color:var(--color-primary)}.security-tips ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.security-tips li{color:var(--color-muted-foreground);align-items:flex-start;gap:8px;font-size:11px;line-height:1.45;display:flex}.security-tips li svg{color:#16844b;flex:none;margin-top:1px}.payment-confirmed-generate{background:var(--color-primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:12px;font-size:14px;font-weight:800;display:flex;box-shadow:0 8px 22px #f2652247}.pack-currency-select{width:108px}.pack-currency-select .musik-select-trigger{gap:3px;padding-left:5px;padding-right:5px}.pack-currency-select .musik-select-menu{box-sizing:border-box;width:max-content;min-width:148px;max-width:calc(100vw - 24px);max-height:none;padding:5px;left:auto;right:0;overflow:hidden visible}.pack-currency-select .musik-select-option{box-sizing:border-box;text-align:right;white-space:nowrap;justify-content:flex-end;gap:5px;min-height:38px;padding:7px 5px;font-size:11px;line-height:1.25}.pack-currency-select .musik-select-option>span{text-overflow:ellipsis;text-align:right;flex:0 auto;min-width:0;overflow:hidden}.pack-payment-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.payment-logo{min-width:0;min-height:46px;padding:5px 4px;overflow:hidden}.payment-logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:30px;display:block}.payment-logo-orange-money img{max-height:17px}.payment-logo-mtn-momo img,.payment-logo-wave-money img{max-height:25px}.payment-logo-moov-money img{max-height:30px}.payment-logo-card{grid-column:auto;gap:2px;min-height:46px}.payment-logo-card img{max-height:20px}.payment-logo-card img:first-child{max-width:29px}.payment-logo-card img:last-child{max-width:22px}@media (min-width:640px){.pack-payment-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.payment-logo{min-height:54px;padding:7px}.payment-logo-orange-money img{max-height:25px}.payment-logo-mtn-momo img,.payment-logo-wave-money img{max-height:32px}.payment-logo-moov-money img{max-height:36px}.support-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.security-content,.support-content{padding:24px}.security-panel,.security-tips,.support-contact-card,.support-form-card{padding:20px}.support-actions{grid-template-columns:minmax(0,1fr) minmax(190px,230px);gap:16px;padding:22px 24px 24px}.banani-copy .support-cancel,.banani-copy .support-submit{border-radius:17px;min-height:64px;font-size:17px}.support-cancel{grid-area:1/2}.profile-hero{margin:0 24px}.profile-content-grid,.profile-stats{padding-left:24px;padding-right:24px}}@media (max-width:359px){.creation-top-nav{grid-template-columns:68px minmax(145px,1fr) 68px;gap:4px;padding-left:4px;padding-right:4px}.creation-dashboard-button{min-width:145px;padding-left:8px;padding-right:8px}.creation-back-button{font-size:10px}.creation-back-button,.creation-step-label{min-width:68px;padding-left:6px;padding-right:6px}.creation-step-label{font-size:9px}.mobile-menu-drawer{width:min(89vw,310px)}}@media (prefers-reduced-motion:reduce){.mobile-menu-backdrop,.mobile-menu-drawer,.story-recipient-chevron,.story-recipient-fields{animation:none}}.musik-select-menu.is-portaled{z-index:1600;position:fixed;right:auto}.quick-language-menu{min-width:58px;max-height:none;padding:5px}.quick-language-menu .musik-select-option{appearance:none;min-height:42px;box-shadow:none;color:inherit;background:0 0;border:0;border-radius:0;outline:0;justify-content:center;padding:6px}.quick-language-menu .musik-select-option.is-highlighted,.quick-language-menu .musik-select-option:hover,.quick-language-menu .musik-select-option[aria-selected=true]{color:inherit;background:0 0}.quick-language-menu .musik-select-option.is-highlighted .musik-select-option-display,.quick-language-menu .musik-select-option:hover .musik-select-option-display{opacity:.78;transform:scale(1.06)}.quick-language-menu .musik-select-option-display{font-size:20px;line-height:1;transition:opacity .14s,transform .14s}.quick-language-menu .musik-select-option>svg{width:11px;position:absolute;bottom:2px;right:2px}.recipient-form-shell{z-index:3;position:relative}.recipient-page-card{z-index:2;padding:16px;position:relative;overflow:visible}.recipient-form-shell .recipient-page-card+.recipient-page-card{margin-top:14px}.occasion-fields{gap:14px;display:grid}.recipient-form-shell>*+.occasion-fields{margin-top:14px}.occasion-field-heading{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:flex}.required-mark{color:#dc2626;margin-left:3px;font-weight:700}.optional-hint{margin-left:1px;font-size:11px}.occasion-field-heading small,.optional-hint{color:var(--color-muted-foreground);font-weight:400}.occasion-field-heading small{flex-basis:100%}.occasion-field :is(input,textarea){border:1px solid var(--color-border);background:var(--color-card);width:100%;min-height:48px;font:inherit;border-radius:14px;padding:12px 14px}.occasion-field-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.occasion-field-tile{border:2px solid var(--color-border);background:var(--color-card);font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:.85rem;display:flex}.occasion-field-tile>span{font-size:1.4rem}.occasion-field-tile.is-selected{border-color:var(--color-primary);background:#fef0e9}@supports (color:color-mix(in lab,red,red)){.occasion-field-tile.is-selected{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card))}}.banani-copy .recipient-page-card .story-recipient-field input:focus,.banani-copy .recipient-page-card .story-recipient-field input:focus-visible{outline-offset:0;outline:0}.recipient-page-card .story-recipient-heading{margin-bottom:16px}.recipient-page-card .story-relation-field{margin-top:14px}.recipient-page-card .story-relation-select.is-open{z-index:120}@media (max-width:359px){.recipient-page-card{padding:13px}.recipient-page-card .story-name-row{grid-template-columns:1fr}}.checkout-information-screen,.creation-pack-screen{background:radial-gradient(circle at 88% 5%,#f2652217,transparent 25%),var(--color-surface);min-height:100%}.checkout-information-content,.creation-pack-content{gap:18px;padding:22px 16px 28px;display:grid}.checkout-information-heading,.creation-pack-heading{gap:7px;display:grid}.checkout-information-kicker,.creation-pack-kicker{border:1px solid #eac7b3;align-items:center;gap:7px;width:fit-content;padding:6px 10px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.checkout-information-kicker,.creation-pack-kicker{border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}}.checkout-information-kicker,.creation-pack-kicker{background:#fef1e7;border-radius:999px}@supports (color:color-mix(in lab,red,red)){.checkout-information-kicker,.creation-pack-kicker{background:color-mix(in srgb,var(--color-secondary) 62%,var(--color-card))}}.checkout-information-kicker,.creation-pack-kicker{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:800}.checkout-information-heading h1,.creation-pack-heading h1{font-family:var(--font-headings),sans-serif;letter-spacing:-.035em;margin-top:3px;font-size:clamp(27px,8vw,36px);font-weight:800;line-height:1.05}.checkout-information-heading>p,.creation-pack-heading>div>p{max-width:560px;color:var(--color-muted-foreground);font-size:13px;line-height:1.55}.checkout-information-card{border:1px solid #eacab7;gap:20px;padding:18px;display:grid}@supports (color:color-mix(in lab,red,red)){.checkout-information-card{border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}}.checkout-information-card{background:#fffefd;border-radius:22px}@supports (color:color-mix(in lab,red,red)){.checkout-information-card{background:color-mix(in srgb,var(--color-card) 96%,var(--color-secondary))}}.checkout-information-card{box-shadow:0 16px 40px #36261c14}.checkout-card-heading{align-items:flex-start;gap:11px;display:flex}.checkout-card-icon{background:linear-gradient(145deg,var(--color-primary),var(--color-coral));color:#fff;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #f265223b}.checkout-card-heading h2{font-size:15px;font-weight:800}.checkout-card-heading p{color:var(--color-muted-foreground);margin-top:2px;font-size:11px;line-height:1.45}.checkout-fields{gap:15px;display:grid}.checkout-field{color:var(--color-foreground);gap:7px;display:grid}.checkout-field>:is(span,label):first-child{letter-spacing:.04em;text-transform:uppercase;padding-left:2px;font-size:11px;font-weight:800}.checkout-field small{color:var(--color-muted-foreground);padding-left:2px;font-size:10px}.checkout-input-shell{border:1px solid var(--color-border);background:#fafaf7;border-radius:15px;align-items:center;gap:11px;width:100%;min-height:56px;padding:0 15px;display:flex}@supports (color:color-mix(in lab,red,red)){.checkout-input-shell{background:color-mix(in srgb,var(--color-background) 96%,white)}}.checkout-input-shell{color:var(--color-muted-foreground);transition:border-color .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px 2px #36261c0d,0 7px 16px #36261c0f}.checkout-input-shell:focus-within{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 0 0 4px #f265221f}.checkout-input-shell .demo-field:focus-visible{outline:0}.checkout-input{min-height:54px;font-size:15px;font-weight:650}.banani-copy .checkout-input::placeholder{color:var(--color-muted-foreground);opacity:.34;font-weight:500}.checkout-input-shell:has([aria-invalid=true]){border-color:#e2817d}@supports (color:color-mix(in lab,red,red)){.checkout-input-shell:has([aria-invalid=true]){border-color:color-mix(in srgb,#dc2626 52%,var(--color-border))}}.checkout-input-shell:has([aria-invalid=true]){box-shadow:0 0 0 3px #dc262614,0 7px 16px #36261c0f}.field-notice{box-shadow:none;border-radius:10px;margin:7px 0 0;padding:9px 10px;font-size:11px;animation:story-error-in .18s ease-out both}.additional-detail-shell .demo-field{resize:vertical;width:100%;min-width:100%;max-width:100%;min-height:84px;padding-right:52px}.additional-detail-shell{box-sizing:border-box;width:100%}.checkout-phone-shell{gap:10px}.checkout-phone-prefix{color:var(--color-foreground);flex:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.checkout-phone-divider{background:var(--color-border);flex:none;width:1px;height:27px}.checkout-phone-input{letter-spacing:.035em;min-width:0}.checkout-privacy-note{border:1px solid #c6d4c5;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.checkout-privacy-note{border:1px solid color-mix(in srgb,#16844b 16%,var(--color-border))}}.checkout-privacy-note{background:#effaf3;border-radius:15px}@supports (color:color-mix(in lab,red,red)){.checkout-privacy-note{background:color-mix(in srgb,#e8f8ee 68%,var(--color-card))}}.checkout-privacy-note>span{color:#fff;background:#16844b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.checkout-privacy-note strong{font-size:12px;display:block}.checkout-privacy-note p{color:var(--color-muted-foreground);margin-top:2px;font-size:10px;line-height:1.45}.checkout-share-option{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;border-radius:15px;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.checkout-share-option input{width:22px;height:22px;accent-color:var(--color-primary);flex:none;margin-top:1px}.checkout-share-option strong{font-size:13px;display:block}.checkout-share-option small{color:var(--color-muted-foreground);margin-top:2px;font-size:11px;line-height:1.45;display:block}.checkout-information-cta,.creation-pack-cta{border-top:1px solid var(--color-border);background:#fafaf7f2;gap:9px;padding:12px 16px 18px;display:grid}@supports (color:color-mix(in lab,red,red)){.checkout-information-cta,.creation-pack-cta{background:color-mix(in srgb,var(--color-background) 95%,transparent)}}.checkout-information-cta>button,.creation-pack-cta>button{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;font-size:14px;font-weight:800;display:flex;box-shadow:0 10px 24px #f2652247}.creation-pack-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.creation-pack-heading .pack-currency-select{align-self:start}.creation-pack-list{gap:10px;display:grid}.creation-pack-card{border:1px solid var(--color-border);background:var(--color-card);text-align:left;border-radius:18px;grid-template-columns:minmax(0,1fr) auto 24px;align-items:center;gap:11px;width:100%;min-height:104px;padding:15px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 8px 24px #36261c0f}.creation-pack-card:hover{border-color:#ecb395;transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.creation-pack-card:hover{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border))}}.creation-pack-card.is-selected{border-color:var(--color-primary);background:linear-gradient(135deg,#fef0e5,var(--color-card))}@supports (color:color-mix(in lab,red,red)){.creation-pack-card.is-selected{background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 66%,var(--color-card)),var(--color-card))}}.creation-pack-card.is-selected{box-shadow:0 12px 28px #f2652226}.creation-pack-card-main,.creation-pack-card-value{display:grid}.creation-pack-card-main{gap:4px;min-width:0}.creation-pack-card-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.creation-pack-card-title strong{font-size:14px;font-weight:850}.creation-pack-card-title em{background:var(--color-primary);color:#fff;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.creation-pack-card-main>small{color:var(--color-muted-foreground);text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.creation-pack-bonus{color:#16844b;align-items:center;gap:4px;width:fit-content;margin-top:3px;font-size:9px;font-weight:750;display:inline-flex}.creation-pack-card-value{justify-items:end;line-height:1.1}.creation-pack-card-value>strong{color:var(--color-primary);font-size:25px;font-weight:850}.creation-pack-card-value small{color:var(--color-muted-foreground);font-size:9px}.creation-pack-card-value b{margin-top:7px;font-size:11px}.creation-pack-coupon{border:1px solid #e9d1c2;padding:13px}@supports (color:color-mix(in lab,red,red)){.creation-pack-coupon{border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}}.creation-pack-coupon{background:#fef9f4;border-radius:16px}@supports (color:color-mix(in lab,red,red)){.creation-pack-coupon{background:color-mix(in srgb,var(--color-secondary) 28%,var(--color-card))}}.creation-pack-coupon>p{color:var(--color-muted-foreground);margin-bottom:9px;font-size:10px;font-weight:750}.creation-pack-coupon-form{gap:8px;display:flex}.creation-pack-coupon-form input{border:1px solid var(--color-border);background:var(--color-card);min-width:0;height:42px;color:var(--color-foreground);text-transform:uppercase;border-radius:12px;flex:1;padding:0 12px;font-size:12px;font-weight:700}.creation-pack-coupon-form button{background:var(--color-primary);color:#fff;border-radius:12px;flex:none;height:42px;padding:0 16px;font-size:11px;font-weight:800}.creation-pack-coupon-form button:disabled{opacity:.5}.creation-pack-coupon-applied{background:#e3f0e9;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.creation-pack-coupon-applied{background:color-mix(in srgb,#16844b 12%,var(--color-card))}}.creation-pack-coupon-applied{color:#16844b;font-size:11px;font-weight:750}.creation-pack-coupon-applied>span{align-items:center;gap:6px;min-width:0;display:flex}.creation-pack-coupon-applied button{color:#16844b;background:#16844b29;border-radius:999px;flex:none;place-items:center;width:26px;height:26px;display:grid}.creation-pack-coupon-error{color:#dc2626;margin-top:8px;font-size:10px;font-weight:700}.creation-pack-total-discounted{align-items:baseline;gap:7px;display:flex}.creation-pack-total-discounted s{color:var(--color-muted-foreground);font-size:11px;font-weight:600}.creation-pack-total-discounted strong{color:#16844b}.creation-pack-payment-methods{border:1px solid #e9d1c2;padding:13px}@supports (color:color-mix(in lab,red,red)){.creation-pack-payment-methods{border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}}.creation-pack-payment-methods{background:#fef9f4;border-radius:16px}@supports (color:color-mix(in lab,red,red)){.creation-pack-payment-methods{background:color-mix(in srgb,var(--color-secondary) 28%,var(--color-card))}}.creation-pack-payment-methods>p{color:var(--color-muted-foreground);text-align:center;margin-bottom:9px;font-size:10px;font-weight:750}.creation-pack-total{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.creation-pack-total strong{color:var(--color-foreground);font-size:14px}@media (min-width:768px){.checkout-information-content,.creation-pack-content{padding:30px}.checkout-information-card{padding:24px}.checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-field:last-child{grid-column:1/-1}.creation-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-information-cta,.creation-pack-cta{padding-left:30px;padding-right:30px}}@media (max-width:359px){.checkout-information-content,.creation-pack-content{padding-left:12px;padding-right:12px}.checkout-information-card{padding:14px}.creation-pack-card{grid-template-columns:minmax(0,1fr) auto 21px;gap:7px;padding:12px}.creation-pack-heading{grid-template-columns:1fr}}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pack-grid>:only-child{grid-column:1/-1}.pack-purchase-title{min-width:0}.pack-generation-cost-note{max-width:590px;color:var(--color-muted-foreground);align-items:flex-start;gap:7px;margin:7px 0 0;font-size:11px;line-height:1.45;display:flex}.pack-generation-cost-note svg{color:var(--color-primary);flex:none;margin-top:1px}.pack-generation-cost-note strong{color:var(--color-primary);font-weight:850}.pack-grid>*{min-width:0}.pack-grid .pack-choice-card{text-align:left;flex-direction:column;align-items:stretch;min-width:0;min-height:224px;padding:15px 13px;display:flex;overflow:visible;box-shadow:0 9px 24px #37271d12}.pack-grid .pack-choice-card[aria-pressed=true]{background:linear-gradient(145deg,#fdeee1,var(--color-card))}@supports (color:color-mix(in lab,red,red)){.pack-grid .pack-choice-card[aria-pressed=true]{background:linear-gradient(145deg,color-mix(in srgb,var(--color-secondary) 76%,var(--color-card)),var(--color-card))}}.pack-grid .pack-choice-card[aria-pressed=true]{box-shadow:0 12px 28px #f265222b}.pack-popular-badge{z-index:2;background:var(--color-primary);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;line-height:1.2;position:absolute;top:-9px;right:12px}.pack-grid-card-heading{gap:12px;display:grid}.pack-grid-card-heading>div:first-child{min-width:0;padding-right:2px}.pack-grid-card-heading h3{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 2px);font-size:17px;line-height:1.2;overflow:hidden}.pack-grid .pack-choice-card:has(.pack-popular-badge) .pack-grid-card-heading h3{padding-right:55px}.pack-grid-card-heading p{min-height:40px;color:var(--color-muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.pack-grid-song-count{align-items:baseline;gap:5px;display:flex}.pack-grid-song-count strong{color:var(--color-primary);font-size:31px;font-weight:850;line-height:1}.pack-grid-song-count span{font-weight:700}.pack-grid-credit-rule,.pack-grid-song-count span{color:var(--color-muted-foreground);font-size:13px}.pack-grid-credit-rule{margin-top:8px;font-weight:650;line-height:1.4}.pack-grid-bonus{color:#16844b;white-space:normal;background:#e8f8ee;border-radius:7px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-top:8px;padding:4px 6px;font-size:13px;font-weight:750;display:inline-flex}.pack-grid-card-footer{border-top:1px solid #e8e3dcbf;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.pack-grid-card-footer{border-top:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}}.pack-grid-card-footer>span:first-child{white-space:nowrap;min-width:0;font-size:15px}.pack-grid-card-status{background:#fef0e9;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:3px;min-width:24px;min-height:24px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pack-grid-card-status{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-card))}}.pack-grid-card-status{color:var(--color-primary)}.pack-grid-card-status>span{display:none}@media (min-width:1024px){.workspace-credit-card{isolation:isolate;border-color:#eac7b3;padding:18px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.workspace-credit-card{border-color:color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}}.workspace-credit-card{background:radial-gradient(circle at 100% 0,#f2652221,transparent 40%),linear-gradient(145deg,#feeee3,var(--color-card) 78%)}@supports (color:color-mix(in lab,red,red)){.workspace-credit-card{background:radial-gradient(circle at 100% 0,#f2652221,transparent 40%),linear-gradient(145deg,color-mix(in srgb,var(--color-secondary) 72%,var(--color-card)),var(--color-card) 78%)}}.workspace-credit-card{box-shadow:0 18px 40px #3f2a1d1a}.workspace-credit-card:after{z-index:-1;content:"";border:22px solid #f2652212;border-radius:50%;width:135px;height:135px;position:absolute;bottom:-58px;right:-54px}.workspace-credit-heading{align-items:center;gap:10px;display:flex}.workspace-credit-heading>span{background:linear-gradient(145deg,var(--color-primary),var(--color-coral));color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 16px #f2652238}.workspace-credit-heading small{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:850;display:block}.workspace-credit-heading h2{margin:1px 0 0;font-size:13px;line-height:1.2}.workspace-credit-balance{align-items:baseline;gap:8px;margin-top:16px;display:flex}.workspace-credit-number{letter-spacing:-.05em;font-size:34px;font-weight:850}.workspace-credit-balance>span{color:var(--color-foreground);font-size:12px;font-weight:750;line-height:1.2}.workspace-context-card .workspace-credit-demo{color:var(--color-muted-foreground);align-items:flex-start;gap:6px;margin:8px 0 14px;font-size:9px;line-height:1.4;display:flex}.workspace-credit-demo svg{color:#16844b;flex:none;margin-top:1px}.workspace-credit-card .workspace-primary-link{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));border-radius:13px;min-height:42px;box-shadow:0 9px 20px #f265223d}}@media (min-width:600px){.pack-grid{gap:14px}.pack-grid .pack-choice-card{min-height:226px;padding:17px}.pack-grid-card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.pack-grid-card-heading h3{font-size:19px}.pack-grid-card-heading p{min-height:44px;font-size:13px}.pack-grid-song-count{justify-items:end;gap:1px;display:grid}.pack-grid-song-count strong{font-size:36px}.pack-grid-bonus,.pack-grid-credit-rule,.pack-grid-song-count span{font-size:13px}.pack-popular-badge{font-size:12px}.pack-grid-card-footer>span:first-child{font-size:18px}.pack-grid-card-status{border-radius:999px;width:auto;padding:0 8px;font-size:11px;font-weight:750}.pack-grid-card-status>span{display:inline}}@media (max-width:359px){.pack-grid{gap:8px}.pack-grid .pack-choice-card{min-height:218px;padding:12px 10px}.pack-grid-card-heading h3{font-size:15px}.pack-grid-card-heading p{font-size:13px}.pack-grid .pack-choice-card:has(.pack-popular-badge) .pack-grid-card-heading h3{padding-right:48px}.pack-popular-badge{padding-left:5px;padding-right:5px;font-size:12px;top:-8px;right:8px}.pack-grid-card-footer>span:first-child{font-size:13px}}.creation-pack-list{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-pack-card{flex-direction:column;align-items:stretch;gap:10px;min-height:190px;padding:14px 12px;display:flex;position:relative}.creation-pack-card-main{flex:1}.creation-pack-card-title{align-items:start;gap:5px;display:grid}.creation-pack-card-title em{width:fit-content}.creation-pack-card-value{justify-items:start}.creation-pack-card-value b{font-size:10px}@media (min-width:600px){.creation-pack-card{min-height:172px;padding:17px}.creation-pack-card-title{display:flex}.creation-pack-card-value b{font-size:11px}}@media (max-width:359px){.creation-pack-list{gap:8px}.creation-pack-card{min-height:184px;padding:12px 10px}.creation-pack-card-title strong{font-size:11px}.creation-pack-card-main>small{font-size:9px}}.checkout-information-card{gap:17px;padding:16px}.checkout-fields{gap:12px}.checkout-field{gap:6px}.checkout-input-shell{border-radius:13px;gap:9px;min-height:48px;padding:0 12px}.checkout-input{min-height:46px;font-size:14px}.checkout-phone-shell{gap:4px;padding-left:7px}.checkout-phone-field,.checkout-phone-shell{z-index:25;position:relative}.checkout-prefix-select{z-index:30;flex:0 0 68px;width:68px;position:relative}.checkout-prefix-select .musik-select-trigger{min-height:38px;color:var(--color-foreground);box-shadow:none;background:0 0;border:0;justify-content:flex-start;gap:3px;padding:0 2px;font-size:12px;font-weight:800}.checkout-prefix-select .musik-select-trigger:focus-visible,.checkout-prefix-select.is-open .musik-select-trigger{box-shadow:none;border:0}.checkout-prefix-select .musik-select-value{text-overflow:clip;flex:0 auto;overflow:visible}.checkout-prefix-select .musik-select-chevron{margin-left:0}.checkout-prefix-select .musik-select-menu{z-index:180;width:218px;top:calc(100% + 8px);left:-8px}.checkout-prefix-menu,.checkout-prefix-select .musik-select-menu{max-height:248px;padding:6px;overflow-y:auto}.checkout-prefix-select .musik-select-option{gap:8px;min-height:40px;padding:7px 9px;font-size:11px}.checkout-prefix-menu .musik-select-option{min-height:46px;color:var(--color-foreground);box-shadow:none;background:0 0;border:0;border-radius:12px;justify-content:flex-start;gap:12px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:650}.checkout-prefix-menu .musik-select-option.is-highlighted,.checkout-prefix-menu .musik-select-option:hover,.checkout-prefix-menu .musik-select-option[aria-selected=true]{background:var(--color-secondary);color:var(--color-primary)}.checkout-prefix-select .musik-select-option-display{min-width:68px;font-size:12px;font-weight:800}.checkout-prefix-menu .musik-select-option-display{text-align:center;min-width:0;font-size:12px;font-weight:800}.checkout-prefix-menu .musik-select-option-flag{flex:none;font-size:22px;line-height:1}.checkout-prefix-menu .musik-select-option>span.musik-select-option-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:14px;font-weight:650;overflow:hidden}.checkout-prefix-menu .musik-select-option>span.musik-select-option-trailing{min-width:0;color:var(--color-muted-foreground);font-variant-numeric:tabular-nums;flex:none;font-size:13px;font-weight:800}.checkout-prefix-menu .musik-select-option.is-highlighted .musik-select-option-trailing,.checkout-prefix-menu .musik-select-option[aria-selected=true] .musik-select-option-trailing{color:var(--color-primary)}.checkout-phone-divider{height:23px;margin:0 1px}.creation-pack-panel{gap:16px}.creation-pack-panel .creation-pack-payment-methods{margin-top:1px}@media (min-width:768px){.checkout-information-card{padding:20px}}@media (max-width:359px){.checkout-information-card{padding:13px}.checkout-prefix-select{flex-basis:68px;width:68px}.checkout-prefix-select .musik-select-trigger{padding-left:4px;padding-right:4px;font-size:11px}.checkout-prefix-select .musik-select-menu{width:205px}}@keyframes workspace-nav-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (min-width:1024px){.workspace-brand,.workspace-brand>span{transition:color .18s,box-shadow .22s,transform .24s cubic-bezier(.22,1,.36,1)}.workspace-brand:hover{color:var(--color-primary);filter:none;transform:translate(2px)}.workspace-brand:hover>span{transform:rotate(-4deg)scale(1.06);box-shadow:0 8px 20px #f45f2038}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.workspace-nav-group a{animation:workspace-nav-enter .36s cubic-bezier(.22,1,.36,1) both}.workspace-nav-group a:nth-child(2){animation-delay:35ms}.workspace-nav-group a:nth-child(3){animation-delay:70ms}.workspace-nav-group a:nth-child(4){animation-delay:.105s}.workspace-nav-group a:nth-child(5){animation-delay:.14s}}@media (prefers-reduced-motion:reduce){.workspace-sidebar *,.workspace-sidebar :after,.workspace-sidebar :before{transition:none!important;animation:none!important}}.ambient-player-button{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:36px;height:36px;display:flex}.ambient-player-button.is-compact{gap:1px;width:28px;height:28px}.landing-page .landing-carousel{--carousel-gap:12px;--carousel-visible:2;max-width:1080px;margin:0 auto}.landing-page .landing-carousel-track{gap:var(--carousel-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:0 -2px;padding:4px 2px 10px;display:flex;overflow-x:auto}.landing-page .landing-carousel-track::-webkit-scrollbar{display:none}.landing-page .landing-carousel-card{flex:0 0 calc((100% - var(--carousel-gap) * (var(--carousel-visible) - 1)) / var(--carousel-visible));aspect-ratio:1;scroll-snap-align:start;border-radius:20px;position:relative;overflow:hidden}.landing-page .landing-carousel-link{border-radius:inherit;display:block;position:absolute;inset:0}.landing-page .landing-carousel-cover{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.landing-page .landing-carousel-shade{background:linear-gradient(#0000 42%,#000000ad);flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;display:flex;position:absolute;inset:0}.landing-page .landing-carousel-title{color:#fff;margin:0;font-size:14px;font-weight:700;line-height:1.25}.landing-page .landing-carousel-meta{color:#ffffffb8;margin:0;font-size:11px}.landing-page .landing-carousel-listen{position:absolute;top:12px;right:12px}.landing-page .landing-carousel-dots{justify-content:center;align-items:center;gap:6px;margin-top:6px;display:flex}.landing-page .landing-carousel-dots button{background:#fbcbb0;border:none;border-radius:999px;flex:none;width:18px;min-width:0;height:4px;min-height:0;padding:0}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-carousel-dots button{background:color-mix(in srgb,var(--color-primary) 22%,var(--color-secondary))}}.landing-page .landing-carousel-dots button{cursor:pointer;transition:width .3s cubic-bezier(.16,1,.3,1),background .3s}.landing-page .landing-carousel-dots button.is-active{background:var(--color-primary);width:34px;min-width:0}.landing-page .landing-carousel[data-peek-narrow=true]{--carousel-visible:2.3}@media (min-width:900px){.landing-page .landing-carousel{--carousel-gap:20px;--carousel-visible:3}.landing-page .landing-carousel[data-peek-narrow=true]{--carousel-visible:3}.landing-page .landing-carousel[data-peek-wide=true]{--carousel-visible:3.3}.landing-page .landing-carousel-title{font-size:16px}}@media (prefers-reduced-motion:reduce){.landing-page .landing-carousel-track{scroll-behavior:auto}}.landing-page .landing-library-card{border:1px solid #e9d6c9;border-radius:22px;flex-direction:column;gap:14px;padding:14px;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-library-card{border:1px solid color-mix(in srgb,var(--color-primary) 10%,var(--color-border))}}.landing-page .landing-library-card{background:var(--color-card);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;box-shadow:0 1px 2px #1a1a1a0a,0 10px 28px -12px #783c1438}.landing-page .landing-library-card.is-playing,.landing-page .landing-library-card:hover{border-color:#ecb395;transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-library-card.is-playing,.landing-page .landing-library-card:hover{border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border))}}.landing-page .landing-library-card.is-playing,.landing-page .landing-library-card:hover{box-shadow:0 2px 4px #1a1a1a0d,0 18px 36px -14px #e0602061}.landing-page .landing-library-card.is-large{padding:16px}.landing-page .landing-library-top{align-items:center;gap:12px;display:flex}.landing-page .landing-library-cover{border-radius:16px;flex:none;width:52px;height:52px;overflow:hidden}.landing-page .is-large .landing-library-cover{width:60px;height:60px}.landing-page .landing-library-cover img,.landing-page .landing-library-cover-fallback{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.landing-page .landing-library-text{flex:1;min-width:0}.landing-page .landing-library-title{-webkit-line-clamp:2;color:var(--color-foreground);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:15px;font-weight:650;line-height:1.25;text-decoration:none;display:-webkit-box;overflow:hidden}.landing-page .landing-library-title:after{content:"";border-radius:inherit;position:absolute;inset:0}.landing-page .landing-library-title:focus-visible{outline:none}.landing-page .landing-library-title:focus-visible:after{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:22px}.landing-page .is-large .landing-library-title{font-size:16px}.landing-page .landing-library-detail{color:var(--color-muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.landing-page .landing-library-player{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.landing-page .landing-library-strip{cursor:pointer;touch-action:none;border-radius:8px;flex:1;align-items:center;gap:2px;min-width:0;height:28px;display:flex}.landing-page .landing-library-strip:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.landing-page .landing-library-strip span{background:#1a1a1a29;border-radius:2px;flex:1;min-width:2px}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-library-strip span{background:color-mix(in srgb,var(--color-foreground) 16%,transparent)}}.landing-page .landing-library-strip span{transition:background-color .18s}.landing-page .landing-library-strip span.is-filled{background:var(--color-primary)}.landing-page .landing-library-time{text-align:right;font-variant-numeric:tabular-nums;min-width:5.4em;color:var(--color-muted-foreground);flex:none;font-size:11px}.landing-page .landing-library-card .landing-inline-play.is-compact{flex:none;padding:8px 14px;font-size:12px}.musik-select-menu.pack-currency-menu{box-sizing:border-box;max-height:264px;padding:5px;overflow:hidden auto}.pack-currency-menu .musik-select-option{box-sizing:border-box;text-align:right;white-space:nowrap;justify-content:flex-end;gap:5px;min-height:38px;padding:7px 8px;font-size:11px;line-height:1.25}.pack-currency-menu .musik-select-option>span{text-overflow:ellipsis;text-align:right;flex:0 auto;min-width:0;overflow:hidden}button.mobile-menu-brand{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.pack-currency-menu .musik-select-option{border:0}.pack-currency-menu .musik-select-option:not(.is-highlighted):not([aria-selected=true]):not(:hover){background:0 0}.landing-page .landing-carousel-link[role=button]{cursor:pointer}.landing-page .landing-faq-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:1.25rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s,background-color .3s;overflow:hidden;box-shadow:0 1px 2px #1a1a1a0a,0 2px 8px #1a1a1a0d}.landing-page .landing-faq-item:hover{border-color:#ecb79b;transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-faq-item:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}}.landing-page .landing-faq-item:hover{box-shadow:0 10px 24px #1a1a1a14}.landing-page .landing-faq-item[open]{border-color:#ee9e76}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-faq-item[open]{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}}.landing-page .landing-faq-item[open]{box-shadow:0 14px 32px #f2652224}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-faq-item[open]{box-shadow:0 14px 32px color-mix(in srgb,var(--color-primary) 14%,transparent)}}.landing-page .landing-faq-summary{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:1rem;min-height:5.5rem;padding:1.25rem 1.5rem;list-style:none;display:flex}.landing-page .landing-faq-summary::-webkit-details-marker{display:none}.landing-page .landing-faq-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:1.25rem}.landing-page .landing-faq-question{color:var(--color-foreground);font-size:1rem;font-weight:700;line-height:1.4}.landing-page .landing-faq-chevron{width:2.25rem;height:2.25rem;color:var(--color-primary);background:#f265221a;border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-faq-chevron{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}}.landing-page .landing-faq-chevron{transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s,color .3s}.landing-page .landing-faq-item[open] .landing-faq-chevron{background:var(--color-primary);color:#fff;transform:rotate(180deg)}.landing-page .landing-faq-answer{border-top:1px solid #eaccbb;margin:0 1.5rem;padding:1rem 0 1.4rem}@supports (color:color-mix(in lab,red,red)){.landing-page .landing-faq-answer{border-top:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}}.landing-page .landing-faq-answer{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.65}.landing-page .landing-faq-item[open] .landing-faq-answer{animation:landing-faq-reveal .3s both}@keyframes landing-faq-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.landing-page .landing-faq-item--compact{border-radius:1rem}.landing-page .landing-faq-item--compact .landing-faq-summary{min-height:4rem;padding:1rem 1.1rem}.landing-page .landing-faq-item--compact .landing-faq-question{font-size:.875rem}.landing-page .landing-faq-item--compact .landing-faq-chevron{width:1.75rem;height:1.75rem}.landing-page .landing-faq-item--compact .landing-faq-answer{margin:0 1.1rem;padding:.85rem 0 1.1rem;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.landing-page .landing-faq-item[open] .landing-faq-answer{animation:none}.landing-page .landing-faq-chevron{transition:none}}.mobile-menu-drawer{scrollbar-width:none;-ms-overflow-style:none}.mobile-menu-drawer::-webkit-scrollbar,.mobile-menu-drawer::-webkit-scrollbar-button{width:0;height:0;display:none}.resume-action{cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s;animation:resume-action-in .52s cubic-bezier(.22,1,.36,1) both;position:relative;overflow:hidden}.resume-action-secondary{animation-delay:.12s}.resume-action-primary{background:linear-gradient(135deg,#f26522,#f4845f);box-shadow:0 2px 4px #f2652238,0 12px 28px -6px #f2652273}.resume-action-primary:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff59 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.resume-action-secondary{box-shadow:0 1px 2px #3c28140f,0 8px 20px -8px #3c28142e}.resume-action-arrow,.resume-action-icon{transition:transform .26s cubic-bezier(.22,1,.36,1)}.resume-action:hover:not(:disabled){transform:translateY(-3px)}.resume-action-primary:hover:not(:disabled){box-shadow:0 4px 8px #f2652240,0 18px 36px -8px #f265228c}.resume-action-primary:hover:not(:disabled):after{transition:transform .7s;transform:translate(120%)}.resume-action-secondary:hover:not(:disabled){border-color:#f2652273;box-shadow:0 2px 4px #3c281414,0 14px 28px -8px #f2652247}.resume-action:hover:not(:disabled) .resume-action-arrow{transform:translate(5px)}.resume-action-primary:hover:not(:disabled) .resume-action-icon{transform:scale(1.08)}.resume-action-secondary:hover:not(:disabled) .resume-action-icon{transform:rotate(180deg)}.resume-action:active:not(:disabled){transition-duration:90ms;transform:translateY(1px)scale(.985)}.resume-action:focus-visible{outline-offset:3px;outline:3px solid #f265228c}.resume-action:disabled{cursor:progress;opacity:.7}@keyframes resume-action-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.resume-action{animation:none}.resume-action,.resume-action-arrow,.resume-action-icon,.resume-action-primary:after{transition:none}.resume-action:hover:not(:disabled),.resume-action:hover:not(:disabled) .resume-action-arrow,.resume-action:hover:not(:disabled) .resume-action-icon{transform:none}}.delete-account-confirm,.delete-account-panel{gap:12px;display:grid}.delete-account-confirm ul{color:var(--color-muted-foreground);margin:0;padding-left:18px;font-size:13px;line-height:1.5}.delete-account-check{color:var(--color-foreground);align-items:flex-start;gap:10px;font-size:13px;font-weight:600;display:flex}.delete-account-check input{flex:none;width:20px;height:20px;margin-top:1px}.delete-account-actions{flex-wrap:wrap;gap:10px;display:flex}.delete-account-button,.delete-account-cancel{border-radius:14px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800}.delete-account-button{color:#fff;background:#b42318;border:0}.delete-account-button:disabled{opacity:.5}.delete-account-cancel{border:1px solid var(--color-border);color:var(--color-foreground);background:0 0}.install-guide{color:#1a1a1a;background:#fff;border:0;border-radius:24px 24px 0 0;width:min(480px,100%);max-width:100%;margin:auto auto 0;padding:0;box-shadow:0 -12px 40px #0000004d}.install-guide::backdrop{background:#0a060499}@media (min-width:640px){.install-guide{border-radius:24px;margin:auto}}.install-guide__sheet{padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));gap:14px;display:grid}.install-guide__title{margin:0;font-size:20px;line-height:1.2}.install-guide__lead{color:#5f5854;margin:0;font-size:14px}.install-guide__steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.install-guide__steps li{background:#fdf1e9;border-radius:16px;grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.install-guide__num{color:#fff;background:#f26522;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.install-guide__icon{color:#f26522;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.install-guide__text{gap:2px;display:grid}.install-guide__text strong{font-size:15px}.install-guide__text small{color:#5f5854;font-size:13px}.install-guide__close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff7a3d,#f26522);border:0;border-radius:16px;min-height:52px;font-size:16px;font-weight:800}.install-guide__close:focus-visible{outline-offset:2px;outline:3px solid #1a1a1a}.currency-select{flex:none;margin-left:auto;position:relative}.currency-select-trigger{border:1.5px solid #eac7b3;align-items:center;gap:3px;min-height:46px;padding:6px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.currency-select-trigger{border:1.5px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}}.currency-select-trigger{background:var(--color-card);color:var(--color-foreground);cursor:pointer;border-radius:999px;font-size:14px;font-weight:700;transition:border-color .16s,box-shadow .16s}.currency-select-trigger:focus-visible,.currency-select.is-open .currency-select-trigger{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 4px #f265221f}@supports (color:color-mix(in lab,red,red)){.currency-select-trigger:focus-visible,.currency-select.is-open .currency-select-trigger{box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}}.currency-select-flag{font-size:20px;line-height:1}.currency-select-auto{color:#15803d;letter-spacing:.06em;text-transform:uppercase;background:#dcfce7;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.currency-select-chevron{color:var(--color-muted-foreground);transition:transform .16s}.currency-select.is-open .currency-select-chevron{transform:rotate(180deg)}.currency-select-menu{z-index:1300;overscroll-behavior:contain;border:1px solid var(--color-border);background:var(--color-card);border-radius:16px;outline:0;max-height:min(380px,100dvh - 90px);display:grid;position:fixed;overflow-y:auto;box-shadow:0 22px 52px #462b1733,0 3px 10px #462b1714}.currency-select-detected{border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);align-items:center;gap:10px;padding:13px 16px;font-size:13px;font-weight:600;display:flex}.currency-select-menu>button[role=option]{min-height:60px;color:var(--color-foreground);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:10px 16px;display:flex}.currency-select-menu>button[role=option].is-highlighted,.currency-select-menu>button[role=option][aria-selected=true]{background:#f2652212}@supports (color:color-mix(in lab,red,red)){.currency-select-menu>button[role=option].is-highlighted,.currency-select-menu>button[role=option][aria-selected=true]{background:color-mix(in srgb,var(--color-primary) 7%,transparent)}}.currency-select-option-flag{font-size:24px;line-height:1}.currency-select-option-text{flex:1;gap:2px;min-width:0;display:grid}.currency-select-option-line{align-items:baseline;gap:10px;display:flex}.currency-select-option-line strong{font-size:16px;font-weight:750}.currency-select-option-line small{font-weight:600}.currency-select-option-line small,.currency-select-option-name{color:var(--color-muted-foreground);font-size:13px}.currency-select-check{color:var(--color-primary);flex:none}.currency-select-reset{border:0;border-top:1px solid var(--color-border);min-height:48px;color:var(--color-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}@media (prefers-reduced-motion:reduce){.currency-select-chevron,.currency-select-trigger{transition:none}}@media (max-width:767px){button.create-touch-target{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.currency-select .currency-select-trigger{min-height:44px}}@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-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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}