@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "DM Sans", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--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-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-red-800: oklch(44.4% .177 26.899);--color-red-950: oklch(25.8% .092 26.042);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-400: oklch(75% .183 55.934);--color-orange-950: oklch(26.6% .079 36.259);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-400: oklch(85.2% .199 91.936);--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-yellow-800: oklch(47.6% .114 61.907);--color-yellow-950: oklch(28.6% .066 53.813);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-950: oklch(26.6% .065 152.934);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-950: oklch(28.2% .091 267.935);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-950: oklch(28.3% .141 291.089);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-zinc-50: oklch(98.5% 0 0);--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-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--color-neutral-200: oklch(92.2% 0 0);--color-neutral-700: oklch(37.1% 0 0);--color-black: #000;--color-white: #fff;--spacing: .25rem;--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--container-sm: 24rem;--container-md: 28rem;--container-2xl: 42rem;--container-3xl: 48rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-tight: -.025em;--tracking-wider: .05em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-xs: .125rem;--radius-sm: calc(var(--radius) - 3px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 3px);--radius-2xl: 1rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-md: 12px;--blur-xl: 24px;--aspect-video: 16 / 9;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: "DM Sans", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family: var(--font-mono);--color-background: var(--background);--color-accent: var(--accent);--color-secondary-foreground: var(--secondary-foreground);--color-mono: var(--mono);--color-border: var(--border);--color-input: var(--input);--color-melodia-primary: var(--primary);--color-melodia-border: var(--border);--font-display: var(--display-font);--text-2sm: .8125rem;--text-2xs: .6875rem}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-start-3{inset-inline-start:calc(var(--spacing) * -3)}.-start-4{inset-inline-start:calc(var(--spacing) * -4)}.-start-6{inset-inline-start:calc(var(--spacing) * -6)}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-0\.5{inset-inline-start:calc(var(--spacing) * .5)}.start-1{inset-inline-start:calc(var(--spacing) * 1)}.start-1\/2{inset-inline-start:50%}.start-1\/3{inset-inline-start:calc(1/3 * 100%)}.start-2{inset-inline-start:calc(var(--spacing) * 2)}.start-2\.5{inset-inline-start:calc(var(--spacing) * 2.5)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-6{inset-inline-start:calc(var(--spacing) * 6)}.start-7{inset-inline-start:calc(var(--spacing) * 7)}.start-8{inset-inline-start:calc(var(--spacing) * 8)}.start-24{inset-inline-start:calc(var(--spacing) * 24)}.start-28{inset-inline-start:calc(var(--spacing) * 28)}.start-32{inset-inline-start:calc(var(--spacing) * 32)}.-end-0\.5{inset-inline-end:calc(var(--spacing) * -.5)}.-end-1{inset-inline-end:calc(var(--spacing) * -1)}.-end-2\.5{inset-inline-end:calc(var(--spacing) * -2.5)}.-end-6{inset-inline-end:calc(var(--spacing) * -6)}.-end-7{inset-inline-end:calc(var(--spacing) * -7)}.-end-8{inset-inline-end:calc(var(--spacing) * -8)}.end-0\.5{inset-inline-end:calc(var(--spacing) * .5)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-1\/4{inset-inline-end:25%}.end-2{inset-inline-end:calc(var(--spacing) * 2)}.end-2\.5{inset-inline-end:calc(var(--spacing) * 2.5)}.end-4{inset-inline-end:calc(var(--spacing) * 4)}.end-5{inset-inline-end:calc(var(--spacing) * 5)}.end-8{inset-inline-end:calc(var(--spacing) * 8)}.end-9{inset-inline-end:calc(var(--spacing) * 9)}.end-10{inset-inline-end:calc(var(--spacing) * 10)}.end-14{inset-inline-end:calc(var(--spacing) * 14)}.end-16{inset-inline-end:calc(var(--spacing) * 16)}.end-20{inset-inline-end:calc(var(--spacing) * 20)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2{top:calc(var(--spacing) * -2)}.-top-6{top:calc(var(--spacing) * -6)}.-top-7{top:calc(var(--spacing) * -7)}.-top-8{top:calc(var(--spacing) * -8)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.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-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-9{top:calc(var(--spacing) * 9)}.top-10{top:calc(var(--spacing) * 10)}.top-12{top:calc(var(--spacing) * 12)}.top-14{top:calc(var(--spacing) * 14)}.top-16{top:calc(var(--spacing) * 16)}.top-24{top:calc(var(--spacing) * 24)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-3\.5{bottom:calc(var(--spacing) * -3.5)}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:var(--spacing)}.bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-8{left:calc(var(--spacing) * 8)}.left-12{left:calc(var(--spacing) * 12)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-302{margin:calc(var(--spacing) * 302)}.m-1883{margin:calc(var(--spacing) * 1883)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:var(--spacing)}.-ms-5{margin-inline-start:calc(var(--spacing) * -5)}.ms-0\.5{margin-inline-start:calc(var(--spacing) * .5)}.ms-1{margin-inline-start:var(--spacing)}.ms-auto{margin-inline-start:auto}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-8{margin-top:calc(var(--spacing) * -8)}.-mt-10{margin-top:calc(var(--spacing) * -10)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-5{margin-left:calc(var(--spacing) * 5)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.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}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:var(--spacing);height:var(--spacing)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.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-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[70vh\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-1\/3{width:calc(1 / 3 * 100%)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.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-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-full{width:100%}.w-px{width:1px}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-60{max-width:calc(var(--spacing) * 60)}.max-w-\[85\%\]{max-width:85%}.max-w-\[280px\]{max-width:280px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-\[16px\]{min-width:16px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-\[1\.35\]{flex-grow:1.35}.basis-0{flex-basis:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-6{rotate:-6deg}.-rotate-12{rotate:-12deg}.-rotate-90{rotate:-90deg}.rotate-2{rotate:2deg}.rotate-6{rotate:6deg}.rotate-12{rotate:12deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[melodia-indeterminate_1\.1s_ease-in-out_infinite\]{animation:melodia-indeterminate 1.1s ease-in-out infinite}.animate-\[slideUp_\.2s_ease\]{animation:slideUp .2s ease}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.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}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.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-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-\[22px\]{border-radius:22px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:calc(var(--radius) - 3px)}.rounded-xl{border-radius:calc(var(--radius) + 3px)}.rounded-ee-sm{border-end-end-radius:calc(var(--radius) - 3px)}.rounded-es-sm{border-end-start-radius:calc(var(--radius) - 3px)}.rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) + 3px);border-top-right-radius:calc(var(--radius) + 3px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-melodia-border{border-color:var(--border)}.border-melodia-border\/60{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.border-melodia-border\/60{border-color:color-mix(in oklab,var(--border) 60%,transparent)}}.border-melodia-border\/70{border-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.border-melodia-border\/70{border-color:color-mix(in oklab,var(--border) 70%,transparent)}}.border-melodia-danger{border-color:var(--danger)}.border-melodia-danger\/15{border-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.border-melodia-danger\/15{border-color:color-mix(in oklab,var(--danger) 15%,transparent)}}.border-melodia-danger\/25{border-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.border-melodia-danger\/25{border-color:color-mix(in oklab,var(--danger) 25%,transparent)}}.border-melodia-danger\/30{border-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.border-melodia-danger\/30{border-color:color-mix(in oklab,var(--danger) 30%,transparent)}}.border-melodia-danger\/40{border-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.border-melodia-danger\/40{border-color:color-mix(in oklab,var(--danger) 40%,transparent)}}.border-melodia-muted\/50{border-color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.border-melodia-muted\/50{border-color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.border-melodia-primary{border-color:var(--primary)}.border-melodia-primary\/20{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-melodia-primary\/20{border-color:color-mix(in oklab,var(--primary) 20%,transparent)}}.border-melodia-primary\/25{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-melodia-primary\/25{border-color:color-mix(in oklab,var(--primary) 25%,transparent)}}.border-melodia-primary\/30{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-melodia-primary\/30{border-color:color-mix(in oklab,var(--primary) 30%,transparent)}}.border-melodia-primary\/40{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-melodia-primary\/40{border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}.border-melodia-primary\/50{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.border-melodia-primary\/50{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}}.border-melodia-success{border-color:var(--success)}.border-melodia-success\/40{border-color:var(--success)}@supports (color: color-mix(in lab,red,red)){.border-melodia-success\/40{border-color:color-mix(in oklab,var(--success) 40%,transparent)}}.border-melodia-warning{border-color:var(--warning)}.border-melodia-warning\/25{border-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.border-melodia-warning\/25{border-color:color-mix(in oklab,var(--warning) 25%,transparent)}}.border-melodia-warning\/40{border-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.border-melodia-warning\/40{border-color:color-mix(in oklab,var(--warning) 40%,transparent)}}.border-melodia-warning\/45{border-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.border-melodia-warning\/45{border-color:color-mix(in oklab,var(--warning) 45%,transparent)}}.border-transparent{border-color:transparent}.border-l-melodia-primary{border-left-color:var(--primary)}.bg-\[\#06C755\]{background-color:#06c755}.bg-\[\#1877F2\]{background-color:#1877f2}.bg-\[\#113566\]{background-color:#113566}.bg-background{background-color:var(--background)}.bg-black{background-color:var(--color-black)}.bg-black\/15{background-color:color-mix(in srgb,#000 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/15{background-color:color-mix(in oklab,var(--color-black) 15%,transparent)}}.bg-black\/20{background-color:color-mix(in srgb,#000 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\/35{background-color:color-mix(in srgb,#000 35%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/35{background-color:color-mix(in oklab,var(--color-black) 35%,transparent)}}.bg-black\/40{background-color:color-mix(in srgb,#000 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-black\/45{background-color:color-mix(in srgb,#000 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/55{background-color:color-mix(in srgb,#000 55%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/55{background-color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.bg-black\/70{background-color:color-mix(in srgb,#000 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-black\/92{background-color:color-mix(in srgb,#000 92%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/92{background-color:color-mix(in oklab,var(--color-black) 92%,transparent)}}.bg-black\/95{background-color:color-mix(in srgb,#000 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/95{background-color:color-mix(in oklab,var(--color-black) 95%,transparent)}}.bg-current{background-color:currentcolor}.bg-green-100{background-color:var(--color-green-100)}.bg-melodia-bg{background-color:var(--background)}.bg-melodia-border{background-color:var(--border)}.bg-melodia-cream{background-color:var(--cream)}.bg-melodia-danger{background-color:var(--danger)}.bg-melodia-danger\/5{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/5{background-color:color-mix(in oklab,var(--danger) 5%,transparent)}}.bg-melodia-danger\/6{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/6{background-color:color-mix(in oklab,var(--danger) 6%,transparent)}}.bg-melodia-danger\/8{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/8{background-color:color-mix(in oklab,var(--danger) 8%,transparent)}}.bg-melodia-danger\/10{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/10{background-color:color-mix(in oklab,var(--danger) 10%,transparent)}}.bg-melodia-danger\/15{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/15{background-color:color-mix(in oklab,var(--danger) 15%,transparent)}}.bg-melodia-danger\/20{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-danger\/20{background-color:color-mix(in oklab,var(--danger) 20%,transparent)}}.bg-melodia-espresso{background-color:var(--espresso)}.bg-melodia-gold{background-color:var(--gold)}.bg-melodia-heading{background-color:var(--mono)}.bg-melodia-info\/10{background-color:var(--info)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-info\/10{background-color:color-mix(in oklab,var(--info) 10%,transparent)}}.bg-melodia-matcha\/12{background-color:var(--matcha)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-matcha\/12{background-color:color-mix(in oklab,var(--matcha) 12%,transparent)}}.bg-melodia-primary{background-color:var(--primary)}.bg-melodia-primary\/5{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/5{background-color:color-mix(in oklab,var(--primary) 5%,transparent)}}.bg-melodia-primary\/8{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/8{background-color:color-mix(in oklab,var(--primary) 8%,transparent)}}.bg-melodia-primary\/10{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/10{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}.bg-melodia-primary\/12{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/12{background-color:color-mix(in oklab,var(--primary) 12%,transparent)}}.bg-melodia-primary\/14{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/14{background-color:color-mix(in oklab,var(--primary) 14%,transparent)}}.bg-melodia-primary\/90{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-primary\/90{background-color:color-mix(in oklab,var(--primary) 90%,transparent)}}.bg-melodia-subtle{background-color:var(--muted)}.bg-melodia-subtle\/30{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/30{background-color:color-mix(in oklab,var(--muted) 30%,transparent)}}.bg-melodia-subtle\/40{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/40{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}.bg-melodia-subtle\/50{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-melodia-subtle\/60{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/60{background-color:color-mix(in oklab,var(--muted) 60%,transparent)}}.bg-melodia-subtle\/70{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/70{background-color:color-mix(in oklab,var(--muted) 70%,transparent)}}.bg-melodia-subtle\/85{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-subtle\/85{background-color:color-mix(in oklab,var(--muted) 85%,transparent)}}.bg-melodia-success{background-color:var(--success)}.bg-melodia-success\/5{background-color:var(--success)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-success\/5{background-color:color-mix(in oklab,var(--success) 5%,transparent)}}.bg-melodia-success\/10{background-color:var(--success)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-success\/10{background-color:color-mix(in oklab,var(--success) 10%,transparent)}}.bg-melodia-surface{background-color:var(--card)}.bg-melodia-surface\/92{background-color:var(--card)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-surface\/92{background-color:color-mix(in oklab,var(--card) 92%,transparent)}}.bg-melodia-surface\/95{background-color:var(--card)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-surface\/95{background-color:color-mix(in oklab,var(--card) 95%,transparent)}}.bg-melodia-warning{background-color:var(--warning)}.bg-melodia-warning\/5{background-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-warning\/5{background-color:color-mix(in oklab,var(--warning) 5%,transparent)}}.bg-melodia-warning\/10{background-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-warning\/10{background-color:color-mix(in oklab,var(--warning) 10%,transparent)}}.bg-melodia-warning\/15{background-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-warning\/15{background-color:color-mix(in oklab,var(--warning) 15%,transparent)}}.bg-melodia-warning\/40{background-color:var(--warning)}@supports (color: color-mix(in lab,red,red)){.bg-melodia-warning\/40{background-color:color-mix(in oklab,var(--warning) 40%,transparent)}}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/12{background-color:color-mix(in srgb,#fff 12%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/12{background-color:color-mix(in oklab,var(--color-white) 12%,transparent)}}.bg-white\/15{background-color:color-mix(in srgb,#fff 15%,transparent)}@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:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/90{background-color:color-mix(in srgb,#fff 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-white\/95{background-color:color-mix(in srgb,#fff 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position: to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position: to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#F58529\]{--tw-gradient-from: #F58529;--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\/45{--tw-gradient-from: color-mix(in srgb, #000 45%, 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))}@supports (color: color-mix(in lab,red,red)){.from-black\/45{--tw-gradient-from: color-mix(in oklab, var(--color-black) 45%, transparent)}}.from-black\/55{--tw-gradient-from: color-mix(in srgb, #000 55%, 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))}@supports (color: color-mix(in lab,red,red)){.from-black\/55{--tw-gradient-from: color-mix(in oklab, var(--color-black) 55%, transparent)}}.from-black\/65{--tw-gradient-from: color-mix(in srgb, #000 65%, 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))}@supports (color: color-mix(in lab,red,red)){.from-black\/65{--tw-gradient-from: color-mix(in oklab, var(--color-black) 65%, transparent)}}.from-melodia-primary{--tw-gradient-from: var(--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))}.via-\[\#DD2A7B\]{--tw-gradient-via: #DD2A7B;--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-via-stops)}.via-black\/5{--tw-gradient-via: color-mix(in srgb, #000 5%, transparent);--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)}@supports (color: color-mix(in lab,red,red)){.via-black\/5{--tw-gradient-via: color-mix(in oklab, var(--color-black) 5%, transparent)}}.via-black\/15{--tw-gradient-via: color-mix(in srgb, #000 15%, transparent);--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)}@supports (color: color-mix(in lab,red,red)){.via-black\/15{--tw-gradient-via: color-mix(in oklab, var(--color-black) 15%, transparent)}}.via-black\/25{--tw-gradient-via: color-mix(in srgb, #000 25%, transparent);--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)}@supports (color: color-mix(in lab,red,red)){.via-black\/25{--tw-gradient-via: color-mix(in oklab, var(--color-black) 25%, transparent)}}.via-melodia-caramel{--tw-gradient-via: var(--caramel);--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-\[\#8134AF\]{--tw-gradient-to: #8134AF;--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-black\/5{--tw-gradient-to: color-mix(in srgb, #000 5%, 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))}@supports (color: color-mix(in lab,red,red)){.to-black\/5{--tw-gradient-to: color-mix(in oklab, var(--color-black) 5%, transparent)}}.to-melodia-gold{--tw-gradient-to: var(--gold);--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))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-1{padding-inline-start:var(--spacing)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.ps-7{padding-inline-start:calc(var(--spacing) * 7)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.pe-9{padding-inline-end:calc(var(--spacing) * 9)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.pb-\[calc\(env\(safe-area-inset-bottom\)_\+_0\.5rem\)\]{padding-bottom:calc(env(safe-area-inset-bottom) + .5rem)}.pb-\[max\(env\(safe-area-inset-bottom\)\,0\.75rem\)\]{padding-bottom:max(env(safe-area-inset-bottom),.75rem)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.font-display{font-family:var(--display-font)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:DM Sans,Noto Sans Thai,ui-sans-serif,system-ui,sans-serif}.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-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-2sm{font-size:var(--text-2sm)}.text-2xs{font-size:var(--text-2xs)}.text-\[8px\]{font-size:8px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.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-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.wrap-break-word{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-foreground{color:var(--foreground)}.text-gray-600{color:var(--color-gray-600)}.text-melodia-danger{color:var(--danger)}.text-melodia-danger\/35{color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.text-melodia-danger\/35{color:color-mix(in oklab,var(--danger) 35%,transparent)}}.text-melodia-danger\/80{color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.text-melodia-danger\/80{color:color-mix(in oklab,var(--danger) 80%,transparent)}}.text-melodia-espresso{color:var(--espresso)}.text-melodia-espresso\/70{color:var(--espresso)}@supports (color: color-mix(in lab,red,red)){.text-melodia-espresso\/70{color:color-mix(in oklab,var(--espresso) 70%,transparent)}}.text-melodia-fg{color:var(--foreground)}.text-melodia-fg\/90{color:var(--foreground)}@supports (color: color-mix(in lab,red,red)){.text-melodia-fg\/90{color:color-mix(in oklab,var(--foreground) 90%,transparent)}}.text-melodia-heading{color:var(--mono)}.text-melodia-info{color:var(--info)}.text-melodia-muted{color:var(--muted-foreground)}.text-melodia-muted\/70{color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.text-melodia-muted\/70{color:color-mix(in oklab,var(--muted-foreground) 70%,transparent)}}.text-melodia-muted\/80{color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.text-melodia-muted\/80{color:color-mix(in oklab,var(--muted-foreground) 80%,transparent)}}.text-melodia-on-primary{color:var(--primary-foreground)}.text-melodia-primary{color:var(--primary)}.text-melodia-primary\/10{color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.text-melodia-primary\/10{color:color-mix(in oklab,var(--primary) 10%,transparent)}}.text-melodia-primary\/70{color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.text-melodia-primary\/70{color:color-mix(in oklab,var(--primary) 70%,transparent)}}.text-melodia-success{color:var(--success)}.text-melodia-warning{color:var(--warning)}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}.text-primary{color:var(--primary)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:transparent}.text-white{color:var(--color-white)}.text-white\/15{color:color-mix(in srgb,#fff 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/15{color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.text-white\/20{color:color-mix(in srgb,#fff 20%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/20{color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.text-white\/25{color:color-mix(in srgb,#fff 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/25{color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.text-white\/30{color:color-mix(in srgb,#fff 30%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/70{color:color-mix(in srgb,#fff 70%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/85{color:color-mix(in srgb,#fff 85%,transparent)}@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:color-mix(in srgb,#fff 90%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-white\/95{color:color-mix(in srgb,#fff 95%,transparent)}@supports (color: color-mix(in lab,red,red)){.text-white\/95{color:color-mix(in oklab,var(--color-white) 95%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[\#EF6D20\]{accent-color:#EF6D20}.accent-\[var\(--color-melodia-primary\)\]{accent-color:var(--color-melodia-primary)}.opacity-25{opacity:25%}.opacity-30{opacity:30%}.opacity-35{opacity:35%}.opacity-40{opacity:40%}.opacity-50{opacity:50%}.opacity-55{opacity:55%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-80{opacity:80%}.opacity-90{opacity:90%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_28px_-8px_rgb\(0_0_0\/0\.20\)\,0_2px_8px_-3px_rgb\(0_0_0\/0\.12\)\]{--tw-shadow: 0 10px 28px -8px var(--tw-shadow-color, rgb(0 0 0/.2)), 0 2px 8px -3px var(--tw-shadow-color, rgb(0 0 0/.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));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, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-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-4{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-melodia-primary\/25{--tw-shadow-color: var(--primary)}@supports (color: color-mix(in lab,red,red)){.shadow-melodia-primary\/25{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-melodia-primary\/30{--tw-shadow-color: var(--primary)}@supports (color: color-mix(in lab,red,red)){.shadow-melodia-primary\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-melodia-bg{--tw-ring-color: var(--background)}.ring-melodia-primary{--tw-ring-color: var(--primary)}.ring-melodia-success{--tw-ring-color: var(--success)}.ring-melodia-surface{--tw-ring-color: var(--card)}.ring-white\/60{--tw-ring-color: color-mix(in srgb, #fff 60%, transparent)}@supports (color: color-mix(in lab,red,red)){.ring-white\/60{--tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent)}}.ring-offset-1{--tw-ring-offset-width: 1px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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-melodia-subtle{--tw-ring-offset-color: var(--muted)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.outline-melodia-primary\/60{outline-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.outline-melodia-primary\/60{outline-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / .06)));--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow( 0 1px 1px rgb(0 0 0 / .06));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,)}.drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,\.7\)\]{--tw-drop-shadow-size: drop-shadow(0 1px 3px var(--tw-drop-shadow-color, rgba(0,0,0,.7)));--tw-drop-shadow: var(--tw-drop-shadow-size);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,)}.grayscale{--tw-grayscale: grayscale(100%);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,)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur: blur(1px);-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,)}.backdrop-blur-md{--tw-backdrop-blur: blur(var(--blur-md));-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,)}.backdrop-blur-xl{--tw-backdrop-blur: blur(var(--blur-xl));-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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-300{--tw-duration: .3s;transition-duration:.3s}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style: none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-white\/40::placeholder{color:color-mix(in srgb,#fff 40%,transparent)}@supports (color: color-mix(in lab,red,red)){.placeholder\:text-white\/40::placeholder{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.first\:rounded-l-full:first-child{border-top-left-radius:calc(infinity * 1px);border-bottom-left-radius:calc(infinity * 1px)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0px}.last\:rounded-r-full:last-child{border-top-right-radius:calc(infinity * 1px);border-bottom-right-radius:calc(infinity * 1px)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0px}.odd\:-rotate-1:nth-child(odd){rotate:-1deg}.even\:rotate-1:nth-child(2n){rotate:1deg}.checked\:bg-none:checked{background-image:none}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:border-melodia-primary:hover{border-color:var(--primary)}}@media(hover:hover){.hover\:border-melodia-primary\/40:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-melodia-primary\/40:hover{border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}}@media(hover:hover){.hover\:border-melodia-primary\/50:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-melodia-primary\/50:hover{border-color:color-mix(in oklab,var(--primary) 50%,transparent)}}}@media(hover:hover){.hover\:bg-black\/25:hover{background-color:color-mix(in srgb,#000 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-black\/25:hover{background-color:color-mix(in oklab,var(--color-black) 25%,transparent)}}}@media(hover:hover){.hover\:bg-melodia-border\/60:hover{background-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-melodia-border\/60:hover{background-color:color-mix(in oklab,var(--border) 60%,transparent)}}}@media(hover:hover){.hover\:bg-melodia-danger\/10:hover{background-color:var(--danger)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-melodia-danger\/10:hover{background-color:color-mix(in oklab,var(--danger) 10%,transparent)}}}@media(hover:hover){.hover\:bg-melodia-primary\/10:hover{background-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-melodia-primary\/10:hover{background-color:color-mix(in oklab,var(--primary) 10%,transparent)}}}@media(hover:hover){.hover\:bg-melodia-subtle:hover{background-color:var(--muted)}}@media(hover:hover){.hover\:bg-melodia-subtle\/40:hover{background-color:var(--muted)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-melodia-subtle\/40:hover{background-color:color-mix(in oklab,var(--muted) 40%,transparent)}}}@media(hover:hover){.hover\:bg-white:hover{background-color:var(--color-white)}}@media(hover:hover){.hover\:bg-white\/10:hover{background-color:color-mix(in srgb,#fff 10%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}@media(hover:hover){.hover\:bg-white\/25:hover{background-color:color-mix(in srgb,#fff 25%,transparent)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}}@media(hover:hover){.hover\:text-melodia-danger:hover{color:var(--danger)}}@media(hover:hover){.hover\:text-melodia-primary:hover{color:var(--primary)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:opacity-80:hover{opacity:80%}}.focus\:bg-white\/15:focus{background-color:color-mix(in srgb,#fff 15%,transparent)}@supports (color: color-mix(in lab,red,red)){.focus\:bg-white\/15:focus{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.focus\:bg-none:focus{background-image:none}.focus\:ring-0:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-0:focus{--tw-ring-offset-width: 0px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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)}.active\:scale-\[\.99\]:active{scale:.99}.active\:scale-\[0\.96\]:active{scale:.96}@media(hover:hover){.enabled\:hover\:border-melodia-primary\/40:enabled:hover{border-color:var(--primary)}@supports (color: color-mix(in lab,red,red)){.enabled\:hover\:border-melodia-primary\/40:enabled:hover{border-color:color-mix(in oklab,var(--primary) 40%,transparent)}}}.disabled\:opacity-30:disabled{opacity:30%}.disabled\:opacity-40:disabled{opacity:40%}.disabled\:opacity-60:disabled{opacity:60%}@media(width>=40rem){.sm\:max-h-\[92vh\]{max-height:92vh}}@media(width>=40rem){.sm\:max-w-md{max-width:var(--container-md)}}@media(width>=40rem){.sm\:items-center{align-items:center}}@media(width>=40rem){.sm\:rounded-lg{border-radius:var(--radius)}}@media(width>=48rem){.md\:pointer-events-auto{pointer-events:auto}}@media(width>=48rem){.md\:invisible{visibility:hidden}}@media(width>=48rem){.md\:inset-x-auto{inset-inline:auto}}@media(width>=48rem){.md\:top-0{top:0}}@media(width>=48rem){.md\:bottom-0{bottom:0}}@media(width>=48rem){.md\:bottom-4{bottom:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:bottom-8{bottom:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:left-0{left:0}}@media(width>=48rem){.md\:flex{display:flex}}@media(width>=48rem){.md\:grid{display:grid}}@media(width>=48rem){.md\:h-52{height:calc(var(--spacing) * 52)}}@media(width>=48rem){.md\:h-64{height:calc(var(--spacing) * 64)}}@media(width>=48rem){.md\:h-full{height:100%}}@media(width>=48rem){.md\:w-60{width:calc(var(--spacing) * 60)}}@media(width>=48rem){.md\:max-w-2xl{max-width:var(--container-2xl)}}@media(width>=48rem){.md\:max-w-none{max-width:none}}@media(width>=48rem){.md\:flex-none{flex:none}}@media(width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=48rem){.md\:flex-col{flex-direction:column}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:justify-start{justify-content:flex-start}}@media(width>=48rem){.md\:gap-1{gap:var(--spacing)}}@media(width>=48rem){.md\:gap-3{gap:calc(var(--spacing) * 3)}}@media(width>=48rem){.md\:rounded-none{border-radius:0}}@media(width>=48rem){.md\:rounded-xl{border-radius:calc(var(--radius) + 3px)}}@media(width>=48rem){.md\:border-0{border-style:var(--tw-border-style);border-width:0px}}@media(width>=48rem){.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@media(width>=48rem){.md\:border-melodia-border{border-color:var(--border)}}@media(width>=48rem){.md\:bg-melodia-surface{background-color:var(--card)}}@media(width>=48rem){.md\:bg-transparent{background-color:transparent}}@media(width>=48rem){.md\:p-0{padding:0}}@media(width>=48rem){.md\:px-0{padding-inline:0}}@media(width>=48rem){.md\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media(width>=48rem){.md\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}}@media(width>=48rem){.md\:py-4{padding-block:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:pt-4{padding-top:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:pb-0{padding-bottom:0}}@media(width>=48rem){.md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:pl-60{padding-left:calc(var(--spacing) * 60)}}@media(width>=48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}}@media(width>=48rem){.md\:font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@media(width>=48rem){.md\:shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(width>=48rem){.md\:backdrop-blur-none{--tw-backdrop-blur: ;-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,)}}@media(width>=48rem){@media(hover:hover){.md\:hover\:bg-melodia-border\/40:hover{background-color:var(--border)}@supports (color: color-mix(in lab,red,red)){.md\:hover\:bg-melodia-border\/40:hover{background-color:color-mix(in oklab,var(--border) 40%,transparent)}}}}@media(width>=48rem){.md\:active\:scale-100:active{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(width>=64rem){.lg\:max-w-3xl{max-width:var(--container-3xl)}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\:transform:where(:dir(rtl),[dir=rtl],[dir=rtl] *){transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}@media(prefers-color-scheme:dark){.dark\:text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color: color-mix(in lab,red,red)){.dark\:text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground) 50%,transparent)}}}@media(prefers-color-scheme:dark){.dark\:text-red-500{color:var(--color-red-500)}}@media(prefers-color-scheme:dark){.dark\:text-yellow-600{color:var(--color-yellow-600)}}}:root{--background: var(--color-white);--foreground: #2a1c12;--card: var(--color-white);--card-foreground: #2a1c12;--popover: var(--color-white);--popover-foreground: #2a1c12;--primary: #ef6d20;--primary-foreground: var(--color-white);--secondary: #fff2e7;--secondary-foreground: #2a1c12;--muted: #fff2e7;--muted-foreground: #9c8271;--accent: #fff7f0;--accent-foreground: #2a1c12;--destructive: #e0554b;--destructive-foreground: var(--color-white);--mono: #2a1c12;--mono-foreground: var(--color-white);--border: oklch(92% .018 60);--input: #f3ddc9;--ring: #ef6d20;--radius: .5rem;--success: #5f9367;--warning: #e2711d;--info: #5b7fa6;--danger: #e0554b;--caramel: #d98a3f;--latte: #f2b98a;--gold: #e0a53f;--matcha: #5f9367;--espresso: #2a1c12;--orange-soft: #f2ac72;--cream: #fff7f0;--display-font: "Caveat", cursive}:root{font-family:DM Sans,Noto Sans Thai,ui-sans-serif,system-ui,sans-serif}:root[data-font=clean]{--display-font: "DM Sans", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif}:root[data-font=clean] .kt-card-title{font-size:1.15rem;letter-spacing:0}.kt-btn{border-radius:9999px!important;font-weight:600;min-height:2.75rem;padding-inline:1.35rem;font-size:.95rem;transition:transform .06s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,filter .2s ease}.kt-btn.kt-btn-sm{min-height:2.4rem;padding-inline:1rem;font-size:.875rem;font-weight:500}.kt-btn:active:not(:disabled){transform:translateY(1px)}.kt-btn-primary{box-shadow:0 10px 20px -10px #ef6d2099}.kt-btn-primary:hover:not(:disabled){box-shadow:0 13px 26px -10px #ef6d20b8;filter:brightness(1.03)}.kt-btn-outline{border-color:var(--border)}.kt-btn:disabled,.kt-btn[disabled]{opacity:1!important;background:var(--muted)!important;color:var(--muted-foreground)!important;border-color:transparent!important;box-shadow:inset 0 0 0 1px var(--border)!important;cursor:not-allowed;filter:none}.kt-card-title{font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.3px;line-height:1.1}.kt-card-header{padding:.7rem .85rem .35rem;min-height:0;border-bottom:0;gap:.5rem}.kt-card{border:1px solid var(--border);box-shadow:0 14px 34px -22px #ef6d2066}.kt-input{border-radius:.5rem;min-height:2.9rem;padding-block:.65rem;font-size:.95rem}textarea.kt-input{min-height:5.5rem}select.kt-input{-webkit-appearance:none;appearance:none;font-size:1rem;line-height:1.5;min-height:3rem;padding-block:.7rem;padding-inline-end:2.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239c8271' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:1.1rem}::selection{background:#ef6d2029}@keyframes melodia-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.melodia-bob{animation:melodia-bob 3.6s ease-in-out infinite}@keyframes melodia-bob-tilt{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(8deg)}}.melodia-bob-tilt{animation:melodia-bob-tilt 5s ease-in-out infinite}@keyframes melodia-pulse{0%{box-shadow:0 0 #ef6d2080}70%{box-shadow:0 0 0 12px #ef6d2000}to{box-shadow:0 0 #ef6d2000}}.melodia-pulse{animation:melodia-pulse 2s infinite}@supports not (color: color-mix(in lab,red,red)){.bg-melodia-primary\/5{background-color:#ef6d200d!important}.bg-melodia-primary\/8{background-color:#ef6d2014!important}.bg-melodia-primary\/10{background-color:#ef6d201a!important}.bg-melodia-primary\/12{background-color:#ef6d201f!important}.bg-melodia-primary\/15{background-color:#ef6d2026!important}.border-melodia-primary\/15{border-color:#ef6d2026!important}.border-melodia-primary\/20{border-color:#ef6d2033!important}.border-melodia-primary\/25{border-color:#ef6d2040!important}.border-melodia-primary\/40{border-color:#ef6d2066!important}.border-melodia-primary\/50{border-color:#ef6d2080!important}.border-melodia-primary\/60{border-color:#ef6d2099!important}.bg-melodia-danger\/5{background-color:#e0554b0d!important}.bg-melodia-danger\/10{background-color:#e0554b1a!important}.border-melodia-danger\/40{border-color:#e0554b66!important}.bg-melodia-warning\/10{background-color:#e2711d1a!important}.bg-melodia-warning\/15{background-color:#e2711d26!important}.border-melodia-warning\/40{border-color:#e2711d66!important}.border-melodia-warning\/45{border-color:#e2711d73!important}.bg-melodia-success\/8{background-color:#5f936714!important}.bg-melodia-success\/10{background-color:#5f93671a!important}.bg-melodia-success\/15{background-color:#5f936726!important}.border-melodia-success\/15{border-color:#5f936726!important}.bg-melodia-info\/8{background-color:#5b7fa614!important}.bg-melodia-info\/10{background-color:#5b7fa61a!important}.border-melodia-info\/15{border-color:#5b7fa626!important}.bg-melodia-subtle\/40{background-color:#fff2e766!important}.bg-melodia-subtle\/50{background-color:#fff2e780!important}.bg-melodia-subtle\/85{background-color:#fff2e7d9!important}.bg-melodia-border\/60{background-color:#e9e2d999!important}.border-melodia-border\/60{border-color:#e9e2d999!important}}@keyframes melodia-indeterminate{0%{transform:translate(-120%)}to{transform:translate(360%)}}html,body{height:100%}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;min-width:0;max-width:100%}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}.guide-shot{position:relative;display:block;border-radius:1rem;overflow:hidden;border:1px solid var(--color-melodia-border);background:#fff}.guide-shot img{display:block;width:100%;height:auto}.guide-pin{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:999px;background:var(--color-melodia-primary);color:#fff;font-size:12px;font-weight:700;line-height:24px;text-align:center;box-shadow:0 0 0 3px #ffffffe6,0 2px 8px #18181b59}.guide-note{position:absolute;transform:translate(15px,-50%);max-width:46%;padding:.2rem .5rem;border-radius:.5rem;background:#18181be0;color:#fff;font-size:10.5px;line-height:1.35;box-shadow:0 2px 8px #18181b40;pointer-events:none}.guide-note-left{transform:translate(calc(-100% - 15px),-50%)}@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-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: 0px;}@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-duration{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(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--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-duration: initial;--tw-ease: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1}}}