@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--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-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl:24px;--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)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.\@container\/field-group{container:field-group/inline-size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.right-2{right:calc(var(--spacing) * 2)}.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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-3{margin:calc(var(--spacing) * 3)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-1{margin-block:var(--spacing)}.mt-0{margin-top:0}.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-12{margin-top:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.h-2{height:calc(var(--spacing) * 2)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[calc\(100vh-12rem\)\]{height:calc(100vh - 12rem)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-80{min-height:calc(var(--spacing) * 80)}.min-h-\[34rem\]{min-height:34rem}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-9{min-width:calc(var(--spacing) * 9)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-36{min-width:calc(var(--spacing) * 36)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.scroll-my-1{scroll-margin-block:var(--spacing)}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.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-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[--spacing\(var\(--gap\)\)\]{gap:calc(var(--spacing) * var(--gap))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary\/20{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/20{border-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.border-primary\/25{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.border-primary\/25{border-color:color-mix(in oklab, var(--primary) 25%, transparent)}}.border-transparent{border-color:#0000}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.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-\[\#0a0d18\]{background-color:#0a0d18}.bg-\[\#03050b\]\/88{background-color:#03050be0;background-color:lab(1.34903% .0819415 -2.4869/.88)}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card,.bg-card\/55{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/55{background-color:color-mix(in oklab, var(--card) 55%, transparent)}}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-primary\/12{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/12{background-color:color-mix(in oklab, var(--primary) 12%, transparent)}}.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--primary) 20%, transparent)}}.bg-secondary{background-color:var(--secondary)}.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)}}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-sm\/relaxed{font-size:var(--text-sm);line-height:var(--leading-relaxed)}.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))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-destructive{color:var(--destructive)}.text-foreground,.text-foreground\/60{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/60{color:color-mix(in oklab, var(--foreground) 60%, transparent)}}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab, red, red)){.text-white\/60{color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.underline-offset-4{text-underline-offset:4px}.accent-black{accent-color:var(--color-black)}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(0_0_0\/0\.28\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_rgb\(255_255_255\/0\.03\)\]{--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffff08);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *){opacity:.5}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){margin-bottom:calc(var(--spacing) * -2)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:0}.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);bottom:-5px}.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);height:calc(var(--spacing) * .5)}.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);inset-block:0}.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);right:calc(var(--spacing) * -1)}.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{content:var(--tw-content);width:calc(var(--spacing) * .5)}.last\:mt-0:last-child{margin-top:0}@media (hover:hover){.hover\:bg-accent:hover,.hover\:bg-accent\/35:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/35:hover{background-color:color-mix(in oklab, var(--accent) 35%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus-visible\:z-10:focus-visible{z-index:10}.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\/40:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 40%, 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)}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[state\=checked\]\:border-primary:has([data-state=checked]){border-color:var(--primary)}.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.has-data-\[state\=checked\]\:bg-primary\/5:has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 5%, transparent)}}.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){gap:calc(var(--spacing) * 3)}.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){width:100%}.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){flex-direction:column}.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){border-radius:var(--radius-md)}.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){border-style:var(--tw-border-style);border-width:1px}.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){gap:calc(var(--spacing) * 3)}.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr}.has-\[\>svg\]\:gap-x-3:has(>svg){column-gap:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing) * 9)}.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{height:1.15rem}.data-\[size\=default\]\:w-8[data-size=default]{width:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-3\.5[data-size=sm]{height:calc(var(--spacing) * 3.5)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:w-6[data-size=sm]{width:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{border-radius:0}.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=on\]\:bg-accent[data-state=on]{background-color:var(--accent)}.data-\[state\=on\]\:text-accent-foreground[data-state=on]{color:var(--accent-foreground)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[variant\=label\]\:text-sm[data-variant=label]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.data-\[variant\=legend\]\:text-base[data-variant=legend]{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{border-left-style:var(--tw-border-style);border-left-width:0}.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (min-width:40rem){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:block{display:block}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-auto{height:auto}.lg\:max-h-\[calc\(100vh-8rem\)\]{max-height:calc(100vh - 8rem)}.lg\:min-h-0{min-height:0}.lg\:min-h-\[calc\(100vh-8rem\)\]{min-height:calc(100vh - 8rem)}.lg\:grid-cols-\[240px_1fr\]{grid-template-columns:240px 1fr}.lg\:grid-cols-\[minmax\(440px\,44\%\)_minmax\(0\,1fr\)_288px\]{grid-template-columns:minmax(440px,44%) minmax(0,1fr) 288px}.lg\:overflow-auto{overflow:auto}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:p-9{padding:calc(var(--spacing) * 9)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(480px\,42\%\)_minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(480px,42%) minmax(0,1fr) 320px}}@media (min-width:96rem){.\32 xl\:grid-cols-\[minmax\(520px\,42\%\)_minmax\(0\,1fr\)_340px\]{grid-template-columns:minmax(520px,42%) minmax(0,1fr) 340px}}@container field-group (min-width:28rem){.\@md\/field-group\:flex-row{flex-direction:row}.\@md\/field-group\:items-center{align-items:center}.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){align-items:flex-start}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]){background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state=checked]){background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_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-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:min-h-10>[data-slot=field-label]{min-height:calc(var(--spacing) * 10)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (min-width:28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}@container field-group (min-width:28rem){:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){margin-top:1px}}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--primary)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\]\:text-current>svg{color:currentColor}[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--secondary) 90%, transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}:root{--background:#fff;--foreground:#000;--card:#fff;--card-foreground:#000;--popover:#fff;--popover-foreground:#000;--primary:#000;--primary-foreground:#fff;--secondary:#efefef;--secondary-foreground:#000;--muted:#f3f3f3;--muted-foreground:#5e5e5e;--accent:#efefef;--accent-foreground:#000;--destructive:#b42318;--border:#e2e2e2;--input:#dedede;--ring:#000;--radius:.5rem}*{border-color:var(--border)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.display-font{font-feature-settings:"ss01";letter-spacing:0;font-family:Arial,Helvetica,sans-serif;font-weight:700}.app-container{width:min(1200px,100% - 64px);margin-inline:auto}.soft-panel{background:var(--secondary);border-radius:16px}.elevated-panel{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000029}.sheet-workspace{background:#efefef}.print-page{--sheet-margin:16mm;--sheet-font:11pt;--sheet-line:1.3;--sheet-character-spacing:0pt;--chord-font:10pt;--lyric-font:11pt;width:210mm;min-height:297mm;padding:var(--sheet-margin);color:#000;font-family:Arial,Helvetica,sans-serif;font-size:var(--sheet-font);line-height:var(--sheet-line);letter-spacing:var(--sheet-character-spacing);-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;position:relative;box-shadow:0 4px 16px #00000029}.print-page[data-paper=letter]{width:216mm;min-height:279mm}.print-page[data-paper=long]{width:216mm;min-height:330mm}.print-page[data-orientation=landscape]{width:297mm;min-height:210mm}.print-page[data-paper=letter][data-orientation=landscape]{width:279mm;min-height:216mm}.print-page[data-paper=long][data-orientation=landscape]{width:330mm;min-height:216mm}.print-columns{column-count:var(--sheet-columns,1);column-gap:10mm}.sheet-watermark{z-index:1;opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none;width:44mm;height:11mm;position:absolute;inset-block:auto 4mm;inset-inline-start:max(4mm, var(--sheet-margin));inset-inline-end:auto;overflow:hidden}.sheet-watermark img{object-fit:cover;object-position:center;filter:grayscale()}.sheet-header{min-height:11mm;margin-block-end:7.5mm;padding-inline-end:50mm}.sheet-page-header{min-height:11mm;padding-inline-end:50mm}.sheet-page-title{letter-spacing:calc(-.025em + var(--sheet-character-spacing));margin:0;font-size:18pt;font-weight:800;line-height:1.05}.sheet-page-artist{margin:1.5mm 0 0;font-size:8pt;line-height:1.2}.sheet-page-metadata{margin:1mm 0 0;font-size:8.5pt;font-weight:800;line-height:1.2}.sheet-running-header{display:none}.sheet-title{letter-spacing:calc(-.025em + var(--sheet-character-spacing));margin:0;font-size:18pt;font-weight:800;line-height:1.05}.sheet-credits,.sheet-recording,.sheet-metadata{margin:0}.sheet-credits{margin-block-start:1.5mm;font-size:8.5pt;line-height:1.25}.sheet-recording{margin-block-start:.5mm;font-size:8pt;line-height:1.2}.sheet-metadata{margin-block-start:1mm;font-size:10pt;font-weight:800;line-height:1.2}.song-section{break-inside:avoid;margin-block:0 6.5mm}.section-heading{text-transform:uppercase;letter-spacing:var(--sheet-character-spacing);margin:0 0 2mm;font-size:12pt;font-weight:800;line-height:1.1}.song-section-lines{padding-inline-start:7.5mm}.song-line{flex-wrap:wrap;align-items:end;margin-block:.45mm;display:flex}.song-segment{white-space:pre-wrap;break-inside:avoid;grid-template-rows:minmax(1.05em,auto) auto;align-items:end;display:inline-grid}.song-segment[data-empty-lyric=true]:not(:last-of-type){padding-inline-end:1.5mm}.song-line[data-chord-only=true] .song-segment{display:inline-block}.song-line[data-chord-only=true] .song-lyric{display:none}.song-chord{min-height:1.05em;color:var(--chord-color,#000);font-size:var(--chord-font);white-space:nowrap;font-weight:800;line-height:.95}.song-chord-empty{min-width:.01em;display:inline-block}.chord-symbol sup{vertical-align:baseline;margin-inline-start:.03em;font-size:.68em;line-height:0;position:relative;top:-.25em}.song-lyric{font-size:var(--lyric-font);line-height:var(--sheet-line)}.song-annotation{font-size:var(--lyric-font);font-style:italic;line-height:var(--sheet-line);align-self:end;margin-inline-end:2.5mm;padding-block-end:.05em}.song-repeat{align-self:end;margin-inline-start:2mm;font-size:8pt;font-weight:800}.print-footer{text-align:center;letter-spacing:calc(.01em + var(--sheet-character-spacing));color:#111;flex-direction:column;gap:.75mm;margin-block-start:8mm;font-size:7.5pt;line-height:1.25;display:flex}.chord-color-option[data-state=on]{border-color:var(--foreground);box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--foreground)}.chord-color-swatch[data-color=black]{background:#000}.chord-color-swatch[data-color=gray]{background:#7f7f7f}.chord-color-swatch[data-color=cyan]{background:#45b9df}.chord-color-swatch[data-color=pink]{background:#ef406a}.chord-color-swatch[data-color=orange]{background:#ef6d43}.chord-color-swatch[data-color=yellow]{background:#f2c747}.easychords-logo{background:url(/easychords-logo.png) 50%/cover no-repeat;width:156px;height:37px}.easychords-logo-dark{filter:invert();mix-blend-mode:screen}.marketing-page{color:#f8f8fb;--marketing-border:#9098b824;--marketing-surface:#0a0e19d1;--marketing-muted:#9ca2b2;--marketing-violet:#7c3aed;background:#03050b url(/easychords-cosmic-bg.png) top/min(1800px,140vw) no-repeat;min-height:100vh;overflow:hidden}.marketing-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 65% 46%,#4c1d953d,#0000 35%);height:700px;position:absolute;inset:76px 0 auto}.marketing-container{width:min(1210px,100% - 48px);margin-inline:auto}.marketing-button-primary,.marketing-button-secondary{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.marketing-button-primary{color:#fff;background:linear-gradient(110deg,#5630d9,#9c32f0);border:1px solid #8b5cf6;box-shadow:0 10px 32px #673af447}.marketing-button-secondary{color:#fff;background:#080b14ad;border:1px solid #ffffff38}.marketing-button-primary:hover,.marketing-button-secondary:hover{border-color:#a78bfa;transform:translateY(-2px)}.marketing-button-primary:focus-visible,.marketing-button-secondary:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.marketing-button-primary svg,.marketing-button-secondary svg{width:18px;height:18px}.marketing-hero{min-height:630px;position:relative}.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);align-items:center;gap:56px;min-height:630px;padding-block:40px 62px;display:grid}.hero-copy{z-index:2;padding-left:22px;position:relative}.hero-badge{color:#b9a6ff;letter-spacing:.08em;background:#5930b829;border:1px solid #8b5cf652;border-radius:999px;margin:0 0 16px;padding:6px 15px;font-size:12px;font-weight:700;display:inline-flex}.hero-copy h1{letter-spacing:-.055em;max-width:580px;margin:0;font-size:clamp(3.5rem,4.9vw,4.7rem);font-weight:800;line-height:.98}.hero-copy h1 span{color:#0000;background:linear-gradient(100deg,#6f4df5,#c13bf1);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#c1c4cf;max-width:550px;margin:24px 0 0;font-size:18px;line-height:1.55}.benefit-chips{flex-wrap:wrap;gap:9px;margin-top:20px;display:flex}.benefit-chips span{color:#d8dae1;background:#ffffff08;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;display:inline-flex}.benefit-chips svg{width:14px;height:14px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.hero-caption{color:#777e8e;margin:13px 0 0;font-size:12px}.hero-art{min-height:520px;position:relative}.hero-art-glow{filter:blur(32px);background:radial-gradient(circle,#5c2eff61,#0000 65%);border-radius:50%;position:absolute;inset:12% -10% 0 8%}.hero-backing-sheet,.hero-main-sheet{border-radius:7px;width:470px;height:540px;position:absolute}.hero-backing-sheet{background:linear-gradient(145deg,#e9e9f2,#878899);top:44px;right:5px;transform:rotate(7deg);box-shadow:0 30px 80px #000000b3}.hero-main-sheet{background:linear-gradient(145deg,#fff,#ededf1);top:16px;right:35px;overflow:hidden;transform:rotate(5deg);box-shadow:0 28px 90px #0000009e}.mini-sheet{color:#11131a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hero-main-sheet .mini-sheet{padding:42px 44px;transform:rotate(-.35deg)}.mini-sheet-topline{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.mini-sheet-topline h3{letter-spacing:-.03em;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:21px;line-height:1}.mini-sheet-topline p{color:#555761;margin:6px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:10px}.mini-sheet-topline>span{white-space:nowrap;font-size:8px}.mini-song-block{margin-top:28px;font-size:9px;line-height:1.45}.mini-song-block strong{margin-bottom:12px;font-family:Arial,Helvetica,sans-serif;font-size:10px;display:block}.mini-song-block p{white-space:pre;margin:2px 0}.mini-song-block .mini-chords{margin-top:10px;font-weight:800}.mini-song-second{margin-top:25px}.alignment-callout{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#231750f0,#0f131de0);border:1px solid #9669ff52;border-radius:12px;align-items:center;gap:13px;width:205px;min-height:94px;padding:17px;display:flex;position:absolute;bottom:12px;left:2px;box-shadow:0 25px 40px #0000006b}.alignment-callout>span{background:linear-gradient(145deg,#7c4df5,#4a20dd);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 24px #7c4df58c}.alignment-callout svg{width:20px}.alignment-callout strong{font-size:12px;display:block}.alignment-callout p{color:#b7bac6;margin:5px 0 0;font-size:10px;line-height:1.45}.ready-note{z-index:3;color:#8e79ff;font-family:cursive;font-size:16px;position:absolute;bottom:17px;right:-24px;transform:rotate(-7deg)}.ready-note span{font-size:40px;line-height:.7;display:block}.marketing-panel,.trust-rail{border:1px solid var(--marketing-border);background:linear-gradient(130deg,#0b0f1ce0,#05080fd1);border-radius:13px;box-shadow:inset 0 1px #ffffff05}.trust-rail{text-align:center;padding:16px 28px 20px}.trust-rail>p{color:#a3a7b5;letter-spacing:.14em;margin:0 0 14px;font-size:10px}.trust-rail>div{grid-template-columns:repeat(5,1fr);align-items:center;gap:20px;display:grid}.trust-rail span{color:#c6c8d0;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.trust-rail svg{width:23px}.before-after{grid-template-columns:1fr 52px 1fr;align-items:center;gap:14px;margin-top:14px;padding:28px 34px;display:grid;position:relative}.comparison-label{text-align:center;color:#d6d8e0;margin:0 0 10px;font-size:13px}.comparison-content{grid-template-columns:135px minmax(220px,1fr);align-items:center;gap:16px;display:grid}.comparison-content-after{grid-template-columns:minmax(220px,1fr) 135px}.comparison-list{border:1px solid var(--marketing-border);background:#0a0e18cc;border-radius:10px;gap:15px;margin:0;padding:16px;list-style:none;display:grid}.comparison-list li{color:#c4c7d0;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.comparison-list svg{flex:none;width:14px;height:14px}.comparison-list-bad svg{color:#f26078;background:#df37533d;border-radius:50%;padding:2px}.comparison-list-good svg{color:#36cd69}.messy-page,.clean-page{background:#151922;border:1px solid #ffffff24;border-radius:10px;height:245px;overflow:hidden}.messy-browser{color:#f7d100;border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:13px;font-size:8px;font-weight:800;display:flex}.messy-browser svg{width:16px}.messy-browser span{color:#89909f;margin-left:auto;font-size:7px;font-weight:400}.messy-body{color:#dadde6;padding:16px;font-size:8px}.messy-body strong{font-size:13px;display:block}.messy-body small{display:block}.messy-body p{color:#8d94a4;margin:9px 0 0}.messy-body b{margin-top:13px;display:block}.messy-body pre{font:7px/1.6 ui-monospace,monospace}.clean-page{background:#e9e9ed;padding:14px}.clean-page .mini-sheet{background:#fff;border-radius:4px;height:100%;padding:18px 23px;box-shadow:0 12px 30px #0000002e}.mini-sheet-compact .mini-sheet-topline h3{font-size:15px}.mini-sheet-compact .mini-sheet-topline p{font-size:7px}.mini-sheet-compact .mini-song-block{margin-top:16px;font-size:6px}.mini-sheet-compact .mini-song-block strong{margin-bottom:7px;font-size:7px}.comparison-arrow{color:#181a32;background:linear-gradient(145deg,#fff,#b8b2ff);border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 0 30px #7452f75c}.comparison-arrow svg{width:25px}.features-section,.workflow-section{padding:34px 0 20px}.features-section h2,.workflow-section h2,.use-cases h2{text-align:center;margin:0 0 22px;font-size:20px;font-weight:700}.feature-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.feature-card{border:1px solid var(--marketing-border);background:#0a0e19b8;border-radius:11px;gap:12px;min-height:112px;padding:17px;display:flex}.feature-icon{border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.feature-icon svg{width:20px}.feature-icon-violet{color:#8b7cff;background:#5537e13d}.feature-icon-purple{color:#c16cff;background:#872fe03d}.feature-icon-fuchsia{color:#bc5cff;background:#912fdb40}.feature-icon-blue{color:#49a9ff;background:#0084ff38}.feature-icon-amber{color:#ffb71c;background:#f59e0b33}.feature-card h3{margin:1px 0 5px;font-size:12px}.feature-card p{color:#9198a8;margin:0;font-size:9px;line-height:1.5}.workflow-section{padding-top:26px}.workflow-grid{grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.workflow-grid:before{content:"";border-top:1px dotted #885eff80;position:absolute;top:21px;left:9%;right:9%}.workflow-grid li{z-index:1;text-align:center;position:relative}.step-number{background:linear-gradient(145deg,#7646ed,#4a1ad1);border:1px solid #8f63ff;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 8px;font-weight:800;display:grid;box-shadow:0 0 22px #7546ed59}.step-icon{background:#0c101b;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:34px;height:34px;margin:0 auto 4px;display:grid}.step-icon svg{width:15px}.workflow-grid h3{margin:0;font-size:13px}.workflow-grid p{color:#a0a5b3;max-width:140px;margin:5px auto 0;font-size:10px;line-height:1.4}.use-cases{margin-top:32px;padding:18px 88px 22px}.use-cases h2{margin-bottom:10px}.use-case-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.use-case-card{border:1px solid var(--marketing-border);background:#0b0f1ad6;border-radius:10px;padding:17px 20px}.stars{color:#ffb21a;gap:3px;display:flex}.stars svg{fill:currentColor;width:14px;height:14px}.use-case-card blockquote{color:#d3d5dd;min-height:45px;margin:10px 0;font-size:11px;line-height:1.45}.use-case-card>p{color:#9a9fad;margin:0;font-size:10px;font-weight:700}.faq-section{grid-template-columns:.72fr 1.28fr;gap:70px;padding:70px 55px;display:grid}.section-kicker{color:#9f86ff;letter-spacing:.12em;margin:0 0 12px;font-size:11px;font-weight:800}.faq-section h2{letter-spacing:-.035em;max-width:380px;margin:0;font-size:34px;line-height:1.1}.faq-list{border-top:1px solid var(--marketing-border)}.faq-list details{border-bottom:1px solid var(--marketing-border)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 4px;font-size:14px;font-weight:700;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#9f86ff;font-size:22px;font-weight:400}.faq-list details p{color:#9ba1af;margin:-4px 36px 20px 4px;font-size:12px;line-height:1.6}.final-cta{background:linear-gradient(100deg,#40239b70,#090c18e0 55%,#4a1f1f8f);border:1px solid #7f51ff4d;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;padding:28px 62px;display:flex;position:relative;overflow:hidden}.final-cta:after{filter:blur(45px);content:"";background:#f46d243d;border-radius:50%;width:240px;height:160px;position:absolute;bottom:-80px;right:-20px}.final-cta>*{z-index:1;position:relative}.final-cta h2{margin:0;font-size:22px}.final-cta p{color:#aeb2be;margin:5px 0 0;font-size:12px}.final-cta>div:last-child{gap:12px;display:flex}.marketing-footer{color:#a5aab7;grid-template-columns:1.5fr repeat(3,.65fr);gap:55px;padding:30px 0 45px;display:grid}.footer-brand .easychords-logo{width:145px;height:34px;display:block}.footer-brand p{margin:3px 0 0;font-size:10px}.marketing-footer h3{color:#d4d6dd;margin:0 0 8px;font-size:10px;font-weight:500}.marketing-footer a{color:#969ba9;margin:4px 0;font-size:9px;text-decoration:none;display:block}.marketing-footer a:hover{color:#fff}.footer-copy{grid-column:1/-1;margin:8px 0 0;font-size:9px}body:has(.app-shell){--background:#05070e;--foreground:#f7f7fb;--card:#0b0f1b;--card-foreground:#f7f7fb;--popover:#101522;--popover-foreground:#f7f7fb;--primary:#7c3aed;--primary-foreground:#fff;--secondary:#171b2a;--secondary-foreground:#f4f2ff;--muted:#101521;--muted-foreground:#9da4b4;--accent:#21183a;--accent-foreground:#fff;--destructive:#f05266;--border:#252c3e;--input:#30384c;--ring:#a78bfa;color:var(--foreground);background:#05070e}.app-shell{isolation:isolate;color:var(--foreground);background:radial-gradient(circle at 82% 4%,#572fcf2e,#0000 25rem),radial-gradient(circle at 12% 38%,#2a359a1f,#0000 30rem),#05070e;position:relative}.app-shell:before{z-index:-1;opacity:.18;content:"";pointer-events:none;background:url(/easychords-cosmic-bg.png) top/max(1500px,100vw) no-repeat;position:fixed;inset:0}.app-shell>header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070edb;border-color:#ffffff14}.app-shell .easychords-logo{filter:invert();mix-blend-mode:screen}.app-shell .app-page-content{position:relative}.app-page-title{color:#0000;letter-spacing:-.045em;background:linear-gradient(105deg,#fff 15%,#d8d1ff 62%,#8f63ff);-webkit-background-clip:text;background-clip:text;max-width:18ch;line-height:1.02}.app-shell .elevated-panel{background:linear-gradient(145deg,#0e121ff5,#080b14f5);border:1px solid #9780e12e;box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff0a}.app-shell .soft-panel,.app-shell [data-slot=card]{background:linear-gradient(145deg,#0d111df0,#080b13f0);border-color:#9780e129;box-shadow:inset 0 1px #ffffff08}.app-shell [data-slot=input],.app-shell [data-slot=textarea],.app-shell [data-slot=select-trigger]{min-height:42px;color:var(--foreground);background:#080b14d6;border-color:#30384c;border-radius:10px;box-shadow:inset 0 1px #ffffff08,0 1px 2px #00000038}.app-shell [data-slot=input]::placeholder,.app-shell [data-slot=textarea]::placeholder{color:#737b8e}.app-shell [data-slot=input]:hover,.app-shell [data-slot=textarea]:hover,.app-shell [data-slot=select-trigger]:hover{border-color:#464f68}.app-shell [data-slot=input]:focus-visible,.app-shell [data-slot=textarea]:focus-visible,.app-shell [data-slot=select-trigger]:focus-visible{border-color:#9a79ff;box-shadow:0 0 0 3px #8b5cf62e,inset 0 1px #ffffff0a}.app-shell [data-slot=field-label]{color:#dfe1ea;font-size:.8125rem;font-weight:600}.app-shell [data-slot=field-description]{color:#8991a3;font-size:.8125rem}.app-shell [data-slot=button][data-variant=default]{background:linear-gradient(110deg,#5b32d9,#9d32ef);border:1px solid #8b5cf6;box-shadow:0 10px 28px #673af438}.app-shell [data-slot=button][data-variant=default]:hover{background:linear-gradient(110deg,#6840df,#a73bf1)}.app-shell [data-slot=button][data-variant=outline]{color:#e9eaf0;background:#090c15c2;border-color:#30384c;box-shadow:inset 0 1px #ffffff08}.app-shell [data-slot=button][data-variant=outline]:hover,.app-shell [data-slot=button][data-variant=secondary]:hover,.app-shell [data-slot=button][data-variant=ghost]:hover{color:#fff;background:#21183a;border-color:#6f58b6}.app-shell [data-slot=button][data-variant=secondary]{background:#171b2a;border:1px solid #2f3548}.app-shell [data-slot=tabs-list]{background:#05070eb8;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff08}.app-shell [data-slot=tabs-trigger]{color:#969daf}.app-shell [data-slot=tabs-trigger][data-state=active]{color:#fff;background:linear-gradient(120deg,#5c36d975,#3a217994);border-color:#9e78ff6b;box-shadow:0 7px 18px #4c23a82e}body:has(.app-shell) [data-slot=select-content]{color:#f7f7fb;background:#101522;border-color:#30384c;box-shadow:0 18px 48px #0000007a}body:has(.app-shell) [data-slot=select-item]:focus{color:#fff;background:#241a40}.app-shell [data-slot=checkbox]{background:#0a0d16;border-color:#596077}.app-shell [data-slot=checkbox][data-state=checked]{background:#7c3aed;border-color:#9b72ff}.app-shell [data-slot=switch]{background:#171b2a;border:1px solid #30384c}.app-shell [data-slot=switch][data-state=checked]{background:#7c3aed;border-color:#8b5cf6}.app-shell [data-slot=alert]{background:#2a1c5161;border-color:#9f7aff47}.app-shell [data-slot=badge]{color:#c8ccd7;background:#171b2a;border-color:#30384c}.app-shell [data-slot=empty]{background:linear-gradient(145deg,#0d111de0,#080b13e6);border:1px solid #9780e12e}.app-shell [data-slot=empty-icon]{color:#a98bff;background:#5b37d22e;border:1px solid #8b5cf633}.app-shell .sheet-workspace{background:#090c15}.app-shell .preview-page{box-shadow:0 22px 55px #0000007a}.app-shell .editor-dense>div:last-child>section{background:linear-gradient(145deg,#0d111df5,#080b13f5);border-color:#9780e12e;box-shadow:inset 0 1px #ffffff08}.app-shell .editor-dense [data-slot=input].h-8{border-radius:8px;min-height:32px}.app-shell .editor-dense [data-slot=button][data-size=icon-sm]{color:#a8afbf}.app-shell .chord-color-option[data-state=on]{border-color:#c4b5fd;box-shadow:0 0 0 2px #0c101b,0 0 0 4px #a78bfa}.app-shell ::-webkit-scrollbar{width:10px;height:10px}.app-shell ::-webkit-scrollbar-track{background:#080b13}.app-shell ::-webkit-scrollbar-thumb{background:#343b50;border:2px solid #080b13;border-radius:999px}.app-shell ::-webkit-scrollbar-thumb:hover{background:#4a526c}:is(.import-shell,.library-shell,.settings-shell){min-height:100svh;overflow-x:hidden}:is(.import-shell,.library-shell,.settings-shell)>header .app-container{width:min(1520px,100% - 80px);height:96px}:is(.import-shell,.library-shell,.settings-shell)>header .easychords-logo{width:210px;height:49px}:is(.import-shell,.library-shell,.settings-shell)>header nav{gap:62px;height:100%}:is(.import-shell,.library-shell,.settings-shell)>header .app-nav-link{align-items:center;height:100%;font-size:1.05rem;font-weight:500;display:flex;position:relative}:is(.import-shell,.library-shell,.settings-shell)>header .app-nav-link[aria-current=page]:after{content:"";background:linear-gradient(90deg,#7252ff,#bd37ee);border-radius:999px;height:2px;position:absolute;inset:auto 0 12px;box-shadow:0 0 12px #8b5cf69e}:is(.import-shell,.library-shell,.settings-shell)>header [data-slot=button][data-variant=default]{border-radius:12px;min-width:152px;height:48px;font-size:1rem}.product-page-kicker{color:#a987ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.library-page-content{width:min(1450px,100% - 80px);margin-inline:auto;padding-block:52px 72px}.library-page-copy{max-width:850px}.library-page-title,.settings-page-title{color:#f8f7ff;letter-spacing:-.052em;margin:0;font-size:clamp(3.35rem,4vw,4.25rem);line-height:.98}.library-page-title span,.settings-page-title span{color:#0000;background:linear-gradient(96deg,#c5b8ff 2%,#9f6cff 52%,#9c32ef 92%);-webkit-background-clip:text;background-clip:text}.library-page-copy>p:last-child,.settings-page-copy>p:last-child{color:#aeb4c4;margin:23px 0 0;font-size:1.16rem;line-height:1.55}.library-folder-list{margin-top:36px}.library-artist-folder{background:linear-gradient(145deg,#0d111df2,#070a12f2)!important;border-color:#9780e14a!important;border-radius:20px!important;box-shadow:0 28px 75px #00000040,inset 0 1px #ffffff0a!important}.library-folder-summary{min-height:104px;padding-inline:30px!important}.library-sheet-grid{border-color:#aea0e02b!important;gap:18px!important;padding:24px!important}.library-sheet-card{min-height:222px;background:linear-gradient(145deg,#0f1321f5,#090c16f5)!important;border-color:#9780e136!important}.library-sheet-card [data-slot=card-header]{padding-bottom:8px}.library-sheet-card [data-slot=card-content]{flex:1}.settings-page-content{grid-template-columns:minmax(310px,470px) minmax(590px,760px);align-items:start;gap:100px;width:min(1330px,100% - 64px);margin-inline:auto;padding-block:52px 72px;display:grid}.settings-page-copy{padding:10px 0 0 12px}.settings-page-title span{display:block}.settings-form-panel{background:radial-gradient(circle at 92% 78%,#5b30bd2b,#0000 42%),linear-gradient(145deg,#0e1220f5,#080b14f5)!important;border-color:#9780e14d!important;border-radius:20px!important;padding:34px 38px 36px!important}.settings-form-panel [aria-label=Print\ settings]>div:first-child h2{font-size:1.65rem}.settings-form-panel [aria-label=Print\ settings]>div:first-child p{font-size:.94rem}.settings-form-panel [data-slot=field-group]{gap:22px}.settings-form-panel [data-slot=input],.settings-form-panel [data-slot=select-trigger]{min-height:48px}.settings-form-actions [data-slot=button]{min-height:45px;padding-inline:22px}.import-page-content{grid-template-columns:minmax(0,750px) minmax(390px,500px);align-items:start;gap:80px;width:min(1330px,100% - 64px);margin-inline:auto;padding-block:48px 54px;display:grid;position:relative}.import-copy-column{min-width:0}.import-page-copy{padding-inline:12px}.import-page-title{color:#f8f7ff;letter-spacing:-.052em;max-width:700px;margin:0;font-size:clamp(3.65rem,4.15vw,4.45rem);line-height:.98}.import-page-title span{color:#0000;background:linear-gradient(96deg,#c5b8ff 2%,#9f6cff 52%,#9c32ef 92%);-webkit-background-clip:text;background-clip:text;display:block}.import-page-copy>p{color:#aeb4c4;max-width:660px;margin:25px 0 0;font-size:1.2rem;line-height:1.55}.import-form-panel{margin-top:28px;background:linear-gradient(145deg,#0d111df0,#070a12f0)!important;border-color:#9780e14d!important;border-radius:20px!important;padding:29px 32px 27px!important;box-shadow:0 28px 80px #00000059,inset 0 1px #ffffff0a!important}.import-form-panel [data-slot=tabs-list]{height:50px;padding:3px}.import-form-panel [data-slot=tabs-trigger]{font-size:1rem}.import-form-panel [data-slot=tabs-trigger] svg{width:19px;height:19px}.import-form-panel [data-slot=input]{min-height:55px;font-size:1rem}.import-form-panel [data-slot=textarea]{font-size:.9rem}.import-form-panel [data-slot=field-label]{font-size:.95rem}.import-form-panel [data-slot=field-description]{font-size:.9rem;line-height:1.5}.import-permission-field{gap:14px}.import-permission-field [data-slot=checkbox]{margin-top:2px}.import-permission-field [data-slot=field-content]{gap:7px}.import-submit{min-height:66px;font-size:1.12rem;border-radius:11px!important}.import-form-panel>p:last-child{margin-top:24px;font-size:.9rem}.import-outcomes-panel{background:radial-gradient(circle at 90% 72%,#5b30bd38,#0000 46%),linear-gradient(145deg,#0f1223f0,#090c18f0);border:1px solid #9780e147;border-radius:20px;min-height:744px;padding:35px 42px 32px;box-shadow:0 28px 75px #00000052,inset 0 1px #ffffff0a}.import-outcomes-panel>h2{color:#f7f6fb;margin:0;font-size:1.65rem;line-height:1.2}.import-outcomes-list{margin-top:14px}.import-outcome{color:#e9e9ef;border-bottom:1px solid #b4bad538;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:17px;min-height:66px;font-size:1rem;display:grid}.import-outcome-icon{color:#f2efff;background:linear-gradient(145deg,#5334ac4d,#181d2dd9);border:1px solid #9c82f238;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:inset 0 1px #ffffff0f}.import-outcome-icon svg{stroke-width:1.8px;width:23px;height:23px}.import-sheet-sample{color:#111219;background:linear-gradient(145deg,#fff,#f3f2f6);border-radius:6px;min-height:347px;margin-top:20px;padding:23px 25px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transform:translateZ(0);box-shadow:0 18px 45px #00000047}.import-sheet-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.import-sheet-heading h3{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:1.02rem;line-height:1.1}.import-sheet-heading p{color:#454650;margin:4px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:.68rem}.import-sheet-heading>span{white-space:nowrap;padding-top:20px;font-size:.63rem}.import-sheet-section{margin-top:19px;font-size:.64rem;line-height:1.45}.import-sheet-section h4{letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-family:Arial,Helvetica,sans-serif;font-size:.7rem}.import-sheet-section>strong{display:block}.import-sheet-line{margin-top:5px;display:grid}.import-sheet-line strong{white-space:nowrap}@media (max-width:1180px){:is(.import-shell,.library-shell,.settings-shell)>header .app-container{width:min(1040px,100% - 48px)}:is(.import-shell,.library-shell,.settings-shell)>header nav{gap:34px}.import-page-content{grid-template-columns:minmax(0,1fr);gap:28px;width:min(930px,100% - 48px)}.import-copy-column{width:min(750px,100%);margin-inline:auto}.import-outcomes-panel{width:min(750px,100%);min-height:0;margin-inline:auto}.import-page-title{font-size:clamp(3.2rem,7vw,4.2rem)}.library-page-content{width:min(1040px,100% - 48px)}.settings-page-content{grid-template-columns:minmax(0,1fr);gap:34px;width:min(820px,100% - 48px)}.settings-page-copy{max-width:650px;padding-left:0}.settings-page-title span{display:inline}}@media (max-width:767px){:is(.import-shell,.library-shell,.settings-shell)>header .app-container{width:calc(100% - 32px);height:76px}:is(.import-shell,.library-shell,.settings-shell)>header .easychords-logo{width:157px;height:37px}.import-page-content{width:calc(100% - 32px);padding-block:32px 44px}.import-page-copy{padding-inline:0}.import-page-title{font-size:clamp(2.8rem,14vw,3.65rem)}.import-page-copy>p{margin-top:19px;font-size:1rem}.import-form-panel{margin-top:24px;padding:20px 18px 22px!important}.import-form-panel [data-slot=tabs-trigger]{font-size:.8rem}.import-form-panel [data-slot=tabs-trigger] svg{display:none}.import-submit{min-height:58px;font-size:.96rem}.import-form-panel>p:last-child{text-align:left;align-items:flex-start;font-size:.78rem}.import-outcomes-panel{border-radius:17px;padding:27px 22px 23px}.import-outcomes-panel>h2{font-size:1.45rem}.import-outcome{grid-template-columns:42px minmax(0,1fr);gap:14px;min-height:62px;font-size:.9rem}.import-outcome-icon{width:42px;height:42px}.import-sheet-sample{min-height:315px;padding:20px 18px}.library-page-content,.settings-page-content{width:calc(100% - 32px);padding-block:34px 48px}.library-page-title,.settings-page-title{font-size:clamp(2.75rem,13vw,3.55rem)}.library-page-copy>p:last-child,.settings-page-copy>p:last-child{margin-top:18px;font-size:1rem}.library-folder-list{margin-top:28px}.library-folder-summary{min-height:88px;padding-inline:18px!important}.library-sheet-grid{padding:16px!important}.settings-form-panel{padding:25px 20px 27px!important}.settings-form-actions [data-slot=button]{flex:1}}.preview-scale{--preview-zoom:.48;zoom:var(--preview-zoom)}.paginated-preview{flex-direction:column;align-items:center;gap:12mm;display:flex}.preview-measurement{visibility:hidden;pointer-events:none;position:fixed;inset:0 auto auto -100000px}.preview-page{min-height:0;padding:0;overflow:hidden}.preview-page-clip{position:absolute;overflow:hidden}.preview-page-header{inset-block-start:var(--sheet-header-top);inset-inline:var(--sheet-margin);z-index:1;position:absolute}.preview-column-flow.print-page{min-height:0;box-shadow:none;column-count:var(--sheet-columns,1);column-fill:auto;column-gap:10mm;padding:0;overflow:visible}.preview-column-flow>.sheet-header{column-span:all}.preview-column-flow .print-columns{display:contents}.preview-column-flow .sheet-watermark{inset-block:auto 4mm;inset-inline:0 auto}.preview-page-number{z-index:2;letter-spacing:0;color:#555;font:700 8pt Arial,Helvetica,sans-serif;position:absolute;inset-block-start:2.5mm;inset-inline-end:3mm}@media screen{.print-page{-moz-text-size-adjust:none;text-size-adjust:none}}@page{size:A4 portrait;margin:16mm}@media print{.no-print,[data-sonner-toaster]{display:none!important}html,body{background:#fff!important}body{margin:0}.print-shell{background:#fff!important;padding:0!important;display:block!important}.print-screen-preview{width:auto!important;margin:0!important;display:block!important}.print-screen-preview .paginated-preview{display:block!important}.print-page:not(.preview-page){width:100%!important;min-height:auto!important;box-shadow:none!important;padding:0!important}.preview-page{break-after:page;min-height:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.preview-page:last-child{break-after:auto}.print-page:not(.preview-page) .sheet-watermark{position:fixed;inset-block-start:auto;inset-block-end:calc(4mm - var(--sheet-print-bottom-margin));inset-inline:0 auto}.sheet-header{display:none}.print-page:not(.preview-page) .sheet-running-header{display:block;position:fixed;inset-block-start:calc(0mm - var(--sheet-header-reserved));inset-inline:0}.song-section,.song-line,.print-footer{break-inside:avoid}}@media (max-width:767px){.app-container{width:min(100% - 32px,1200px)}.print-page{transform-origin:0 0;width:210mm}.marketing-container{width:min(100% - 32px,1210px)}.marketing-page{background-size:auto 720px}.marketing-hero{min-height:0}.hero-grid{flex-direction:column;gap:20px;min-height:0;padding-block:58px 56px;display:flex}.hero-copy{text-align:center;padding-left:0}.hero-badge{margin-bottom:20px;font-size:10px}.hero-copy h1{font-size:clamp(2.8rem,13vw,4rem)}.hero-subtitle{margin-inline:auto;font-size:16px}.benefit-chips,.hero-actions{justify-content:center}.hero-actions{display:grid}.hero-caption{text-align:center}.hero-art{width:100%;min-height:430px;margin-top:22px}.hero-backing-sheet,.hero-main-sheet{width:min(84vw,390px);height:440px}.hero-backing-sheet{right:4%}.hero-main-sheet{right:8%}.hero-main-sheet .mini-sheet{padding:35px 31px}.mini-song-block{font-size:7.5px}.alignment-callout{transform-origin:0 100%;bottom:-5px;left:1%;transform:scale(.88)}.ready-note{display:none}.trust-rail{padding-inline:18px}.trust-rail>div{grid-template-columns:repeat(2,1fr);gap:15px 8px}.trust-rail span{font-size:12px}.trust-rail span:last-child{grid-column:1/-1}.before-after{flex-direction:column;padding:24px 16px;display:flex}.comparison-side{width:100%}.comparison-content,.comparison-content-after{grid-template-columns:1fr}.comparison-content-after .clean-page{order:2}.comparison-content-after .comparison-list{order:1}.comparison-arrow{transform:rotate(90deg)}.comparison-list{grid-template-columns:repeat(2,1fr)}.comparison-list li{white-space:normal}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.workflow-grid{grid-template-columns:1fr;gap:25px}.workflow-grid:before{border-top:0;border-left:1px dotted #885eff80;width:0;top:20px;bottom:20px;left:50%}.workflow-grid li{background:#03050b}.workflow-grid p{max-width:210px}.use-cases{padding:24px 16px}.use-case-grid{grid-template-columns:1fr}.use-case-card blockquote{min-height:0}.faq-section{grid-template-columns:1fr;gap:34px;padding:58px 4px}.faq-section h2{font-size:29px}.final-cta{flex-direction:column;align-items:flex-start;padding:28px 24px}.final-cta>div:last-child{flex-direction:column;width:100%}.marketing-footer{grid-template-columns:repeat(2,1fr);gap:28px}.footer-brand{grid-column:1/-1}}@media (min-width:768px) and (max-width:1100px){.hero-grid{grid-template-columns:.9fr 1.1fr;gap:24px}.hero-copy{padding-left:0}.hero-backing-sheet,.hero-main-sheet{width:400px;height:510px}.hero-main-sheet{right:15px}.hero-backing-sheet{right:-10px}.hero-copy h1{font-size:3.7rem}.hero-subtitle{font-size:16px}.before-after{grid-template-columns:1fr}.comparison-arrow{margin:0 auto;transform:rotate(90deg)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:1/-1}}@media (min-width:640px){.preview-scale{--preview-zoom:.62}.easychords-logo{width:190px;height:44px}}@media (min-width:1024px){.preview-scale{--preview-zoom:.6}}@media (min-width:1536px){.preview-scale{--preview-zoom:.72}}.v2-page{--v2-bg:#03050b;--v2-surface:#090d17eb;--v2-surface-soft:#0d121fd1;--v2-border:#9ca5cc24;--v2-text:#f8f8fb;--v2-muted:#b4bac8;--v2-purple:#8b5cf6;background:radial-gradient(circle at 76% 18%, #6f26ff30, transparent 27rem), radial-gradient(circle at 16% 8%, #223fab1a, transparent 24rem), var(--v2-bg) url(/easychords-cosmic-bg.png) top center / max(100vw, min(1760px, 142vw)) auto no-repeat;min-height:100vh;color:var(--v2-text);background-attachment:scroll,scroll,fixed;position:relative;overflow-x:clip}.v2-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 65% 52%,#7823f524,#0000 32%);height:570px;position:absolute;inset:62px 0 auto}.v2-page>header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#03050bd1;border-color:#ffffff14;position:sticky;top:0}.v2-page section[id],.v2-page div[id]{scroll-margin-top:82px}.v2-page>header>div.app-container{width:min(1320px,100% - 48px);height:72px}.v2-page>header>div .easychords-logo{width:150px;height:35px}.v2-page>header>div nav{gap:34px;height:100%}.v2-page>header>div nav a{align-items:center;height:100%;font-size:14px;display:flex;position:relative}.v2-page>header>div nav a[aria-current=page]{color:#fff}.v2-page>header>div nav a[aria-current=page]:after{content:"";background:linear-gradient(90deg,#7252ff,#bd37ee);border-radius:999px;height:2px;position:absolute;inset:auto 0 10px;box-shadow:0 0 12px #8b5cf69e}.v2-page>header .marketing-button-primary{background:linear-gradient(110deg,#421d9d,#7e28e2);border-color:#7040e8;border-radius:11px;min-height:38px;padding-inline:20px;font-size:14px;box-shadow:0 0 22px #6f33f057}.v2-page>header .marketing-button-primary svg{width:14px;height:14px}.v2-container{width:min(1320px,100% - 48px);margin-inline:auto}.v2-button{color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 27px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:inline-flex}.v2-button svg{width:17px;height:17px}.v2-button-primary{background:linear-gradient(110deg,#5f2ee0,#9c36ef);border:1px solid #8c56fa;box-shadow:0 10px 32px #6831ee59,inset 0 1px #ffffff2b}.v2-button-secondary{background:#0a0e18db;border:1px solid #252b3a}.v2-button:hover{border-color:#b89cff;transform:translateY(-2px)}.v2-button:focus-visible,.v2-text-link:focus-visible,.v2-docs-nav a:focus-visible{outline-offset:3px;outline:2px solid #c4b5fd}.v2-hero{position:relative}.v2-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:36px;min-height:620px;padding:30px 0 34px;display:grid}.v2-hero-copy{z-index:2;padding-left:28px;position:relative}.v2-badge{color:#b59bff;letter-spacing:.075em;background:#6135c429;border:1px solid #8b5cf65c;border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:11px;font-weight:750;display:inline-flex}.v2-hero-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(3.35rem,5vw,4.65rem);font-weight:820;line-height:.97}.v2-hero-copy h1 span{color:#0000;background:linear-gradient(100deg,#7959ff,#c342ef);-webkit-background-clip:text;background-clip:text}.v2-hero-subtitle{color:#c5c8d2;max-width:550px;margin:20px 0 0;font-size:17px;line-height:1.55}.v2-benefits{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.v2-benefits span{color:#e3e5eb;background:#ffffff06;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:7px;padding:8px 11px;font-size:12px;display:inline-flex}.v2-benefits svg{width:13px;height:13px}.v2-hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.v2-trust-caption{color:#aab0bf;margin:19px 0 9px;font-size:12px}.v2-trust-row{color:#c2c7d2;align-items:center;gap:24px;font-size:12px;font-weight:650;display:flex}.v2-trust-row span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.v2-trust-row svg{width:17px;height:17px}.v2-hero-art{min-height:530px;position:relative}.v2-hero-glow{filter:blur(22px);background:radial-gradient(circle at 54% 52%,#8331ff66,#0000 59%),radial-gradient(circle at 92% 55%,#e24b783d,#0000 29%);border-radius:48%;position:absolute;inset:13% -10% 4% 1%}.v2-hero-backing,.v2-hero-sheet{border-radius:7px;width:460px;height:520px;position:absolute}.v2-hero-backing{background:linear-gradient(135deg,#dad9e1,#a8a6b6);top:29px;right:14px;transform:rotate(6deg);box-shadow:0 28px 58px #0000006b}.v2-hero-sheet{background:#f9f8fb;top:6px;right:42px;transform:rotate(2.5deg);box-shadow:0 28px 70px #00000080}.v2-hero-sheet .v2-mini-sheet{height:100%;padding:37px 39px}.v2-mini-sheet{border-radius:inherit;color:#0e0e11;background:#faf9fb;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.v2-mini-sheet-header{justify-content:space-between;align-items:flex-start;display:flex}.v2-mini-sheet-header h3{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:800}.v2-mini-sheet-header p{margin:4px 0 0;font-size:8px}.v2-mini-sheet-header>span{margin-top:7px;font-size:7px;font-weight:700}.v2-mini-song-block{margin-top:28px;font-size:9px;line-height:1.55}.v2-mini-song-block strong{letter-spacing:.08em;margin-bottom:12px;font-size:9px;display:block}.v2-mini-song-block p{white-space:pre;margin:0}.v2-mini-chords{font-weight:800}.v2-mini-song-second{margin-top:30px}.v2-sheet-mark{color:#d5d5da;font-size:8px;position:absolute;bottom:11px;left:14px}.v2-sections{z-index:1;flex-direction:column;gap:12px;padding-bottom:18px;display:flex;position:relative}.v2-panel{border:1px solid var(--v2-border);background:linear-gradient(135deg,#0b101ced,#05080fed);border-radius:14px;box-shadow:inset 0 1px #ffffff06}.v2-panel-kicker,.v2-section-heading p{color:#aa89ff;letter-spacing:.09em;margin:0;font-size:12px;font-weight:800}.v2-section-heading{text-align:center;margin-bottom:22px}.v2-section-heading h2{letter-spacing:-.03em;margin:7px 0 0;font-size:30px;line-height:1.1}.v2-about{grid-template-columns:.86fr 1.14fr;gap:64px;min-height:300px;padding:44px 48px 38px;display:grid}.v2-about-copy h2{letter-spacing:-.035em;max-width:520px;margin:10px 0 18px;font-size:36px;line-height:1.08}.v2-about-copy>p:last-child{color:#c0c4cf;max-width:560px;margin:0;font-size:16px;line-height:1.65}.v2-about-grid{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.v2-about-grid article{border-bottom:1px solid var(--v2-border);align-items:center;gap:17px;min-height:108px;display:flex}.v2-about-grid article:nth-child(n+3){border-bottom:0}.v2-round-icon{color:#fff;background:linear-gradient(145deg,#7a3df1,#4b1dbd);border:1px solid #8456fb;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 0 20px #733ce547}.v2-round-icon svg{width:18px;height:18px}.v2-about-grid h3{margin:0 0 7px;font-size:15px}.v2-about-grid p{color:#b2b8c6;margin:0;font-size:13px;line-height:1.55}.v2-how{padding:32px 38px 38px}.v2-how-grid{grid-template-columns:repeat(5,1fr);gap:30px;margin:0;padding:0 16px;list-style:none;display:grid}.v2-how-grid li{position:relative}.v2-how-grid li:not(:last-child):after{content:"";border-top:1px dotted #815dde8f;width:32px;position:absolute;top:-13px;right:-31px}.v2-step-number{z-index:2;background:linear-gradient(145deg,#8548f0,#4d1ecb);border:1px solid #9569ff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:14px;font-weight:800;display:grid;position:absolute;top:-16px;left:-9px;box-shadow:0 0 18px #7037e252}.v2-step-card{border:1px solid var(--v2-border);background:#0c111dd6;border-radius:10px;min-height:205px;padding:34px 24px 22px}.v2-step-card>svg{width:27px;height:27px;margin-bottom:20px}.v2-step-card h3{margin:0 0 11px;font-size:15px}.v2-step-card p{color:#b4bac7;margin:0;font-size:12.5px;line-height:1.6}.v2-features{padding:32px 20px 36px}.v2-feature-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.v2-feature-grid article{border:1px solid var(--v2-border);text-align:center;background:#0a0e18d4;border-radius:10px;min-height:198px;padding:22px 16px}.v2-feature-grid article>span{color:#9f72ff;background:radial-gradient(circle,#7b39ee57,#30186a66);border-radius:13px;place-items:center;width:48px;height:48px;margin:0 auto 15px;display:grid;box-shadow:0 0 22px #7338dc2b}.v2-feature-grid svg{width:28px;height:28px}.v2-feature-grid h3{margin:0 0 10px;font-size:14px}.v2-feature-grid p{color:#b3b9c6;margin:0;font-size:12px;line-height:1.55}.v2-docs{padding:26px 39px 30px}.v2-docs-grid{grid-template-columns:200px minmax(0,1fr) 365px;gap:18px;margin-top:10px;display:grid}.v2-docs-nav{border:1px solid var(--v2-border);background:#080c15c7;border-radius:9px;flex-direction:column;padding:11px;display:flex}.v2-docs-nav a{color:#e2e4ea;border-radius:5px;padding:11px 12px;font-size:13px;text-decoration:none}.v2-docs-nav a:hover,.v2-docs-nav a.is-active{color:#fff;background:linear-gradient(90deg,#54319473,#5a5f7738)}.v2-docs-copy{border-bottom:1px solid var(--v2-border);min-height:300px;padding:0 22px 24px}.v2-docs-copy h2{margin:-3px 0 16px;font-size:24px}.v2-docs-copy>p{color:#bfc4d0;margin:0 0 18px;font-size:13px;line-height:1.6}.v2-docs-copy ol{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.v2-docs-copy li{flex-direction:column;gap:5px;font-size:13px;display:flex}.v2-docs-copy li span{color:#aeb3c1}.v2-docs-copy code{border:1px solid var(--v2-border);color:#d5d8e1;background:#0a0e18b3;border-radius:5px;margin-top:2px;padding:9px 11px;font:11px/1.6 ui-monospace,monospace}.v2-text-link{color:#b68bff;align-items:center;gap:6px;margin-top:20px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.v2-text-link svg{width:13px;height:13px}.v2-text-link:hover{color:#c4b5fd}.v2-quick-example{background:linear-gradient(135deg,#171329,#15162d);border:1px solid #9379e638;border-radius:9px;min-height:300px;padding:15px 17px;position:relative;overflow:hidden}.v2-quick-example h3{margin:0 0 13px;font-size:14px}.v2-quick-example pre{color:#d5aeb4;white-space:pre-wrap;border:1px solid #9d82dd38;border-radius:5px;margin:0;padding:14px;font:10px/1.55 ui-monospace,monospace}.v2-example-arrow{color:#f57b37;font-size:47px;position:absolute;top:143px;left:39px;transform:rotate(10deg)}.v2-example-sheet{width:180px;height:215px;position:absolute;bottom:-58px;right:25px;transform:rotate(-1deg);box-shadow:0 15px 34px #00000052}.v2-example-sheet .v2-mini-sheet{height:100%;padding:17px 18px}.v2-mini-sheet-compact .v2-mini-sheet-header h3{font-size:8px}.v2-mini-sheet-compact .v2-mini-sheet-header p,.v2-mini-sheet-compact .v2-mini-sheet-header>span{font-size:4px}.v2-mini-sheet-compact .v2-mini-song-block{margin-top:12px;font-size:4px}.v2-mini-sheet-compact .v2-mini-song-block strong{margin-bottom:6px;font-size:4px}.v2-support{background:radial-gradient(circle at 83% 45%,#7e34ee38,#0000 28rem),linear-gradient(135deg,#0c101df7,#070912f7);grid-template-columns:minmax(0,1fr) minmax(280px,370px);align-items:center;gap:64px;padding:42px 52px;display:grid;position:relative;overflow:hidden}.v2-support:before{filter:blur(55px);content:"";pointer-events:none;background:#5f2ed224;border-radius:50%;width:360px;height:300px;position:absolute;inset:auto auto -150px -80px}.v2-support-copy,.v2-support-qr{z-index:1;position:relative}.v2-support-icon{color:#b99cff;background:linear-gradient(145deg,#7941ef57,#441d9757);border:1px solid #9f78ff57;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid;box-shadow:0 12px 34px #4b23aa38}.v2-support-icon svg{width:24px;height:24px}.v2-support-copy h2{letter-spacing:-.04em;margin:9px 0 16px;font-size:34px;line-height:1.05}.v2-support-copy>p:not(.v2-panel-kicker):not(.v2-support-note){color:#c0c5d0;max-width:650px;margin:0 0 15px;font-size:16px;line-height:1.7}.v2-support-copy strong{color:#f1effa;font-weight:700}.v2-support-note{color:#d9d5e7;background:#6e39df1f;border-left:2px solid #8b5cf6;border-radius:0 8px 8px 0;align-items:flex-start;gap:10px;max-width:630px;margin:22px 0 0;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.v2-support-note svg{color:#f05b84;fill:currentColor;flex:none;width:16px;height:16px;margin-top:1px}.v2-support-qr{text-align:center;flex-direction:column;justify-content:center;margin:0;display:flex}.v2-support-qr-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#ffffff29,#ffffff08),linear-gradient(145deg,#784bec59,#1c1633b3);border:1px solid #bea5ff4d;border-radius:30px;width:min(100%,350px);margin-inline:auto;padding:13px;position:relative;box-shadow:0 32px 80px #0000006b,inset 0 0 0 1px #8453f114,0 0 64px #6f31e533}.v2-support-qr-frame:before{z-index:-1;filter:blur(26px);content:"";background:linear-gradient(150deg,#874eff42,#5b23cf0a);border-radius:40%;position:absolute;inset:12% -9%}.v2-support-qr-surface{background:#fff;border:1px solid #ffffffad;border-radius:20px;padding:7px;overflow:hidden;box-shadow:0 12px 30px #04050c47}.v2-support-qr-frame img{border-radius:14px;width:100%;height:auto;display:block}.v2-support-qr figcaption{color:#b3b9c6;flex-direction:column;gap:3px;margin-top:16px;font-size:12px;line-height:1.5;display:flex}.v2-support-qr figcaption strong{color:#f0ecfa;letter-spacing:.01em;font-size:13px}.v2-bottom-grid{grid-template-columns:1.08fr .92fr;gap:12px;display:grid}.v2-faq,.v2-feedback{padding:30px 37px}.v2-faq h2,.v2-feedback h2{margin:0 0 16px;font-size:25px}.v2-faq-tip{color:#dcd4f3;background:linear-gradient(100deg,#6c37de2b,#492b8912);border:1px solid #8b5cf642;border-radius:9px;align-items:flex-start;gap:9px;margin:0 0 16px;padding:11px 12px;font-size:12px;font-weight:650;line-height:1.5;display:flex}.v2-faq-tip svg{color:#a985ff;flex:none;width:15px;height:15px;margin-top:1px}.v2-faq details{border:1px solid var(--v2-border);background:#080c14b3;border-bottom:0}.v2-faq details:first-child{border-radius:7px 7px 0 0}.v2-faq details:last-child{border-bottom:1px solid var(--v2-border);border-radius:0 0 7px 7px}.v2-faq summary{cursor:pointer;justify-content:space-between;align-items:center;padding:13px 14px;font-size:13px;list-style:none;display:flex}.v2-faq summary::-webkit-details-marker{display:none}.v2-faq summary svg{width:13px;height:13px;transition:transform .16s}.v2-faq details[open] summary svg{transform:rotate(90deg)}.v2-faq details p{color:#b1b7c4;margin:0;padding:0 34px 14px 14px;font-size:12px;line-height:1.6}.v2-feedback{background:radial-gradient(circle at 95% 10%,#8b5cf63b,#0000 16rem),linear-gradient(145deg,#0f1322f5,#080a14fa);align-items:center;gap:24px;display:flex;position:relative;overflow:hidden}.v2-feedback:after{content:"";pointer-events:none;border:1px solid #ac89ff1c;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-105px;right:-82px;box-shadow:0 0 0 34px #8b5cf608,0 0 0 70px #8b5cf605}.v2-feedback-icon{color:#b99cff;background:linear-gradient(145deg,#844bf447,#46229138);border:1px solid #a985ff47;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 16px 38px #3d1e843d}.v2-feedback-icon svg{width:27px;height:27px}.v2-feedback-copy{z-index:1;max-width:440px;position:relative}.v2-feedback-copy .v2-panel-kicker{margin-bottom:8px}.v2-feedback-copy h2{letter-spacing:-.025em;margin-bottom:12px;line-height:1.15}.v2-feedback-copy>p:not(.v2-panel-kicker){color:#b9bfcb;margin:0 0 20px;font-size:13px;line-height:1.65}.v2-feedback-link{color:#fff;background:linear-gradient(110deg,#6030ca,#8d3cdb);border:1px solid #8d62ed;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .16s,filter .16s;display:inline-flex;box-shadow:0 10px 24px #592ab845}.v2-feedback-link:hover{filter:brightness(1.08);transform:translateY(-1px)}.v2-feedback-link:focus-visible{outline-offset:3px;outline:2px solid #c9b6ff}.v2-feedback-link svg{width:15px;height:15px}.v2-footer{color:#a5aab8;grid-template-columns:1.65fr repeat(4,.65fr);gap:32px;padding:22px 38px;display:grid}.v2-footer .easychords-logo{width:132px;height:31px;display:block}.v2-footer-brand p{margin:4px 0 19px;font-size:12px}.v2-footer-brand small{font-size:11px}.v2-footer h3{color:#e6e7ec;margin:0 0 10px;font-size:12px;font-weight:650}.v2-footer>div>a{color:#b0b6c3;margin:6px 0;font-size:11px;text-decoration:none;display:block}.v2-footer a:hover{color:#fff}.v2-socials>span{gap:7px;display:flex}.v2-socials a{border:1px solid var(--v2-border);color:#d8dae2;background:#101523;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.v2-socials svg{width:14px;height:14px}@media (max-width:1000px){.v2-page>header>div nav{gap:18px}.v2-page>header>div .easychords-logo{width:130px;height:30px}.v2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.96fr);align-items:start;gap:6px;min-height:440px;padding-block:20px 24px}.v2-hero-copy{padding-left:22px}.v2-badge{margin-bottom:12px;padding:6px 12px;font-size:11px}.v2-hero-copy h1{font-size:3.15rem}.v2-hero-subtitle{margin-top:15px;font-size:15px}.v2-benefits{flex-wrap:nowrap;gap:5px;margin-top:14px}.v2-benefits span{gap:5px;padding:7px 8px;font-size:10px}.v2-hero-actions{flex-wrap:nowrap;gap:9px;margin-top:16px}.v2-hero-actions .v2-button{gap:7px;min-height:44px;padding-inline:18px;font-size:13px}.v2-trust-caption{margin-top:13px}.v2-trust-row{gap:12px;font-size:10px}.v2-trust-row svg{width:13px;height:13px}.v2-hero-art{align-self:start;min-height:402px}.v2-hero-backing,.v2-hero-sheet{width:350px;height:390px}.v2-hero-sheet{right:31px}.v2-hero-backing{right:9px}.v2-hero-sheet .v2-mini-sheet{padding:27px 29px}.v2-mini-song-block{margin-top:21px;font-size:7px}.v2-mini-song-block strong{margin-bottom:8px;font-size:7px}.v2-about{gap:30px;min-height:0;padding:23px 27px 20px}.v2-about-copy h2{margin-block:7px 12px;font-size:28px}.v2-about-copy>p:last-child{font-size:14px;line-height:1.6}.v2-about-grid article{min-height:88px}.v2-about-grid h3{margin-bottom:5px;font-size:14px}.v2-about-grid p{font-size:12px}.v2-round-icon{width:34px;height:34px}.v2-round-icon svg{width:15px;height:15px}.v2-how{padding:18px 20px 20px}.v2-how .v2-section-heading{margin-bottom:16px}.v2-how .v2-section-heading h2{font-size:25px}.v2-how-grid{gap:14px;padding-inline:5px}.v2-how-grid li:not(:last-child):after{width:16px;right:-15px}.v2-step-number{width:31px;height:31px;font-size:11px;top:-12px}.v2-step-card{min-height:168px;padding:27px 15px 16px}.v2-step-card>svg{width:22px;height:22px;margin-bottom:13px}.v2-step-card h3{margin-bottom:8px;font-size:13px}.v2-step-card p{font-size:11px;line-height:1.5}.v2-features{padding-block:19px 20px}.v2-features .v2-section-heading{margin-bottom:16px}.v2-features .v2-section-heading h2{font-size:25px}.v2-feature-grid article{min-height:176px;padding-block:17px}.v2-feature-grid article>span{width:40px;height:40px;margin-bottom:11px}.v2-feature-grid svg{width:23px;height:23px}.v2-feature-grid h3{margin-bottom:7px;font-size:12px}.v2-feature-grid p{font-size:10.5px}.v2-docs-grid{grid-template-columns:155px minmax(0,1fr) 290px}.v2-support{grid-template-columns:minmax(0,1fr) 285px;gap:36px;padding:34px 36px}.v2-feedback{gap:18px;padding-inline:28px}}@media (max-width:767px){.v2-page{background-size:auto 680px}.v2-page>header>div .easychords-logo{width:139px;height:33px}.v2-page>header .marketing-button-primary{min-height:42px}.v2-hero-grid{flex-direction:column;min-height:0;padding:55px 0 28px;display:flex}.v2-hero-copy{text-align:center;padding-left:0}.v2-hero-copy h1{font-size:clamp(2.75rem,13vw,3.5rem)}.v2-hero-subtitle{margin-inline:auto;font-size:15px}.v2-benefits,.v2-hero-actions,.v2-trust-row{justify-content:center}.v2-benefits{flex-wrap:wrap}.v2-hero-actions{display:grid}.v2-trust-row{flex-wrap:wrap;gap:10px 18px}.v2-hero-art{width:100%;min-height:410px;margin-top:28px}.v2-hero-backing,.v2-hero-sheet{width:min(83vw,345px);height:395px}.v2-hero-backing{right:3%}.v2-hero-sheet{right:8%}.v2-about{grid-template-columns:1fr;gap:26px;padding:30px 24px}.v2-about-grid{grid-template-columns:1fr}.v2-about-grid article:nth-child(n){border-bottom:1px solid var(--v2-border);min-height:88px}.v2-about-grid article:last-child{border-bottom:0}.v2-how,.v2-features,.v2-docs{padding:28px 16px}.v2-section-heading h2{font-size:22px}.v2-how-grid{grid-template-columns:1fr;gap:24px;padding:0 7px}.v2-how-grid li:not(:last-child):after{border-top:0;border-left:1px dotted #815dde8f;width:0;height:24px;inset:auto auto -25px 8px}.v2-step-card{min-height:0;padding:28px 22px 22px 66px}.v2-step-card>svg{margin:0;position:absolute;top:38px;left:24px}.v2-feature-grid{grid-template-columns:1fr 1fr}.v2-feature-grid article{min-height:176px}.v2-docs-grid{grid-template-columns:1fr}.v2-docs-nav{grid-template-columns:1fr 1fr;display:grid}.v2-docs-copy{padding:12px 2px 24px}.v2-quick-example{min-height:330px}.v2-support{grid-template-columns:1fr;gap:32px;padding:32px 24px}.v2-support-copy{text-align:center}.v2-support-icon,.v2-support-copy>p:not(.v2-panel-kicker):not(.v2-support-note),.v2-support-note{margin-inline:auto}.v2-support-note{text-align:left}.v2-support-qr-frame{width:min(100%,320px)}.v2-bottom-grid{grid-template-columns:1fr}.v2-faq,.v2-feedback{padding:27px 22px}.v2-feedback{align-items:flex-start}.v2-footer{grid-template-columns:1fr 1fr;gap:27px;padding:28px 24px}.v2-footer-brand{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-toggle{border:1px solid var(--border);background:var(--secondary);color:var(--foreground);box-shadow:inset 0 1px #ffffff0a}.theme-toggle:hover{border-color:var(--ring)}.theme-toggle .theme-icon-moon{display:none}.theme-toggle .theme-icon-sun{display:block}html[data-theme=light] .theme-toggle .theme-icon-sun{display:none}html[data-theme=light] .theme-toggle .theme-icon-moon{display:block}html[data-theme=light] body:has(.app-shell){--background:#f6f7fb;--foreground:#12141b;--card:#fff;--card-foreground:#12141b;--popover:#fff;--popover-foreground:#12141b;--primary:#6d35dc;--primary-foreground:#fff;--secondary:#eef0f6;--secondary-foreground:#171923;--muted:#f0f2f7;--muted-foreground:#62697a;--accent:#ede8ff;--accent-foreground:#32146f;--destructive:#c43e4f;--border:#dfe3ed;--input:#d3d8e4;--ring:#7c3aed;color:var(--foreground);background:#f6f7fb}html[data-theme=light] .app-shell{background:radial-gradient(circle at 82% 4%,#774fe71f,#0000 25rem),radial-gradient(circle at 12% 38%,#576cce14,#0000 30rem),#f6f7fb}html[data-theme=light] .app-shell:before{opacity:.035;mix-blend-mode:multiply}html[data-theme=light] .app-shell>header{background:#ffffffe0;border-color:#2026371a;box-shadow:0 1px #14182608}html[data-theme=light] .app-shell .easychords-logo{filter:none;mix-blend-mode:normal}html[data-theme=light] .app-page-title{color:#0000;background:linear-gradient(105deg,#12141b 15%,#3f365c 62%,#6d35dc);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .app-shell .elevated-panel{background:linear-gradient(145deg,#fffffffa,#f8f9fdfa);border-color:#5b439924;box-shadow:0 24px 65px #3730501f,inset 0 1px #fff}html[data-theme=light] .app-shell .soft-panel,html[data-theme=light] .app-shell [data-slot=card]{background:linear-gradient(145deg,#fffffffa,#f8f9fdf5);border-color:#5b439921;box-shadow:0 10px 30px #3730500f,inset 0 1px #fff}html[data-theme=light] .app-shell [data-slot=input],html[data-theme=light] .app-shell [data-slot=textarea],html[data-theme=light] .app-shell [data-slot=select-trigger]{color:#171923;background:#fffffff0;border-color:#d3d8e4;box-shadow:inset 0 1px #fff,0 1px 2px #20263712}html[data-theme=light] .app-shell [data-slot=input]::placeholder,html[data-theme=light] .app-shell [data-slot=textarea]::placeholder{color:#8a91a1}html[data-theme=light] .app-shell [data-slot=input]:hover,html[data-theme=light] .app-shell [data-slot=textarea]:hover,html[data-theme=light] .app-shell [data-slot=select-trigger]:hover{border-color:#b8bfce}html[data-theme=light] .app-shell [data-slot=field-label]{color:#292c36}html[data-theme=light] .app-shell [data-slot=field-description]{color:#697083}html[data-theme=light] .app-shell [data-slot=button][data-variant=outline]{color:#242731;background:#ffffffe6;border-color:#d4d9e5;box-shadow:0 1px 2px #2026370d}html[data-theme=light] .app-shell [data-slot=button][data-variant=secondary]{color:#242731;background:#eef0f6;border-color:#d9deea}html[data-theme=light] .app-shell [data-slot=button][data-variant=outline]:hover,html[data-theme=light] .app-shell [data-slot=button][data-variant=secondary]:hover,html[data-theme=light] .app-shell [data-slot=button][data-variant=ghost]:hover{color:#32146f;background:#ede8ff;border-color:#b9a7e8}html[data-theme=light] .app-shell [data-slot=tabs-list]{background:#eef0f6;border-color:#dfe3ed;box-shadow:inset 0 1px #fff}html[data-theme=light] .app-shell [data-slot=tabs-trigger]{color:#697083}html[data-theme=light] .app-shell [data-slot=tabs-trigger][data-state=active]{color:#4d1fae;background:linear-gradient(120deg,#f1edff,#e8e1ff);border-color:#6d35dc38;box-shadow:0 5px 14px #5730aa1a}html[data-theme=light] body:has(.app-shell) [data-slot=select-content]{color:#171923;background:#fff;border-color:#d9deea;box-shadow:0 18px 48px #2a2c3c2e}html[data-theme=light] body:has(.app-shell) [data-slot=select-item]:focus{color:#32146f;background:#ede8ff}html[data-theme=light] .app-shell [data-slot=checkbox]{background:#fff;border-color:#aeb5c5}html[data-theme=light] .app-shell [data-slot=checkbox][data-state=checked]{background:#7c3aed;border-color:#7c3aed}html[data-theme=light] .app-shell [data-slot=switch]{background:#dfe3eb;border-color:#cbd1dd}html[data-theme=light] .app-shell [data-slot=switch][data-state=checked]{background:#7c3aed;border-color:#7c3aed}html[data-theme=light] .app-shell [data-slot=alert]{background:#f2efff;border-color:#6d35dc33}html[data-theme=light] .app-shell [data-slot=badge]{color:#525968;background:#eef0f6;border-color:#d8dce7}html[data-theme=light] .app-shell [data-slot=empty]{background:linear-gradient(145deg,#fff,#f8f9fd);border-color:#5b439924}html[data-theme=light] .app-shell [data-slot=empty-icon]{color:#6d35dc;background:#eee8ff;border-color:#6d35dc2e}html[data-theme=light] .app-shell .sheet-workspace{background:#e7e9f0}html[data-theme=light] .app-shell .preview-page{box-shadow:0 22px 55px #2a2c3c2e}html[data-theme=light] .app-shell .editor-dense>div:last-child>section{background:linear-gradient(145deg,#fff,#f8f9fd);border-color:#5b439921;box-shadow:0 8px 24px #2a2c3c0f,inset 0 1px #fff}html[data-theme=light] .app-shell .editor-dense [data-slot=button][data-size=icon-sm]{color:#666e7e}html[data-theme=light] .app-shell .chord-color-option[data-state=on]{border-color:#6d35dc;box-shadow:0 0 0 2px #fff,0 0 0 4px #7c3aed}html[data-theme=light] .app-shell ::-webkit-scrollbar-track{background:#edf0f5}html[data-theme=light] .app-shell ::-webkit-scrollbar-thumb{background:#b9bfcc;border-color:#edf0f5}html[data-theme=light] .app-shell ::-webkit-scrollbar-thumb:hover{background:#959dad}html[data-theme=light] .library-page-title,html[data-theme=light] .settings-page-title{color:#12141b}html[data-theme=light] .product-page-kicker{color:#6d35dc}html[data-theme=light] .library-page-copy>p:last-child,html[data-theme=light] .settings-page-copy>p:last-child{color:#62697a}html[data-theme=light] .library-artist-folder{background:linear-gradient(145deg,#fffffffa,#f7f8fcfa)!important;border-color:#5b43992b!important;box-shadow:0 22px 60px #3730501a,inset 0 1px #fff!important}html[data-theme=light] .library-sheet-grid{border-color:#5b439921!important}html[data-theme=light] .library-sheet-card{background:linear-gradient(145deg,#fff,#f8f9fd)!important;border-color:#5b439924!important}html[data-theme=light] .settings-form-panel{background:linear-gradient(145deg,#fffffffa,#f8f9fdfa)!important;border-color:#5b439929!important}html[data-theme=light] .v2-page{--v2-bg:#f6f7fb;--v2-surface:#fffffff0;--v2-surface-soft:#f5f3fb;--v2-border:#3d306024;--v2-text:#14151c;--v2-muted:#62697a;color:var(--v2-text);background:radial-gradient(circle at 76% 16%,#8048ec29,#0000 30rem),radial-gradient(circle at 15% 7%,#576cce1a,#0000 27rem),#f6f7fb}html[data-theme=light] .v2-page:before{background:radial-gradient(circle at 74% 26%,#7846e11a,#0000 30rem)}html[data-theme=light] .v2-page>header{color:#14151c;background:#ffffffe0;border-color:#252a3a1a;box-shadow:0 1px #14182608}html[data-theme=light] .v2-page>header nav a{color:#646a78}html[data-theme=light] .v2-page>header nav a:hover,html[data-theme=light] .v2-page>header nav a[aria-current=page]{color:#11131a}html[data-theme=light] .v2-page>header nav a[aria-current=page]:after{background:linear-gradient(90deg,#6d4ed2,#8b2cce);box-shadow:0 0 10px #6d4ed257}html[data-theme=light] .v2-page .easychords-logo-dark{filter:none;mix-blend-mode:normal}html[data-theme=light] .v2-page .theme-toggle-marketing,html[data-theme=light] .v2-page>header [aria-label=Open\ navigation],html[data-theme=light] .v2-page>header [aria-label=Close\ navigation]{color:#242731;background:#f0f2f7;border-color:#d9deea}html[data-theme=light] .v2-page>header .app-container+nav{color:#242731;background:#fffffff5;border-color:#dfe3ed}html[data-theme=light] .v2-page>header .app-container+nav a{color:#30333d}html[data-theme=light] .v2-page>header .app-container+nav a:hover{color:#32146f;background:#ede8ff}html[data-theme=light] .v2-badge{color:#5b2abe;background:#eee8ff;border-color:#6d35dc3d}html[data-theme=light] .v2-hero-subtitle{color:#5f6675}html[data-theme=light] .v2-benefits span{color:#424753;background:#ffffffb8;border-color:#dfe3ed}html[data-theme=light] .v2-button-secondary{color:#20232c;background:#ffffffe0;border-color:#d8dce7;box-shadow:0 7px 20px #2a2c3c0f}html[data-theme=light] .v2-trust-caption{color:#737a8a}html[data-theme=light] .v2-trust-row{color:#555c6c}html[data-theme=light] .v2-hero-glow{background:radial-gradient(circle at 54% 52%,#8331ff2e,#0000 59%),radial-gradient(circle at 92% 55%,#e24b781c,#0000 29%)}html[data-theme=light] .v2-hero-backing{box-shadow:0 24px 52px #2a2c3c33}html[data-theme=light] .v2-hero-sheet{box-shadow:0 25px 65px #2a2c3c38}html[data-theme=light] .v2-panel{background:linear-gradient(135deg,#fffffff5,#f8f9fdf5);box-shadow:0 14px 42px #37305012,inset 0 1px #fff}html[data-theme=light] .v2-about-copy>p:last-child,html[data-theme=light] .v2-docs-copy>p,html[data-theme=light] .v2-docs-copy li span{color:#62697a}html[data-theme=light] .v2-about-grid p,html[data-theme=light] .v2-step-card p,html[data-theme=light] .v2-feature-grid p,html[data-theme=light] .v2-faq details p{color:#6a7181}html[data-theme=light] .v2-step-card,html[data-theme=light] .v2-feature-grid article,html[data-theme=light] .v2-docs-nav,html[data-theme=light] .v2-faq details{background:#ffffffd1}html[data-theme=light] .v2-step-number{color:#fff;background:linear-gradient(145deg,#8059df,#6033bd);border-color:#8058d9;box-shadow:0 7px 18px #4c2a942e,0 0 0 4px #6d35dc0f}html[data-theme=light] .v2-feature-grid article>span{color:#6534bf;background:linear-gradient(145deg,#f5f1ff,#ece6fb);border:1px solid #ddd4f2;box-shadow:0 8px 20px #4a2d8517,inset 0 1px #fff}html[data-theme=light] .v2-docs-nav a{color:#555c6a}html[data-theme=light] .v2-docs-nav a:hover,html[data-theme=light] .v2-docs-nav a.is-active{color:#4d1fae;background:linear-gradient(90deg,#eee8ff,#f4f1ff)}html[data-theme=light] .v2-docs-copy code{color:#424856;background:#f3f4f8}html[data-theme=light] .v2-quick-example{background:linear-gradient(135deg,#f0ecfb,#eceefe);border-color:#6d35dc29}html[data-theme=light] .v2-quick-example pre{color:#8a4e58;background:#ffffff9e;border-color:#6d35dc29}html[data-theme=light] .v2-support{background:radial-gradient(circle at 83% 45%,#7e34ee21,#0000 28rem),linear-gradient(135deg,#fffffff7,#f7f8fdf7)}html[data-theme=light] .v2-support:before{background:#6f3fd314}html[data-theme=light] .v2-support-icon{color:#6734c5;background:linear-gradient(145deg,#f3edff,#e8ddff);border-color:#d9cdf5;box-shadow:0 10px 28px #472a821a}html[data-theme=light] .v2-support-copy>p:not(.v2-panel-kicker):not(.v2-support-note){color:#62697a}html[data-theme=light] .v2-support-copy strong{color:#252833}html[data-theme=light] .v2-support-note{color:#4f5564;background:#f1edff;border-left-color:#7c3aed}html[data-theme=light] .v2-support-qr-frame{background:linear-gradient(145deg,#ffffffd1,#ffffff7a),linear-gradient(145deg,#dbcdfab8,#f3effcd1);border-color:#d8ccef;box-shadow:0 24px 60px #362b5429,0 0 45px #6f31e517}html[data-theme=light] .v2-support-qr figcaption{color:#697083}html[data-theme=light] .v2-support-qr figcaption strong{color:#313543}html[data-theme=light] .v2-faq-tip{color:#504766;background:linear-gradient(100deg,#f0eaff,#f7f4ff);border-color:#d8caef}html[data-theme=light] .v2-feedback{background:radial-gradient(circle at 95% 10%,#8b5cf624,#0000 16rem),linear-gradient(145deg,#fffffff5,#f6f3fcfa)}html[data-theme=light] .v2-feedback-icon{color:#6734c5;background:linear-gradient(145deg,#f3edff,#e8ddff);border-color:#d9cdf5;box-shadow:0 10px 28px #472a821a}html[data-theme=light] .v2-feedback-copy>p:not(.v2-panel-kicker){color:#62697a}html[data-theme=light] .v2-footer{color:#666d7d}html[data-theme=light] .v2-footer h3{color:#30333d}html[data-theme=light] .v2-footer>div>a{color:#666d7d}html[data-theme=light] .v2-footer a:hover{color:#4d1fae}html[data-theme=light] .v2-socials a{color:#4b5160;background:#fff}html[data-theme=light] .import-page-title{color:#151722}html[data-theme=light] .import-page-title span{color:#0000;background:linear-gradient(96deg,#6d4ed2 2%,#7750dd 52%,#8b2cce 92%);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .import-page-copy>p{color:#5e6575}html[data-theme=light] .import-form-panel{background:linear-gradient(145deg,#fffffffa,#f7f8fdfa)!important;border-color:#5c3fa62b!important;box-shadow:0 24px 65px #3730501c,inset 0 1px #fff!important}html[data-theme=light] .import-outcomes-panel{background:radial-gradient(circle at 90% 72%,#7b4ee01a,#0000 46%),linear-gradient(145deg,#fffffff7,#f6f7fcf7);border-color:#5c3fa62b;box-shadow:0 24px 65px #3730501a,inset 0 1px #fff}html[data-theme=light] .import-outcomes-panel>h2{color:#1c1f29}html[data-theme=light] .import-outcome{color:#303440;border-bottom-color:#dde1eb}html[data-theme=light] .import-outcome-icon{color:#6638c3;background:linear-gradient(145deg,#f2eeff,#e8e2f8);border-color:#d9cff2;box-shadow:inset 0 1px #fff}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes pulse{50%{opacity:.5}}