/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--shimmer-angle:20deg}*,::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-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:host,:root{--font-sans:var(--font-sans);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-500:oklch(69.6% .17 162.48);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-rose-300:oklch(81% .117 11.638);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--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;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:calc(var(--radius) * .8);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:var(--font-instrument-serif),Georgia,serif;--color-canvas:#0b1220;--color-surface:#121a2e;--color-surface-2:#1a2438;--color-border:var(--border);--color-muted:var(--muted);--color-accent:var(--accent);--color-accent-soft:#7cb8ff;--liquid-amber:#4a9eff;--liquid-amber-light:#7cb8ff;--liquid-amber-dark:#2b6fa8}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:var(--font-sans)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.isolate{isolation:isolate}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.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-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.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-full{height:100%}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-\[14rem\]{min-height:14rem}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70vh\]{min-height:70vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[720px\]{min-width:720px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-\(--card-spacing\){gap:var(--card-spacing)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}: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-3\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3.5) * 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-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)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) * 1.8)}.rounded-4xl{border-radius:calc(var(--radius) * 2.6)}.rounded-\[2px\]{border-radius:2px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-t-xl{border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-sky-500\/20{border-color:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/20{border-color:color-mix(in oklab,var(--color-sky-500) 20%,transparent)}}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/30{border-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.border-sky-500\/40{border-color:#00a5ef66}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/40{border-color:color-mix(in oklab,var(--color-sky-500) 40%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-\[var\(--color-surface-2\)\]{background-color:var(--color-surface-2)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-card{background-color:var(--card)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500) 15%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/10{background-color:color-mix(in oklab,var(--color-sky-500) 10%,transparent)}}.bg-slate-500\/15{background-color:#62748e26}@supports (color:color-mix(in lab,red,red)){.bg-slate-500\/15{background-color:color-mix(in oklab,var(--color-slate-500) 15%,transparent)}}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-\[radial-gradient\(ellipse_80\%_50\%_at_50\%_-20\%\,rgba\(74\,158\,255\,0\.22\)\,transparent\)\]{background-image:radial-gradient(80% 50% at 50% -20%,#4a9eff38,#0000)}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.object-cover{object-fit:cover}.p-\(--card-spacing\){padding:var(--card-spacing)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.px-\(--card-spacing\){padding-inline:var(--card-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-4{padding-inline:calc(var(--spacing) * 4)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-\(--card-spacing\){padding-block:var(--card-spacing)}.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-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:0}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-left{text-align:left}.align-top{vertical-align:top}.font-\[family-name\:var\(--font-instrument-serif\)\]{font-family:var(--font-instrument-serif)}.font-heading{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-\[0\.7rem\]{font-size:.7rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.98rem\]{font-size:.98rem}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-emerald-300{color:var(--color-emerald-300)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-rose-300{color:var(--color-rose-300)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-slate-50{color:var(--color-slate-50)}.text-slate-100{color:var(--color-slate-100)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-stone-50{color:var(--color-stone-50)}.text-stone-100{color:var(--color-stone-100)}.text-stone-200{color:var(--color-stone-200)}.text-stone-300{color:var(--color-stone-300)}.text-stone-400{color:var(--color-stone-400)}.text-stone-500{color:var(--color-stone-500)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.ring-1,.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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.shadow-black\/40{--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.shadow-black\/40{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black) 40%,transparent) var(--tw-shadow-alpha),transparent)}}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab,var(--foreground) 10%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.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}.\[--card-spacing\:--spacing\(4\)\]{--card-spacing:calc(var(--spacing) * 4)}.running{animation-play-state:running}.group-data-\[size\=sm\]\/card\:text-sm:is(:where(.group\/card)[data-size=sm] *){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]){padding-bottom:0}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child){padding-top:0}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.data-\[side\=bottom\]\:top-1[data-side=bottom]{top:var(--spacing)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-left-1[data-side=inline-end]{left:calc(var(--spacing) * -1)}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-end\]\:slide-in-from-left-2[data-side=inline-end]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-right-1[data-side=inline-start]{right:calc(var(--spacing) * -1)}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=inline-start\]\:slide-in-from-right-2[data-side=inline-start]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-right-1[data-side=left]{right:calc(var(--spacing) * -1)}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-left-1[data-side=right]{left:calc(var(--spacing) * -1)}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-bottom-2\.5[data-side=top]{bottom:calc(var(--spacing) * -2.5)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=sm\]\:\[--card-spacing\:--spacing\(3\)\][data-size=sm]{--card-spacing:calc(var(--spacing) * 3)}.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]){padding-bottom:0}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:p-10{padding:calc(var(--spacing) * 10)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.data-open\:animate-in:where([data-open]:not([data-open=false])),.data-open\:animate-in:where([data-state=open]){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-open]:not([data-open=false])),.data-open\:fade-in-0:where([data-state=open]){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-open]:not([data-open=false])),.data-open\:zoom-in-95:where([data-state=open]){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-closed]:not([data-closed=false])),.data-closed\:animate-out:where([data-state=closed]){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])),.data-closed\:fade-out-0:where([data-state=closed]){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])),.data-closed\:zoom-out-95:where([data-state=closed]){--tw-exit-scale:.95}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-\(--card-spacing\).border-b{padding-bottom:var(--card-spacing)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary) 80%,transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab,var(--secondary) 80%,transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--muted-foreground)}}:is(.\*\:\[img\:first-child\]\:rounded-t-xl>*):is(img:first-child){border-top-left-radius:calc(var(--radius) * 1.4);border-top-right-radius:calc(var(--radius) * 1.4)}:is(.\*\:\[img\:last-child\]\:rounded-b-xl>*):is(img:last-child){border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}html{scroll-behavior:smooth}body{background:var(--color-canvas);color:#f1f5f9;font-family:var(--font-sans);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){::selection{background:color-mix(in srgb,var(--color-accent) 35%,transparent)}}.page-shell{padding-top:5.5rem;padding-bottom:2rem}@media (min-width:768px){.page-shell{padding-top:6.5rem}}.content-wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}.glossy-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#141414b3,#0a0a0acc);border:1px solid #4a9eff4d;border-radius:12px;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #4a9eff1a,inset 0 1px 2px #ffffff14,0 0 28px #4a9eff1f}.glossy-button{background:linear-gradient(180deg,var(--liquid-amber-light) 0,var(--liquid-amber) 100%);border:1px solid var(--liquid-amber-dark);color:#0b1220;border-radius:10px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4a9eff66,inset 0 0 0 1px #ffffff26,inset 0 1px 2px #fff3}.glossy-button:hover{background:linear-gradient(180deg,var(--liquid-amber-light) 0,var(--liquid-amber-light) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4a9eff80,inset 0 0 0 1px #fff3,0 0 40px #4a9eff4d}.premium-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#141414bf,#0a0a0ad9);border:1px solid #4a9eff73;border-radius:12px;box-shadow:0 4px 20px #00000073,inset 0 0 0 1px #4a9eff2e,0 0 24px #4a9eff38,0 12px 40px #00000040}.premium-card:hover{border-color:#7cb8ffa6;box-shadow:0 6px 24px #00000080,inset 0 0 0 1px #4a9eff47,0 0 36px #4a9eff59,0 14px 44px #0000004d}.ux-tab-nav{border-bottom:2px solid #4a9eff59;align-items:stretch;gap:.35rem;display:flex;overflow-x:auto}.ux-tab{color:#d1d5db;white-space:nowrap;cursor:pointer;background:#0a0a0a73;border:2px solid #4a9eff8c;border-bottom:none;border-radius:.75rem .75rem 0 0;justify-content:flex-start;align-items:center;gap:.65rem;min-height:3.25rem;padding:.95rem 1.35rem;font-size:.9rem;font-weight:700;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:0 0 18px #4a9eff1f}@media (min-width:768px){.ux-tab{gap:.75rem;min-height:3.5rem;padding:1.1rem 1.6rem}}.ux-tab:hover{color:#fff;background:#ffffff0f;border-color:#7cb8ffd9;box-shadow:0 0 28px #4a9eff38}.ux-tab.is-active{color:#0b1220;background:linear-gradient(180deg,var(--liquid-amber-light) 0,var(--liquid-amber) 100%);border-color:var(--liquid-amber-light);box-shadow:0 4px 16px #4a9eff73,0 0 32px #4a9eff59}.ux-tab.is-active:after{content:"";background:var(--liquid-amber);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #4a9effb3}.ux-tab-icon{opacity:.95;flex-shrink:0}.ux-panel{background:linear-gradient(135deg,#141414bf,#0a0a0ad9);border:1px solid #4a9eff59;border-radius:.75rem;box-shadow:0 4px 20px #0006,0 0 22px #4a9eff2e}.ux-panel-padded{padding:1.25rem}@media (min-width:768px){.ux-panel-padded{padding:1.5rem}}.ux-toolbar{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1.15rem;display:flex}@supports (color:color-mix(in lab,red,red)){.ux-toolbar{border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}}.ux-section-label{letter-spacing:.06em;text-transform:uppercase;color:#cbd5e1;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:700;display:inline-flex}.ux-section-label:before{content:"";background:linear-gradient(180deg,var(--liquid-amber-light),var(--liquid-amber-dark));border-radius:999px;width:4px;height:.9em;box-shadow:0 0 10px #4a9eff8c}.ux-status-chip{color:var(--color-muted);background:#141414a6;border:1px solid #4a9eff59;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 0 14px #4a9eff1f}.ux-status-chip.is-on{color:#dbeafe;border-color:#4a9effa6;box-shadow:0 0 18px #4a9eff47}.ux-status-dot{background:#64748b;border-radius:999px;width:.45rem;height:.45rem}.ux-status-chip.is-on .ux-status-dot{background:#3ecf8e;box-shadow:0 0 0 3px #3ecf8e40}.ux-empty{text-align:center;color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:2.5rem 1.5rem;display:flex}.ux-empty-icon{border:1px solid var(--color-border);background:var(--color-surface-2);width:3.5rem;height:3.5rem;color:var(--color-accent-soft);border-radius:1rem;place-items:center;margin-bottom:.25rem;display:grid}.ux-empty-title{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:700}.ux-empty-desc{max-width:28rem;margin:0;font-size:.9rem;line-height:1.45}.ux-empty-action{margin-top:.5rem}.ux-collapse{background:linear-gradient(135deg,#141414bf,#0a0a0ad9);border:1px solid #4a9eff66;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 20px #0006,0 0 22px #4a9eff33}.ux-collapse-head{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.9rem 1.1rem;display:flex}.ux-collapse-head:hover{background:#1a2438cc}@supports (color:color-mix(in lab,red,red)){.ux-collapse-head:hover{background:color-mix(in srgb,var(--color-surface-2) 80%,transparent)}}.ux-collapse-titles{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ux-collapse-title{font-size:.9rem;font-weight:700}.ux-collapse-summary{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.ux-collapse-body{border-top:1px solid var(--color-border);padding:0 1.1rem 1.1rem}@supports (color:color-mix(in lab,red,red)){.ux-collapse-body{border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}}.ux-collapse-body{padding-top:1rem}.site-header-inner{min-height:4.25rem}.site-nav-link{padding:.65rem .2rem;font-weight:650;position:relative}.feature-list-btn{min-height:3rem;padding:.75rem .9rem}.card-surface{border:1px solid #4a9eff66;border-radius:.75rem;box-shadow:0 4px 20px #0006,0 0 24px #4a9eff33}.section-block{padding:4rem 0}@media (min-width:768px){.section-block{padding:5.5rem 0}}.btn-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.site-header{z-index:50;background:#0b1220e6;position:fixed;top:0;left:0;right:0}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,var(--color-canvas) 90%,transparent)}}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}@supports (color:color-mix(in lab,red,red)){.site-header{border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}}.site-header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:1rem 1.25rem;display:flex}.site-logo{font-family:var(--font-display);color:#f8fafc;font-size:1.25rem}.site-nav{align-items:center;gap:1.75rem;display:none}@media (min-width:768px){.site-nav{display:flex}}.site-nav-link{color:var(--color-muted);font-size:.9rem;transition:color .15s}.site-nav-link.is-active,.site-nav-link:hover{color:#f1f5f9}.site-nav-link.is-active:after{content:"";background:var(--liquid-amber);border-radius:999px;height:3px;position:absolute;bottom:-.15rem;left:0;right:0;box-shadow:0 0 10px #4a9effa6}.site-menu-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}@media (min-width:768px){.site-menu-btn{display:none}}.site-nav-mobile{border-top:1px solid var(--color-border);background:var(--color-canvas);flex-direction:column;gap:1rem;padding:1rem 1.25rem 1.25rem;display:flex}@media (min-width:768px){.site-nav-mobile{display:none}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface)}.site-footer-inner{max-width:72rem;margin:0 auto;padding:3rem 1.25rem}.site-footer-grid{gap:2.5rem;display:grid}@media (min-width:768px){.site-footer-grid{grid-template-columns:repeat(3,1fr)}}.site-footer-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.site-footer-links a{color:var(--color-muted);font-size:.875rem}.site-footer-links a:hover{color:#f1f5f9}.site-footer-bottom{border-top:1px solid var(--color-border);color:#64748b;flex-direction:column;gap:.5rem;margin-top:2.5rem;padding-top:2rem;font-size:.75rem;display:flex}@media (min-width:640px){.site-footer-bottom{flex-direction:row;justify-content:space-between}}.gradient-hero{background:radial-gradient(ellipse 80% 55% at 50% -15%,#4a9eff2e,transparent),radial-gradient(ellipse 45% 35% at 85% 15%,#4a9eff14,transparent),var(--color-canvas)}.hero-grid{align-items:center;gap:3rem;display:grid}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.hero-title{font-family:var(--font-display);color:#f8fafc;margin:0;font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.1}.hero-shot{position:relative}.hero-shot-glow{background:var(--color-accent);border-radius:1rem;width:100%;height:100%;position:absolute;bottom:-1rem;left:-1rem}@supports (color:color-mix(in lab,red,red)){.hero-shot-glow{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.hero-shot-glow{filter:blur(40px);z-index:-1}.card-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem}.card-surface:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.card-surface:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border))}}.btn-primary{background:var(--color-accent);color:#0b1220;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--color-accent-soft);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--color-border);color:#f1f5f9;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.btn-secondary:hover{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-border))}}.btn-secondary:hover{background:var(--color-surface)}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-soft);margin:0;font-size:.75rem;font-weight:600}.section-title{font-family:var(--font-display);color:#f8fafc;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.prose-muted{color:var(--color-muted);line-height:1.7}.pillar-grid{gap:1.25rem;display:grid}@media (min-width:640px){.pillar-grid{grid-template-columns:repeat(2,1fr)}}.workflow-grid{gap:1rem;display:grid}@media (min-width:640px){.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.workflow-grid{grid-template-columns:repeat(4,1fr)}}.gallery-grid{gap:1.25rem;display:grid}@media (min-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.compat-grid{gap:2.5rem;display:grid}@media (min-width:1024px){.compat-grid{grid-template-columns:1fr 1fr;gap:3rem}}.compat-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.compat-tag{border:1px solid var(--color-border);background:var(--color-surface-2);color:#cbd5e1;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.compat-mini-grid{gap:1.5rem;display:grid}@media (min-width:640px){.compat-mini-grid{grid-template-columns:repeat(2,1fr)}}.cta-band{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;padding:2.5rem 1.5rem;position:relative;overflow:hidden}@media (min-width:768px){.cta-band{padding:3.5rem 3rem}}.feature-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.feature-filter-btn{border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:9999px;padding:.4rem 1rem;font-size:.875rem;transition:background .15s,color .15s,border-color .15s}.feature-filter-btn:hover{color:#f1f5f9}.feature-filter-btn.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#0b1220;font-weight:600}.feature-layout{gap:2rem;display:grid}@media (min-width:1024px){.feature-layout{grid-template-columns:280px 1fr}}.feature-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.feature-list-btn{text-align:left;width:100%;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;padding:.75rem 1rem;transition:background .15s,color .15s,border-color .15s}.feature-list-btn:hover{color:#f1f5f9;background:var(--color-surface)}.feature-list-btn.is-active{background:var(--color-surface-2);border-color:var(--color-border);color:#f8fafc}.feature-list-name{font-size:.9rem;font-weight:600;display:block}.feature-list-tag{color:#64748b;margin-top:.15rem;font-size:.75rem;display:block}.feature-detail-head{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);padding:1.5rem}.feature-detail-body{display:grid}@media (min-width:768px){.feature-detail-body{grid-template-columns:1fr 1fr}}.feature-detail-img{object-fit:cover;width:100%;height:100%;min-height:220px}.feature-detail-text{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.feature-detail-text h4{color:#e2e8f0;margin:0;font-size:.875rem;font-weight:600}.feature-detail-text p{margin:.5rem 0 0;font-size:.875rem}body:has(.demo-app) .site-footer,body:has(.demo-app) .site-header,body:has(.demo-station) .site-footer,body:has(.demo-station) .site-header,body:has(.style-maker-product-app) .site-footer,body:has(.style-maker-product-app) .site-header{display:none}.demo-app,.demo-station{color:#edf6ff;background:radial-gradient(circle at 50% -20%,#1777ff38,#0000 38rem),linear-gradient(160deg,#07101d,#0a1625 48%,#07111c);min-height:100vh}.demo-station{isolation:isolate;position:relative;overflow:hidden}.demo-app:before,.demo-station:before{content:"";z-index:-1;opacity:.13;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 0),linear-gradient(90deg,#ffffff06 1px,#0000 0);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.demo-station-orb{filter:blur(100px);opacity:.18;z-index:-1;border-radius:999px;position:absolute}.demo-station-orb-one{background:#008cff;width:36rem;height:36rem;top:-20rem;left:-8rem}.demo-station-orb-two{background:#19d3c5;width:30rem;height:30rem;bottom:-18rem;right:-8rem}.demo-station-header{border-bottom:1px solid #91bee21f;justify-content:space-between;align-items:center;max-width:80rem;height:5rem;margin:0 auto;padding:0 1.5rem;display:flex}.demo-wordmark{font-family:var(--font-display);letter-spacing:.01em;font-size:1.45rem}.demo-lab-badge,.demo-requirements span,.keyboard-badge{background:#0c1f32b8;border:1px solid #78bbef33;border-radius:999px;align-items:center;gap:.45rem;display:inline-flex}.demo-lab-badge{color:#8ac9ff;letter-spacing:.08em;text-transform:uppercase;padding:.45rem .8rem;font-size:.76rem;font-weight:700}.demo-station-main{max-width:80rem;margin:0 auto;padding:clamp(4rem,9vh,7rem) 1.5rem 3rem}.demo-station-copy{text-align:center;max-width:53rem;margin:0 auto 3.25rem}.demo-eyebrow,.demo-kicker{color:#56baff;letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}.demo-station-copy h1{font-family:var(--font-display);letter-spacing:-.035em;margin:.7rem 0 1.2rem;font-size:clamp(2.7rem,6vw,5rem);font-weight:400;line-height:.98}.demo-station-copy>p:last-child{color:#9eb3c7;max-width:43rem;margin:0 auto;font-size:1.05rem;line-height:1.7}.demo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.demo-choice-card{background:linear-gradient(145deg,#18324bbf,#081726eb),#0b1725;border:1px solid #80b5dc2b;border-radius:1.4rem;flex-direction:column;justify-content:space-between;min-height:34rem;padding:clamp(1.6rem,3vw,2.3rem);transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000047}.demo-choice-card:after{content:"";background:var(--card-glow,#1597ff);filter:blur(75px);opacity:.16;border-radius:50%;width:20rem;height:20rem;transition:opacity .3s;position:absolute;top:-12rem;right:-8rem}.demo-choice-style{--card-glow:#24d8c2}.demo-choice-card:hover{border-color:#4eaef794;transform:translateY(-5px);box-shadow:0 32px 90px #0000005c,0 0 0 1px #3da9ff14}.demo-choice-card:hover:after{opacity:.28}.demo-choice-top,.demo-topbar,.demo-topbar-actions,.demo-topbar-left,.donor-summary,.feedback-thanks,.lane-editor header,.performance-strip,.song-facts,.style-final-bar,.timeline-section header{align-items:center;display:flex}.demo-choice-top,.lane-editor header,.style-final-bar,.timeline-section header{justify-content:space-between}.demo-choice-icon{color:#8ad1ff;background:#1768aa29;border:1px solid #5bb8ff40;border-radius:.9rem;place-items:center;width:3.2rem;height:3.2rem;display:grid}.demo-choice-style .demo-choice-icon{color:#67e4d5;background:#188c7b26;border-color:#46dcc63d}.demo-choice-time{color:#738ba1;align-items:center;gap:.35rem;font-size:.75rem;display:flex}.demo-choice-number{color:#3f6685;letter-spacing:.16em;margin-bottom:.75rem;font-size:.68rem;font-weight:800;display:block}.demo-choice-card h2{font-family:var(--font-display);margin:0;font-size:clamp(2.25rem,4vw,3.5rem);font-weight:400;line-height:1}.demo-choice-card h3{color:#bde2ff;margin:.65rem 0 0;font-size:1rem}.demo-choice-style h3{color:#a7eee4}.demo-choice-card p{color:#91a7ba;max-width:31rem;line-height:1.65}.mini-timeline{background:#050f1ab8;border:1px solid #77afda26;border-radius:.75rem;align-items:stretch;gap:.35rem;height:5.8rem;padding:.85rem;display:flex;position:relative}.mini-timeline span{color:#658097;letter-spacing:.08em;background:#12263a;border-radius:.35rem;justify-content:center;align-items:center;font-size:.55rem;font-weight:800;display:flex}.mini-timeline span.is-hot{color:#bde8ff;background:#164d72}.mini-timeline i{background:#5cc4ff;width:2px;position:absolute;top:.55rem;bottom:.55rem;left:54%;box-shadow:0 0 12px #33a9ff}.lane-preview{background:#050f1ab3;border:1px solid #70b2d724;border-radius:.75rem;gap:.55rem;padding:.85rem 1rem;display:grid}.lane-preview span{color:#71899e;grid-template-columns:6rem 1fr;align-items:center;gap:.75rem;font-size:.66rem;display:grid}.lane-preview i{background:repeating-linear-gradient(90deg,#274258 0 4px,#0000 4px 8px);border-radius:999px;height:.36rem}.lane-preview .is-hot{color:#9fdfd7}.lane-preview .is-hot i{background:repeating-linear-gradient(90deg,#21baa8 0 4px,#0000 4px 8px)}.demo-choice-cta{color:#7bc8ff;align-items:center;gap:.55rem;font-size:.9rem;display:inline-flex}.demo-choice-style .demo-choice-cta{color:#6fe2d4}.demo-requirements{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1.5rem;display:flex}.demo-requirements span{color:#7e96aa;padding:.55rem .8rem;font-size:.72rem}.demo-app{padding-top:4.25rem}.demo-topbar{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050e18e6;border-bottom:2px solid #73acd62e;justify-content:space-between;height:4.75rem;padding:0 1.35rem;position:fixed;inset:0 0 auto}.demo-topbar-actions,.demo-topbar-left{gap:.7rem}.demo-topbar-left>div{gap:.1rem;display:grid}.demo-topbar-left strong{font-size:.9rem}.demo-back,.demo-icon-button{color:#8aa2b6;background:#10263999;border:1px solid #71a9d329;border-radius:.65rem;place-items:center;width:2.25rem;height:2.25rem;display:grid}.demo-icon-button{cursor:pointer}.demo-step{color:#647f96;letter-spacing:.08em;font-size:.68rem}.keyboard-badge{color:#70ddc8;padding:.45rem .7rem;font-size:.72rem}.demo-connect-button{color:#071523;cursor:pointer;background:#4db8ff;border:0;border-radius:.65rem;align-items:center;gap:.45rem;min-height:2.35rem;padding:0 .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.demo-connect-button.is-connected{color:#a2b5c5;background:#102436;border:1px solid #6da6cf2e}.demo-connect-button:disabled{opacity:.55}.port-picker{z-index:90;background:#0c1d2d;border:1px solid #265477;border-radius:.8rem;grid-template-columns:1fr 1fr auto;align-items:end;gap:.7rem;width:min(31rem,100vw - 2.4rem);padding:1rem;display:grid;position:fixed;top:4.8rem;right:1.2rem;box-shadow:0 20px 60px #00000073}.feedback-prompt label>span,.port-picker label{color:#8ca6ba;margin-bottom:.35rem;font-size:.68rem;display:block}.feedback-prompt input,.feedback-prompt textarea,.port-picker select{box-sizing:border-box;color:#e8f3fb;background:#091622;border:1px solid #294860;border-radius:.5rem;width:100%}.port-picker select{height:2.4rem}.demo-workspace{min-height:calc(100vh - 4.25rem)}.demo-status{color:#9bd7ff;background:#0c3b5b59;border:1px solid #4bacef38;border-radius:.65rem;margin:.75rem;padding:.7rem 1rem;font-size:.78rem}.demo-status.is-error{color:#ffb4b4;background:#64191e52;border-color:#ff707040}.jam-layout{grid-template-columns:17rem minmax(0,1fr);min-height:calc(100vh - 4.25rem);display:grid}.jam-library{background:#06121db8;border-right:1px solid #72aad224;height:calc(100vh - 4.25rem);position:sticky;top:4.25rem;overflow:auto}.panel-heading{border-bottom:1px solid #72aad21f;gap:.15rem;padding:1.2rem;display:grid}.panel-heading span{color:#71899c;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem}.panel-heading strong{font-size:.8rem}.category-tabs{gap:.25rem;padding:.7rem;display:grid}.category-tabs button,.song-list button{color:#89a1b5;cursor:pointer;background:0 0;border:1px solid #0000;width:100%}.category-tabs button{text-align:left;border-radius:.45rem;justify-content:space-between;padding:.6rem .65rem;font-size:.73rem;display:flex}.category-tabs button span{color:#4f697f}.category-tabs button.is-active,.category-tabs button:hover{color:#cbe9ff;background:#20669633;border-color:#45a3e43d}.song-list{border-top:1px solid #72aad21a;gap:.45rem;padding:.5rem .7rem 1rem;display:grid}.song-list button{text-align:left;border-radius:.55rem;align-items:center;gap:.65rem;padding:.7rem;display:flex}.song-list button>i{opacity:.8;border-radius:999px;width:.28rem;height:2.2rem}.song-list button span{gap:.18rem;display:grid}.song-list button strong{color:#ccdae5;font-size:.77rem}.song-list button small{color:#5f778b;font-size:.63rem}.song-list button.is-active{background:linear-gradient(90deg,#1b659847,#0e2b411f);border-color:#4ba9eb47}.jam-stage{min-width:0;padding:1.4rem clamp(1rem,2.5vw,2.2rem) 5rem}.jam-song-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.song-art{--song-accent:#4db8ff;color:#fff;border:1px solid var(--song-accent);place-items:center;width:4.3rem;height:4.3rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.song-art{border:1px solid color-mix(in srgb,var(--song-accent) 55%,#29465e)}}.song-art{background:linear-gradient(145deg,var(--song-accent),#0b2031);border-radius:1rem}@supports (color:color-mix(in lab,red,red)){.song-art{background:linear-gradient(145deg,color-mix(in srgb,var(--song-accent) 65%,#153149),#0b2031)}}.song-art span{opacity:.5;font-size:.55rem;font-weight:900;position:absolute;bottom:.25rem;right:.4rem}.jam-song-header h1{font-family:var(--font-display);margin:.2rem 0 0;font-size:clamp(2rem,4vw,3.3rem);font-weight:400;line-height:1}.jam-song-header p{color:#758da1;margin:.35rem 0 0;font-size:.75rem}.song-facts{gap:.45rem}.live-readout span,.song-facts span{background:#0b1f2fa6;border:1px solid #6aa1c921;border-radius:.55rem;gap:.12rem;min-width:4rem;padding:.6rem .7rem;display:grid}.live-readout small,.song-facts small{color:#5e778b;letter-spacing:.08em;text-transform:uppercase;font-size:.55rem}.song-facts strong{font-size:.82rem}.performance-strip{background:#071522bf;border:1px solid #6aa3cc24;border-radius:.8rem;gap:.55rem;margin-top:1.25rem;padding:.75rem}.compare-actions button,.feedback-submit,.genre-buttons button,.load-keyboard-button,.transport-main,.transport-stop{cursor:pointer;border:0}.transport-main,.transport-stop{border-radius:.6rem;align-items:center;gap:.5rem;min-height:3rem;padding:0 1rem;font-size:.75rem;font-weight:800;display:inline-flex}.transport-main{color:#061523;background:linear-gradient(135deg,#71cbff,#379de7)}.transport-stop{color:#91a9bd;background:#102538;border:1px solid #67a1ca26}.transport-stop:disabled{opacity:.38}.live-readout{gap:.4rem;margin-left:auto;display:flex}.live-readout strong{color:#cceaff;font-size:.75rem}.genre-transform{background:linear-gradient(90deg,#11507947,#091b2bad);border:1px solid #41b1f52e;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;margin:.85rem 0;padding:.85rem 1rem;display:flex}.genre-transform>div:first-child{gap:.2rem;display:grid}.genre-transform>div:first-child strong{font-size:.8rem}.genre-buttons{gap:.4rem;display:flex}.genre-buttons button{color:#7f99ad;background:#0b2132;border:1px solid #609cc826;border-radius:.5rem;gap:.12rem;min-width:5.4rem;padding:.55rem .65rem;font-size:.68rem;display:grid}.genre-buttons button small{color:#4e7189;font-size:.52rem}.genre-buttons button.is-active{color:#e7f7ff;background:#17628f;border-color:#3ba8ed;box-shadow:0 0 22px #219ded2e}.genre-buttons button.is-active small{color:#9ed9ff}.style-catalog-controls{grid-template-columns:minmax(18rem,1.6fr) minmax(10rem,.7fr) minmax(15rem,1.2fr);align-items:center;gap:.55rem;display:grid}.style-catalog-controls input,.style-catalog-controls select{color:#e8f5fc;min-width:0;min-height:2.7rem;font:inherit;background:#091d2d;border:1px solid #315671;border-radius:7px;padding:0 .75rem}.style-catalog-controls input:focus,.style-catalog-controls select:focus{border-color:#48bff7;outline:2px solid #48bff740}.style-catalog-controls>span{color:#91d8ff;text-align:right;grid-column:1/-1;font-size:.72rem;font-weight:800}.reharm-control{color:#91aabd;align-items:center;gap:.55rem;margin-top:.45rem;font-size:.68rem;font-weight:800;display:flex}.reharm-control select{color:#e8f5fc;min-width:9rem;min-height:2.2rem;font:inherit;background:#091d2d;border:1px solid #315671;border-radius:7px;padding:0 .65rem}.song-timeline{gap:.65rem;display:grid}.timeline-intro,.timeline-section{background:#071522c7;border:1px solid #649cc626;border-radius:.75rem;overflow:hidden}.timeline-intro{color:#688499;grid-template-columns:6rem 1fr auto;align-items:center;padding:.85rem 1rem;font-size:.68rem;display:grid}.timeline-intro span{color:#8dcfff;letter-spacing:.1em;font-weight:800}.timeline-intro.is-active{border-color:#3ca8ed;box-shadow:inset 3px 0 #52bdff}.timeline-section{--section-accent:#4db8ff;cursor:pointer;transition:border-color .14s,box-shadow .14s}.timeline-section:focus-visible,.timeline-section:hover{border-color:var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-section:focus-visible,.timeline-section:hover{border-color:color-mix(in srgb,var(--section-accent) 45%,#315574)}}.timeline-section:focus-visible,.timeline-section:hover{box-shadow:inset 3px 0 var(--section-accent);outline:none}.timeline-section.is-active{border-color:var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-section.is-active{border-color:color-mix(in srgb,var(--section-accent) 65%,#315574)}}.timeline-section.is-active{box-shadow:inset 3px 0 var(--section-accent),0 0 28px var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-section.is-active{box-shadow:inset 3px 0 var(--section-accent),0 0 28px color-mix(in srgb,var(--section-accent) 9%,transparent)}}.timeline-section header{background:#0e26399e;border-bottom:1px solid #669dc61c;min-height:2.5rem;padding:0 .8rem}.timeline-section header>div{align-items:center;gap:.55rem;display:flex}.timeline-section header>div:first-child span{color:#425f76;font-size:.58rem;font-weight:900}.timeline-section header strong{font-size:.76rem}.timeline-section-meta span{color:#66839a;background:#0a1927a6;border-radius:.3rem;padding:.25rem .45rem;font-size:.55rem}.timeline-rows{gap:.45rem;padding:.55rem;display:grid}.timeline-row{grid-template-columns:2rem minmax(0,1fr);gap:.45rem;display:grid}.timeline-bar-numbers{color:#405a70;grid-template-rows:repeat(4,1fr);font-size:.5rem;display:grid}.timeline-bar-numbers span{align-items:center;display:flex}.timeline-chord-lane{background:#071623;border:1px solid #5389b11f;border-radius:.45rem;height:3.35rem;position:relative;overflow:hidden}.timeline-beat-grid{background-image:linear-gradient(90deg,#86b2d324 1px,#0000 0),linear-gradient(90deg,#86b2d30d 1px,#0000 0);background-size:25% 100%,6.25% 100%;position:absolute;inset:0}.timeline-chord{box-sizing:border-box;color:#b9d6e9;white-space:nowrap;background:linear-gradient(#235b81cc,#153d5adb);border:1px solid #58a7dd38;border-radius:.32rem;align-items:center;min-width:2.2rem;padding:0 .42rem;font-size:.66rem;font-weight:800;display:flex;position:absolute;top:.38rem;bottom:.38rem}.timeline-chord.is-spill{opacity:.62;border-left-style:dashed}.timeline-chord.is-current{z-index:2;color:#fff;border-color:var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-chord.is-current{border-color:color-mix(in srgb,var(--section-accent) 80%,white)}}.timeline-chord.is-current{background:var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-chord.is-current{background:color-mix(in srgb,var(--section-accent) 62%,#12324a)}}.timeline-chord.is-current{box-shadow:0 0 16px var(--section-accent)}@supports (color:color-mix(in lab,red,red)){.timeline-chord.is-current{box-shadow:0 0 16px color-mix(in srgb,var(--section-accent) 32%,transparent)}}.timeline-playhead{z-index:5;background:#f5fbff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 9px #49b9ff}.style-maker-layout{max-width:80rem;margin:0 auto;padding:clamp(1.4rem,3vw,2.5rem) 1.25rem 7rem}.style-maker-hero{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.style-maker-hero h1{font-family:var(--font-display);margin:.45rem 0 0;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;line-height:1.02}.style-steps{gap:.25rem;display:flex}.style-steps span{color:#526e83;justify-items:center;gap:.35rem;min-width:3.5rem;font-size:.55rem;display:grid}.style-steps i{background:#0b1e2d;border:1px solid #24465f;border-radius:50%;place-items:center;width:1.65rem;height:1.65rem;font-style:normal;display:grid}.style-steps .is-active{color:#86d9ce}.style-steps .is-active i{color:#08211e;background:#4fd6c3;border-color:#4fd6c3}.style-dropzone{text-align:center;cursor:pointer;background:linear-gradient(145deg,#0f3a5657,#071825bf);border:1px dashed #4eb4ee6b;border-radius:1.2rem;align-content:center;place-items:center;gap:.65rem;min-height:25rem;display:grid}.midi-upload input,.replace-file input,.style-dropzone input{display:none}.style-drop-icon,.style-file-icon{color:#82d1ff;background:#1a699d33;border:1px solid #52b6f240;place-items:center;display:grid}.style-drop-icon{border-radius:1.1rem;width:4.5rem;height:4.5rem}.style-dropzone strong{font-family:var(--font-display);margin-top:.6rem;font-size:1.8rem;font-weight:400}.style-dropzone p,.style-dropzone small{color:#718da2;margin:0}.style-dropzone small{letter-spacing:.1em;font-size:.65rem}.donor-summary{background:#081a28bf;border:1px solid #52a5da2e;border-radius:.75rem;gap:.8rem;padding:.85rem 1rem}.style-file-icon{border-radius:.65rem;width:2.8rem;height:2.8rem}.donor-summary>div{flex:1;gap:.08rem;display:grid}.donor-summary small,.donor-summary span{color:#668398;font-size:.62rem}.donor-summary strong{font-size:.8rem}.style-section-picker{gap:.2rem;min-width:9rem;display:grid}.style-section-picker select{color:#e8f5fc;min-height:2.25rem;font:inherit;background:#091d2d;border:1px solid #315671;border-radius:6px;padding:0 .6rem;font-size:.7rem}.midi-upload,.replace-file{color:#8fcfff;cursor:pointer;font-size:.68rem}.lane-editor-grid{gap:.8rem;margin-top:.8rem;display:grid}.lane-editor{background:#071623c2;border:1px solid #5b9dcc29;border-radius:.8rem;overflow:hidden}.lane-editor header{background:#0f2b3f80;border-bottom:1px solid #5b9dcc1f;padding:.75rem .9rem}.lane-editor header>div{align-items:center;gap:.65rem;display:flex}.lane-editor header>div span{color:#43d1be;letter-spacing:.12em;font-size:.57rem;font-weight:900}.lane-editor header strong{font-size:.77rem}.lane-audition-controls{margin-left:auto}.lane-audition-controls button{color:#dff4ff;background:#0b2538;border:1px solid #315671;border-radius:5px;align-items:center;gap:.28rem;min-height:1.9rem;padding:0 .55rem;font-size:.62rem;font-weight:800;display:inline-flex}.lane-audition-controls button:disabled{opacity:.4}.midi-upload{align-items:center;gap:.3rem;display:inline-flex}.part-carousel{grid-template-columns:repeat(6,minmax(8.5rem,1fr));gap:.55rem;padding:.7rem;display:grid;overflow-x:auto}.part-carousel button{color:#91aabd;text-align:left;cursor:pointer;background:#0a1c2b;border:1px solid #5b97c124;border-radius:.55rem;align-content:space-between;gap:.32rem;min-height:5.4rem;padding:.65rem;display:grid}.part-carousel button>span:first-child{color:#547187;text-transform:uppercase;letter-spacing:.07em;font-size:.52rem}.part-carousel button strong{font-size:.68rem}.part-carousel button.is-active{color:#ddfffa;background:linear-gradient(145deg,#1e82745c,#0b2630);border-color:#32c5b3;box-shadow:inset 0 0 0 1px #36cfbc1c}.rhythm-glyph{grid-template-columns:repeat(16,1fr);gap:2px;display:grid}.rhythm-glyph i{background:#173247;border-radius:1px;height:.85rem}.rhythm-glyph i.has-hit{background:#37789e}.rhythm-glyph.is-active i.has-hit{background:#42d4c1}.compare-panel{background:linear-gradient(110deg,#0a2335d1,#081825c7);border:1px solid #5aa4d52b;border-radius:.8rem;grid-template-columns:1fr 1.35fr;align-items:center;gap:1.5rem;margin-top:.8rem;padding:1rem;display:grid}.compare-panel h2{font-family:var(--font-display);margin:.3rem 0;font-weight:400}.compare-panel p{color:#718ba0;margin:0;font-size:.72rem;line-height:1.55}.compare-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.compare-actions button{color:#9db2c3;text-align:left;background:#0a1c2b;border:1px solid #659ec829;border-radius:.65rem;align-items:center;gap:.7rem;min-height:4.5rem;padding:.8rem;display:flex}.compare-actions button span{min-width:0;display:grid}.compare-actions button small{color:#597386;letter-spacing:.1em;font-size:.52rem}.compare-actions button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.compare-actions button.is-after{color:#d8fff9;background:#10534c6b;border-color:#3dcfbc59}.compare-actions button.is-playing{box-shadow:0 0 24px #3ec7e72e}.compare-actions button.compare-stop{color:#ffc3c3;text-align:center;justify-content:center;min-width:5rem}.compare-actions button.compare-stop:disabled{cursor:default;opacity:.4}.compare-arrow{color:#4a697e}.style-final-bar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071723eb;border:1px solid #56addd3d;border-radius:.85rem;gap:1rem;margin-top:.8rem;padding:.7rem;position:sticky;bottom:.75rem;box-shadow:0 18px 50px #0000005c}.style-final-bar>div{color:#8edfd4;flex:1;gap:.15rem;font-size:.7rem;display:grid}.style-final-bar>div span{align-items:center;gap:.35rem;font-weight:800;display:flex}.style-final-bar>div small{color:#5d798d}.load-keyboard-button{color:#05211e;background:linear-gradient(135deg,#68ead8,#31bfad);border-radius:.65rem;align-items:center;gap:.65rem;min-height:3.2rem;padding:0 1.3rem;font-weight:900;display:inline-flex}.load-keyboard-button:disabled{opacity:.42}.transfer-overlay{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030a11e0;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.transfer-card{text-align:center;background:radial-gradient(circle at 50% 0,#35a7e72e,#0000 55%),#091b2a;border:1px solid #4ab7f042;border-radius:1.25rem;justify-items:center;gap:.9rem;width:min(34rem,100%);padding:clamp(2rem,5vw,3.5rem);display:grid;box-shadow:0 30px 100px #00000094}.transfer-icon{color:#67d2ff;background:#1f76a633;border:1px solid #53bef247;border-radius:50%;place-items:center;width:4.4rem;height:4.4rem;display:grid}.transfer-card:not(.is-complete) .transfer-icon svg{animation:demo-spin 1.15s linear infinite}.transfer-card.is-complete .transfer-icon{color:#63e5d3;background:#1a8b7c33;border-color:#48dec959}.transfer-card h2{font-family:var(--font-display);margin:.2rem 0 0;font-size:2rem;font-weight:400}.transfer-card p{color:#7992a6;margin:0;font-size:.78rem;line-height:1.6}.transfer-progress{background:#102c42;border-radius:999px;width:100%;height:.45rem;overflow:hidden}.transfer-progress i{border-radius:inherit;background:linear-gradient(90deg,#399fdf,#65e3d2);height:100%;transition:width .35s;display:block}.transfer-card>strong{color:#70a9cb;font-size:.72rem}@keyframes demo-spin{to{transform:rotate(1turn)}}.feedback-prompt{z-index:150;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081927f5;border:1px solid #5cb1e547;border-radius:.9rem;width:min(23rem,100vw - 2rem);padding:1.2rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 24px 80px #00000080}.feedback-close{color:#678094;cursor:pointer;background:0 0;border:0;position:absolute;top:.7rem;right:.7rem}.feedback-prompt h2{font-family:var(--font-display);margin:.3rem 0 .75rem;font-size:1.65rem;font-weight:400}.feedback-stars{gap:.25rem;margin-bottom:.8rem;display:flex}.feedback-stars button{color:#294b63;cursor:pointer;background:0 0;border:0;padding:.1rem}.feedback-stars button.is-active{color:#ffd05c}.feedback-prompt label{margin-top:.7rem;display:block}.feedback-prompt label>span{align-items:center;gap:.35rem;display:flex}.feedback-prompt label small{color:#526d81;margin-left:auto}.feedback-prompt input,.feedback-prompt textarea{padding:.65rem}.feedback-prompt textarea{resize:vertical;min-height:4.8rem}.feedback-notify{color:#a8bdcc;align-items:center;gap:.5rem;font-size:.72rem;display:flex!important}.feedback-notify input{width:auto}.feedback-honeypot{position:absolute;left:-9999px}.feedback-consent,.feedback-error{color:#5f798d;font-size:.6rem;line-height:1.45}.feedback-error{color:#ff9c9c}.feedback-submit{color:#061522;background:#55baff;border-radius:.55rem;justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:2.6rem;margin-top:.65rem;font-size:.72rem;font-weight:900;display:flex}.feedback-thanks{gap:.75rem}.feedback-thanks>span{color:#57dfcc;background:#2da79533;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;display:grid}.feedback-thanks p{color:#7290a5;margin:.2rem 0 0;font-size:.7rem}@media (max-width:1000px){.compare-panel,.demo-choice-grid{grid-template-columns:1fr}.demo-choice-card{min-height:30rem}.demo-icon-button,.demo-step{display:none}.jam-layout{grid-template-columns:13rem minmax(0,1fr)}.genre-transform,.style-maker-hero{flex-direction:column;align-items:stretch}.genre-buttons{overflow-x:auto}}@media (max-width:720px){.demo-station-main{padding-top:3rem}.demo-choice-grid{grid-template-columns:1fr}.demo-topbar{padding:0 .65rem}.keyboard-badge{display:none}.demo-connect-button{padding:0 .6rem;font-size:.65rem}.jam-layout{display:block}.jam-library{border-bottom:1px solid #72aad224;border-right:0;width:auto;height:auto;position:static}.category-tabs{display:flex;overflow-x:auto}.category-tabs button{gap:.5rem;min-width:max-content}.song-list{grid-template-columns:repeat(2,1fr)}.jam-song-header{grid-template-columns:auto 1fr}.song-facts{grid-column:1/-1}.performance-strip{flex-wrap:wrap}.live-readout{width:100%;margin-left:0}.live-readout span{flex:1}.timeline-intro{grid-template-columns:5rem 1fr}.style-maker-hero br,.style-steps,.timeline-intro small{display:none}.part-carousel{grid-template-columns:repeat(10,8.5rem)}.compare-actions{grid-template-columns:1fr}.compare-arrow{display:none}.style-final-bar{flex-wrap:wrap}.style-final-bar>div{flex-basis:100%;order:-1}}.senior-demo{font-size:18px}.browser-requirement-card{color:#fff;background:#09223a;border:2px solid #55d8ff;border-radius:14px;align-items:center;gap:1.25rem;width:min(850px,100%);margin:0 auto 2rem;padding:1.4rem 1.6rem;display:flex}.browser-requirement-card div{gap:.35rem;display:grid}.browser-requirement-card strong{font-size:1.2rem}.browser-requirement-card span{color:#c9dbea;font-size:1rem}.compatibility-loading,.compatibility-stop{text-align:center;color:#fff;background:#061526;place-content:center;min-height:100vh;padding:3rem;display:grid}.compatibility-stop{justify-items:center;gap:1.25rem}.compatibility-stop h1{max-width:850px;margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}.compatibility-stop p{color:#d1e1ee;max-width:760px;margin:0;font-size:1.25rem}.compatibility-icon{color:#152033;background:#ffbf47;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.compatibility-options{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.compatibility-options a{color:#fff;background:#1264a3;border-radius:10px;align-items:center;gap:.7rem;min-height:58px;padding:0 1.4rem;font-size:1.1rem;font-weight:800;display:flex}.guided-card,.keyboard-setup{color:#fff;background:#0b1e31;border:1px solid #294760;border-radius:16px;width:min(1100px,100% - 3rem);margin:2rem auto;padding:clamp(1.5rem,3vw,3rem);box-shadow:0 20px 55px #0000003d}.keyboard-setup{gap:1.6rem;display:grid}.guided-step-number{color:#06201d;background:#45d6c5;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.5rem;font-weight:900;display:grid}.guided-card h1,.keyboard-setup h1{margin:.3rem 0 .6rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}.guided-instruction,.keyboard-setup p{color:#c7d9e7;margin:0;font-size:1.18rem;line-height:1.6}.keyboard-model-grid,.senior-category-grid,.senior-part-grid,.senior-song-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.keyboard-model-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:min(52vh,420px);padding-right:4px;overflow:auto}.keyboard-model-grid button,.senior-category-grid button,.senior-compare-actions button,.senior-part-grid button,.senior-song-grid button{color:#fff;cursor:pointer;background:linear-gradient(#17324a,#0e263b);border:2px solid #40617b;border-radius:10px;min-height:76px;font-size:1.12rem;font-weight:800;position:relative}.keyboard-model-grid button{min-height:58px;font-size:.95rem}.keyboard-model-grid button:focus-visible,.keyboard-model-grid button:hover,.senior-category-grid button:focus-visible,.senior-category-grid button:hover,.senior-compare-actions button:focus-visible,.senior-compare-actions button:hover,.senior-part-grid button:focus-visible,.senior-part-grid button:hover,.senior-song-grid button:focus-visible,.senior-song-grid button:hover{outline-offset:2px;border-color:#64e6d6;outline:3px solid #64e6d64d}.genre-buttons button.is-active,.keyboard-model-grid button.is-selected,.senior-category-grid button.is-selected,.senior-part-grid button.is-selected,.senior-song-grid button.is-selected{background:linear-gradient(#225a63,#123c48);border-color:#64e6d6}.selection-light{background:#587184;border-radius:50%;width:11px;height:11px;margin-right:.65rem;display:inline-block}.is-active>.selection-light,.is-selected>.selection-light{background:#7bffb7;box-shadow:0 0 12px #7bffb7}.senior-back-button,.senior-primary-action,.senior-secondary-action{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.7rem;min-height:58px;padding:.75rem 1.5rem;font-size:1.12rem;font-weight:900;display:inline-flex}.senior-primary-action{color:#06221e;background:#47d9c7;justify-self:end;min-width:260px}.senior-primary-action:disabled{color:#b9c3ca;cursor:not-allowed;background:#526574}.senior-back-button,.senior-secondary-action{color:#fff;background:#203b52}.senior-file-button input,.senior-secondary-action input{display:none}.guided-demo-page{width:100%;padding:1.5rem 0 4rem}.guided-progress{flex-wrap:wrap;justify-content:center;gap:1rem;width:min(1100px,100% - 3rem);margin:0 auto;display:flex}.guided-progress span{color:#8fa7b9;background:#132b40;border-radius:24px;align-items:center;gap:.55rem;min-height:48px;padding:.55rem 1rem;font-weight:750;display:flex}.guided-progress i{background:#344e63;border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.guided-progress .is-current{color:#fff;outline:2px solid #55d8ff}.guided-progress .is-complete{color:#fff}.guided-progress .is-complete i{color:#06221e;background:#47d9c7}.guided-card{gap:1.5rem;display:grid}.senior-category-grid{grid-template-columns:repeat(4,1fr)}.senior-song-grid{grid-template-columns:repeat(2,1fr)}.senior-part-grid button,.senior-song-grid button{text-align:left;gap:.45rem;padding:1.2rem;display:grid}.senior-part-grid strong,.senior-song-grid strong{font-size:1.3rem}.senior-part-grid small,.senior-song-grid span:last-child{color:#b7cada;font-size:1rem}.senior-transport .transport-main{min-width:190px;min-height:64px;font-size:1.15rem}.genre-buttons button{min-height:64px;font-size:1.05rem}.simple-song-progress{background:#0d2438;border:1px solid #294760;border-radius:12px;grid-template-columns:repeat(3,1fr) auto;align-items:stretch;gap:1rem;padding:1.2rem;display:grid}.simple-song-progress div{gap:.3rem;display:grid}.simple-song-progress small{color:#9db3c4}.simple-song-progress strong{font-size:1.35rem}.simple-song-progress button{min-height:52px;padding:0 1rem}.senior-file-button{cursor:pointer;background:#102b42;border:3px dashed #55d8ff;border-radius:14px;justify-items:center;gap:.7rem;padding:2.5rem;display:grid}.senior-file-button strong{font-size:1.4rem}.senior-file-button span{color:#bdd0de}.senior-part-grid{grid-template-columns:repeat(3,1fr)}.senior-compare-actions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.senior-compare-actions button{justify-content:center;align-items:center;gap:.7rem;min-height:68px;display:flex}.senior-load-button{width:100%;min-height:76px;font-size:1.35rem}@media (max-width:900px){.keyboard-model-grid,.senior-category-grid,.senior-part-grid{grid-template-columns:repeat(2,1fr)}.simple-song-progress{grid-template-columns:1fr 1fr}.style-catalog-controls{grid-template-columns:1fr;width:100%}.style-catalog-controls>span{text-align:left;grid-column:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--background:#0b1220;--foreground:#f1f5f9;--card:#121a2e;--card-foreground:#f1f5f9;--popover:#121a2e;--popover-foreground:#f1f5f9;--primary:#4a9eff;--primary-foreground:#061224;--secondary:#1a2438;--secondary-foreground:#f1f5f9;--muted:#1a2438;--muted-foreground:#94a3b8;--accent:#1a2438;--accent-foreground:#f1f5f9;--destructive:#f87171;--destructive-foreground:#2a0b0b;--border:#2a3a52;--input:#24324a;--ring:#4a9eff;--chart-1:#4a9eff;--chart-2:#4fd6c3;--chart-3:#a78bfa;--chart-4:#7cb8ff;--chart-5:#f87171;--radius:.75rem;--sidebar:#0d1626;--sidebar-foreground:#f1f5f9;--sidebar-primary:#4a9eff;--sidebar-primary-foreground:#061224;--sidebar-accent:#1a2438;--sidebar-accent-foreground:#f1f5f9;--sidebar-border:#2a3a52;--sidebar-ring:#4a9eff}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(1turn)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-sans:"Geist","Geist Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0d7163{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_0d7163{--font-dm-sans:"DM Sans","DM Sans Fallback"}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/35f3de0ebb1cfc70-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman");ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.00%;size-adjust:83.94%}.__className_315a98{font-family:"Instrument Serif","Instrument Serif Fallback";font-weight:400;font-style:normal}.__variable_315a98{--font-instrument-serif:"Instrument Serif","Instrument Serif Fallback"}