@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Poppins:wght@400;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-lg:32rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Poppins", "Arial Rounded MT Bold", "Trebuchet MS", Arial, sans-serif;--default-mono-font-family:var(--font-mono);--color-border:var(--border)}}@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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-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{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}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-s-1\/2{inset-inline-start:50%}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-4{top:calc(var(--spacing) * 4)}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-full{top:100%}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-12{bottom:calc(var(--spacing) * -12)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.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 (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0\!{margin:calc(var(--spacing) * 0)!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3\.5{margin-inline:calc(var(--spacing) * 3.5)}.mx-auto{margin-inline:auto}.-my-2{margin-block:calc(var(--spacing) * -2)}.my-0{margin-block:calc(var(--spacing) * 0)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-1{margin-block:calc(var(--spacing) * 1)}.-mt-4{margin-top:calc(var(--spacing) * -4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-auto{width:auto;height:auto}.size-full{width:100%;height:100%}.h-\(--cell-size\){height:var(--cell-size)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-\[calc\(--spacing\(5\.5\)\)\]{height:calc(calc(var(--spacing) * 5.5))}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[300px\]{max-height:300px}.max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-full{min-height:100%}.min-h-svh{min-height:100svh}.w-\(--anchor-width\){width:var(--anchor-width)}.w-\(--cell-size\){width:var(--cell-size)}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-0{width:calc(var(--spacing) * 0)}.w-1{width:calc(var(--spacing) * 1)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-\(--available-width\){max-width:var(--available-width)}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-\[80\%\]{max-width:80%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--cell-size\){min-width:var(--cell-size)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.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-16{min-width:calc(var(--spacing) * 16)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\(--radix-context-menu-content-transform-origin\){transform-origin:var(--radix-context-menu-content-transform-origin)}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-hover-card-content-transform-origin\){transform-origin:var(--radix-hover-card-content-transform-origin)}.origin-\(--radix-menubar-content-transform-origin\){transform-origin:var(--radix-menubar-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-caret-blink{animation:1.25s ease-out infinite caret-blink}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.scroll-px-1{scroll-padding-inline:calc(var(--spacing) * 1)}.scroll-py-1{scroll-padding-block:calc(var(--spacing) * 1)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-\[0_1fr\]{grid-template-columns:0 1fr}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-items-start{justify-items:start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-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))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.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}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius:calc(var(--radius) - 5px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 3px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 5px)}.rounded-xl{border-radius:calc(var(--radius) + 6px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-md{border-top-left-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 5px)}.rounded-r-md{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\(--color-border\){border-color:var(--color-border)}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-\[Canvas\]{background-color:canvas}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-input{background-color:var(--input)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.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{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.fill-current{fill:currentColor}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.p-px{padding:1px}.px-\(--cell-size\){padding-inline:var(--cell-size)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:Poppins,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-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-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words,.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.text-accent-foreground{color:var(--accent-foreground)}.text-background{color:var(--background)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.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)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--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)}.ring-background{--tw-ring-color:var(--background)}.ring-card{--tw-ring-color:var(--card)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\,opacity\]{transition-property:translate,scale,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.contain-content{contain:content}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--cell-size\:--spacing\(8\)\]{--cell-size:calc(var(--spacing) * 8)}.\[contain-intrinsic-size\:auto_10rem\]{contain-intrinsic-size:auto 10rem}.\[content-visibility\:auto\]{content-visibility:auto}.running{animation-play-state:running}.scrollbar-gutter-stable{scrollbar-gutter:stable}.scrollbar-thin{scrollbar-width:thin}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media (hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing) * 8)}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){display:none}.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){--tw-translate-y:calc(var(--spacing) * -8);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){padding-inline:calc(var(--spacing) * 0)}.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){text-wrap:balance}.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){align-self:flex-start}.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){padding-top:calc(var(--spacing) * 2.5)}.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){padding-bottom:calc(var(--spacing) * 2.5)}.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){display:flex}.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){align-self:flex-end}.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){justify-content:flex-end}.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){align-self:flex-end}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing) * -8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing) * 8)!important;height:calc(var(--spacing) * 8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing) * 2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width) * -1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing) * 0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.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] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){opacity:.5}.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){position:relative}.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){z-index:10}.group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused=true] *){border-color:var(--ring)}.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused=true] *){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){position:absolute}.group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){top:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){right:calc(var(--spacing) * 3)}.group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){gap:calc(var(--spacing) * 1)}.group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){padding-inline:calc(var(--spacing) * 1)}.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-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing) * -4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing) * 0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.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\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){display:grid}.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){grid-template-columns:repeat(2,minmax(0,1fr))}.group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){width:calc(var(--spacing) * 8)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.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-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){width:calc(var(--spacing) * 7)}.group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){border-radius:calc(var(--radius) - 3px)}.group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *){opacity:1}.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state=error] *){background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state=error] *),.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state=error] *){color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){opacity:1}.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){rotate:180deg}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=processing] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}@media (prefers-color-scheme:dark){.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}}.group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state=uploading] *):where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--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\: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)}.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){flex:none}.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){text-align:center}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){display:block}.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){text-align:center}.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){top:100%}.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){margin-top:calc(var(--spacing) * 1.5)}.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){overflow:hidden}.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-radius:calc(var(--radius) - 3px)}.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport=false] *){background-color:var(--popover)}.group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport=false] *){color:var(--popover-foreground)}.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){--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-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){--tw-duration:.2s;transition-duration:.2s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing) * 1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing) * 2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing) * 1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.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)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}.before\:h-px:before{content:var(--tw-content);height:1px}.before\:min-w-0:before{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.before\:flex-1:before{content:var(--tw-content);flex:1}.before\:bg-border:before{content:var(--tw-content);background-color:var(--border)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:ml-1:after{content:var(--tw-content);margin-left:calc(var(--spacing) * 1)}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:w-1:after{content:var(--tw-content);width:calc(var(--spacing) * 1)}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.after\:min-w-0:after{content:var(--tw-content);min-width:calc(var(--spacing) * 0)}.after\:flex-1:after{content:var(--tw-content);flex:1}.after\:-translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.after\:bg-border:after{content:var(--tw-content);background-color:var(--border)}.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-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 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:calc(var(--spacing) * 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)}.first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.first\:border-l:first-child{border-left-style:var(--tw-border-style);border-left-width:1px}.last\:mt-0:last-child{margin-top:calc(var(--spacing) * 0)}.last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-ring:focus-within{border-color:var(--ring)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-\[3px\]:focus-within{--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-within\:ring-ring\/50:focus-within{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-within\:ring-ring\/50:focus-within{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-muted-foreground:hover{color:var(--muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:z-10:focus{z-index:10}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring:focus-visible,.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-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}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-focus\:border-ring:has(:focus){border-color:var(--ring)}.has-focus\:ring-\[3px\]:has(:focus){--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)}.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-focus\:ring-ring\/50:has(:focus){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-aria-invalid\:border-destructive:has([aria-invalid=true]){border-color:var(--destructive)}.has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-aria-invalid\:ring-destructive\/20:has([aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr}.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){column-gap:calc(var(--spacing) * 6)}.has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){width:calc(var(--spacing) * 30)}.has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){padding-inline:calc(var(--spacing) * 2.5)}.has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){padding-block:calc(var(--spacing) * 2)}.has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1)}.has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 1.5)}.has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){padding:calc(var(--spacing) * 2)}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){padding-inline:calc(var(--spacing) * 1.5)}.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){padding-right:calc(var(--spacing) * 0)}.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\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible){border-color:var(--ring)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]: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)}.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible){--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid=true]){border-color:var(--destructive)}.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.has-\[button\]\:p-0:has(:is(button)){padding:calc(var(--spacing) * 0)}.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){height:auto}.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){flex-direction:column}.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){height:auto}.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:calc(var(--spacing) * 2)}.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:calc(var(--radius) - 3px)}.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)}@media (hover:hover){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has(>a,>button):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){margin-right:-.45rem}.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){margin-left:-.45rem}.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){margin-right:-.35rem}.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){margin-left:-.35rem}.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\]\:p-0:has(>svg){padding:calc(var(--spacing) * 0)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:calc(var(--spacing) * 2)}.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)}.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.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)}}.aria-selected\:text-muted-foreground[aria-selected=true]{color:var(--muted-foreground)}.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{height:1px}.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{width:100%}.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{content:var(--tw-content);left:calc(var(--spacing) * 0)}.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{content:var(--tw-content);height:calc(var(--spacing) * 1)}.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{content:var(--tw-content);width:100%}.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{flex-direction:column}.data-autoscrolling\:scrollbar-none[data-autoscrolling]{scrollbar-width:none}.data-autoscrolling\:scrollbar-none[data-autoscrolling]::-webkit-scrollbar{display:none}.data-empty\:p-0[data-empty]{padding:calc(var(--spacing) * 0)}.data-highlighted\:bg-accent[data-highlighted]{background-color:var(--accent)}.data-highlighted\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.data-pressed\:bg-transparent[data-pressed]{background-color:#0000}:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{align-self:flex-end}.data-\[active\=false\]\:pointer-events-none[data-active=false]{pointer-events:none}.data-\[active\=false\]\:scale-95[data-active=false]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=false\]\:opacity-0[data-active=false]{opacity:0}.data-\[active\=false\]\:duration-400[data-active=false]{--tw-duration:.4s;transition-duration:.4s}.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{--tw-ease:cubic-bezier(.7,0,.84,0);transition-timing-function:cubic-bezier(.7,0,.84,0)}.data-\[active\=true\]\:z-10[data-active=true]{z-index:10}.data-\[active\=true\]\:translate-y-0[data-active=true]{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[active\=true\]\:scale-100[data-active=true]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[active\=true\]\:border-ring[data-active=true]{border-color:var(--ring)}.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:bg-accent\/50[data-active=true]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-accent-foreground[data-active=true]{color:var(--accent-foreground)}.data-\[active\=true\]\:opacity-100[data-active=true]{opacity:1}.data-\[active\=true\]\:ring-\[3px\][data-active=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:ring-ring\/50[data-active=true]{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{--tw-ease:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}@media (hover:hover){.data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover{background-color:var(--accent)}}.data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus{background-color:var(--accent)}.data-\[active\=true\]\:aria-invalid\:border-destructive[data-active=true][aria-invalid=true]{border-color:var(--destructive)}.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-\[align\=end\]\:flex-row-reverse[data-align=end]{flex-direction:row-reverse}.data-\[align\=end\]\:self-end[data-align=end]{align-self:flex-end}.data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{min-width:var(--anchor-width)}.data-\[direction\=end\]\:bottom-4[data-direction=end]{bottom:calc(var(--spacing) * 4)}.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[direction\=start\]\:top-4[data-direction=start]{top:calc(var(--spacing) * 4)}.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[error\=true\]\:text-destructive[data-error=true]{color:var(--destructive)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[invalid\=true\]\:text-destructive[data-invalid=true]{color:var(--destructive)}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x:calc(52*var(--spacing))}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x:calc(52*var(--spacing))}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity:0}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-]{--tw-exit-opacity:0}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{border-radius:calc(var(--radius) - 3px)}.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.data-\[range-end\=true\]\:bg-primary[data-range-end=true]{background-color:var(--primary)}.data-\[range-end\=true\]\:text-primary-foreground[data-range-end=true]{color:var(--primary-foreground)}.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{border-radius:0}.data-\[range-middle\=true\]\:bg-accent[data-range-middle=true]{background-color:var(--accent)}.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle=true]{color:var(--accent-foreground)}.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{border-radius:calc(var(--radius) - 3px)}.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{border-top-left-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.data-\[range-start\=true\]\:bg-primary[data-range-start=true]{background-color:var(--primary)}.data-\[range-start\=true\]\:text-primary-foreground[data-range-start=true]{color:var(--primary-foreground)}.data-\[selected-single\=true\]\:bg-primary[data-selected-single=true]{background-color:var(--primary)}.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single=true]{color:var(--primary-foreground)}.data-\[selected\=true\]\:rounded-none[data-selected=true]{border-radius:0}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--accent-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.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\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.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\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.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)}.data-\[size\=sm\]\:max-w-xs[data-size=sm]{max-width:var(--container-xs)}.data-\[size\=sm\]\:py-1[data-size=sm]{padding-block:calc(var(--spacing) * 1)}: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)}}:is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{flex:none}:is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{scroll-snap-align:start}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{border-radius:0}:is(.\*\:data-\[slot\=bubble-content\]\:border-border>*)[data-slot=bubble-content]{border-color:var(--border)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .93 calc(c * .4) h)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-background>*)[data-slot=bubble-content]{background-color:var(--background)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}:is(.\*\:data-\[slot\=bubble-content\]\:bg-muted>*)[data-slot=bubble-content]{background-color:var(--muted)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-primary>*)[data-slot=bubble-content]{background-color:var(--primary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary>*)[data-slot=bubble-content]{background-color:var(--secondary)}:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{background-color:#0000}:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{padding:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=bubble-content\]\:text-destructive>*)[data-slot=bubble-content]{color:var(--destructive)}:is(.\*\:data-\[slot\=bubble-content\]\:text-foreground>*)[data-slot=bubble-content]{color:var(--foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground>*)[data-slot=bubble-content]{color:var(--primary-foreground)}:is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground>*)[data-slot=bubble-content]{color:var(--secondary-foreground)}.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{gap:calc(var(--spacing) * 3)}:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{height:calc(var(--spacing) * 12)}:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{margin:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{margin-bottom:calc(var(--spacing) * 0)}:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{height:calc(var(--spacing) * 8)}:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:border-input\/30>*)[data-slot=input-group]{border-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=input-group\]\:bg-input\/30>*)[data-slot=input-group]{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{--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)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{--tw-outline-style:none;outline-style:none}: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)}:is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{width:calc(var(--spacing) * 6)!important;height:calc(var(--spacing) * 6)!important}.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:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.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\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=error\]\:border-destructive\/30[data-state=error]{border-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity:0}.data-\[state\=idle\]\:border-dashed[data-state=idle]{--tw-border-style:dashed;border-style:dashed}.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\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open],.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.data-\[state\=open\]\:bg-accent\/50[data-state=open]{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale:.9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-opacity:0}.group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport=false] *)[data-state=open]{--tw-enter-scale:.95}@media (hover:hover){.data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover{background-color:var(--accent)}}.data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus{background-color:var(--accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}.data-\[state\=visible\]\:animate-in[data-state=visible]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity:0}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{max-width:100%}.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)}.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{max-height:80vh}.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{width:75%}.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-style:var(--tw-border-style);border-right-width:1px}.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{inset-block:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{right:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%}.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{inset-inline:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{top:calc(var(--spacing) * 0)}.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:calc(var(--spacing) * 24)}.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh}.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.nth-last-2\:-mt-1:nth-last-child(2){margin-top:calc(var(--spacing) * -1)}@media (width>=40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.sm\:pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.sm\:text-left{text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){grid-row:span 2/span 2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){place-items:start}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){text-align:left}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){grid-column-start:2}.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr}.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{max-width:var(--container-lg)}.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{max-width:var(--container-sm)}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:block{display:block}.md\:flex{display:flex}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:flex-row{flex-direction:row}.md\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:text-left{text-align:left}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing) * 2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing) * 0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 6px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--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)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing) * 2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@container field-group (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}}.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}@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\:bg-transparent{background-color:#0000}.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-accent-foreground:hover{color:var(--accent-foreground)}.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-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid=true]){border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid=true]){--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\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid=true]){--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active=true][aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{background-color:oklch(from var(--primary) .3 calc(c * .4) h)}:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20>*)[data-slot=bubble-content]{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20>*)[data-slot=bubble-content]{background-color:color-mix(in oklab, var(--destructive) 20%, 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[data-state=checked]{background-color:var(--primary)}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab, var(--input) 80%, transparent)}}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}}@media (pointer:coarse){.pointer-coarse\:size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.pointer-coarse\:px-3{padding-inline:calc(var(--spacing) * 3)}.pointer-coarse\:py-2{padding-block:calc(var(--spacing) * 2)}.pointer-coarse\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--border) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing) * 0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block:calc(var(--spacing) * 3)}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{object-fit:cover}.\[\&_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}.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{rotate:180deg}.\[\&_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-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\.border-b\]\:pb-3.border-b{padding-bottom:calc(var(--spacing) * 3)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-3.border-t{padding-top:calc(var(--spacing) * 3)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){rotate:180deg}.\[a\]\:underline:is(a){text-decoration-line:underline}.\[a\]\:underline-offset-3:is(a){text-underline-offset:3px}.\[a\]\:transition-colors:is(a){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))}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-accent\/50:is(a):hover{background-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.\[a\]\:hover\:text-foreground:is(a):hover,:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\[button\]\:text-left:is(button){text-align:left}.\[button\,a\]\:transition-colors:is(button,a){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))}.\[button\,a\]\:outline-none:is(button,a){--tw-outline-style:none;outline-style:none}.\[button\,a\]\:focus-visible\:border-ring:is(button,a):focus-visible{border-color:var(--ring)}.\[button\,a\]\:focus-visible\:ring-3:is(button,a):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)}.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.\[button\,a\]\:focus-visible\:ring-ring\/50:is(button,a):focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}:is(.\*\:\[img\]\:aspect-square>*):is(img){aspect-ratio:1}:is(.\*\:\[img\]\:w-full>*):is(img){width:100%}:is(.\*\:\[img\]\:object-cover>*):is(img){object-fit:cover}: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)}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant=destructive]>*):is(svg){color:var(--destructive)!important}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{border-top-left-radius:calc(var(--radius) - 3px);border-bottom-left-radius:calc(var(--radius) - 3px)}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{position:relative}.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{z-index:10}.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{padding:calc(var(--spacing) * 4)}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{width:auto}}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\.sr-only\]\:w-auto>.sr-only{width:auto}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .88 calc(c * .5) h)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground>[data-slot=bubble-content]:is(button,a):hover{color:var(--foreground)}@media (prefers-color-scheme:dark){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{background-color:oklch(from var(--primary) .35 calc(c * .5) h)}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--input) 30%, transparent)}}.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50>[data-slot=bubble-content]:is(button,a):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{gap:calc(var(--spacing) * 4)}.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}@container field-group (width>=28rem){.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{flex:auto}}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{border-top-right-radius:calc(var(--radius) - 3px);border-bottom-right-radius:calc(var(--radius) - 3px)}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}: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 (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)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>input\]\:flex-1>input{flex:1}.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{padding-top:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{padding-bottom:calc(var(--spacing) * 3)}.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{padding-right:calc(var(--spacing) * 2)}.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{padding-left:calc(var(--spacing) * 2)}.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px)}.\[\&\>span\]\:text-xs>span{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\>span\]\:opacity-70>span{opacity:.7}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:h-2\.5>svg{height:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:h-3>svg{height:calc(var(--spacing) * 3)}.\[\&\>svg\]\:w-2\.5>svg{width:calc(var(--spacing) * 2.5)}.\[\&\>svg\]\:w-3>svg{width:calc(var(--spacing) * 3)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>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}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{rotate:90deg}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color:#0000}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color:color-mix(in oklab, var(--background) 20%, transparent)}}[data-slot=tooltip-content] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color:var(--background)}@media (prefers-color-scheme:dark){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){[data-slot=tooltip-content] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10{background-color:color-mix(in oklab, var(--background) 10%, transparent)}}}[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}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#fff0fc;--foreground:#000;--card:#fff;--card-foreground:#000;--popover:#fff;--popover-foreground:#000;--primary:#ef65a3;--primary-foreground:#000;--secondary:#f9d4e8;--secondary-foreground:#000;--muted:#f8e8f1;--muted-foreground:#705b67;--accent:#ddb7ff;--accent-foreground:#000;--destructive:#d94f6d;--border:#efb6d4;--input:#d7cbd1;--ring:#ef65a3;--radius:1rem;--blush:#fff0fc;--pink:#f48ab8;--pink-strong:#e9468f;--lavender:#ddb7ff;--sky:#bee5ff;--yellow:#ffeba3;--mint:#c8f7db;--ink:#000}*{box-sizing:border-box}body{color:var(--ink);background:var(--blush);margin:0;font-family:Poppins,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.trainer-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 8% 12%, #ddb7ff8c, transparent 19rem), radial-gradient(circle at 92% 88%, #bee5ff94, transparent 20rem), var(--blush);place-items:center;padding:28px 16px;display:grid}.trainer-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:2px solid #ef65a36b;border-radius:32px;width:min(100%,560px);min-height:min(780px,100svh - 56px);padding:30px;box-shadow:0 18px #ddb7ff7a,0 28px 60px #633f5b26}.trainer-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.title-block{min-width:0}.brand-name{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin:0 0 7px;font-size:.7rem;font-weight:800;display:flex}.brand-name svg{stroke-width:2.4px;width:16px;height:16px}.trainer-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.5rem,5.6vw,2rem);font-weight:800;line-height:1.08}.home-title-link{color:inherit;text-decoration:none}.home-title-link:hover{text-decoration:underline;-webkit-text-decoration-color:var(--pink-strong);-webkit-text-decoration-color:var(--pink-strong);-webkit-text-decoration-color:var(--pink-strong);text-decoration-color:var(--pink-strong);text-underline-offset:.12em;text-decoration-thickness:.08em}.trainer-kicker{color:var(--ink);background:var(--yellow);border-radius:999px;margin:10px 0 0;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.header-actions{align-items:center;gap:8px;display:flex}.settings-trigger{width:46px;height:46px;box-shadow:0 4px 0 var(--ink);border:2px solid var(--ink)!important;color:var(--ink)!important;background:var(--sky)!important;border-radius:50%!important;padding:0!important}.settings-trigger:hover{transform:translateY(-1px)}.settings-trigger svg{width:19px;height:19px}.score{border:2px solid var(--ink);color:#5f4d57;text-align:center;background:var(--mint);min-width:74px;box-shadow:0 4px 0 var(--ink);border-radius:18px;flex:none;padding:10px 12px}.score strong{color:var(--ink);font-size:1.18rem}.quiz-designer{margin-top:24px;display:grid}.designer-sidebar{display:contents}.desktop-designer-copy{display:none}.designer-intro{border:2px solid var(--ink);box-shadow:0 6px 0 var(--lavender);background:linear-gradient(145deg,#fff 55%,#ffe3f2);border-radius:24px;padding:20px}.designer-intro p{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;font-weight:800}.designer-intro h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,6vw,2.2rem);line-height:1.08}.designer-intro span{color:#765d69;margin-top:7px;font-size:.82rem;line-height:1.5;display:block}.designer-scroll{scrollbar-gutter:stable;max-height:min(56svh,520px);margin-top:18px;padding:2px 6px 10px 2px;overflow-y:auto}.guide-trigger{gap:9px;width:100%;min-height:46px;margin-top:24px;font-size:.8rem;font-weight:700;border:2px solid var(--pink)!important;color:var(--ink)!important;background:#fff!important;border-radius:999px!important;justify-content:flex-start!important;padding:10px 15px!important}.guide-trigger:hover{background:#ffe2f1!important}.guide-trigger svg{width:18px;height:18px;color:var(--pink-strong)}.sound-dialog{max-width:620px!important}.sound-dialog [data-slot=dialog-description]{line-height:1.45}.sound-scroll{gap:14px;padding-bottom:5px;display:grid}.sound-scroll-rail{z-index:8;opacity:0;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:24px;transition:opacity .16s;position:absolute;top:112px;bottom:16px;right:0}.sound-scroll-rail[data-visible]{opacity:1;pointer-events:auto}.sound-scroll-rail:hover,.sound-scroll-rail:focus-visible,.sound-scroll-rail[data-dragging]{opacity:1;outline:none}.sound-scroll-thumb{color:#09031a;width:20px;min-height:40px;box-shadow:0 0 0 2px var(--sound-scroll-ring), 0 4px 14px #0500187a, 0 0 14px var(--sound-scroll-glow);opacity:.96;will-change:transform;background:#fff1a8f0;border:2px solid #09031a;border-radius:12px;place-content:center;transition:opacity .16s,background .16s;display:grid;position:absolute;top:0;left:2px}.sound-scroll-rail:hover .sound-scroll-thumb,.sound-scroll-rail:focus-visible .sound-scroll-thumb,.sound-scroll-rail[data-dragging] .sound-scroll-thumb{opacity:1;background:#fff8cffa}.sound-scroll-grip{gap:4px;width:12px;display:grid}.sound-scroll-grip i{background:#09031a;border-radius:999px;width:100%;height:2px;display:block;box-shadow:0 0 3px #ffffffc2}.sound-workspace,.sound-workspace-main,.sound-workspace-controls{gap:14px;display:grid}.sound-keyboard-hint,.sound-keyboard-view-toggle,.sound-piano-module{display:none}.sound-piano-module{border:2px solid var(--ink);gap:10px;padding:14px}@supports (color:color-mix(in lab, red, red)){.sound-piano-module{border:2px solid color-mix(in srgb, var(--ink) 36%, transparent)}}.sound-piano-module{background:#fff;border-radius:18px}@supports (color:color-mix(in lab, red, red)){.sound-piano-module{background:color-mix(in srgb, #fff 91%, var(--sky))}}.sound-piano-module{box-shadow:0 5px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.sound-piano-module{box-shadow:0 5px 0 color-mix(in srgb, var(--ink) 68%, transparent)}}.sound-workspace-main[data-ear-training=true][data-keyboard-view=piano]>.sound-keypad-mobile{display:none}.sound-workspace-main[data-ear-training=true][data-keyboard-view=piano]>.sound-piano-module{display:grid}.sound-piano-heading{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.sound-piano-title{gap:4px;display:grid}.sound-piano-heading strong{letter-spacing:.04em;text-transform:uppercase;font-size:.84rem}.sound-piano-heading span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.sound-piano-heading span{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.sound-piano-heading span{font-size:.68rem;font-weight:700}.sound-piano-controls{flex:none;align-items:center;gap:8px;display:flex}.sound-piano-parity-toggle,.sound-piano-octave-toggle{border:2px solid var(--ink);flex:none;align-items:center;gap:8px;padding:7px 9px;display:flex}@supports (color:color-mix(in lab, red, red)){.sound-piano-parity-toggle,.sound-piano-octave-toggle{border:2px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.sound-piano-parity-toggle,.sound-piano-octave-toggle{background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.sound-piano-parity-toggle,.sound-piano-octave-toggle{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.sound-piano-octave-toggle{appearance:none;cursor:pointer}.sound-piano-octave-toggle strong{color:#fff;background:var(--ink);border-radius:7px;place-items:center;width:24px;height:24px;font-size:.74rem;line-height:1;display:grid}.sound-piano-parity-toggle>span,.sound-piano-octave-toggle>span{color:var(--ink);white-space:nowrap;font-size:.66rem;font-weight:900}.sound-piano-octave-toggle:focus-visible{outline:3px solid var(--pink-strong);outline-offset:2px}.sound-piano-rows{gap:14px;display:grid}.sound-piano-keys{height:clamp(190px,31vw,270px);box-shadow:0 5px 0 var(--ink);background:#16131d;border:3px solid #16131d;border-radius:12px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.sound-piano-keys{box-shadow:0 5px 0 color-mix(in srgb, var(--ink) 80%, #000)}}.sound-piano-keys{isolation:isolate}.sound-piano-white-keys{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;height:100%;display:grid}.sound-piano-black-keys{pointer-events:none;position:absolute;inset:0}.sound-piano-key{appearance:none;touch-action:none;-webkit-user-select:none;user-select:none}.sound-piano-key[data-key-type=white]{color:#17121f;background:linear-gradient(#fff 0%,#f8f6fb 78%,#dedbe5 100%);border:0;border-radius:0 0 7px 7px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;min-width:0;padding:12px 3px 16px;display:flex;position:relative;box-shadow:inset 0 -8px #16131d21}.sound-piano-key[data-key-type=black]{z-index:2;color:#fff;pointer-events:auto;background:linear-gradient(90deg,#0a090d 0%,#2e2a35 50%,#09080c 100%);border:2px solid #07060a;border-top:0;border-radius:0 0 8px 8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:7.5%;height:62%;padding:8px 2px 13px;display:flex;position:absolute;top:0;box-shadow:inset 0 -8px #050407,0 5px 7px #00000061}.sound-piano-key strong{font-size:clamp(.8rem,1.45vw,1.15rem);line-height:1}.sound-piano-key span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.5rem,.75vw,.65rem);font-weight:800;line-height:1;overflow:hidden}.sound-piano-key[data-key-type=black] span{color:#ffffffc7}.sound-piano-key[data-active=true]{outline:4px solid var(--pink-strong);outline-offset:-4px;filter:brightness(1.05)saturate(1.25)}.sound-piano-key[data-key-type=white][data-active=true]{background:linear-gradient(180deg, #fff7cd 0%, var(--yellow) 100%);box-shadow:inset 0 8px 14px #16131d1f,inset 0 -3px #16131d33}.sound-piano-key[data-key-type=black][data-active=true]{z-index:3;background:linear-gradient(180deg, var(--pink-strong) 0%, #531341 100%);height:62%;transform:translateY(2px);box-shadow:inset 0 -3px #24071b,0 2px 4px #0000004d}.sound-piano-key:focus-visible{outline:4px solid var(--pink-strong);outline-offset:-4px}.sound-piano-key[data-key-type=black]:focus-visible{z-index:4}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{border-color:var(--sound-parity-odd)!important}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{border-color:color-mix(in srgb, var(--sound-parity-odd) 76%, #111)!important}}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{color:#11121a;background:linear-gradient(180deg, var(--sound-parity-odd) 0%, var(--sound-parity-odd) 100%)}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{background:linear-gradient(180deg, color-mix(in srgb, var(--sound-parity-odd) 58%, #fff) 0%, var(--sound-parity-odd) 100%)}}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{box-shadow:inset 0 -8px 0 var(--sound-parity-odd), 0 3px 6px #0003}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{box-shadow:inset 0 -8px 0 color-mix(in srgb, var(--sound-parity-odd) 62%, #111), 0 3px 6px #0003}}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{border-color:var(--sound-parity-even)!important}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{border-color:color-mix(in srgb, var(--sound-parity-even) 76%, #111)!important}}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{color:#11121a;background:linear-gradient(180deg, var(--sound-parity-even) 0%, var(--sound-parity-even) 100%)}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{background:linear-gradient(180deg, color-mix(in srgb, var(--sound-parity-even) 58%, #fff) 0%, var(--sound-parity-even) 100%)}}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{box-shadow:inset 0 -8px 0 var(--sound-parity-even), 0 3px 6px #0003}@supports (color:color-mix(in lab, red, red)){.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{box-shadow:inset 0 -8px 0 color-mix(in srgb, var(--sound-parity-even) 62%, #111), 0 3px 6px #0003}}.settings-dialog.theme-playful .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{background:var(--lavender);box-shadow:inset 0 -8px #11121a1f,0 3px 6px #0003}.settings-dialog.theme-playful .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{background:#f7a5c9;box-shadow:inset 0 -8px #11121a1f,0 3px 6px #0003}.settings-dialog.theme-mystical .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{background:#d2bee2;box-shadow:inset 0 -8px #3f35571f,0 3px 6px #55467f2e}.settings-dialog.theme-mystical .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{background:#b9dcdf;box-shadow:inset 0 -8px #3f35571f,0 3px 6px #55467f2e}.sound-piano-module[data-parity-colors=true] .sound-piano-key span{color:#11121ac7}.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-active=true]{filter:brightness(1.15)saturate(1.2);outline-color:#fff}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{color:#fff;background:linear-gradient(180deg, var(--sound-parity-odd) 0%, var(--sound-parity-odd) 100%)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{background:linear-gradient(180deg, color-mix(in srgb, var(--sound-parity-odd) 64%, #24212b) 0%, color-mix(in srgb, var(--sound-parity-odd) 52%, #111) 100%)}}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{box-shadow:inset 0 -8px 0 var(--sound-parity-odd), 0 3px 6px #00000057}@supports (color:color-mix(in lab, red, red)){.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{box-shadow:inset 0 -8px 0 color-mix(in srgb, var(--sound-parity-odd) 38%, #07070a), 0 3px 6px #00000057}}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{color:#fff;background:linear-gradient(180deg, var(--sound-parity-even) 0%, var(--sound-parity-even) 100%)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{background:linear-gradient(180deg, color-mix(in srgb, var(--sound-parity-even) 64%, #24212b) 0%, color-mix(in srgb, var(--sound-parity-even) 52%, #111) 100%)}}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{box-shadow:inset 0 -8px 0 var(--sound-parity-even), 0 3px 6px #00000057}@supports (color:color-mix(in lab, red, red)){.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{box-shadow:inset 0 -8px 0 color-mix(in srgb, var(--sound-parity-even) 38%, #07070a), 0 3px 6px #00000057}}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key span{color:#ffffffc7}.settings-dialog.theme-neon .sound-piano-module[data-parity-colors=true] .sound-piano-key[data-active=true]{filter:brightness(1.08)saturate(1.12)}.sound-rule-note{color:var(--ink);background:var(--yellow);border:2px solid #00000024;border-radius:16px;gap:5px;padding:13px 14px;display:grid}.sound-rule-note strong{font-size:.78rem}.sound-rule-note p{margin:0;font-size:.7rem;line-height:1.45}.sound-rule-note p span{font-weight:800}.settings-dialog.color-clues .sound-rule-note [data-parity-text=odd]{color:#7c4daa}.settings-dialog.color-clues .sound-rule-note [data-parity-text=even]{color:#d44384}.sound-dialog{--sound-parity-odd:#7c4daa;--sound-parity-even:#d44384;--sound-parity-odd-text:var(--sound-parity-odd);--sound-parity-even-text:var(--sound-parity-even);--harmonic-accent:var(--pink-strong);--sound-scroll-ring:#d44384;--sound-scroll-glow:#7c4daa80}.sound-dialog.theme-classic{--sound-parity-odd:#60a5fa;--sound-parity-even:#2dd4bf;--harmonic-accent:#f472b6;--sound-scroll-ring:#60a5fa;--sound-scroll-glow:#2dd4bf80}.sound-dialog.theme-neon{--sound-parity-odd:var(--neon-cyan);--sound-parity-even:var(--neon-lime);--sound-parity-odd-text:var(--neon-parity-odd-text);--sound-parity-even-text:var(--neon-parity-even-text);--harmonic-accent:var(--neon-pink);--sound-scroll-ring:var(--neon-pink);--sound-scroll-glow:#ff00e5ad}.sound-dialog.theme-mystical{--sound-parity-odd:#745298;--sound-parity-even:#2f7777;--harmonic-accent:var(--pink-strong);--sound-scroll-ring:#5a9fa3;--sound-scroll-glow:#9a79aa70}.sound-dialog .playground-parity-word{font-weight:900}.sound-dialog.color-clues .playground-parity-word[data-parity-text=odd]{color:var(--sound-parity-odd-text)}.sound-dialog.color-clues .playground-parity-word[data-parity-text=even]{color:var(--sound-parity-even-text)}.sound-dialog .playground-question-number{font-weight:900}.sound-dialog.color-clues .playground-question-number[data-parity=odd]{color:var(--sound-parity-odd-text)}.sound-dialog.color-clues .playground-question-number[data-parity=even]{color:var(--sound-parity-even-text)}.sound-rule-examples{border-top:1px solid #00000021;gap:3px;margin-top:4px;padding-top:8px;display:grid}.sound-rule-examples span{font-size:.68rem;font-weight:700;line-height:1.4}.sound-rule-examples b{color:var(--pink-strong)}.sound-voice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.sound-instrument-control,.sound-tuning-control{border:2px solid var(--ink);min-width:0;color:var(--ink);background:var(--mint);box-shadow:0 4px 0 var(--ink);border-radius:16px;gap:6px;padding:10px;display:grid}.sound-instrument-control>span,.sound-tuning-control>span{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.sound-instrument-select,.sound-tuning-select{font-size:.72rem;font-weight:800;border:2px solid var(--ink)!important;width:100%!important;height:42px!important;color:var(--ink)!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important}.sound-instrument-menu{min-width:170px!important}.sound-tuning-menu{min-width:210px!important}.sound-tuning-note{color:#765d69;text-align:center;margin:-5px 2px 0;font-size:.66rem;line-height:1.4}.sound-status{color:#765d69;text-align:center;margin:0;font-size:.68rem;line-height:1.4}.sound-pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.sound-pad-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-pad-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-continuous-keypad{gap:8px;display:grid}.sound-keypad-desktop,.sound-range-label-desktop,.sound-range-value-desktop{display:none}.sound-layout-options{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:9px;display:grid}.sound-layout-options[data-ear-training=true]{grid-template-columns:minmax(0,1fr)}.sound-octave-control,.sound-grid-control{border:2px solid var(--ink);gap:6px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.sound-octave-control,.sound-grid-control{border:2px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.sound-octave-control,.sound-grid-control{background:#fff;border-radius:16px}@supports (color:color-mix(in lab, red, red)){.sound-octave-control,.sound-grid-control{background:color-mix(in srgb, #fff 92%, var(--lavender))}}.sound-octave-control{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px}.sound-parity-control{justify-content:space-between;align-items:center;gap:7px;min-width:0;min-height:39px;padding-inline:3px;display:flex}.sound-octave-picker{gap:6px;min-width:0;display:grid}.sound-parity-control>span,.sound-octave-picker>span,.sound-grid-control>span{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:800}.sound-parity-control [data-slot=switch]{border:1px solid var(--ink);flex:none}@supports (color:color-mix(in lab, red, red)){.sound-parity-control [data-slot=switch]{border:1px solid color-mix(in srgb, var(--ink) 45%, transparent)}}.sound-parity-control [data-slot=switch]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.sound-parity-control [data-slot=switch]{background:color-mix(in srgb, var(--ink) 18%, #fff)}}.sound-parity-control [data-slot=switch][data-state=checked]{background:var(--pink-strong)}.sound-layout-select,.playground-time-select{font-weight:800;border:2px solid var(--ink)!important;width:100%!important;min-height:39px!important;color:var(--ink)!important;background:#fff!important;border-radius:11px!important}.sound-grid-control>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.sound-grid-control button,.playground-mode-options button{border:2px solid var(--ink);min-height:39px}@supports (color:color-mix(in lab, red, red)){.sound-grid-control button,.playground-mode-options button{border:2px solid color-mix(in srgb, var(--ink) 48%, transparent)}}.sound-grid-control button,.playground-mode-options button{color:var(--ink);background:#fff;border-radius:10px}@supports (color:color-mix(in lab, red, red)){.sound-grid-control button,.playground-mode-options button{background:color-mix(in srgb, #fff 88%, var(--sky))}}.sound-grid-control button,.playground-mode-options button{font-size:.66rem;font-weight:800}.sound-grid-control button[data-selected=true],.playground-mode-options button[data-selected=true]{border-color:var(--ink);background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.playground-game{gap:10px;display:grid}.playground-mode-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.playground-mode-options button{min-width:0;padding-inline:5px;line-height:1.1}.playground-module-options{border:1px solid var(--pink-strong);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:7px;padding:5px;display:grid}@supports (color:color-mix(in lab, red, red)){.playground-module-options{border:1px solid color-mix(in srgb, var(--pink-strong) 45%, transparent)}}.playground-module-options{background:#fff;border-radius:13px}@supports (color:color-mix(in lab, red, red)){.playground-module-options{background:color-mix(in srgb, #fff 82%, var(--lavender))}}.playground-module-options button{border:1px solid var(--ink);min-height:38px}@supports (color:color-mix(in lab, red, red)){.playground-module-options button{border:1px solid color-mix(in srgb, var(--ink) 32%, transparent)}}.playground-module-options button{color:var(--ink);background:#fff;border-radius:9px}@supports (color:color-mix(in lab, red, red)){.playground-module-options button{background:color-mix(in srgb, #fff 92%, var(--sky))}}.playground-module-options button{font-size:.68rem;font-weight:850}.playground-module-options button[data-selected=true]{border-color:var(--pink-strong);background:#fff}@supports (color:color-mix(in lab, red, red)){.playground-module-options button[data-selected=true]{background:color-mix(in srgb, #fff 62%, var(--pink))}}.playground-module-options button[data-selected=true]{box-shadow:0 2px 0 var(--pink-strong)}@supports (color:color-mix(in lab, red, red)){.playground-module-options button[data-selected=true]{box-shadow:0 2px 0 color-mix(in srgb, var(--pink-strong) 70%, var(--ink))}}.harmonic-series-card{border:2px solid var(--pink-strong);color:var(--ink);background:radial-gradient(circle at 50% 38%, var(--sky), transparent 45%), #fff;border-radius:18px;gap:13px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-series-card{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--sky) 38%, transparent), transparent 45%), color-mix(in srgb, #fff 90%, var(--lavender))}}.harmonic-series-card{box-shadow:0 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-series-card{box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 75%, transparent)}}.harmonic-series-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.settings-dialog.sound-dialog,.settings-dialog.sound-dialog *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.harmonic-series-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.harmonic-series-heading>div{gap:1px;display:grid}.harmonic-series-heading span,.harmonic-series-controls>label>span,.harmonic-octave-control>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-series-heading span,.harmonic-series-controls>label>span,.harmonic-octave-control>span{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.harmonic-series-heading span,.harmonic-series-controls>label>span,.harmonic-octave-control>span{letter-spacing:.09em;text-transform:uppercase;font-size:.58rem;font-weight:850}.harmonic-series-heading h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:1.18rem;font-weight:900}.harmonic-series-heading p{max-width:260px;color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.harmonic-series-heading p{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.harmonic-series-heading p{text-align:right;font-size:.66rem;line-height:1.35}.harmonic-series-controls{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:9px;display:grid}.harmonic-fundamental-control,.harmonic-octave-control{border:1px solid var(--ink);align-content:start;gap:5px;min-width:0;padding:9px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-fundamental-control,.harmonic-octave-control{border:1px solid color-mix(in srgb, var(--ink) 24%, transparent)}}.harmonic-fundamental-control,.harmonic-octave-control{background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.harmonic-fundamental-control,.harmonic-octave-control{background:color-mix(in srgb, #fff 83%, var(--mint))}}.harmonic-fundamental-select{border:1px solid var(--pink-strong)!important;width:100%!important;min-height:40px!important;color:var(--ink)!important;background:#fff!important;border-radius:9px!important}@supports (color:color-mix(in lab, red, red)){.harmonic-fundamental-select{background:color-mix(in srgb, #fff 92%, var(--pink))!important}}.harmonic-fundamental-select{font-weight:850}.harmonic-octave-control>div{border:1px solid var(--pink-strong);background:#fff;border-radius:9px;grid-template-columns:40px minmax(0,1fr) 40px;min-height:40px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.harmonic-octave-control>div{background:color-mix(in srgb, #fff 92%, var(--pink))}}.harmonic-octave-control button{color:var(--ink);background:var(--pink);border:0}@supports (color:color-mix(in lab, red, red)){.harmonic-octave-control button{background:color-mix(in srgb, var(--pink) 32%, transparent)}}.harmonic-octave-control button{font-size:1.08rem;font-weight:900}.harmonic-octave-control button:disabled{cursor:not-allowed;opacity:.34}.harmonic-octave-control strong{border-inline:1px solid var(--pink-strong);place-items:center;padding-inline:3px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-octave-control strong{border-inline:1px solid color-mix(in srgb, var(--pink-strong) 38%, transparent)}}.harmonic-octave-control strong{text-align:center;font-size:.7rem}.harmonic-display-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;width:min(100%,410px);margin-inline:auto;display:grid}.harmonic-view-options{border:1px solid var(--harmonic-accent);grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;padding:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-view-options{border:1px solid color-mix(in srgb, var(--harmonic-accent) 42%, transparent)}}.harmonic-view-options{background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.harmonic-view-options{background:color-mix(in srgb, #fff 76%, var(--lavender))}}.harmonic-view-options button{min-height:34px;color:var(--ink);border:1px solid #0000;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.harmonic-view-options button{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.harmonic-view-options button{background:0 0;font-size:.68rem;font-weight:850}.harmonic-view-options button[data-selected=true]{border-color:var(--harmonic-accent);color:var(--ink);background:#fff}@supports (color:color-mix(in lab, red, red)){.harmonic-view-options button[data-selected=true]{background:color-mix(in srgb, #fff 74%, var(--pink))}}.harmonic-view-options button[data-selected=true]{box-shadow:0 2px 0 var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-view-options button[data-selected=true]{box-shadow:0 2px 0 color-mix(in srgb, var(--harmonic-accent) 58%, transparent)}}.harmonic-display-toggles{gap:5px;display:grid}.harmonic-tuning-toggle,.harmonic-frequency-toggle{border:1px solid var(--harmonic-accent);justify-content:center;align-items:center;gap:7px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.harmonic-tuning-toggle,.harmonic-frequency-toggle{border:1px solid color-mix(in srgb, var(--harmonic-accent) 50%, transparent)}}.harmonic-tuning-toggle,.harmonic-frequency-toggle{background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.harmonic-tuning-toggle,.harmonic-frequency-toggle{background:color-mix(in srgb, #fff 76%, var(--pink))}}.harmonic-tuning-toggle>span,.harmonic-frequency-toggle>span{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem;font-weight:900}.harmonic-tuning-toggle [data-slot=switch],.harmonic-frequency-toggle [data-slot=switch]{border:1px solid var(--harmonic-accent);flex:none}@supports (color:color-mix(in lab, red, red)){.harmonic-tuning-toggle [data-slot=switch],.harmonic-frequency-toggle [data-slot=switch]{border:1px solid color-mix(in srgb, var(--harmonic-accent) 72%, var(--ink))}}.harmonic-tuning-toggle [data-slot=switch],.harmonic-frequency-toggle [data-slot=switch]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-tuning-toggle [data-slot=switch],.harmonic-frequency-toggle [data-slot=switch]{background:color-mix(in srgb, var(--ink) 18%, #fff)}}.harmonic-tuning-toggle [data-slot=switch][data-state=checked],.harmonic-frequency-toggle [data-slot=switch][data-state=checked]{background:var(--harmonic-accent)}.harmonic-visual-wrap{place-items:center;min-width:0;display:grid}.harmonic-orbit,.harmonic-cone{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;width:min(100%,350px);height:auto;display:block;overflow:visible}.harmonic-cone{filter:drop-shadow(0 7px 5px var(--ink));overflow:visible}@supports (color:color-mix(in lab, red, red)){.harmonic-cone{filter:drop-shadow(0 7px 5px color-mix(in srgb, var(--ink) 22%, transparent))}}.harmonic-cone-shadow{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-cone-shadow{fill:color-mix(in srgb, var(--ink) 13%, transparent)}}.harmonic-cone-shadow{stroke:none;transform:translateY(4px)}.harmonic-cone-section{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-cone-section{fill:color-mix(in srgb, var(--harmonic-accent) 36%, #fff)}}.harmonic-cone-section{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-cone-section{stroke:color-mix(in srgb, var(--ink) 44%, transparent)}}.harmonic-cone-section{stroke-width:1.4px;cursor:pointer;vector-effect:non-scaling-stroke;outline:none;transition:fill .12s,filter .12s,opacity .12s}.harmonic-cone-band[data-active=true] .harmonic-cone-section{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-cone-band[data-active=true] .harmonic-cone-section{fill:color-mix(in srgb, var(--harmonic-accent) 72%, #fff)}}.harmonic-cone-band[data-active=true] .harmonic-cone-section{filter:brightness(1.08)saturate(1.18)drop-shadow(0 0 7px)}.harmonic-cone-band[data-active=true]{color:var(--harmonic-accent)}.harmonic-cone-section:focus-visible{stroke:var(--harmonic-accent);stroke-width:4px}.harmonic-cone-outline{fill:none;stroke:var(--ink);stroke-width:2.5px;pointer-events:none;vector-effect:non-scaling-stroke}.harmonic-cone-label{fill:var(--ink);letter-spacing:.02em;pointer-events:none;font-size:9.5px;font-weight:900}.harmonic-cone-frequency{letter-spacing:0;opacity:.82;font-size:6.5px;font-weight:800}.harmonic-orbit-bed{fill:#fff}@supports (color:color-mix(in lab, red, red)){.harmonic-orbit-bed{fill:color-mix(in srgb, #fff 78%, var(--lavender))}}.harmonic-orbit-bed{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-orbit-bed{stroke:color-mix(in srgb, var(--ink) 13%, transparent)}}.harmonic-orbit-bed{stroke-width:1px}.harmonic-ring-section{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-ring-section{fill:color-mix(in srgb, var(--harmonic-accent) 36%, #fff)}}.harmonic-ring-section{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-ring-section{stroke:color-mix(in srgb, var(--ink) 44%, transparent)}}.harmonic-ring-section{stroke-width:1.4px;cursor:pointer;vector-effect:non-scaling-stroke;outline:none;transition:fill .12s,filter .12s}.harmonic-ring[data-active=true] .harmonic-ring-section{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-ring[data-active=true] .harmonic-ring-section{fill:color-mix(in srgb, var(--harmonic-accent) 72%, #fff)}}.harmonic-ring[data-active=true] .harmonic-ring-section{filter:brightness(1.08) saturate(1.18) drop-shadow(0 0 7px var(--harmonic-accent))}.harmonic-ring-section:focus-visible{stroke:var(--harmonic-accent);stroke-width:4px}.harmonic-ring-label{fill:var(--ink);letter-spacing:.01em;pointer-events:none;font-size:7.5px;font-weight:900}.harmonic-core-hit{fill:#0000;stroke:#0000;stroke-width:5px;cursor:pointer;outline:none}.harmonic-core-hit:focus-visible{stroke:var(--harmonic-accent)}.harmonic-core-dot{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-core-dot{fill:color-mix(in srgb, var(--harmonic-accent) 36%, #fff)}}.harmonic-core-dot{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-core-dot{stroke:color-mix(in srgb, var(--ink) 44%, transparent)}}.harmonic-core-dot{stroke-width:1.4px;pointer-events:none;vector-effect:non-scaling-stroke;transition:fill .12s,filter .12s}.harmonic-core[data-active=true] .harmonic-core-dot{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-core[data-active=true] .harmonic-core-dot{fill:color-mix(in srgb, var(--harmonic-accent) 72%, #fff)}}.harmonic-core[data-active=true] .harmonic-core-dot{filter:brightness(1.08) saturate(1.18) drop-shadow(0 0 7px var(--harmonic-accent))}.harmonic-core-number,.harmonic-core-label{fill:var(--ink);pointer-events:none;font-weight:900}.harmonic-core-number{font-size:15px}.harmonic-core-label{letter-spacing:.08em;font-size:7px}.harmonic-major-chord-button{border:2px solid var(--pink-strong);width:min(100%,410px);min-height:52px;color:var(--ink);background:#fff;border-radius:13px;justify-items:center;gap:2px;margin-inline:auto;padding:8px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-major-chord-button{background:color-mix(in srgb, #fff 78%, var(--pink))}}.harmonic-major-chord-button{box-shadow:0 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-major-chord-button{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 72%, transparent)}}.harmonic-major-chord-button{touch-action:none;-webkit-user-select:none;user-select:none}.harmonic-major-chord-button strong{font-size:.82rem;font-weight:950}.harmonic-major-chord-button span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-major-chord-button span{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.harmonic-major-chord-button span{font-size:.62rem;font-weight:800}.harmonic-major-chord-button[data-active=true]{background:var(--pink-strong);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.harmonic-major-chord-button[data-active=true]{background:color-mix(in srgb, var(--pink-strong) 62%, #fff)}}.harmonic-major-chord-button[data-active=true]{box-shadow:0 1px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-major-chord-button[data-active=true]{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 72%, transparent)}}.harmonic-readout{border:1px solid var(--harmonic-accent);align-content:start;gap:8px;min-height:142px;padding:11px 13px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-readout{border:1px solid color-mix(in srgb, var(--harmonic-accent) 65%, var(--ink))}}.harmonic-readout{background:#fff;border-radius:13px}@supports (color:color-mix(in lab, red, red)){.harmonic-readout{background:color-mix(in srgb, #fff 86%, var(--pink))}}.harmonic-readout-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.harmonic-readout-item+.harmonic-readout-item{border-top:1px solid var(--harmonic-accent);padding-top:8px}@supports (color:color-mix(in lab, red, red)){.harmonic-readout-item+.harmonic-readout-item{border-top:1px solid color-mix(in srgb, var(--harmonic-accent) 28%, transparent)}}.harmonic-readout-item>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-readout-item>span{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.harmonic-readout-item>span{letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:850}.harmonic-readout-item>strong{align-items:baseline;gap:8px;min-width:0;font-size:.96rem;display:flex}.harmonic-readout-item>strong b{color:var(--harmonic-accent);font-size:1.35rem}.harmonic-readout-item>strong span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.harmonic-readout-item>em{color:var(--harmonic-accent);white-space:nowrap;grid-area:1/3/span 3;font-size:1rem;font-style:normal;font-weight:900}.harmonic-readout-item>small{color:var(--ink);grid-column:1/span 2}@supports (color:color-mix(in lab, red, red)){.harmonic-readout-item>small{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.harmonic-readout-item>small{font-size:.58rem}.harmonic-readout-item>.harmonic-relative-mass{color:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-readout-item>.harmonic-relative-mass{color:color-mix(in srgb, var(--harmonic-accent) 76%, var(--ink))}}.harmonic-readout-item>.harmonic-relative-mass{font-weight:850}.harmonic-readout[data-multiple=true]{gap:4px}.harmonic-readout[data-multiple=true] .harmonic-readout-item{grid-template-columns:minmax(76px,auto) minmax(0,1fr) auto;gap:2px 9px;min-height:32px}.harmonic-readout[data-multiple=true] .harmonic-readout-item+.harmonic-readout-item{padding-top:6px}.harmonic-readout[data-multiple=true] .harmonic-readout-item>strong{gap:5px;font-size:.82rem}.harmonic-readout[data-multiple=true] .harmonic-readout-item>strong b{font-size:1rem}.harmonic-readout[data-multiple=true] .harmonic-readout-item>em{grid-row:1;font-size:.82rem}.harmonic-readout[data-multiple=true] .harmonic-readout-item>small{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.harmonic-status,.harmonic-keyboard-help{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.harmonic-status,.harmonic-keyboard-help{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.harmonic-status,.harmonic-keyboard-help{text-align:center;font-size:.66rem;line-height:1.4}.harmonic-keyboard-help{display:none}.harmonic-keyboard-help kbd{border:1px solid var(--ink);padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.harmonic-keyboard-help kbd{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.harmonic-keyboard-help kbd{color:var(--ink);background:#fff;border-radius:5px}@supports (color:color-mix(in lab, red, red)){.harmonic-keyboard-help kbd{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.harmonic-keyboard-help kbd{font-family:inherit;font-size:.58rem;font-weight:850}.waveform-series-card{border:2px solid var(--pink-strong);color:var(--ink);background:radial-gradient(circle at 50% 36%, var(--harmonic-accent), transparent 52%), #fff;border-radius:18px;gap:13px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.waveform-series-card{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--harmonic-accent) 14%, transparent), transparent 52%), color-mix(in srgb, #fff 90%, var(--lavender))}}.waveform-series-card{box-shadow:0 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-series-card{box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 75%, transparent)}}.waveform-series-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.waveform-series-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.waveform-series-heading>div{gap:1px;display:grid}.waveform-series-heading span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-series-heading span{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.waveform-series-heading span{letter-spacing:.09em;text-transform:uppercase;font-size:.58rem;font-weight:850}.waveform-series-heading h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:1.18rem;font-weight:900}.waveform-series-heading p{max-width:310px;color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.waveform-series-heading p{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.waveform-series-heading p{text-align:right;font-size:.66rem;line-height:1.35}.waveform-tuning-row{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.waveform-tuning-row>strong{min-width:0;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-tuning-row>strong{color:color-mix(in srgb, var(--ink) 76%, transparent)}}.waveform-tuning-row>strong{white-space:nowrap;font-size:.68rem}.waveform-cone-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.waveform-cone-card{border:1px solid var(--harmonic-accent);grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;padding:10px 7px 9px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.waveform-cone-card{border:1px solid color-mix(in srgb, var(--harmonic-accent) 58%, var(--ink))}}.waveform-cone-card{color:var(--ink);background:#fff;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.waveform-cone-card{background:color-mix(in srgb, #fff 85%, var(--lavender))}}.waveform-cone-card{box-shadow:0 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-card{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 42%, transparent)}}.waveform-cone-card{cursor:pointer;touch-action:pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .12s,transform .12s}.waveform-cone-card:focus-visible{outline:3px solid var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-card:focus-visible{outline:3px solid color-mix(in srgb, var(--harmonic-accent) 76%, #fff)}}.waveform-cone-card:focus-visible{outline-offset:2px}.waveform-cone-card[data-active=true]{border-color:var(--harmonic-accent);box-shadow:0 3px 0 var(--harmonic-accent), 0 0 16px var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-card[data-active=true]{box-shadow:0 3px 0 color-mix(in srgb, var(--harmonic-accent) 62%, var(--ink)), 0 0 16px color-mix(in srgb, var(--harmonic-accent) 42%, transparent)}}.waveform-cone-card[data-active=true]{transform:translateY(1px)}.waveform-cone-title{text-align:center;font-size:.78rem;font-weight:900;line-height:1.1}.waveform-cone{width:100%;height:auto;filter:drop-shadow(0 5px 4px var(--ink));display:block;overflow:visible}@supports (color:color-mix(in lab, red, red)){.waveform-cone{filter:drop-shadow(0 5px 4px color-mix(in srgb, var(--ink) 22%, transparent))}}.waveform-cone-shadow{fill:var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-shadow{fill:color-mix(in srgb, var(--ink) 16%, transparent)}}.waveform-cone-shadow{transform:translateY(4px)}.waveform-cone-section{fill:var(--harmonic-accent);fill-opacity:var(--waveform-amplitude);stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-section{stroke:color-mix(in srgb, var(--ink) 48%, transparent)}}.waveform-cone-section{stroke-opacity:clamp(.16, calc(.16 + (var(--waveform-amplitude) * .84)), 1);stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:filter .12s}.waveform-cone-band:not([data-audible=true]) .waveform-cone-section{fill:var(--ink);fill-opacity:.08;stroke-opacity:.18}.waveform-cone-card[data-active=true] .waveform-cone-band[data-audible=true] .waveform-cone-section{filter:brightness(1.22) saturate(1.12) drop-shadow(0 0 4px var(--harmonic-accent))}.waveform-cone-outline{fill:none;stroke:var(--harmonic-accent);stroke-width:2.5px;pointer-events:none;vector-effect:non-scaling-stroke}.waveform-cone-label{fill:var(--ink);letter-spacing:.02em;opacity:clamp(.52, calc(.52 + (var(--waveform-amplitude) * .48)), 1);pointer-events:none;font-size:10px;font-weight:900}.waveform-cone-band:not([data-audible=true]) .waveform-cone-label{opacity:.3}.waveform-cone-summary,.waveform-cone-formula{text-align:center;display:block}.waveform-cone-summary{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.waveform-cone-summary{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.waveform-cone-summary{font-size:.56rem;font-weight:750;line-height:1.25}.waveform-cone-formula{color:var(--harmonic-accent);margin-top:3px}@supports (color:color-mix(in lab, red, red)){.waveform-cone-formula{color:color-mix(in srgb, var(--harmonic-accent) 82%, var(--ink))}}.waveform-cone-formula{font-size:.55rem;font-weight:900;line-height:1.2}.waveform-strength-key{color:var(--ink);grid-template-columns:auto minmax(80px,170px);justify-content:center;align-items:center;gap:3px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.waveform-strength-key{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.waveform-strength-key>span{letter-spacing:.05em;text-transform:uppercase;font-size:.58rem;font-weight:850}.waveform-strength-key>i{border:1px solid var(--ink);width:100%;height:8px}@supports (color:color-mix(in lab, red, red)){.waveform-strength-key>i{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.waveform-strength-key>i{background:linear-gradient(90deg, var(--harmonic-accent), var(--harmonic-accent));border-radius:999px}@supports (color:color-mix(in lab, red, red)){.waveform-strength-key>i{background:linear-gradient(90deg, var(--harmonic-accent), color-mix(in srgb, var(--harmonic-accent) 6%, transparent))}}.waveform-strength-key>div{grid-column:2;justify-content:space-between;display:flex}.waveform-strength-key small{font-size:.5rem;line-height:1}.waveform-status,.waveform-keyboard-help{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.waveform-status,.waveform-keyboard-help{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.waveform-status,.waveform-keyboard-help{text-align:center;font-size:.66rem;line-height:1.4}.waveform-keyboard-help{display:none}.waveform-keyboard-help kbd{border:1px solid var(--ink);padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.waveform-keyboard-help kbd{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.waveform-keyboard-help kbd{color:var(--ink);background:#fff;border-radius:5px}@supports (color:color-mix(in lab, red, red)){.waveform-keyboard-help kbd{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.waveform-keyboard-help kbd{font-family:inherit;font-size:.58rem;font-weight:850}.harmonic-polygon-lab{border:2px solid var(--pink-strong);color:var(--ink);background:radial-gradient(circle at 50% 34%, var(--harmonic-accent), transparent 52%), #fff;border-radius:18px;gap:13px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-lab{background:radial-gradient(circle at 50% 34%, color-mix(in srgb, var(--harmonic-accent) 13%, transparent), transparent 52%), color-mix(in srgb, #fff 90%, var(--lavender))}}.harmonic-polygon-lab{box-shadow:0 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-lab{box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 75%, transparent)}}.harmonic-polygon-lab{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.harmonic-polygon-lab[data-polygon-view=intervals]{padding-bottom:96px}.harmonic-polygon-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.harmonic-polygon-heading>div{gap:1px;display:grid}.harmonic-polygon-heading span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-heading span{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.harmonic-polygon-heading span{letter-spacing:.09em;text-transform:uppercase;font-size:.58rem;font-weight:850}.harmonic-polygon-heading h2{letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:1.18rem;font-weight:900}.harmonic-polygon-heading p{max-width:320px;color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-heading p{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.harmonic-polygon-heading p{text-align:right;font-size:.66rem;line-height:1.35}.harmonic-polygon-tuning-row{justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.harmonic-polygon-tuning-row>strong{min-width:0;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-tuning-row>strong{color:color-mix(in srgb, var(--ink) 76%, transparent)}}.harmonic-polygon-tuning-row>strong{white-space:nowrap;font-size:.68rem}.harmonic-polygon-model-note{border:1px solid var(--harmonic-accent);margin:0;padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-model-note{border:1px solid color-mix(in srgb, var(--harmonic-accent) 42%, transparent)}}.harmonic-polygon-model-note{color:var(--ink);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-model-note{color:color-mix(in srgb, var(--ink) 76%, transparent)}}.harmonic-polygon-model-note{background:#fff}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-model-note{background:color-mix(in srgb, #fff 82%, var(--pink))}}.harmonic-polygon-model-note{text-align:center;font-size:.62rem;font-weight:760;line-height:1.35}.harmonic-polygon-view-options{width:min(100%,360px);margin-inline:auto}.harmonic-polygon-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}.harmonic-polygon-card{border:1px solid var(--harmonic-accent);grid-template-rows:auto minmax(0,1fr) auto auto;align-items:center;min-width:0;padding:9px 7px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card{border:1px solid color-mix(in srgb, var(--harmonic-accent) 50%, var(--ink))}}.harmonic-polygon-card{color:var(--ink);background:#fff;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card{background:color-mix(in srgb, #fff 86%, var(--lavender))}}.harmonic-polygon-card{box-shadow:0 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 40%, transparent)}}.harmonic-polygon-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:border-color .12s,box-shadow .12s,transform .12s}.harmonic-polygon-card[data-selected=true]{border-color:var(--harmonic-accent)}.harmonic-polygon-card[data-active=true]{border-color:var(--harmonic-accent);box-shadow:0 3px 0 var(--harmonic-accent), 0 0 15px var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card[data-active=true]{box-shadow:0 3px 0 color-mix(in srgb, var(--harmonic-accent) 62%, var(--ink)), 0 0 15px color-mix(in srgb, var(--harmonic-accent) 36%, transparent)}}.harmonic-polygon-card[data-active=true]{transform:translateY(1px)}.harmonic-polygon-title{text-align:center;gap:1px;display:grid}.harmonic-polygon-title strong{font-size:.82rem;font-weight:950}.harmonic-polygon-title small{min-height:1.2em;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-title small{color:color-mix(in srgb, var(--ink) 69%, transparent)}}.harmonic-polygon-title small{font-size:.52rem;font-weight:780;line-height:1.2}.harmonic-polygon-shape-wrap{min-width:0;position:relative}.harmonic-polygon-shape-button{cursor:pointer;touch-action:pinch-zoom;background:0 0;border:0;border-radius:10px;width:100%;display:block;overflow:hidden}.harmonic-polygon-shape-button:focus-visible,.harmonic-polygon-side-marker:focus-visible{outline:3px solid var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-shape-button:focus-visible,.harmonic-polygon-side-marker:focus-visible{outline:3px solid color-mix(in srgb, var(--harmonic-accent) 76%, #fff)}}.harmonic-polygon-shape-button:focus-visible,.harmonic-polygon-side-marker:focus-visible{outline-offset:1px}.harmonic-polygon-shape{width:100%;height:auto;filter:drop-shadow(0 4px 3px var(--ink));display:block;overflow:visible}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-shape{filter:drop-shadow(0 4px 3px color-mix(in srgb, var(--ink) 17%, transparent))}}.harmonic-polygon-regular{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-regular{fill:color-mix(in srgb, var(--harmonic-accent) 14%, #fff)}}.harmonic-polygon-regular{stroke:var(--harmonic-accent);stroke-width:3px;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .12s,filter .12s}.harmonic-polygon-dot{fill:var(--harmonic-accent);stroke:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-dot{stroke:color-mix(in srgb, var(--harmonic-accent) 62%, var(--ink))}}.harmonic-polygon-dot{stroke-width:2px;vector-effect:non-scaling-stroke;transition:filter .12s}.harmonic-polygon-line line{stroke:var(--harmonic-accent);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.harmonic-polygon-line circle{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-line circle{fill:color-mix(in srgb, var(--harmonic-accent) 78%, #fff)}}.harmonic-polygon-line circle{stroke:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-line circle{stroke:color-mix(in srgb, var(--harmonic-accent) 62%, var(--ink))}}.harmonic-polygon-line circle{stroke-width:1.5px;vector-effect:non-scaling-stroke}.harmonic-polygon-interval-edge{fill:none;stroke:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-interval-edge{stroke:color-mix(in srgb, var(--harmonic-accent) 72%, #fff)}}.harmonic-polygon-interval-edge{stroke-width:3.5px;stroke-linecap:round;pointer-events:none;vector-effect:non-scaling-stroke;transition:filter .12s,stroke .12s,stroke-width .12s}.harmonic-polygon-interval-edge[data-selected=true]{stroke:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-interval-edge[data-selected=true]{stroke:color-mix(in srgb, var(--harmonic-accent) 58%, #fff)}}.harmonic-polygon-interval-edge[data-selected=true]{stroke-width:6px;filter:drop-shadow(0 0 4px var(--harmonic-accent))}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-interval-edge[data-selected=true]{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--harmonic-accent) 66%, transparent))}}.harmonic-polygon-card[data-active=true] .harmonic-polygon-regular{fill:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card[data-active=true] .harmonic-polygon-regular{fill:color-mix(in srgb, var(--harmonic-accent) 48%, #fff)}}.harmonic-polygon-card[data-active=true] .harmonic-polygon-regular{filter:drop-shadow(0 0 5px var(--harmonic-accent))}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card[data-active=true] .harmonic-polygon-regular{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--harmonic-accent) 70%, transparent))}}.harmonic-polygon-card[data-active=true] .harmonic-polygon-dot,.harmonic-polygon-card[data-active=true] .harmonic-polygon-line{filter:drop-shadow(0 0 5px var(--harmonic-accent))}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-card[data-active=true] .harmonic-polygon-dot,.harmonic-polygon-card[data-active=true] .harmonic-polygon-line{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--harmonic-accent) 76%, transparent))}}.harmonic-polygon-side-marker{z-index:2;top:var(--harmonic-side-y);left:var(--harmonic-side-x);border:1.5px solid var(--harmonic-accent);place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-side-marker{border:1.5px solid color-mix(in srgb, var(--harmonic-accent) 76%, var(--ink))}}.harmonic-polygon-side-marker{color:var(--ink);background:#fff;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-side-marker{background:color-mix(in srgb, #fff 82%, var(--pink))}}.harmonic-polygon-side-marker{box-shadow:0 2px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-side-marker{box-shadow:0 2px 0 color-mix(in srgb, var(--ink) 46%, transparent)}}.harmonic-polygon-side-marker{cursor:pointer;touch-action:none;font-size:.52rem;font-weight:950;line-height:1;transform:translate(-50%,-50%)}.harmonic-polygon-side-marker[data-selected=true]{border-color:var(--ink);color:#fff;background:var(--harmonic-accent);box-shadow:0 2px 0 var(--ink), 0 0 9px var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-side-marker[data-selected=true]{box-shadow:0 2px 0 var(--ink), 0 0 9px color-mix(in srgb, var(--harmonic-accent) 45%, transparent)}}.harmonic-polygon-side-marker:before{content:"";position:absolute;inset:-4px}.harmonic-polygon-frequency,.harmonic-polygon-equation{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.harmonic-polygon-frequency{color:var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-frequency{color:color-mix(in srgb, var(--harmonic-accent) 78%, var(--ink))}}.harmonic-polygon-frequency{font-size:.68rem;font-weight:900}.harmonic-polygon-equation{color:var(--ink);margin-top:2px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-equation{color:color-mix(in srgb, var(--ink) 66%, transparent)}}.harmonic-polygon-equation{font-size:.48rem;font-weight:750}.harmonic-polygon-readout{border:1px solid var(--harmonic-accent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout{border:1px solid color-mix(in srgb, var(--harmonic-accent) 65%, var(--ink))}}.harmonic-polygon-readout{background:#fff;border-radius:13px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout{background:color-mix(in srgb, #fff 86%, var(--pink))}}.harmonic-polygon-readout>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout>span{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.harmonic-polygon-readout>span{letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:850}.harmonic-polygon-readout>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.83rem;overflow:hidden}.harmonic-polygon-readout>em{color:var(--harmonic-accent);grid-area:1/3/span 3}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout>em{color:color-mix(in srgb, var(--harmonic-accent) 82%, var(--ink))}}.harmonic-polygon-readout>em{white-space:nowrap;font-size:.96rem;font-style:normal;font-weight:900}.harmonic-polygon-readout>small{color:var(--ink);grid-column:1/span 2}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout>small{color:color-mix(in srgb, var(--ink) 64%, transparent)}}.harmonic-polygon-readout>small{font-size:.55rem}.harmonic-polygon-readout[data-view=intervals]>strong{white-space:normal;grid-column:1/-1;line-height:1.25}.harmonic-polygon-readout[data-view=intervals]{z-index:24;bottom:max(14px, env(safe-area-inset-bottom));background:#fff;border-width:2px;grid-template-columns:minmax(0,1fr) auto;width:min(100vw - 58px,680px);position:fixed;left:50%}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout[data-view=intervals]{background:color-mix(in srgb, #fff 94%, var(--pink))}}.harmonic-polygon-readout[data-view=intervals]{box-shadow:0 8px 24px var(--ink), 0 0 0 3px var(--harmonic-accent)}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-readout[data-view=intervals]{box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 28%, transparent), 0 0 0 3px color-mix(in srgb, var(--harmonic-accent) 14%, transparent)}}.harmonic-polygon-readout[data-view=intervals]{pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate(-50%)}.harmonic-polygon-readout[data-view=intervals]>span{grid-area:1/1}.harmonic-polygon-readout[data-view=intervals]>em{grid-area:1/2}.harmonic-polygon-readout[data-view=intervals]>small{grid-column:1/-1}.harmonic-polygon-status,.harmonic-polygon-keyboard-help{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-status,.harmonic-polygon-keyboard-help{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.harmonic-polygon-status,.harmonic-polygon-keyboard-help{text-align:center;font-size:.66rem;line-height:1.4}.harmonic-polygon-keyboard-help{display:none}.harmonic-polygon-keyboard-help kbd{border:1px solid var(--ink);padding:2px 5px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-keyboard-help kbd{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.harmonic-polygon-keyboard-help kbd{color:var(--ink);background:#fff;border-radius:5px}@supports (color:color-mix(in lab, red, red)){.harmonic-polygon-keyboard-help kbd{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.harmonic-polygon-keyboard-help kbd{font-family:inherit;font-size:.58rem;font-weight:850}@media (width<=720px){.waveform-cone-grid,.harmonic-polygon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.playground-challenge-card{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:15px;gap:6px;padding:10px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.playground-challenge-card{background:color-mix(in srgb, #fff 88%, var(--mint))}}.playground-challenge-card{box-shadow:0 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.playground-challenge-card{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 80%, transparent)}}.playground-challenge-card[data-active=true]{border-color:var(--pink-strong);box-shadow:0 3px 0 var(--pink-strong), 0 0 0 2px var(--pink)}@supports (color:color-mix(in lab, red, red)){.playground-challenge-card[data-active=true]{box-shadow:0 3px 0 var(--pink-strong), 0 0 0 2px color-mix(in srgb, var(--pink) 25%, transparent)}}.playground-challenge-card[data-result=correct]{background:#e9faf1;border-color:#188753;box-shadow:0 3px #188753,0 0 0 3px #45c8844d}.playground-challenge-card[data-result=incorrect]{background:#fff0f3;border-color:#b83a55;box-shadow:0 3px #b83a55,0 0 0 3px #ef6b8347}.ear-training-card{gap:9px}.ear-training-card[data-result=incorrect]{background:#f0f3ff;border-color:#5f6fc7;box-shadow:0 3px #5f6fc7,0 0 0 3px #7994f247}.ear-training-progress{border:1.5px solid var(--ink);padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.ear-training-progress{border:1.5px solid color-mix(in srgb, var(--ink) 34%, transparent)}}.ear-training-progress{background:#fff;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.ear-training-progress{background:color-mix(in srgb, #fff 82%, var(--sky))}}.ear-training-progress{white-space:nowrap;font-size:.62rem;font-weight:900}.ear-training-set-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;display:grid}.ear-training-set-control>span,.ear-training-number-mode>span,.ear-training-key-control>span,.ear-training-piano-control>span{letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:900}.ear-training-set-control>div,.ear-training-number-mode>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.ear-training-number-mode>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ear-training-set-control button,.ear-training-number-mode button{border:1.5px solid var(--ink);min-width:0;min-height:32px;padding:4px 7px}@supports (color:color-mix(in lab, red, red)){.ear-training-set-control button,.ear-training-number-mode button{border:1.5px solid color-mix(in srgb, var(--ink) 46%, transparent)}}.ear-training-set-control button,.ear-training-number-mode button{color:var(--ink);background:#fff;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.ear-training-set-control button,.ear-training-number-mode button{background:color-mix(in srgb, #fff 88%, var(--sky))}}.ear-training-set-control button,.ear-training-number-mode button{font-size:.62rem;font-weight:900}.ear-training-set-control button[data-selected=true],.ear-training-number-mode button[data-selected=true]{border-color:var(--ink);background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.ear-training-pattern{border:1px solid var(--ink);flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:1px;margin:0;padding:5px 7px;display:flex}@supports (color:color-mix(in lab, red, red)){.ear-training-pattern{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent)}}.ear-training-pattern{background:#fff;border-radius:9px}@supports (color:color-mix(in lab, red, red)){.ear-training-pattern{background:color-mix(in srgb, #fff 90%, var(--lavender))}}.ear-training-pattern{font-size:.68rem;line-height:1.25}.ear-training-pattern span{align-items:center;display:inline-flex}.ear-training-pattern i{opacity:.52;margin-inline:1px;font-style:normal}.sound-dialog.color-clues .ear-training-pattern b[data-parity=odd]{color:var(--sound-parity-odd-text)}.sound-dialog.color-clues .ear-training-pattern b[data-parity=even]{color:var(--sound-parity-even-text)}.ear-training-context-controls{grid-template-columns:minmax(0,.75fr) minmax(0,1.15fr) minmax(58px,.55fr);gap:7px;display:grid}.ear-training-number-mode,.ear-training-key-control,.ear-training-piano-control{gap:4px;min-width:0;display:grid}.ear-training-piano-control [data-slot=switch]{place-self:center}.ear-training-key-select{font-size:.62rem;font-weight:900;border:1.5px solid var(--ink)!important;width:100%!important;min-height:32px!important;color:var(--ink)!important;background:#fff!important;border-radius:8px!important}.ear-training-mapping-note{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.ear-training-mapping-note{color:color-mix(in srgb, var(--ink) 78%, transparent)}}.ear-training-mapping-note{font-size:.61rem;font-weight:700;line-height:1.35}.ear-training-question-row{border-top:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(220px,.82fr);align-items:center;gap:9px;padding-top:2px;display:grid}@supports (color:color-mix(in lab, red, red)){.ear-training-question-row{border-top:1px solid color-mix(in srgb, var(--ink) 18%, transparent)}}.ear-training-question-copy{gap:4px;display:grid}.ear-training-question-copy h3,.ear-training-question-copy p{margin:0}.ear-training-question-copy p{min-height:1.25em;font-size:.67rem;font-weight:700;line-height:1.35}.ear-training-audio-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.ear-training-audio-actions button{border:1.5px solid var(--ink)!important;min-width:0!important;min-height:32px!important;color:var(--ink)!important;background:#fff!important;border-radius:8px!important;padding:4px 6px!important}@supports (color:color-mix(in lab, red, red)){.ear-training-audio-actions button{background:color-mix(in srgb, #fff 86%, var(--sky))!important}}.ear-training-audio-actions button{font-size:.58rem;font-weight:900}.ear-training-audio-actions .ear-training-next-button{background:#fff!important}@supports (color:color-mix(in lab, red, red)){.ear-training-audio-actions .ear-training-next-button{background:color-mix(in srgb, #fff 62%, var(--yellow))!important}}.ear-training-audio-actions svg{width:13px;height:13px}.playground-result-badge{color:#126c43;white-space:nowrap;background:#e8fff1;border:2px solid;border-radius:999px;align-items:center;gap:4px;padding:4px 7px;font-size:.62rem;font-weight:900;display:inline-flex}.playground-challenge-card[data-result=incorrect] .playground-result-badge{color:#9b2943;background:#fff0f3}.playground-result-badge svg{stroke-width:3px;width:14px;height:14px}.playground-challenge-topline,.playground-question-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.playground-question-row{grid-template-columns:minmax(0,1fr) 165px;align-items:stretch;gap:12px;display:grid}.playground-question-copy{align-content:center;gap:6px;min-width:0;display:grid}.playground-question-copy h3{min-width:0}.playground-question-actions{grid-template-columns:minmax(0,1fr);justify-self:end;align-items:stretch;gap:6px;width:165px;display:grid}.playground-question-actions .playground-start-button{white-space:nowrap;width:100%;font-size:.64rem;font-weight:900;border:2px solid var(--ink)!important;border-radius:10px!important;min-height:34px!important;padding:5px 9px!important}.playground-timer-control{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:3px;width:100%;display:grid}.playground-compact-controls{grid-template-columns:minmax(0,1fr);align-items:end;gap:5px;display:grid}.playground-compact-controls[data-has-circle=true]{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}.playground-piano-button,.playground-rules-button{align-self:end;width:100%;border:2px solid var(--ink)!important;min-width:0!important;min-height:34px!important;color:var(--ink)!important;background:#fff!important;border-radius:9px!important;padding:4px 3px!important}@supports (color:color-mix(in lab, red, red)){.playground-piano-button,.playground-rules-button{background:color-mix(in srgb, #fff 86%, var(--sky))!important}}.playground-piano-button,.playground-rules-button{font-size:.56rem;font-weight:900;line-height:1}.playground-piano-button:disabled{cursor:not-allowed;opacity:.42}.playground-mobile-piano.sound-piano-module{border-radius:15px;gap:7px;padding:8px 10px 10px;display:grid}.playground-mobile-piano[data-question-visible=true]{gap:4px}.playground-mobile-piano-topline{color:var(--ink);justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.playground-mobile-piano-question{min-width:0;color:var(--ink);margin:0;font-size:clamp(.72rem,3.15vw,.88rem);font-weight:800;line-height:1.2}.playground-mobile-piano-topline>strong{letter-spacing:.065em;text-transform:uppercase;font-size:.62rem;font-weight:900}.playground-mobile-piano-heading{text-align:center;width:100%}.playground-return-question-button{flex:none;border:2px solid var(--ink)!important;min-height:30px!important;color:var(--ink)!important;background:#fff!important;border-radius:9px!important;padding:4px 9px!important}@supports (color:color-mix(in lab, red, red)){.playground-return-question-button{background:color-mix(in srgb, #fff 84%, var(--yellow))!important}}.playground-return-question-button{font-size:.58rem;font-weight:900}.playground-mobile-piano-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;display:grid}.playground-mobile-piano-actions{justify-content:flex-end;align-items:center;gap:3px;min-width:0;display:flex}.playground-mobile-piano-tool-button{border:1.5px solid var(--ink)!important;min-width:0!important;height:26px!important;min-height:26px!important;color:var(--ink)!important;background:#fff!important;border-radius:7px!important;padding:2px 5px!important}@supports (color:color-mix(in lab, red, red)){.playground-mobile-piano-tool-button{background:color-mix(in srgb, #fff 86%, var(--sky))!important}}.playground-mobile-piano-tool-button{font-size:.55rem;font-weight:900;line-height:1}.playground-mobile-piano-answer{white-space:nowrap;min-width:0;height:26px;min-height:26px;margin:0;padding:3px 5px;overflow:hidden}.playground-mobile-piano-answer>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.playground-mobile-piano-answer .playground-answer-numbers{flex:none;font-size:.64rem}.playground-mobile-piano-answer em{display:none}.playground-mobile-piano-hint-copy{color:var(--ink);font-size:.95rem;line-height:1.5}.playground-mobile-piano-parity-toggle{color:var(--ink);justify-content:flex-end;align-items:center;gap:8px;display:flex}.playground-mobile-piano-parity-toggle>span{letter-spacing:.045em;text-transform:uppercase;font-size:.6rem;font-weight:900}.playground-mobile-piano-parity-toggle[data-compact=true]{flex:none;gap:3px}.playground-mobile-piano-parity-toggle[data-compact=true]>span{letter-spacing:0;font-size:.48rem}.playground-mobile-piano-parity-toggle [data-slot=switch][data-state=checked]{background:var(--pink-strong)}.playground-mobile-piano .sound-piano-keys{height:clamp(128px,36vw,168px)}.playground-mobile-piano .sound-piano-key[data-key-type=black] span{letter-spacing:-.035em;text-overflow:clip;max-width:none;font-size:clamp(.43rem,1.7vw,.5rem);overflow:visible}.playground-mobile-piano[data-question-visible=true] .sound-piano-keys{height:clamp(102px,27vw,126px)}.playground-game[data-mobile-piano=true] .playground-challenge-card{display:none}.sound-mobile-piano-visibility{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}@supports (color:color-mix(in lab, red, red)){.sound-mobile-piano-visibility{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.sound-mobile-piano-visibility{box-shadow:0 3px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.sound-mobile-piano-visibility{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 72%, transparent)}}.sound-mobile-piano-visibility>span{letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:900}.sound-mobile-piano-visibility [data-slot=switch][data-state=checked]{background:var(--pink-strong)}.playground-circle-control{gap:3px;min-width:0;display:grid}.playground-circle-control>span{letter-spacing:.06em;text-transform:uppercase;font-size:.56rem;font-weight:900}.playground-circle-button{min-width:0;border:2px solid var(--ink)!important;min-height:34px!important;color:var(--ink)!important;background:#fff!important;border-radius:9px!important;gap:3px!important;padding:4px 5px!important}@supports (color:color-mix(in lab, red, red)){.playground-circle-button{background:color-mix(in srgb, #fff 82%, var(--yellow))!important}}.playground-circle-button{font-size:.56rem;font-weight:900}.playground-circle-button svg{flex:none;width:12px;height:12px}.playground-circle-dialog{width:min(92vw,470px)!important}.playground-circle-guide{gap:12px;display:grid}.playground-number-circle{aspect-ratio:1;background:radial-gradient(circle at center, var(--yellow) 0 27%, transparent 28%), repeating-conic-gradient(from -15deg, var(--lavender) 0 1deg, transparent 1deg 30deg), var(--blush);border:3px solid;border-radius:50%;width:min(100%,390px);margin:3px auto 0;position:relative}@supports (color:color-mix(in lab, red, red)){.playground-number-circle{background:radial-gradient(circle at center, color-mix(in srgb, var(--yellow) 92%, #fff) 0 27%, transparent 28%), repeating-conic-gradient(from -15deg, color-mix(in srgb, var(--lavender) 35%, transparent) 0 1deg, transparent 1deg 30deg), color-mix(in srgb, var(--blush) 86%, #fff)}}.playground-number-circle{box-shadow:inset 0 0 0 8px #ffffff94, 0 6px 0 var(--lavender)}.playground-number-circle:before{border:2px dashed;position:absolute;inset:18%}@supports (color:color-mix(in lab, red, red)){.playground-number-circle:before{border:2px dashed color-mix(in srgb, currentColor 24%, transparent)}}.playground-number-circle:before{content:"";border-radius:50%}.playground-number-circle-center{z-index:1;aspect-ratio:1;border:2px solid var(--ink);width:43%;color:var(--ink);text-align:center;background:var(--yellow);border-radius:50%;place-content:center;gap:6px;padding:10px;display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.playground-number-circle-center{background:color-mix(in srgb, var(--yellow) 90%, #fff)}}.playground-number-circle-center{transform:translate(-50%,-50%)}.playground-number-circle-center strong,.playground-number-circle-center>span{font-size:clamp(.7rem,3.4vw,.92rem);font-weight:900;line-height:1.15;display:block}.playground-number-circle-center .playground-circle-pair{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.playground-number-circle-center .playground-circle-pair{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.playground-number-circle-center .playground-circle-pair{font-size:clamp(.72rem,3.5vw,.96rem)}.playground-number-circle-center .playground-circle-distance{color:var(--pink-strong);font-size:clamp(.86rem,4.1vw,1.14rem)}.playground-number-circle-note{z-index:2;aspect-ratio:1;width:clamp(38px,12vw,55px);box-shadow:0 3px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(.8rem,3.6vw,1.05rem);font-weight:900;transition:filter .1s,box-shadow .1s,transform .1s;position:absolute;transform:translate(-50%,-50%);border:2px solid var(--ink)!important;min-width:0!important;height:auto!important;color:var(--ink)!important;background:var(--sky)!important;border-radius:50%!important;padding:0!important;display:grid!important}.playground-circle-dialog.color-clues .playground-number-circle-note[data-parity=odd]{background:var(--lavender)!important}.playground-circle-dialog.color-clues .playground-number-circle-note[data-parity=even]{background:#f7a5c9!important}.playground-circle-dialog.color-neutral .playground-number-circle-note{background:#fff!important}@supports (color:color-mix(in lab, red, red)){.playground-circle-dialog.color-neutral .playground-number-circle-note{background:color-mix(in srgb, #fff 88%, var(--sky))!important}}.playground-number-circle-note:hover{filter:saturate(1.14)brightness(1.03)}.playground-number-circle-note:active,.playground-number-circle-note[data-recent=latest]{box-shadow:0 1px 0 var(--ink), 0 0 0 5px var(--pink-strong)}@supports (color:color-mix(in lab, red, red)){.playground-number-circle-note:active,.playground-number-circle-note[data-recent=latest]{box-shadow:0 1px 0 var(--ink), 0 0 0 5px color-mix(in srgb, var(--pink-strong) 34%, transparent)}}.playground-number-circle-note:active,.playground-number-circle-note[data-recent=latest]{transform:translate(-50%,calc(2px - 50%))scale(.97)}.playground-number-circle-note[data-recent=previous]{box-shadow:0 3px 0 var(--ink), 0 0 0 4px var(--lavender)}@supports (color:color-mix(in lab, red, red)){.playground-number-circle-note[data-recent=previous]{box-shadow:0 3px 0 var(--ink), 0 0 0 4px color-mix(in srgb, var(--lavender) 54%, transparent)}}.playground-circle-guide>p{color:currentColor;margin:0}@supports (color:color-mix(in lab, red, red)){.playground-circle-guide>p{color:color-mix(in srgb, currentColor 72%, transparent)}}.playground-circle-guide>p{text-align:center;font-size:.75rem;font-weight:700;line-height:1.4}.playground-timer-control>span{letter-spacing:.06em;text-transform:uppercase;font-size:.56rem;font-weight:900}.playground-timer-control .playground-time-select{font-size:.65rem;min-height:34px!important;padding:4px 8px!important}.playground-challenge-label{letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:900}.playground-challenge-timer{border:2px solid var(--ink);text-align:center;background:var(--yellow);border-radius:999px;width:100%;min-width:48px;padding:5px 8px}.playground-challenge-card h3{margin:0;font-size:clamp(.94rem,3.8vw,1.15rem);line-height:1.25}.playground-challenge-hint{color:var(--ink);margin:0}@supports (color:color-mix(in lab, red, red)){.playground-challenge-hint{color:color-mix(in srgb, var(--ink) 76%, transparent)}}.playground-challenge-hint{font-size:.67rem;line-height:1.4}.playground-hint-area{align-items:flex-start;gap:6px;min-height:26px;display:flex}.playground-hint-button{flex:none;border-width:1.5px!important;border-radius:999px!important;height:26px!important;min-height:26px!important;padding:2px 9px!important;font-size:.62rem!important;font-weight:900!important}.playground-hint-result{min-width:1.25em;color:var(--ink);background:var(--yellow);box-shadow:0 0 0 1px var(--ink);border-radius:4px;place-items:center;margin-left:1px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.playground-hint-result{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 18%, transparent)}}.playground-example-work{background:#fff;border-radius:10px;gap:3px;padding:6px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.playground-example-work{background:color-mix(in srgb, #fff 72%, var(--yellow))}}.playground-example-work p{margin:0;font-size:.64rem;line-height:1.35}.playground-explanation-button{width:fit-content;border:2px solid var(--ink)!important;min-height:27px!important;color:var(--ink)!important;background:#fff!important;border-radius:8px!important;padding:3px 9px!important}@supports (color:color-mix(in lab, red, red)){.playground-explanation-button{background:color-mix(in srgb, #fff 82%, var(--sky))!important}}.playground-explanation-button{font-size:.58rem;font-weight:900}.playground-example-dialog{width:min(90vw,430px)!important}.playground-example-equation{color:var(--ink);margin:0;font-size:1rem;line-height:1.65}.playground-example-equation strong{color:#0c5834;text-align:center;background:#bff3d6;border:2px solid #188753;border-radius:7px;min-width:1.55em;margin:0 2px;padding:1px 5px;display:inline-block;box-shadow:0 0 0 3px #45c88442,0 2px #188753}.playground-answer-progress{border:1px solid var(--ink);align-items:center;gap:5px;min-height:22px;margin-top:1px;padding:3px 6px;display:flex}@supports (color:color-mix(in lab, red, red)){.playground-answer-progress{border:1px solid color-mix(in srgb, var(--ink) 28%, transparent)}}.playground-answer-progress{background:#fff;border-radius:8px}@supports (color:color-mix(in lab, red, red)){.playground-answer-progress{background:color-mix(in srgb, #fff 88%, var(--sky))}}.playground-answer-progress{font-size:.61rem;line-height:1}.playground-answer-progress>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.playground-answer-progress>span{color:color-mix(in srgb, var(--ink) 70%, transparent)}}.playground-answer-progress>span{font-weight:800}.playground-answer-numbers{color:#101018;align-items:center;min-width:0;font-size:.72rem;font-weight:900;display:inline-flex}.playground-answer-numbers span:not([data-latest=true]){color:#101018}.playground-answer-numbers span[data-latest=true]{color:#126c43;text-shadow:0 0 8px #45c88485;animation:.42s ease-out playground-progress-confirm}.playground-answer-progress em{color:#9b2943;margin-left:auto;font-size:.58rem;font-style:normal;font-weight:900}.playground-answer-progress[data-cue=incorrect]{background:#fff5f6;border-color:#b83a55;animation:.24s ease-out playground-progress-try-again}.playground-answer-progress[data-stage-confirmed=true]:not([data-cue=incorrect]){background:#f1fcf6;border-color:#188753}.playground-answer-progress[data-stage-confirmed=true]>span{color:#0c5834}.playground-move-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:1px;display:grid}.playground-move-choice{min-width:0;border:2px solid var(--ink)!important;height:30px!important;min-height:30px!important;color:var(--ink)!important;background:#fff!important;border-radius:8px!important;padding:2px 5px!important}@supports (color:color-mix(in lab, red, red)){.playground-move-choice{background:color-mix(in srgb, #fff 88%, var(--sky))!important}}.playground-move-choice{font-size:.68rem!important;font-weight:900!important}.playground-move-choice:disabled{opacity:.58}.playground-move-options em{color:#9b2943;grid-column:1/-1;margin-top:-1px;font-size:.56rem;font-style:normal;font-weight:900}.playground-move-options[data-cue=incorrect]{animation:.24s ease-out playground-progress-try-again}@keyframes playground-progress-confirm{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes playground-progress-try-again{0%,to{transform:translate(0)}35%{transform:translate(-2px)}70%{transform:translate(2px)}}.playground-source-row{background:#fff;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.playground-source-row{background:color-mix(in srgb, #fff 86%, var(--lavender))}}.playground-source-row span{letter-spacing:.07em;text-transform:uppercase;font-size:.62rem;font-weight:800}.playground-source-row strong{font-size:.88rem}.playground-game-footer{gap:8px;padding-top:2px;display:grid}.playground-game-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.playground-game-controls[data-ear-training=true]{grid-template-columns:1fr}.playground-game-controls label{gap:4px;display:grid}.playground-game-controls .playground-popup-control{border:2px solid var(--ink);color:#19131a;background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:6px 9px;display:flex}@supports (color:color-mix(in lab, red, red)){.playground-game-controls .playground-popup-control{background:color-mix(in srgb, #fff 90%, var(--sky))}}.playground-popup-control [data-slot=switch]{border:1px solid var(--ink);flex:none}@supports (color:color-mix(in lab, red, red)){.playground-popup-control [data-slot=switch]{border:1px solid color-mix(in srgb, var(--ink) 45%, transparent)}}.playground-popup-control [data-slot=switch]{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.playground-popup-control [data-slot=switch]{background:color-mix(in srgb, var(--ink) 18%, #fff)}}.playground-popup-control [data-slot=switch][data-state=checked]{background:var(--pink-strong)}.playground-game-controls label>span{letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:800}.playground-game-controls button{font-size:.67rem;font-weight:800;border:2px solid var(--ink)!important;border-radius:11px!important;min-height:42px!important}.playground-game-controls>button{grid-column:1/-1}.playground-feedback-dialog{--feedback-ink:#19131a;--feedback-accent:#d94f8b;--feedback-parity-odd:#7c4daa;--feedback-parity-even:#b62f6d;border:3px solid var(--feedback-ink)!important;color:var(--feedback-ink)!important;box-shadow:0 10px 0 var(--feedback-accent), 0 32px 90px #00000052!important;background:#fff8fc!important;border-radius:22px!important}@supports (color:color-mix(in lab, red, red)){.playground-feedback-dialog{box-shadow:0 10px 0 color-mix(in srgb, var(--feedback-accent) 44%, transparent), 0 32px 90px #00000052!important}}.playground-feedback-dialog [data-slot=alert-dialog-title]{color:inherit;font-family:inherit;font-size:1.35rem}.playground-feedback-dialog [data-slot=alert-dialog-description]{color:var(--feedback-ink)}@supports (color:color-mix(in lab, red, red)){.playground-feedback-dialog [data-slot=alert-dialog-description]{color:color-mix(in srgb, var(--feedback-ink) 76%, transparent)}}.playground-feedback-copy{gap:10px;width:100%;display:grid}.playground-feedback-copy p{white-space:pre-line;margin:0;font-size:.95rem;line-height:1.55}.playground-feedback-number{font-weight:900}.playground-feedback-number[data-parity=odd]{color:var(--feedback-parity-odd)}.playground-feedback-number[data-parity=even]{color:var(--feedback-parity-even)}.playground-final-score{color:var(--feedback-accent);background:var(--feedback-accent);border:2px solid;border-radius:16px;padding:14px;display:block}@supports (color:color-mix(in lab, red, red)){.playground-final-score{background:color-mix(in srgb, var(--feedback-accent) 10%, #fff)}}.playground-final-score{text-align:center;font-size:1.4rem}.playground-feedback-dialog [data-slot=alert-dialog-action]{color:#fff!important;background:var(--feedback-accent)!important}.playground-feedback-dialog [data-slot=alert-dialog-cancel]{color:inherit!important;background:0 0!important;border:2px solid!important}.playground-feedback-dialog.theme-classic{--feedback-ink:#f8fafc;--feedback-accent:#6366f1;--feedback-parity-odd:#60a5fa;--feedback-parity-even:#2dd4bf;background:#10152a!important;border-color:#818cf8!important}.playground-feedback-dialog.theme-neon{--feedback-ink:#fff;--feedback-accent:#ff00e5;--feedback-parity-odd:var(--neon-parity-odd-text);--feedback-parity-even:var(--neon-parity-even-text);background:#08011c!important;border-color:#00f0ff!important;box-shadow:0 0 28px #ff00e57a,0 30px 90px #000000b3!important}.playground-feedback-dialog.theme-mystical{--feedback-ink:#3f3557;--feedback-accent:#9a6d87;--feedback-parity-odd:#745298;--feedback-parity-even:#2f7777;font-family:Poppins,Arial,sans-serif;background:#fffaf0!important;border-color:#c79a4b!important}.playground-start-button{color:#fff!important;background:var(--pink-strong)!important}.sound-pad{min-width:0;box-shadow:0 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;gap:1px;transition:transform .12s,box-shadow .12s,filter .12s;border:2px solid var(--ink)!important;height:66px!important;color:var(--ink)!important;background:var(--sky)!important;border-radius:17px!important;padding:7px 4px!important;display:grid!important}.sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=odd]{background:var(--lavender)!important}.sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=even]{background:#f7a5c9!important}.sound-pad strong,.sound-pad span{text-overflow:ellipsis;white-space:nowrap;line-height:1.05;display:block;overflow:hidden}.sound-pad strong{font-size:1.08rem;font-weight:800}.sound-pad span{color:#5f4d57;font-size:.61rem;font-weight:700}.sound-pad:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.sound-pad[data-active=true]{filter:saturate(1.35)brightness(1.03);box-shadow:0 1px 0 var(--ink), 0 0 0 4px #ef65a333;transform:translateY(2px)scale(.97)}.sound-sequence{min-height:83px;color:var(--ink);background:#fff;border:2px solid #00000021;border-radius:16px;gap:3px;padding:12px 14px;display:grid}.sound-sequence strong{overflow-wrap:anywhere;font-size:1rem}.sound-sequence small{color:#765d69;font-size:.7rem}.sound-actions{grid-template-columns:minmax(0,1.8fr) minmax(92px,.7fr);gap:10px;display:grid}.sound-scale-control{border:2px solid var(--ink);min-width:0;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:minmax(max-content,1fr) 70px 88px;align-items:center;gap:7px;padding:5px 6px 5px 14px;display:grid}.sound-scale-control>span{white-space:nowrap;font-size:.72rem;font-weight:800}.sound-tonic-select{font-weight:800;border:2px solid var(--ink)!important;width:70px!important;height:42px!important;color:var(--ink)!important;background:var(--sky)!important;box-shadow:none!important;border-radius:12px!important}.sound-tonic-menu{z-index:70;font-family:Poppins,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;border:2px solid var(--ink)!important;color:var(--ink)!important;box-shadow:0 5px 0 var(--ink)!important;background:#fff!important;border-radius:14px!important}.sound-tonic-option{min-height:38px;font-weight:700}.sound-tonic-option[data-disabled]{opacity:.32;cursor:not-allowed}.sound-play-button,.sound-reset-button{gap:7px;display:inline-flex}.sound-play-button svg,.sound-reset-button svg{width:16px;height:16px}.sound-play-button{height:42px!important;padding-inline:10px!important}.sound-reset-button{box-shadow:0 4px 0 var(--ink);border:2px solid var(--ink)!important;height:56px!important;color:var(--ink)!important;background:#fff!important;border-radius:999px!important}.sound-note{color:#765d69;text-align:center;margin:-2px 2px 0;font-size:.71rem;line-height:1.45}.circle-trigger{margin-top:10px}.circle-dialog{width:min(96vw,620px)!important;max-width:620px!important}.circle-scroll{gap:16px;padding:2px 5px 12px 2px;display:grid}.circle-control-group{border:0;min-width:0;margin:0;padding:0}.circle-control-group legend{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.71rem;font-weight:800}.circle-label-options{grid-template-columns:repeat(2,minmax(0,1fr))}.circle-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}.ji-circle-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ji-circle-path-control,.ji-value-only{grid-column:1/-1}.circle-direction-options,.circle-value-options,.circle-path-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ji-relationship-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ji-relationship-legend>span{color:#4d3744;background:#ffffffb8;border:1px solid #412d3933;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px;min-width:0;padding:9px 11px;font-size:.68rem;line-height:1.25;display:grid}.ji-relationship-legend b{grid-row:1/3;font-size:1.18rem;line-height:1}.ji-relationship-legend strong{grid-column:2;font-size:.66rem}.ji-relationship-legend [data-direction=up] b,.ji-relationship-legend [data-direction=up] strong{color:#6751c7}.ji-relationship-legend [data-direction=down] b,.ji-relationship-legend [data-direction=down] strong{color:#c73e80}.musical-circle{aspect-ratio:1;border:3px solid var(--ink);background:radial-gradient(circle at center, #fff 0 28%, transparent 29%), repeating-conic-gradient(from -15deg, #ddb7ff47 0 1deg, transparent 1deg 30deg), linear-gradient(145deg, #fffaff, #f9e5f3);width:min(100%,430px);box-shadow:inset 0 0 0 9px #ffffffb8, 0 7px 0 var(--lavender);border-radius:50%;margin:4px auto 2px;position:relative}.musical-circle:before{content:"";pointer-events:none;border:2px dashed #0003;border-radius:50%;position:absolute;inset:17%}.ji-relationship-track{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ji-relationship-track path{fill:none;stroke-width:1.7px;stroke-linecap:round}.ji-relationship-track [data-direction=up]{stroke:#7862d4}.ji-relationship-track [data-direction=down]{stroke:#d85191}.ji-relationship-track [data-comma-gap=true] path{stroke-width:2.2px}.ji-comma-gap-marker{z-index:3;color:#6d4311;letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#fff3b7;border:1px solid #c98b25;border-radius:999px;place-items:center;min-width:31px;height:18px;padding:0 5px;font-size:.48rem;font-weight:900;display:grid;position:absolute;top:8.8%;left:39.1%;transform:translate(-50%,-50%)rotate(-15deg);box-shadow:0 2px #6d43113d}.musical-circle-center{z-index:1;aspect-ratio:1;border:2px solid var(--ink);width:35%;color:var(--ink);text-align:center;background:var(--yellow);border-radius:50%;place-content:center;gap:3px;padding:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.musical-circle-center strong{font-size:clamp(.74rem,2.7vw,1rem);line-height:1.1}.musical-circle-center small{color:#705b67;font-size:clamp(.5rem,1.8vw,.66rem);font-weight:800;line-height:1.05}.musical-circle-center span{color:#705b67;font-size:clamp(.55rem,2vw,.7rem);font-weight:700;line-height:1.15}.musical-circle-center[data-interval-active=true]{gap:2px;width:40%;padding:8px}.musical-circle-center[data-interval-active=true] strong{font-size:clamp(.66rem,2.35vw,.9rem)}.musical-circle-note{z-index:2;aspect-ratio:1;border:2px solid var(--ink);width:clamp(44px,12vw,62px);color:var(--ink);text-align:center;background:var(--sky);box-shadow:0 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;padding:4px;font-size:clamp(.8rem,3.2vw,1.05rem);font-weight:800;line-height:1.05;transition:filter .1s,box-shadow .1s;display:grid;position:absolute;transform:translate(-50%,-50%)}.circle-dialog.color-clues .musical-circle-note[data-parity=odd]{background:var(--lavender)}.circle-dialog.color-clues .musical-circle-note[data-parity=even]{background:#f7a5c9}.musical-circle[data-label-mode=notes] .musical-circle-note{overflow-wrap:anywhere;font-size:clamp(.5rem,1.8vw,.66rem)}.musical-circle[data-label-mode=romans] .musical-circle-note{width:clamp(50px,14vw,68px);font-size:clamp(1rem,4.4vw,1.35rem)}.musical-circle[data-label-mode=ratios] .musical-circle-note{gap:1px;width:clamp(50px,14vw,68px);font-size:clamp(.62rem,2.4vw,.8rem)}.musical-circle[data-label-mode=ratios] .musical-circle-note strong{font-size:clamp(.72rem,2.9vw,.96rem);line-height:1}.musical-circle[data-label-mode=ratios] .musical-circle-note span{font-variant-numeric:tabular-nums;font-size:clamp(.5rem,1.9vw,.68rem);line-height:1}.musical-circle[data-ji-path=fifth-relationships] .musical-circle-note{width:clamp(52px,14vw,70px)}.ji-stacked-ratio{width:min(100%,46px);margin:0 auto;display:grid;font-size:clamp(.43rem,1.65vw,.6rem)!important;line-height:.9!important}.ji-stacked-ratio i{text-overflow:clip;min-width:0;font-style:normal;display:block;overflow:hidden}.ji-stacked-ratio i:first-child{border-bottom:1px solid;padding-bottom:2px}.ji-stacked-ratio i:last-child{padding-top:2px}.musical-circle-note:hover{filter:saturate(1.18)brightness(1.03)}.musical-circle-note:active{box-shadow:0 1px 0 var(--ink), 0 0 0 4px #ef65a338;transform:translate(-50%,calc(3px - 50%))scale(.97)}.musical-circle-note[data-recent=previous]{outline-offset:2px;outline:3px solid #ffffffd1}.musical-circle-note[data-recent=latest]{z-index:3;outline-offset:2px;outline:4px solid #ffd84d}.circle-help{color:#765d69;text-align:center;margin:0;font-size:.71rem;line-height:1.45}.ji-comma-card{color:#4d3744;background:#ffffffc2;border:1px solid #412d3933;border-radius:18px;gap:11px;padding:15px;display:grid;box-shadow:0 4px #ddb7ff80}.ji-comma-kicker{color:#b53173;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:900}.ji-comma-card h3{color:inherit;margin:3px 0 5px;font-size:.95rem;line-height:1.2}.ji-comma-card p,.ji-comma-card small{margin:0;font-size:.7rem;line-height:1.45}.ji-comma-card>small{text-align:center}.ji-comma-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ji-comma-tone-button{touch-action:none;-webkit-user-select:none;user-select:none;gap:2px;min-height:56px;box-shadow:0 3px #7862d440;color:#372d69!important;background:#f4efff!important;border:1px solid #7862d4!important;border-radius:13px!important;height:auto!important;display:grid!important}.ji-comma-tone-button span{font-size:.68rem}.ji-comma-tone-button strong{font-size:.82rem}.ji-comma-tone-button:active{transform:translateY(2px);box-shadow:0 1px #7862d440}.question-progress{color:#8f6578;letter-spacing:.07em;text-transform:uppercase;margin:17px 3px 0;font-size:.72rem;font-weight:700}.question-card{border:2px solid var(--ink);box-shadow:0 7px 0 var(--lavender);background:linear-gradient(145deg,#fff 55%,#ffe3f2);border-radius:27px;margin:12px 0 24px;padding:25px}.tonic-label{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.note-name{color:#765d69;margin:5px 0 18px;font-size:.86rem}.note-name-prominent{font-size:1rem;font-weight:600}.question-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.6rem,6.7vw,2.35rem);line-height:1.13}.question-card h2 .pattern-highlight{color:var(--pink-strong)}.note-highlight-odd{color:#7c4daa}.note-highlight-even{color:#d44384}.note-highlight-neutral{color:#1687c4}.answer-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.answer-button{height:60px;box-shadow:0 4px 0 var(--ink);font-size:1.08rem;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;border:2px solid var(--ink)!important;color:var(--ink)!important;border-radius:20px!important}.trainer-shell.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]){background:var(--lavender)!important}.trainer-shell.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]){background:#f7a5c9!important}.trainer-shell.color-neutral .answer-button:not([data-correct=true]):not([data-wrong=true]){background:var(--sky)!important}.notes-grid{grid-template-columns:repeat(3,1fr)}.notes-grid .answer-button{white-space:normal;min-width:0;padding:0 6px;font-size:.74rem;line-height:1.1}.answer-button:hover:not(:disabled){box-shadow:0 6px 0 var(--ink);filter:saturate(1.08);transform:translateY(-2px)}.answer-button:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.answer-button:disabled{opacity:.48}.answer-button[data-correct=true]{opacity:1;background:var(--mint)!important}.answer-button[data-wrong=true]{opacity:1;background:var(--yellow)!important}.result-zone{min-height:195px;padding-top:22px}.prompt-copy{color:#765d69;text-align:center;margin:0;font-size:.88rem}.feedback{border:2px solid var(--ink);color:var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:23px;padding:20px;font-size:.88rem;line-height:1.55}.feedback.correct{background:var(--mint)}.feedback.incorrect{background:var(--yellow)}.feedback p{margin:0 0 8px}.feedback-title{color:var(--ink);font-size:1.08rem;font-weight:800}.chord-line{color:#51424a}.quiz-summary{background:#ffffff85;border:2px solid #0000002e;border-radius:15px;gap:3px;padding:13px 14px;display:grid;margin:14px 0 0!important}.quiz-summary span{letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:800}.quiz-summary strong{font-size:1.08rem}.next-button,.apply-button,.start-button{width:100%;height:48px;box-shadow:0 4px 0 var(--ink);font-weight:800;border:2px solid var(--ink)!important;color:var(--ink)!important;background:linear-gradient(90deg,#f48ab8,#f9add0)!important;border-radius:999px!important}.next-button{margin-top:9px}.start-button{margin-top:14px}.next-button:hover,.apply-button:hover,.start-button:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-1px)}.settings-dialog{max-height:min(90svh,790px);border:2px solid var(--ink)!important;width:min(94vw,540px)!important;color:var(--ink)!important;background:var(--blush)!important;border-radius:28px!important;gap:16px!important;box-shadow:0 16px #ddb7ffcc,0 28px 80px #4a293f42!important}.settings-dialog [data-slot=dialog-title]{font-size:1.4rem;font-weight:800}.settings-dialog [data-slot=dialog-description]{color:#765d69}.settings-scroll{max-height:calc(90svh - 195px);padding-right:5px;overflow-y:auto}.settings-section{border:0;margin:0 0 21px;padding:0}.settings-section legend{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.71rem;font-weight:800}.appearance-control{background:#fff;border:2px solid #d8cbd2;border-radius:16px;grid-template-columns:1fr;align-items:center;gap:9px;padding:8px 10px;display:grid}.appearance-control>span{color:#765d69;font-size:.7rem;line-height:1.35}.appearance-select{font-weight:800;border:2px solid var(--ink)!important;width:100%!important;height:44px!important;color:var(--ink)!important;background:var(--lavender)!important;box-shadow:none!important;border-radius:12px!important}.appearance-menu{z-index:70;font-family:Poppins,Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;border:2px solid var(--ink)!important;min-width:160px!important;color:var(--ink)!important;box-shadow:0 5px 0 var(--ink)!important;background:#fff!important;border-radius:14px!important}.appearance-option{min-height:40px;font-weight:700}.level-options,.theme-options,.topic-options{gap:9px;display:grid}.theme-options,.topic-options{grid-template-columns:repeat(2,1fr)}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.level-card,.theme-card,.topic-card{width:100%;color:var(--ink);text-align:left;background:#fff;border:2px solid #d8cbd2;border-radius:18px;padding:14px 15px}.level-card strong,.level-card span,.theme-card strong,.theme-card span,.topic-card strong,.topic-card span{display:block}.level-card strong,.theme-card strong,.topic-card strong{margin-bottom:3px;font-size:.9rem}.level-card span,.theme-card span,.topic-card span{color:#765d69;font-size:.75rem;line-height:1.4}.level-card[data-selected=true],.theme-card[data-selected=true],.topic-card[data-selected=true]{border-color:var(--ink);background:var(--lavender);box-shadow:0 4px 0 var(--ink)}.choice-grid{gap:8px;display:grid}.tonic-choices{grid-template-columns:repeat(6,1fr)}.degree-choices{grid-template-columns:repeat(7,1fr)}.choice-chip,.segment-button{color:#705b67;background:#fff;border:2px solid #d8cbd2;min-width:0;font-weight:800}.choice-chip{border-radius:13px;height:40px;font-size:.8rem}.choice-chip[data-selected=true]{border-color:var(--ink);color:var(--ink);background:var(--sky)}.segmented-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.difficulty-options,.color-clue-options{grid-template-columns:repeat(3,1fr)}.segment-button{text-transform:capitalize;border-radius:13px;padding:10px 5px;font-size:.71rem}.segment-button[data-selected=true]{border-color:var(--ink);color:var(--ink);background:var(--yellow)}.settings-help{color:#765d69;margin:9px 2px 0;font-size:.72rem;line-height:1.45}.toggle-row{border-top:2px solid #ef65a333;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.toggle-row strong,.toggle-row span{display:block}.toggle-row strong{color:var(--ink);font-size:.85rem}.toggle-row span{color:#765d69;margin-top:2px;font-size:.73rem}.toggle-row [data-slot=switch]{background:#e8d8df;border:1px solid #c29eaf}.toggle-row [data-slot=switch][data-state=checked]{border-color:var(--ink);background:var(--pink-strong)}.guide-dialog{max-width:620px!important}.guide-scroll{gap:20px;display:grid}.guide-section{background:#fff;border:2px solid #0000001f;border-radius:20px;padding:18px}.guide-section:nth-child(4n+1){box-shadow:5px 5px 0 var(--lavender)}.guide-section:nth-child(4n+2){box-shadow:5px 5px 0 var(--sky)}.guide-section:nth-child(4n+3){box-shadow:5px 5px 0 var(--yellow)}.guide-section:nth-child(4n+4){box-shadow:5px 5px 0 var(--mint)}.guide-section h3{color:var(--ink);margin:0 0 10px;font-size:.92rem}.guide-section p{color:#68535e;margin:0;font-size:.78rem;line-height:1.55}.pitch-map{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pitch-map button{border:2px solid var(--ink);min-width:0;font:inherit;text-align:center;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:13px;padding:9px 5px}.guide-dialog.color-clues .pitch-map button[data-parity=odd]{background:var(--lavender)}.guide-dialog.color-clues .pitch-map button[data-parity=even]{background:#f7a5c9}.guide-dialog.color-neutral .pitch-map button{background:#fff}.pitch-map button:active{transform:translateY(2px)}.pitch-map button:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.pitch-map strong,.pitch-map span{display:block}.pitch-map strong{color:var(--ink);font-size:.86rem}.pitch-map span{color:#4e3f47;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.62rem;overflow:hidden}.degree-guide{border:2px solid var(--ink);border-radius:15px;margin-top:12px;overflow:hidden}.degree-guide>div{color:#4e3f47;border-bottom:1px solid #00000029;grid-template-columns:.8fr 1.1fr 1.25fr;gap:6px;padding:9px 11px;font-size:.75rem;display:grid}.degree-guide>div:last-child{border-bottom:0}.degree-guide-head{letter-spacing:.07em;text-transform:uppercase;background:var(--yellow);font-weight:800;color:var(--ink)!important;font-size:.63rem!important}.degree-guide strong{color:var(--pink-strong)}.degree-note{margin-top:10px!important}.parity-cards{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:11px;display:grid}.parity-key{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:9px;display:grid}.parity-key span{color:#4e3f47;text-align:center;background:#fff;border:2px solid #0000001f;border-radius:12px;padding:8px 7px;font-size:.68rem;font-weight:800;line-height:1.35}.guide-dialog.color-clues .parity-key [data-parity-text=odd]{background:var(--lavender)}.guide-dialog.color-clues .parity-key [data-parity-text=even]{background:#f7a5c9}.guide-dialog.color-clues [data-parity-text=odd]{color:#7c4daa}.guide-dialog.color-clues [data-parity-text=even]{color:#d44384}.parity-cards>div{border:2px solid var(--ink);border-radius:15px;padding:13px}.guide-dialog.color-clues .parity-cards>div:first-child{background:var(--lavender)}.guide-dialog.color-clues .parity-cards>div:last-child{background:#f7a5c9}.guide-dialog.color-neutral .parity-cards>div{background:#fff}.parity-cards strong,.parity-cards span{display:block}.parity-cards strong{color:var(--ink);font-size:.78rem}.parity-cards span{color:#4e3f47;margin-top:3px;font-size:.84rem}.parity-formula{flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:.82rem;display:flex}.parity-formula em{font-style:normal;font-weight:900}.parity-formula b{color:#8a7180}.formula-list{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.formula-list>span{color:#4e3f47;background:var(--blush);border:2px solid #00000029;border-radius:14px;padding:11px;font-size:.75rem}.formula-list>span>strong{color:var(--pink-strong);margin-bottom:2px;display:block}.formula-shape{letter-spacing:.03em;font-weight:800;display:block}.formula-list small{color:#68535e;margin-top:3px;font-size:.68rem;display:block}.guide-question-list{gap:8px;display:grid}.guide-question-list div,.guide-example{color:#4e3f47;background:var(--blush);border:2px solid #00000021;border-radius:14px;padding:11px 12px}.guide-question-list strong,.guide-question-list span,.guide-example strong,.guide-example span{display:block}.guide-question-list strong,.guide-example strong{color:var(--pink-strong);font-size:.73rem}.guide-question-list span,.guide-example span{margin-top:2px;font-size:.74rem;line-height:1.45}.guide-example{margin-top:12px}.guide-focus{border-color:#dd2f7e59}.scale-strip{border:2px solid var(--ink);color:var(--ink);text-align:center;background:var(--lavender);border-radius:15px;margin:11px 0;padding:13px 10px;font-size:clamp(.92rem,4vw,1.12rem);font-weight:800}.move-equation{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:11px 0;display:grid}.move-equation strong{border:2px solid var(--ink);color:var(--ink);background:var(--sky);border-radius:13px;padding:9px}.move-equation span{color:var(--pink-strong);font-size:.88rem;font-weight:800}.scale-pairs{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px;display:grid}.scale-pairs div{background:var(--blush);border:2px solid #00000021;border-radius:13px;justify-items:center;gap:1px;padding:8px 3px;display:grid}.scale-pairs span,.scale-pairs strong{font-size:.76rem}.scale-pairs b{color:#8a7180;font-size:.64rem}.guide-steps{color:#68535e;gap:8px;margin:0;padding-left:21px;font-size:.78rem;line-height:1.5;display:grid}.trainer-shell.theme-classic{color:#f8fafc;background:radial-gradient(circle at 15% 10%,#6366f140,#0000 36%),radial-gradient(circle at 85% 85%,#ec489929,#0000 34%),#080b18;font-family:Arial,Helvetica,sans-serif}.theme-classic .trainer-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1327e0;border:1px solid #94a3b82e;border-radius:30px;width:min(100%,520px);min-height:min(760px,100svh - 48px);padding:28px;box-shadow:0 24px 80px #00000073}.theme-classic .brand-name{color:#a5b4fc}.theme-classic .trainer-header h1{color:#f8fafc;font-size:clamp(1.35rem,6vw,1.9rem)}.theme-classic .trainer-kicker{color:#a5b4fc;letter-spacing:.12em;text-transform:uppercase;background:0 0;margin-top:8px;padding:0}.theme-classic .designer-intro{box-shadow:none;background:linear-gradient(145deg,#4f46e52e,#1e293b7a);border:1px solid #818cf838;border-radius:22px}.theme-classic .designer-intro p{color:#a5b4fc}.theme-classic .designer-intro h2{color:#f8fafc}.theme-classic .designer-intro span{color:#94a3b8}.theme-classic .quiz-designer .settings-section legend{color:#c7d2fe}.theme-classic .appearance-control{background:#1e293b94;border:1px solid #94a3b82e}.theme-classic .appearance-control>span{color:#94a3b8}.theme-classic .appearance-select{color:#fff!important;background:#4f46e56b!important;border:1px solid #818cf8!important}.appearance-menu.theme-classic{font-family:Arial,Helvetica,sans-serif;color:#e2e8f0!important;background:#10152a!important;border:1px solid #94a3b857!important;box-shadow:0 16px 40px #0000006b!important}.appearance-menu.theme-classic .appearance-option[data-state=checked],.appearance-menu.theme-classic .appearance-option:focus{color:#fff;background:#4f46e585}.theme-classic .quiz-designer .level-card,.theme-classic .quiz-designer .theme-card,.theme-classic .quiz-designer .topic-card,.theme-classic .quiz-designer .choice-chip,.theme-classic .quiz-designer .segment-button{color:#94a3b8;background:#1e293b94;border:1px solid #94a3b82e}.theme-classic .quiz-designer .level-card strong,.theme-classic .quiz-designer .theme-card strong,.theme-classic .quiz-designer .topic-card strong,.theme-classic .quiz-designer .toggle-row strong{color:#e2e8f0}.theme-classic .quiz-designer .level-card span,.theme-classic .quiz-designer .theme-card span,.theme-classic .quiz-designer .topic-card span,.theme-classic .quiz-designer .toggle-row span{color:#94a3b8}.theme-classic .quiz-designer .level-card[data-selected=true],.theme-classic .quiz-designer .theme-card[data-selected=true],.theme-classic .quiz-designer .topic-card[data-selected=true],.theme-classic .quiz-designer .choice-chip[data-selected=true]{color:#fff;box-shadow:none;background:#4f46e56b;border-color:#818cf8}.theme-classic .quiz-designer .segment-button[data-selected=true]{color:#fce7f3;background:#db277738;border-color:#f472b6}.theme-classic .quiz-designer .toggle-row{border-top-color:#94a3b821}.theme-classic .quiz-designer .toggle-row [data-slot=switch]{background:#334155;border:0}.theme-classic .quiz-designer .toggle-row [data-slot=switch][data-state=checked]{background:#6366f1}.theme-classic .start-button{box-shadow:none;color:#fff!important;background:linear-gradient(100deg,#4f46e5,#7c3aed)!important;border:0!important;border-radius:14px!important}.theme-classic .settings-trigger{width:44px;height:44px;box-shadow:none;color:#c7d2fe!important;background:#1e293b9e!important;border:1px solid #a5b4fc2e!important;border-radius:14px!important}.theme-classic .score{color:#94a3b8;min-width:72px;box-shadow:none;background:#1e293b9e;border:1px solid #a5b4fc2e;border-radius:16px}.theme-classic .score strong{color:#fff}.theme-classic .guide-trigger{height:44px;color:#c7d2fe!important;background:linear-gradient(100deg,#4f46e529,#db277714)!important;border:1px solid #a5b4fc33!important;border-radius:14px!important}.theme-classic .guide-trigger:hover{background:#4f46e53d!important}.theme-classic .guide-trigger svg{color:#c7d2fe}.theme-classic .question-progress{color:#64748b;margin-top:14px}.theme-classic .question-card{box-shadow:none;background:linear-gradient(145deg,#4f46e52e,#1e293b7a);border:1px solid #818cf838;border-radius:24px;margin:14px 0 24px}.theme-classic .tonic-label{color:#c7d2fe}.theme-classic .note-name,.theme-classic .prompt-copy{color:#94a3b8}.theme-classic .question-card h2{color:#f8fafc}.theme-classic .note-highlight-neutral{color:#93c5fd}.trainer-shell.theme-classic.color-neutral .answer-button:not([data-correct=true]):not([data-wrong=true]){color:#fff!important;background:#29427e!important;border-color:#7189d9!important}.trainer-shell.theme-classic.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]){color:#fff!important;background:#4f46e56b!important;border-color:#818cf8!important}.trainer-shell.theme-classic.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]){color:#fff!important;background:#db27774d!important;border-color:#f472b6!important}.theme-classic .answer-button{box-shadow:none;border-radius:17px!important}.theme-classic .answer-button:hover:not(:disabled){box-shadow:none}.theme-classic .answer-button[data-correct=true]{color:#d1fae5!important;background:#05966947!important;border-color:#34d399!important}.theme-classic .answer-button[data-wrong=true]{color:#ffe4e6!important;background:#e11d4840!important;border-color:#fb7185!important}.theme-classic .feedback{color:#cbd5e1;box-shadow:none;background:#0f172ab8;border:1px solid #94a3b829;border-radius:20px}.theme-classic .feedback.correct,.theme-classic .feedback.incorrect{background:#0f172ab8}.theme-classic .feedback-title,.theme-classic .quiz-summary{color:#f8fafc}.theme-classic .feedback.correct .feedback-title{color:#6ee7b7}.theme-classic .feedback.incorrect .feedback-title{color:#fda4af}.theme-classic .chord-line{color:#94a3b8}.theme-classic .quiz-summary{background:#312e8138;border-color:#818cf847}.theme-classic .next-button{box-shadow:none;color:#fff!important;background:linear-gradient(100deg,#4f46e5,#7c3aed)!important;border:0!important;border-radius:14px!important}.settings-dialog.theme-classic{font-family:Arial,Helvetica,sans-serif;color:#f8fafc!important;background:#10152a!important;border:1px solid #94a3b838!important;border-radius:24px!important;box-shadow:0 28px 90px #0000009e!important}.settings-dialog.theme-classic [data-slot=dialog-description],.settings-dialog.theme-classic .settings-help{color:#94a3b8}.settings-dialog.theme-classic .settings-section legend{color:#c7d2fe}.settings-dialog.theme-classic .level-card,.settings-dialog.theme-classic .theme-card,.settings-dialog.theme-classic .topic-card,.settings-dialog.theme-classic .choice-chip,.settings-dialog.theme-classic .segment-button{color:#94a3b8;background:#1e293b94;border:1px solid #94a3b82e}.settings-dialog.theme-classic .level-card strong,.settings-dialog.theme-classic .theme-card strong,.settings-dialog.theme-classic .topic-card strong{color:#e2e8f0}.settings-dialog.theme-classic .level-card span,.settings-dialog.theme-classic .theme-card span,.settings-dialog.theme-classic .topic-card span,.settings-dialog.theme-classic .toggle-row span{color:#94a3b8}.settings-dialog.theme-classic .level-card[data-selected=true],.settings-dialog.theme-classic .theme-card[data-selected=true],.settings-dialog.theme-classic .topic-card[data-selected=true],.settings-dialog.theme-classic .choice-chip[data-selected=true]{color:#fff;box-shadow:none;background:#4f46e56b;border-color:#818cf8}.settings-dialog.theme-classic .segment-button[data-selected=true]{color:#fce7f3;background:#db277738;border-color:#f472b6}.settings-dialog.theme-classic .toggle-row{border-top-color:#94a3b821}.settings-dialog.theme-classic .toggle-row strong{color:#e2e8f0}.settings-dialog.theme-classic .toggle-row [data-slot=switch]{background:#334155;border:0}.settings-dialog.theme-classic .toggle-row [data-slot=switch][data-state=checked]{background:#6366f1}.settings-dialog.theme-classic .apply-button{box-shadow:none;color:#fff!important;background:linear-gradient(100deg,#4f46e5,#7c3aed)!important;border:0!important;border-radius:14px!important}.settings-dialog.theme-classic .sound-sequence{color:#f8fafc;background:#1e293b9e;border:1px solid #94a3b829}.settings-dialog.theme-classic .sound-sequence span,.settings-dialog.theme-classic .sound-sequence small,.settings-dialog.theme-classic .sound-status,.settings-dialog.theme-classic .sound-note{color:#94a3b8}.settings-dialog.theme-classic .sound-scale-control{color:#e2e8f0;box-shadow:none;background:#1e293b9e;border:1px solid #94a3b83d}.settings-dialog.theme-classic .sound-tonic-select{color:#fff!important;background:#4f46e56b!important;border:1px solid #818cf8!important}.sound-tonic-menu.theme-classic{font-family:Arial,Helvetica,sans-serif;color:#e2e8f0!important;background:#10152a!important;border:1px solid #94a3b857!important;box-shadow:0 16px 40px #0000006b!important}.sound-tonic-menu.theme-classic .sound-tonic-option[data-state=checked],.sound-tonic-menu.theme-classic .sound-tonic-option:focus{color:#fff;background:#4f46e585}.settings-dialog.theme-classic .sound-rule-note{color:#f8fafc;background:#1e293b9e;border:1px solid #94a3b829}.settings-dialog.theme-classic .sound-rule-examples{border-top-color:#94a3b82e}.settings-dialog.theme-classic .sound-rule-examples b{color:#f9a8d4}.settings-dialog.theme-classic .sound-instrument-control,.settings-dialog.theme-classic .sound-tuning-control{color:#e2e8f0;box-shadow:none;background:#1e293b9e;border:1px solid #94a3b83d}.settings-dialog.theme-classic .sound-instrument-select,.settings-dialog.theme-classic .sound-tuning-select{color:#fff!important;background:#4f46e56b!important;border:1px solid #818cf8!important}.settings-dialog.theme-classic .sound-tuning-note{color:#94a3b8}.settings-dialog.theme-classic .sound-pad{box-shadow:none;color:#fff!important;background:#29427e!important;border:1px solid #7189d9!important;border-radius:15px!important}.settings-dialog.theme-classic.color-clues .sound-pad[data-parity=odd]{background:#4f46e59e!important;border-color:#818cf8!important}.settings-dialog.theme-classic.color-clues .sound-pad[data-parity=even]{background:#db277773!important;border-color:#f472b6!important}.settings-dialog.theme-classic .sound-pad span{color:#cbd5e1}.settings-dialog.theme-classic .sound-pad[data-active=true]{box-shadow:0 0 0 3px #818cf83d,0 0 18px #818cf857;border-color:#fff!important}.settings-dialog.theme-classic .sound-reset-button{box-shadow:none;color:#e2e8f0!important;background:#1e293b9e!important;border:1px solid #94a3b83d!important;border-radius:14px!important}.settings-dialog.theme-classic .circle-control-group legend{color:#c7d2fe}.settings-dialog.theme-classic .musical-circle{background:radial-gradient(circle at center, #11152a 0 28%, transparent 29%), repeating-conic-gradient(from -15deg, #818cf826 0 1deg, transparent 1deg 30deg), #0b1023;border-color:#818cf8;box-shadow:inset 0 0 0 8px #1e293bb8,0 0 24px #818cf838}.settings-dialog.theme-classic .musical-circle:before{border-color:#a5b4fc47}.settings-dialog.theme-classic .musical-circle-center{color:#fff;background:#1e2948;border-color:#818cf8}.settings-dialog.theme-classic .musical-circle-center small,.settings-dialog.theme-classic .musical-circle-center span,.settings-dialog.theme-classic .circle-help{color:#94a3b8}.settings-dialog.theme-classic .musical-circle-note{color:#fff;background:#29427e;border-color:#7189d9;box-shadow:0 3px #080b16}.settings-dialog.theme-classic.color-clues .musical-circle-note[data-parity=odd]{background:#4338a8;border-color:#818cf8}.settings-dialog.theme-classic.color-clues .musical-circle-note[data-parity=even]{background:#8a295f;border-color:#f472b6}.guide-dialog.theme-classic .guide-section{box-shadow:none;background:0 0;border:0;border-bottom:1px solid #94a3b821;border-radius:0;padding:0 0 20px}.guide-dialog.theme-classic .guide-section:last-child{border-bottom:0;padding-bottom:0}.guide-dialog.theme-classic .guide-section h3{color:#e0e7ff}.guide-dialog.theme-classic .guide-section p{color:#94a3b8}.guide-dialog.theme-classic .pitch-map button,.guide-dialog.theme-classic .parity-cards>div,.guide-dialog.theme-classic .formula-list>span{color:#cbd5e1;background:#1e293b7a;border:1px solid #94a3b824}.guide-dialog.theme-classic .pitch-map strong,.guide-dialog.theme-classic .degree-guide strong,.guide-dialog.theme-classic .formula-list>span>strong{color:#f9a8d4}.guide-dialog.theme-classic .pitch-map span,.guide-dialog.theme-classic .parity-cards span{color:#cbd5e1}.guide-dialog.theme-classic.color-clues .pitch-map button[data-parity]{border-color:#111827}.guide-dialog.theme-classic.color-clues .pitch-map strong{color:#111827}.guide-dialog.theme-classic.color-clues .pitch-map span{color:#263247}.guide-dialog.theme-classic .formula-list small,.guide-dialog.theme-classic .guide-question-list span,.guide-dialog.theme-classic .guide-example span,.guide-dialog.theme-classic .guide-steps{color:#94a3b8}.guide-dialog.theme-classic .guide-question-list div,.guide-dialog.theme-classic .guide-example,.guide-dialog.theme-classic .scale-pairs div,.guide-dialog.theme-classic .scale-strip,.guide-dialog.theme-classic .move-equation strong{color:#e2e8f0;background:#1e293b7a;border:1px solid #94a3b824}.guide-dialog.theme-classic .guide-question-list strong,.guide-dialog.theme-classic .guide-example strong,.guide-dialog.theme-classic .move-equation span{color:#f9a8d4}.guide-dialog.theme-classic .scale-pairs b{color:#64748b}.guide-dialog.theme-classic.color-clues .parity-cards>div:first-child{background:#7c4daa52}.guide-dialog.theme-classic.color-clues .parity-cards>div:last-child{background:#d4438447}.guide-dialog.theme-classic .parity-key span{color:#cbd5e1;background:#1e293b7a;border:1px solid #94a3b824}.guide-dialog.theme-classic .parity-cards strong{color:#f8fafc!important}.guide-dialog.theme-classic .parity-formula b{color:#cbd5e1}.guide-dialog.theme-classic.color-clues .parity-key [data-parity-text=odd]{background:#7c4daa52}.guide-dialog.theme-classic.color-clues .parity-key [data-parity-text=even]{background:#d4438447}.guide-dialog.theme-classic .degree-guide{border-color:#94a3b826}.guide-dialog.theme-classic .degree-guide>div{color:#cbd5e1;border-bottom-color:#94a3b81a}.guide-dialog.theme-classic .degree-guide-head{background:#1e293bb8;color:#94a3b8!important}.trainer-shell.theme-neon,.settings-dialog.theme-neon{--neon-pink:#ff00e5;--neon-purple:#8a28e2;--neon-cyan:#00f0ff;--neon-lime:#39ff14;--neon-yellow:#ffd400;--neon-orange:#ff6a00;--neon-navy:#08001a;--neon-grid-pink:#ff00e51c;--neon-panel:#08041eed;--neon-surface:#17142f;--neon-selection:#ffd6ee;--neon-parity-odd-text:#78d2d9;--neon-parity-even-text:#b9dd92;--neon-text:#f8f5ff;--neon-copy:#c9c2d8}.trainer-shell.theme-neon{color:#fff;background:radial-gradient(circle at 18% 8%, #ff00e53d, transparent 25rem), radial-gradient(circle at 88% 82%, #00f0ff33, transparent 26rem), linear-gradient(var(--neon-grid-pink) 1px, transparent 1px), linear-gradient(90deg, var(--neon-grid-pink) 1px, transparent 1px), #03000d;background-size:auto,auto,34px 34px,34px 34px,auto;font-family:Space Grotesk,Poppins,Arial,sans-serif}.theme-neon .trainer-panel{background:linear-gradient(135deg, #ff00e514, transparent 24%), linear-gradient(315deg, #00f0ff14, transparent 24%), var(--neon-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ff00e5d1;border-radius:10px;width:min(100%,560px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00f0ff47,0 0 30px #ff00e533,0 28px 90px #000000b8}.theme-neon .trainer-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan), #fff, var(--neon-pink), transparent);height:2px;box-shadow:0 0 14px var(--neon-cyan), 0 0 18px var(--neon-pink);pointer-events:none;position:absolute;top:0;left:8%;right:8%}.theme-neon .brand-name{color:var(--neon-cyan);text-shadow:0 0 10px #00f0ffbf}.theme-neon .brand-name svg{color:var(--neon-pink);filter:drop-shadow(0 0 5px #ff00e5e6)}.theme-neon .trainer-header h1{color:#0000;letter-spacing:-.055em;background:linear-gradient(105deg, #fff 4%, var(--neon-cyan) 34%, #f6e8ff 52%, var(--neon-pink) 76%, var(--neon-yellow));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #00f0ff47);-webkit-background-clip:text;background-clip:text;font-weight:800}.theme-neon .trainer-kicker{color:var(--neon-yellow);letter-spacing:.08em;text-transform:uppercase;background:#ffd4000f;border:1px solid #ffd400b8;border-radius:4px;box-shadow:0 0 12px #ffd40026}.theme-neon .designer-intro,.theme-neon .question-card{background:linear-gradient(#8a28e214 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#00f0ff12 1px,#0000 1px) 0 0/20px 20px,linear-gradient(135deg,#14093bf5,#050316f5);border:1px solid #00f0ffb8;border-radius:8px;box-shadow:5px 5px #8a28e28f,0 0 18px #00f0ff1f}.theme-neon .designer-intro p,.theme-neon .tonic-label{color:var(--neon-pink);text-shadow:0 0 8px #ff00e58c}.theme-neon .designer-intro h2,.theme-neon .question-card h2{color:#fff}.theme-neon .designer-intro span,.theme-neon .note-name,.theme-neon .prompt-copy{color:var(--neon-copy)}.theme-neon .settings-section legend,.settings-dialog.theme-neon .settings-section legend{color:var(--neon-yellow);text-shadow:0 0 7px #ffd40059}.theme-neon .appearance-control{background:#0a0623d6;border:1px solid #00f0ff57;border-radius:5px}.theme-neon .appearance-control>span{color:#aaa8c9}.theme-neon .appearance-select{border:1px solid var(--neon-pink)!important;color:#fff!important;background:#ff00e524!important;border-radius:4px!important}.appearance-menu.theme-neon{font-family:Space Grotesk,Poppins,Arial,sans-serif;border:1px solid var(--neon-cyan)!important;color:#fff!important;background:#07031a!important;border-radius:5px!important;box-shadow:3px 3px #ff00e59e,0 0 22px #00f0ff3d!important}.appearance-menu.theme-neon .appearance-option[data-state=checked],.appearance-menu.theme-neon .appearance-option:focus{color:#fff;background:#8a28e280}.theme-neon .level-card,.theme-neon .theme-card,.theme-neon .topic-card,.theme-neon .choice-chip,.theme-neon .segment-button{color:#d9d7ef;background:#0a0623d6;border:1px solid #00f0ff57;border-radius:5px;box-shadow:inset 0 0 0 1px #8a28e214}.theme-neon .level-card strong,.theme-neon .theme-card strong,.theme-neon .topic-card strong,.theme-neon .toggle-row strong{color:#fff}.theme-neon .level-card span,.theme-neon .theme-card span,.theme-neon .topic-card span,.theme-neon .toggle-row span,.theme-neon .settings-help{color:#aaa8c9}.theme-neon .level-card[data-selected=true],.theme-neon .theme-card[data-selected=true],.theme-neon .topic-card[data-selected=true],.theme-neon .choice-chip[data-selected=true]{border-color:var(--neon-cyan);color:#fff;background:linear-gradient(110deg,#8a28e299,#ff00e538);box-shadow:0 0 14px #00f0ff40,3px 3px #ff00e56b}.theme-neon .segment-button[data-selected=true]{border-color:var(--neon-yellow);color:#fff;background:linear-gradient(105deg,#ff00e570,#8a28e27a);box-shadow:0 0 12px #ff00e538}.theme-neon .toggle-row{border-top-color:#00f0ff29}.theme-neon .toggle-row [data-slot=switch]{background:#171130;border-color:#00f0ff73}.theme-neon .toggle-row [data-slot=switch][data-state=checked]{border-color:var(--neon-cyan);background:linear-gradient(90deg, var(--neon-purple), var(--neon-pink));box-shadow:0 0 12px #ff00e56b}.theme-neon .settings-trigger{box-shadow:3px 3px #8a28e2bf,0 0 14px #00f0ff38;border:1px solid var(--neon-cyan)!important;color:var(--neon-cyan)!important;background:#00f0ff14!important;border-radius:6px!important}.theme-neon .score{border:1px solid var(--neon-pink);color:#c8c7e4;background:#ff00e514;border-radius:6px;box-shadow:3px 3px #00f0ff80,0 0 14px #ff00e52e}.theme-neon .score strong{color:#fff}.theme-neon .guide-trigger{text-transform:uppercase;letter-spacing:.04em;box-shadow:3px 3px #8a28e299,0 0 12px #ff00e529;border:1px solid var(--neon-pink)!important;color:#fff!important;background:linear-gradient(100deg,#ff00e52e,#00f0ff14)!important;border-radius:5px!important}.theme-neon .guide-trigger:hover{background:linear-gradient(100deg,#ff00e54d,#00f0ff24)!important}.theme-neon .guide-trigger svg,.theme-neon .question-progress{color:var(--neon-cyan)}.theme-neon .note-highlight-neutral{color:var(--neon-cyan);text-shadow:0 0 8px #00f0ff66}.theme-neon .answer-button{box-shadow:3px 3px #8a28e27a,0 0 10px #00f0ff1a;color:#fff!important;border-radius:6px!important}.trainer-shell.theme-neon.color-neutral .answer-button:not([data-correct=true]):not([data-wrong=true]),.trainer-shell.theme-neon.color-clues .answer-button:not([data-parity]):not([data-correct=true]):not([data-wrong=true]){background:linear-gradient(145deg,#102451,#111038)!important;border-color:#00f0ffb8!important}.trainer-shell.theme-neon.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]){background:linear-gradient(145deg,#8a28e2b3,#3d1270e0)!important;border-color:#bc7cff!important}.trainer-shell.theme-neon.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]){background:linear-gradient(145deg,#ff00e58c,#710d58e0)!important;border-color:#ff74d8!important}.theme-neon .answer-button:hover:not(:disabled){box-shadow:4px 4px #ff00e594,0 0 18px #00f0ff47}.theme-neon .answer-button[data-correct=true]{box-shadow:0 0 18px #39ff1459;border-color:var(--neon-lime)!important;color:#ecffe7!important;background:#39ff1433!important}.theme-neon .answer-button[data-wrong=true]{box-shadow:0 0 18px #ff6a004d;border-color:var(--neon-yellow)!important;color:#fff7c0!important;background:#ff6a003d!important}.theme-neon .feedback{color:#d9d7ef;background:#090520f0;border:1px solid #00f0ff6b;border-radius:7px;box-shadow:4px 4px #8a28e26b}.theme-neon .feedback.correct,.theme-neon .feedback.incorrect{background:#090520f0}.theme-neon .feedback-title,.theme-neon .quiz-summary{color:#fff}.theme-neon .feedback.correct .feedback-title{color:var(--neon-lime)}.theme-neon .feedback.incorrect .feedback-title{color:var(--neon-yellow)}.theme-neon .chord-line{color:#b8b5d6}.theme-neon .quiz-summary{background:linear-gradient(100deg,#8a28e23d,#00f0ff14);border-color:#ff00e56b;border-radius:5px}.theme-neon .next-button,.theme-neon .apply-button,.theme-neon .start-button{letter-spacing:.055em;text-transform:uppercase;box-shadow:3px 3px 0 var(--neon-orange), 0 0 18px #ff00e547;border:1px solid var(--neon-yellow)!important;color:#fff!important;background:linear-gradient(100deg,#e200a8,#8a28e2 55%,#126bf0)!important;border-radius:5px!important}.theme-neon .next-button:hover,.theme-neon .apply-button:hover,.theme-neon .start-button:hover{box-shadow:4px 4px 0 var(--neon-yellow), 0 0 22px #00f0ff57}.settings-dialog.theme-neon{font-family:Space Grotesk,Poppins,Arial,sans-serif;border:1px solid var(--neon-pink)!important;color:#fff!important;background:linear-gradient(var(--neon-grid-pink) 1px, transparent 1px), linear-gradient(90deg, var(--neon-grid-pink) 1px, transparent 1px), #07031a!important;background-size:28px 28px,28px 28px,auto!important;border-radius:8px!important;box-shadow:inset 0 0 0 1px #00f0ff38,0 0 40px #ff00e54d,0 30px 100px #000c!important}.settings-dialog.theme-neon [data-slot=dialog-title]{color:#fff;text-shadow:0 0 10px #00f0ff66}.settings-dialog.theme-neon [data-slot=dialog-description],.settings-dialog.theme-neon .settings-help{color:#aaa8c9}.settings-dialog.theme-neon [data-slot=dialog-close]{border:1px solid var(--neon-pink);color:var(--neon-cyan);background:#0b0624}.settings-dialog.theme-neon .sound-sequence{color:#fff;background:#0a0623e6;border:1px solid #00f0ff6b;border-radius:5px;box-shadow:3px 3px #8a28e25c}.settings-dialog.theme-neon .sound-sequence span{color:var(--neon-yellow)}.settings-dialog.theme-neon .sound-sequence small,.settings-dialog.theme-neon .sound-status,.settings-dialog.theme-neon .sound-note{color:var(--neon-copy)}.settings-dialog.theme-neon .sound-scale-control{border:1px solid var(--neon-cyan);color:#fff;background:#0a0623e6;border-radius:5px;box-shadow:3px 3px #8a28e285}.settings-dialog.theme-neon .sound-tonic-select{border:1px solid var(--neon-pink)!important;color:#fff!important;background:#ff00e524!important;border-radius:4px!important}.sound-tonic-menu.theme-neon{font-family:Space Grotesk,Poppins,Arial,sans-serif;border:1px solid var(--neon-cyan)!important;color:#fff!important;background:#07031a!important;border-radius:5px!important;box-shadow:3px 3px #ff00e59e,0 0 22px #00f0ff3d!important}.sound-tonic-menu.theme-neon .sound-tonic-option[data-state=checked],.sound-tonic-menu.theme-neon .sound-tonic-option:focus{color:#fff;background:#8a28e280}.settings-dialog.theme-neon .sound-rule-note{color:#fff;background:#ffd40012;border:1px solid #ffd4009e;border-radius:5px;box-shadow:3px 3px #ff00e557}.settings-dialog.theme-neon .sound-rule-note strong{color:var(--neon-yellow)}.settings-dialog.theme-neon .sound-rule-examples{border-top-color:#ffd40040}.settings-dialog.theme-neon .sound-rule-examples b{color:var(--neon-pink)}.settings-dialog.theme-neon .sound-instrument-control,.settings-dialog.theme-neon .sound-tuning-control{border:1px solid var(--neon-cyan);color:#fff;background:#0a0623e6;border-radius:5px;box-shadow:3px 3px #8a28e285}.settings-dialog.theme-neon .sound-instrument-select,.settings-dialog.theme-neon .sound-tuning-select{border:1px solid var(--neon-pink)!important;color:#fff!important;background:#ff00e524!important;border-radius:4px!important}.settings-dialog.theme-neon .sound-tuning-note{color:var(--neon-copy)}.settings-dialog.theme-neon .sound-pad{box-shadow:3px 3px #8a28e285,0 0 10px #00f0ff1f;border:1px solid var(--neon-cyan)!important;color:#fff!important;background:linear-gradient(145deg,#102451,#111038)!important;border-radius:5px!important}.settings-dialog.theme-neon .sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=odd]{background:linear-gradient(145deg,#8a28e2b8,#3d1270eb)!important;border-color:#bc7cff!important}.settings-dialog.theme-neon .sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=even]{background:linear-gradient(145deg,#ff00e594,#710d58eb)!important;border-color:#ff74d8!important}.settings-dialog.theme-neon .sound-pad span{color:#c8c7e4}.settings-dialog.theme-neon .sound-pad[data-active=true]{box-shadow:0 0 0 2px var(--neon-yellow), 0 0 22px #00f0ff85;border-color:#fff!important}.settings-dialog.theme-neon .ear-training-card{border-color:var(--neon-cyan);color:#fff;background:#0a0623f0;box-shadow:3px 3px #8a28e294,0 0 18px #00f0ff24}.settings-dialog.theme-neon .ear-training-card[data-result=correct]{background:#0c422ff0;border-color:#45f099}.settings-dialog.theme-neon .ear-training-card[data-result=incorrect]{background:#161e56f5;border-color:#8aa4ff;box-shadow:3px 3px #8a7cff9e,0 0 18px #00f0ff33}.settings-dialog.theme-neon .ear-training-progress,.settings-dialog.theme-neon .ear-training-pattern{color:#fff;background:#00f0ff12;border-color:#00f0ff7a}.settings-dialog.theme-neon .ear-training-set-control button,.settings-dialog.theme-neon .ear-training-number-mode button,.settings-dialog.theme-neon .ear-training-audio-actions button,.settings-dialog.theme-neon .ear-training-key-select{color:#fff!important;background:#00f0ff14!important;border-color:#00f0ffad!important}.settings-dialog.theme-neon .ear-training-set-control button[data-selected=true],.settings-dialog.theme-neon .ear-training-number-mode button[data-selected=true],.settings-dialog.theme-neon .ear-training-audio-actions .ear-training-next-button{box-shadow:0 0 0 1px #ff00e56b,0 0 14px #ff00e557;border-color:var(--neon-pink)!important;color:#fff5fd!important;background:#ff00e53d!important}.settings-dialog.theme-neon .ear-training-mapping-note,.settings-dialog.theme-neon .ear-training-question-copy p{color:var(--neon-copy)}.settings-dialog.theme-neon .ear-training-question-row{border-top-color:#00f0ff3d}.settings-dialog.theme-neon .sound-reset-button{box-shadow:3px 3px #8a28e294;border:1px solid var(--neon-cyan)!important;color:#fff!important;background:#00f0ff14!important;border-radius:5px!important}.settings-dialog.theme-neon .circle-control-group legend{color:var(--neon-yellow)}.settings-dialog.theme-neon .musical-circle{border-color:var(--neon-cyan);background:radial-gradient(circle at center, #07031a 0 28%, transparent 29%), repeating-conic-gradient(from -15deg, #00f0ff33 0 1deg, transparent 1deg 30deg), radial-gradient(circle, #8a28e24d, #040012 72%);box-shadow:inset 0 0 0 7px #ff00e51f,0 0 28px #00f0ff47}.settings-dialog.theme-neon .musical-circle:before{border-color:#ff00e580}.settings-dialog.theme-neon .musical-circle-center{border-color:var(--neon-yellow);color:#fff;background:#10072d;box-shadow:0 0 18px #ffd40038}.settings-dialog.theme-neon .musical-circle-center small,.settings-dialog.theme-neon .musical-circle-center span,.settings-dialog.theme-neon .circle-help{color:var(--neon-copy)}.settings-dialog.theme-neon .musical-circle-note{border-color:var(--neon-cyan);color:#fff;background:#102451;box-shadow:2px 2px #8a28e2,0 0 12px #00f0ff38}.settings-dialog.theme-neon.color-clues .musical-circle-note[data-parity=odd]{background:#6120a2;border-color:#bc7cff}.settings-dialog.theme-neon.color-clues .musical-circle-note[data-parity=even]{background:#9b176f;border-color:#ff74d8}.guide-dialog.theme-neon .guide-section{background:#0a0623e6;border:1px solid #00f0ff66;border-radius:6px;box-shadow:4px 4px #8a28e266}.guide-dialog.theme-neon .guide-section:nth-child(2n){border-color:#ff00e57a;box-shadow:4px 4px #00f0ff47}.guide-dialog.theme-neon .guide-section h3{color:var(--neon-cyan)}.guide-dialog.theme-neon .guide-section p,.guide-dialog.theme-neon .guide-steps{color:#b9b7d3}.guide-dialog.theme-neon .pitch-map button,.guide-dialog.theme-neon .parity-key span,.guide-dialog.theme-neon .parity-cards>div,.guide-dialog.theme-neon .formula-list>span,.guide-dialog.theme-neon .guide-question-list div,.guide-dialog.theme-neon .guide-example,.guide-dialog.theme-neon .scale-pairs div,.guide-dialog.theme-neon .scale-strip,.guide-dialog.theme-neon .move-equation strong{color:#e3e1f4;background:#100a31db;border:1px solid #00f0ff47;border-radius:5px}.guide-dialog.theme-neon .pitch-map strong,.guide-dialog.theme-neon .degree-guide strong,.guide-dialog.theme-neon .formula-list>span>strong,.guide-dialog.theme-neon .guide-question-list strong,.guide-dialog.theme-neon .guide-example strong,.guide-dialog.theme-neon .move-equation span{color:var(--neon-pink)}.guide-dialog.theme-neon .pitch-map span,.guide-dialog.theme-neon .parity-cards span,.guide-dialog.theme-neon .formula-list small,.guide-dialog.theme-neon .guide-question-list span,.guide-dialog.theme-neon .guide-example span{color:#b9b7d3}.guide-dialog.theme-neon.color-neutral .pitch-map button,.guide-dialog.theme-neon.color-neutral .parity-cards>div{background:#100a31db}.guide-dialog.theme-neon.color-clues .pitch-map button[data-parity=odd],.guide-dialog.theme-neon.color-clues .parity-cards>div:first-child,.guide-dialog.theme-neon.color-clues .parity-key [data-parity-text=odd]{background:#8a28e266;border-color:#bc7cff}.guide-dialog.theme-neon.color-clues .pitch-map button[data-parity=even],.guide-dialog.theme-neon.color-clues .parity-cards>div:last-child,.guide-dialog.theme-neon.color-clues .parity-key [data-parity-text=even]{background:#ff00e547;border-color:#ff74d8}.guide-dialog.theme-neon .parity-cards strong{color:#fff!important}.guide-dialog.theme-neon .parity-formula b,.guide-dialog.theme-neon .scale-pairs b{color:#c9c7df}.guide-dialog.theme-neon .degree-guide{border-color:#00f0ff66;border-radius:5px}.guide-dialog.theme-neon .degree-guide>div{color:#d0cee6;border-bottom-color:#00f0ff21}.guide-dialog.theme-neon .degree-guide-head{background:linear-gradient(90deg,#8a28e28a,#ff00e542);color:var(--neon-yellow)!important}.trainer-shell.theme-neon button:focus-visible,.settings-dialog.theme-neon button:focus-visible{outline-color:var(--neon-cyan);box-shadow:0 0 0 3px #00f0ff33}.level-lesson{gap:18px;margin-top:18px;display:grid}.level-lesson-heading{border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);border-radius:22px;padding:18px 20px}.level-lesson-heading span{color:#7d5a69;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.level-lesson-heading h2{color:var(--ink);letter-spacing:-.04em;margin:3px 0;font-size:clamp(1.35rem,5vw,2rem)}.level-lesson-heading p{color:#5f4753;margin:0;font-size:.82rem}.level-lesson-content{gap:18px;display:grid}.lesson-start-quiz{z-index:4;position:sticky;bottom:12px}.lesson-key-control{gap:6px;margin-top:14px;display:grid}.lesson-key-control>span{color:#6f5663;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:900}.lesson-key-select{min-height:44px;font-weight:800;border:2px solid var(--ink)!important;width:100%!important;color:var(--ink)!important;background:#fff!important;border-radius:14px!important}.lesson-control-grid,.transpose-key-grid,.transpose-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.guide-number-circle{aspect-ratio:1;width:min(100%,390px);margin:18px auto;position:relative}.guide-circle-track{border:3px solid var(--ink);position:absolute;inset:8%}@supports (color:color-mix(in lab, red, red)){.guide-circle-track{border:3px solid color-mix(in srgb, var(--ink) 34%, transparent)}}.guide-circle-track{background:radial-gradient(circle, var(--sky), transparent 63%), repeating-conic-gradient(from -15deg, var(--ink) 0 1deg, transparent 1deg 30deg);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.guide-circle-track{background:radial-gradient(circle, color-mix(in srgb, var(--sky) 25%, transparent), transparent 63%), repeating-conic-gradient(from -15deg, color-mix(in srgb, var(--ink) 16%, transparent) 0 1deg, transparent 1deg 30deg)}}.guide-circle-number{z-index:2;aspect-ratio:1;border:2px solid var(--ink);width:clamp(46px,13vw,62px);color:var(--ink);background:var(--sky);box-shadow:0 3px 0 var(--ink);touch-action:none;border-radius:50%;align-content:center;gap:0;padding:3px;display:grid;position:absolute;transform:translate(-50%,-50%)}.color-clues .guide-circle-number[data-parity=odd]{background:var(--lavender)}.color-clues .guide-circle-number[data-parity=even]{background:var(--pink)}.guide-circle-number[data-start=true]{outline:4px solid var(--yellow);outline-offset:2px}.guide-circle-number[data-destination=true]{border-color:#217a52;box-shadow:0 3px #217a52,0 0 0 4px #54c98a57}.guide-circle-number strong{font-size:.92rem;line-height:1}.guide-circle-number small{text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;font-weight:800;line-height:1.1;overflow:hidden}.guide-circle-center{z-index:1;aspect-ratio:1;border:2px solid var(--ink);align-content:center;gap:3px;width:43%;padding:10px;display:grid;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.guide-circle-center{border:2px solid color-mix(in srgb, var(--ink) 45%, transparent)}}.guide-circle-center{color:var(--ink);text-align:center;background:#fff;border-radius:50%}@supports (color:color-mix(in lab, red, red)){.guide-circle-center{background:color-mix(in srgb, #fff 90%, var(--mint))}}.guide-circle-center{transform:translate(-50%,-50%)}.guide-circle-center small{letter-spacing:.06em;text-transform:uppercase;font-size:.47rem;font-weight:800}.guide-circle-center strong{font-size:clamp(.82rem,3.6vw,1.22rem)}.guide-circle-center span{font-size:clamp(.52rem,2.4vw,.72rem)}.guide-circle-center .guide-circle-distance{color:var(--pink-strong);font-size:clamp(.78rem,3.4vw,1.06rem)}.circle-degree-shortcut{border:2px solid var(--ink);padding:12px}@supports (color:color-mix(in lab, red, red)){.circle-degree-shortcut{border:2px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.circle-degree-shortcut{text-align:center;background:#fff;border-radius:13px;color:#271f34!important;font-size:clamp(.72rem,3vw,.88rem)!important;line-height:1.65!important}@supports (color:color-mix(in lab, red, red)){.circle-degree-shortcut{background:color-mix(in srgb, #fff 90%, var(--yellow))}}.theme-classic .circle-degree-shortcut{background:#1e293bd6;border-color:#818cf86b;color:#eef2ff!important}.theme-neon .circle-degree-shortcut{background:#100c2aeb;border-color:#00f0ff6b;color:#f8fafc!important}.theme-mystical .circle-degree-shortcut{background:#fffaf0f0;color:var(--mystic-indigo)!important}.movement-scale-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:14px 0;display:grid}.movement-scale-row button{border:2px solid var(--ink);min-width:0;color:var(--ink);background:var(--sky);box-shadow:0 3px 0 var(--ink);touch-action:none;border-radius:12px;gap:2px;padding:10px 2px;display:grid;position:relative}.color-clues .movement-scale-row button[data-parity=odd]{background:var(--lavender)}.color-clues .movement-scale-row button[data-parity=even]{background:var(--pink)}.movement-scale-row strong{font-size:.62rem}.movement-scale-row span{font-size:.78rem;font-weight:900}.movement-scale-row small{text-overflow:ellipsis;white-space:nowrap;font-size:.43rem;overflow:hidden}.interactive-scale-strip,.degree-block-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.interactive-scale-strip button{aspect-ratio:.86;border:2px solid var(--ink);min-width:0;color:var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:999px;padding:7px 3px}.interactive-scale-strip span,.interactive-scale-strip strong,.interactive-scale-strip small{text-overflow:ellipsis;display:block;overflow:hidden}.interactive-scale-strip span{font-size:.58rem;font-weight:800}.interactive-scale-strip strong{font-size:1rem}.interactive-scale-strip small{white-space:nowrap;font-size:.5rem}.color-clues .interactive-scale-strip [data-parity=odd],.color-clues .degree-block[data-parity=odd],.color-clues .chord-tone-row [data-parity=odd],.color-clues .transpose-note-row [data-parity=odd],.color-clues .roman-root-strip [data-parity=odd]{background:var(--lavender)}.color-clues .interactive-scale-strip [data-parity=even],.color-clues .degree-block[data-parity=even],.color-clues .chord-tone-row [data-parity=even],.color-clues .transpose-note-row [data-parity=even],.color-clues .roman-root-strip [data-parity=even]{background:#f7a5c9}.color-neutral .interactive-scale-strip button,.color-neutral .degree-block,.color-neutral .chord-tone-row>button,.color-neutral .transpose-note-row>button,.color-neutral .roman-root-strip button{background:var(--sky)}.lesson-audio-button,.lesson-reset-button{width:100%;box-shadow:0 4px 0 var(--ink);margin-top:14px;font-weight:900;border:2px solid var(--ink)!important;color:var(--ink)!important;background:var(--sky)!important;border-radius:14px!important}.lesson-result-card{border:2px solid var(--ink);color:var(--ink);text-align:center;background:var(--mint);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;padding:14px;display:grid}.lesson-result-card span{color:var(--pink-strong);font-weight:900}.interval-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.interval-reference-grid>div{background:#fff;border:2px solid #00000021;border-radius:12px;padding:9px}.interval-reference-grid strong,.interval-reference-grid span{display:block}.interval-reference-grid strong{color:var(--ink);font-size:.66rem}.interval-reference-grid span{color:var(--pink-strong);margin-top:2px;font-size:.72rem;font-weight:900}.block-instruction{margin-top:12px!important}.degree-block{aspect-ratio:1;border:2px solid var(--ink);min-width:0;color:var(--ink);box-shadow:inset 3px 3px 0 #ffffff6b, 0 6px 0 var(--ink);background:#fff;border-radius:15px;padding:6px 3px;transform:translateY(0)}.degree-block:active:not(:disabled){box-shadow:inset 2px 2px 0 #ffffff59, 0 2px 0 var(--ink);transform:translateY(4px)}.degree-block:disabled{cursor:not-allowed;opacity:.42}.degree-block svg{width:22px;height:22px}.degree-block strong,.degree-block span,.degree-block b,.degree-block small{line-height:1.05;display:block}.degree-block strong{font-size:.72rem}.degree-block span{margin-top:2px;font-size:.62rem}.degree-block b{margin-top:3px;font-size:1rem}.degree-block small{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.5rem;overflow:hidden}.degree-function-list,.guide-question-list{gap:8px;margin-top:12px;display:grid}.degree-function-list>div,.guide-question-list>div{background:#fff;border:2px solid #0000001f;border-radius:13px;padding:11px 12px}.degree-function-list strong,.degree-function-list span,.guide-question-list strong,.guide-question-list span{display:block}.degree-function-list strong,.guide-question-list strong{color:var(--pink-strong);font-size:.72rem}.degree-function-list span,.guide-question-list span{color:#68535e;margin-top:3px;font-size:.7rem;line-height:1.4}.degree-function-teacher{gap:13px;margin-top:14px;display:grid}.degree-function-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.degree-function-steps button{aspect-ratio:1;min-width:0;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #00000029;border-radius:50%;padding:0;font-size:.72rem;font-weight:800}.degree-function-steps button[data-active=true]{border-color:var(--ink);color:var(--ink);background:var(--yellow);box-shadow:0 3px 0 var(--ink);transform:translateY(-2px)}.degree-function-teaching-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--lavender);background:#fff;border-radius:18px;grid-template-columns:minmax(112px,.34fr) minmax(0,1fr);gap:15px;padding:14px;display:grid}.degree-function-tone{border:2px solid var(--ink);min-height:170px;color:var(--ink);text-align:center;background:var(--sky);box-shadow:0 4px 0 var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:16px;place-content:center;gap:4px;padding:12px;display:grid}.color-clues .degree-function-tone[data-parity=odd]{background:var(--lavender)}.color-clues .degree-function-tone[data-parity=even]{background:#f7a5c9}.degree-function-tone:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.degree-function-tone span,.degree-function-tone strong,.degree-function-tone b,.degree-function-tone small{display:block}.degree-function-tone span{letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-weight:800}.degree-function-tone strong{font-size:2.2rem;line-height:1}.degree-function-tone b{font-size:.82rem}.degree-function-tone small{font-size:.64rem}.degree-function-copy{align-content:center;display:grid}.degree-function-copy>span{color:var(--pink-strong);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:800}.degree-function-copy h4{color:var(--ink);margin:2px 0 7px;font-size:1.35rem}.degree-function-copy p{margin:4px 0!important;font-size:.72rem!important;line-height:1.45!important}.degree-function-copy p strong{color:var(--ink)}.degree-function-navigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.degree-function-navigation button{min-height:42px}.degree-function-navigation span{color:#765d69;text-align:center;font-size:.68rem;font-weight:800}.degree-function-note{text-align:center;margin-top:12px!important;font-size:.68rem!important}.theme-classic .degree-function-steps button,.theme-neon .degree-function-steps button{color:#e9e7f8;background:#1e2948;border-color:#a5b4fc5c}.theme-classic .degree-function-steps button[data-active=true],.theme-neon .degree-function-steps button[data-active=true]{color:#fff;background:#4338a8;border-color:#a5b4fc;box-shadow:0 3px #080b16}.theme-classic .degree-function-teaching-card,.theme-neon .degree-function-teaching-card{background:#1e293bb8;border-color:#818cf8;box-shadow:5px 5px #6366f159}.theme-classic .degree-function-tone,.theme-neon .degree-function-tone{color:#fff;background:#29427e;border-color:#7189d9;box-shadow:0 4px #080b16}.theme-classic.color-clues .degree-function-tone[data-parity=odd],.theme-neon.color-clues .degree-function-tone[data-parity=odd]{background:#4338a8}.theme-classic.color-clues .degree-function-tone[data-parity=even],.theme-neon.color-clues .degree-function-tone[data-parity=even]{background:#8a295f}.theme-classic .degree-function-copy h4,.theme-classic .degree-function-copy p strong,.theme-neon .degree-function-copy h4,.theme-neon .degree-function-copy p strong{color:#fff}.theme-classic .degree-function-navigation span,.theme-neon .degree-function-navigation span{color:#cbd5e1}.theme-mystical .degree-function-teaching-card{background:#fffdf7e6;border-color:#c79a4b94;box-shadow:5px 5px #cdb7df61}.theme-mystical .degree-function-copy h4,.theme-mystical .degree-function-copy p strong{color:var(--mystic-indigo)}.chord-formula-display{border:2px solid var(--ink);color:var(--ink);background:var(--yellow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.chord-formula-display span{text-transform:uppercase;font-size:.7rem;font-weight:900}.chord-formula-display strong{font-size:1.05rem}.chord-tone-row,.roman-root-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.chord-tone-row>button,.roman-root-strip button{border:2px solid var(--ink);min-width:0;color:var(--ink);text-align:center;box-shadow:0 4px 0 var(--ink);cursor:pointer;font:inherit;background:#fff;border-radius:14px;padding:12px 5px}.chord-tone-row>button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.chord-tone-row strong,.chord-tone-row small,.roman-root-strip strong,.roman-root-strip span,.roman-root-strip small{display:block}.chord-tone-row small,.roman-root-strip small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.55rem;overflow:hidden}.transpose-compare-grid{margin-top:14px}.transpose-compare-grid>div{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:15px;gap:6px;padding:13px;display:grid}.transpose-compare-grid span{font-size:.82rem;font-weight:900}.transpose-compare-grid small{color:#68535e;font-size:.62rem;font-weight:800;line-height:1.35}.transpose-compare-grid button{border:2px solid var(--ink)!important;color:var(--ink)!important;background:var(--sky)!important}.transpose-note-row{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;display:grid}.transpose-note-row>button{min-width:0;box-shadow:0 3px 0 var(--ink);cursor:pointer;font:inherit;border-radius:12px;padding:9px 3px;border:2px solid var(--ink)!important;color:var(--ink)!important;background:#fff!important}.transpose-note-row>button b,.transpose-note-row>button small{display:block}.transpose-note-row>button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.color-clues .transpose-note-row [data-parity=odd]{background:var(--lavender)!important}.color-clues .transpose-note-row [data-parity=even]{background:#f7a5c9!important}.color-neutral .transpose-note-row>button{background:var(--sky)!important}.roman-root-strip{grid-template-columns:repeat(7,minmax(0,1fr))}.roman-quality-line{border:2px solid var(--ink);color:var(--ink);text-align:center;background:var(--yellow);border-radius:14px;gap:6px;margin-bottom:10px;padding:14px;display:grid}.roman-quality-line span{font-size:.76rem}.movement-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 10px;display:grid}.movement-example-grid button{min-height:48px;border:2px solid var(--ink)!important;color:var(--ink)!important;background:var(--sky)!important}.question-audio-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.question-audio-compare button{min-height:48px;font-weight:900;border:2px solid var(--ink)!important;color:var(--ink)!important;background:var(--sky)!important;border-radius:14px!important}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid .answer-button{height:auto;min-height:58px;padding:10px 8px;font-size:.78rem}.theme-classic .level-lesson-heading,.theme-neon .level-lesson-heading{background:var(--panel-soft,#17192f);border-color:currentColor}.theme-classic .level-lesson-heading h2,.theme-classic .level-lesson-heading p,.theme-neon .level-lesson-heading h2,.theme-neon .level-lesson-heading p{color:#f7f5ff}.theme-classic .level-lesson .guide-section,.theme-neon .level-lesson .guide-section{background:#13162df5;border-color:#97a5ff47}.theme-classic .level-lesson .guide-section h3,.theme-classic .level-lesson .guide-section p,.theme-neon .level-lesson .guide-section h3,.theme-neon .level-lesson .guide-section p{color:#e9e7f8}.theme-neon .level-lesson .guide-section{background:#08031af5;border-color:#00f0ff52}.trainer-shell.theme-mystical,.settings-dialog.theme-mystical{--mystic-ink:#3f3557;--mystic-indigo:#55467f;--mystic-violet:#9a79aa;--mystic-rose:#d989a4;--mystic-peach:#efb587;--mystic-gold:#c79a4b;--mystic-sage:#79a98e;--mystic-teal:#5a9fa3;--mystic-mist:#c9c8dc;--mystic-cream:#fffaf0;--mystic-surface:#fffdf7eb;--ink:var(--mystic-ink);--lavender:#cdb7df;--pink:#e69ab3;--pink-strong:#a9597b;--sky:#b9dcdf;--yellow:#f2d58e;--mint:#b9d8c5}.trainer-shell.theme-mystical{color:var(--mystic-ink);background:radial-gradient(circle at 12% 12%,#a88bcb5c,#0000 29rem),radial-gradient(circle at 86% 18%,#eead8f4d,#0000 28rem),radial-gradient(circle at 84% 88%,#5a9fa33d,#0000 30rem),linear-gradient(135deg,#fbf5eb,#f6f0ea 52%,#fffaf1);font-family:Poppins,Arial,sans-serif}.theme-mystical .trainer-panel{background:radial-gradient(circle at 5% 0%, #c5ade133, transparent 18rem), radial-gradient(circle at 100% 100%, #80beb326, transparent 20rem), var(--mystic-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #b7853a94;border-radius:24px;width:min(100%,560px);position:relative;overflow:hidden;box-shadow:0 28px 80px #4a37502e,inset 0 0 0 5px #ffffff61}.theme-mystical .trainer-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--mystic-gold), transparent);pointer-events:none;height:1px;position:absolute;top:8px;left:12%;right:12%}.theme-mystical .trainer-header h1,.theme-mystical .question-card h2,.theme-mystical .level-lesson-heading h2,.settings-dialog.theme-mystical [data-slot=dialog-title],.guide-dialog.theme-mystical .guide-section h3{font-family:Poppins,Arial,sans-serif;font-weight:700}.theme-mystical .trainer-header h1{color:var(--mystic-indigo);letter-spacing:-.025em;font-size:clamp(1.55rem,6vw,2.12rem)}.theme-mystical .brand-name{color:#9d6b7f;letter-spacing:.16em}.theme-mystical .brand-name svg{color:var(--mystic-gold)}.theme-mystical .trainer-kicker{color:var(--mystic-indigo);letter-spacing:.1em;text-transform:uppercase;background:#f2d58e6b;border:1px solid #c79a4b80}.theme-mystical .designer-intro,.theme-mystical .question-card{background:radial-gradient(circle at 92% 12%,#cdb7df57,#0000 11rem),linear-gradient(145deg,#fffdf7fa,#f8eee8f0);border:1px solid #c79a4b9e;border-radius:20px;box-shadow:5px 5px #9a79aa38,0 14px 36px #47355014}.theme-mystical .designer-intro p,.theme-mystical .tonic-label,.theme-mystical .question-progress,.theme-mystical .settings-section legend,.settings-dialog.theme-mystical .settings-section legend{color:#9d6b7f}.theme-mystical .designer-intro h2,.theme-mystical .question-card h2{color:var(--mystic-ink)}.theme-mystical .designer-intro span,.theme-mystical .note-name,.theme-mystical .prompt-copy,.theme-mystical .settings-help{color:#756b75}.theme-mystical .appearance-control,.settings-dialog.theme-mystical .appearance-control{background:#fffdf7d1;border:1px solid #c79a4b6b}.theme-mystical .appearance-control>span,.settings-dialog.theme-mystical .appearance-control>span{color:#756b75}.theme-mystical .appearance-select,.settings-dialog.theme-mystical .appearance-select{border:1px solid var(--mystic-violet)!important;color:var(--mystic-indigo)!important;background:#cdb7df57!important}.appearance-menu.theme-mystical,.sound-tonic-menu.theme-mystical,.sound-instrument-menu.theme-mystical,.sound-tuning-menu.theme-mystical{font-family:Poppins,Arial,sans-serif;color:var(--mystic-ink)!important;background:#fffaf0!important;border:1px solid #c79a4bad!important;box-shadow:0 14px 38px #4735502e!important}.appearance-menu.theme-mystical .appearance-option[data-state=checked],.appearance-menu.theme-mystical .appearance-option:focus,.sound-tonic-menu.theme-mystical .sound-tonic-option[data-state=checked],.sound-tonic-menu.theme-mystical .sound-tonic-option:focus{color:var(--mystic-indigo);background:#cdb7df75}.theme-mystical .level-card,.theme-mystical .theme-card,.theme-mystical .topic-card,.theme-mystical .choice-chip,.theme-mystical .segment-button,.settings-dialog.theme-mystical .level-card,.settings-dialog.theme-mystical .theme-card,.settings-dialog.theme-mystical .topic-card,.settings-dialog.theme-mystical .choice-chip,.settings-dialog.theme-mystical .segment-button{color:#665d70;background:#fffdf7c2;border:1px solid #c79a4b5c}.theme-mystical .level-card strong,.theme-mystical .theme-card strong,.theme-mystical .topic-card strong,.theme-mystical .toggle-row strong,.settings-dialog.theme-mystical .level-card strong,.settings-dialog.theme-mystical .theme-card strong,.settings-dialog.theme-mystical .topic-card strong,.settings-dialog.theme-mystical .toggle-row strong{color:var(--mystic-indigo)}.theme-mystical .level-card span,.theme-mystical .theme-card span,.theme-mystical .topic-card span,.theme-mystical .toggle-row span,.settings-dialog.theme-mystical .level-card span,.settings-dialog.theme-mystical .theme-card span,.settings-dialog.theme-mystical .topic-card span,.settings-dialog.theme-mystical .toggle-row span{color:#7b7178}.theme-mystical .level-card[data-selected=true],.theme-mystical .theme-card[data-selected=true],.theme-mystical .topic-card[data-selected=true],.theme-mystical .choice-chip[data-selected=true],.settings-dialog.theme-mystical .level-card[data-selected=true],.settings-dialog.theme-mystical .theme-card[data-selected=true],.settings-dialog.theme-mystical .topic-card[data-selected=true],.settings-dialog.theme-mystical .choice-chip[data-selected=true]{border-color:var(--mystic-violet);color:var(--mystic-indigo);background:linear-gradient(120deg,#cdb7df9e,#e8b0c161,#b9dcdf75);box-shadow:0 3px #c79a4b61}.theme-mystical .segment-button[data-selected=true],.settings-dialog.theme-mystical .segment-button[data-selected=true]{border-color:var(--mystic-gold);color:var(--mystic-indigo);background:#f2d58e94}.theme-mystical .toggle-row,.settings-dialog.theme-mystical .toggle-row{border-top-color:#c79a4b3d}.theme-mystical .toggle-row [data-slot=switch],.settings-dialog.theme-mystical .toggle-row [data-slot=switch]{background:#d9d4dc;border-color:#55467f6b}.theme-mystical .toggle-row [data-slot=switch][data-state=checked],.settings-dialog.theme-mystical .toggle-row [data-slot=switch][data-state=checked]{border-color:var(--mystic-indigo);background:linear-gradient(90deg, var(--mystic-violet), var(--mystic-rose))}.theme-mystical .start-button,.theme-mystical .next-button,.theme-mystical .apply-button,.settings-dialog.theme-mystical .apply-button{box-shadow:0 4px #55467f3d,0 10px 24px #78537726;color:#fff!important;background:linear-gradient(100deg,#8866a5,#bd7898 58%,#e2a36e)!important;border:1px solid #c79a4bb8!important;border-radius:999px!important}.theme-mystical .settings-trigger{box-shadow:0 4px #c79a4b61;color:var(--mystic-indigo)!important;background:#cdb7df8f!important;border:1px solid #c79a4bb8!important}.theme-mystical .score{color:#766b73;background:#b9d8c5b3;border:1px solid #c79a4bb8;box-shadow:0 4px #c79a4b57}.theme-mystical .score strong{color:var(--mystic-indigo)}.theme-mystical .guide-trigger{box-shadow:0 3px #c79a4b4d;color:var(--mystic-indigo)!important;background:linear-gradient(100deg,#cdb7df57,#fffdf7e0,#b9dcdf52)!important;border:1px solid #c79a4ba6!important}.theme-mystical .guide-trigger svg{color:#a36d85}.theme-mystical .note-highlight-neutral{color:var(--mystic-teal)}.theme-mystical .answer-button{box-shadow:0 4px #55467f38;color:var(--mystic-ink)!important;border-radius:16px!important}.trainer-shell.theme-mystical.color-neutral .answer-button:not([data-correct=true]):not([data-wrong=true]),.trainer-shell.theme-mystical.color-clues .answer-button:not([data-parity]):not([data-correct=true]):not([data-wrong=true]){background:#b9dcdfb3!important;border-color:#5a9fa3b3!important}.trainer-shell.theme-mystical.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]){background:#d2bee2!important;border-color:#9677ad!important}.trainer-shell.theme-mystical.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]){background:#edb1c6!important;border-color:#c97194!important}.theme-mystical .answer-button[data-correct=true]{color:#244d39!important;background:#b9d8c5!important;border-color:#5a9877!important}.theme-mystical .answer-button[data-wrong=true]{color:#6b3035!important;background:#f0bcc0!important;border-color:#c16e72!important}.theme-mystical .feedback{color:#665d67;background:#fffdf7e6;border:1px solid #c79a4b7a;box-shadow:4px 4px #cdb7df57}.theme-mystical .feedback-title,.theme-mystical .quiz-summary{color:var(--mystic-indigo)}.theme-mystical .feedback.correct .feedback-title{color:#4f8569}.theme-mystical .feedback.incorrect .feedback-title{color:#ae5f6b}.settings-dialog.theme-mystical{font-family:Poppins,Arial,sans-serif;color:var(--mystic-ink)!important;background:radial-gradient(circle at 8% 2%,#cdb7df47,#0000 16rem),radial-gradient(circle at 100% 100%,#b9dcdf38,#0000 18rem),#fffaf0!important;border:1px solid #c79a4bb3!important;border-radius:24px!important;box-shadow:0 30px 90px #47355047,inset 0 0 0 5px #ffffff6b!important}.settings-dialog.theme-mystical [data-slot=dialog-title]{color:var(--mystic-indigo);font-size:1.65rem}.settings-dialog.theme-mystical [data-slot=dialog-description],.settings-dialog.theme-mystical .settings-help,.settings-dialog.theme-mystical .sound-note,.settings-dialog.theme-mystical .circle-help{color:#756b75}.settings-dialog.theme-mystical [data-slot=dialog-close]{color:var(--mystic-indigo);background:#fffdf7d1;border:1px solid #c79a4b9e}.settings-dialog.theme-mystical .sound-rule-note,.settings-dialog.theme-mystical .sound-sequence,.settings-dialog.theme-mystical .sound-scale-control,.settings-dialog.theme-mystical .sound-instrument-control,.settings-dialog.theme-mystical .sound-tuning-control{color:var(--mystic-ink);background:#fffdf7d1;border:1px solid #c79a4b7a;box-shadow:0 3px #c79a4b38}.settings-dialog.theme-mystical .sound-instrument-select,.settings-dialog.theme-mystical .sound-tuning-select,.settings-dialog.theme-mystical .sound-tonic-select,.settings-dialog.theme-mystical .lesson-key-select{border:1px solid var(--mystic-violet)!important;color:var(--mystic-indigo)!important;background:#cdb7df52!important}.settings-dialog.theme-mystical .sound-pad,.settings-dialog.theme-mystical .musical-circle-note{box-shadow:0 3px #55467f38;color:var(--mystic-ink)!important;background:#b9dcdf!important;border-color:#55467fb8!important}.settings-dialog.theme-mystical.color-clues .sound-pad[data-parity=odd],.settings-dialog.theme-mystical.color-clues .musical-circle-note[data-parity=odd]{border-color:var(--sound-parity-odd)!important;background:#d2bee2!important}.settings-dialog.theme-mystical.color-clues .sound-pad[data-parity=even],.settings-dialog.theme-mystical.color-clues .musical-circle-note[data-parity=even]{border-color:var(--sound-parity-even)!important;background:#b9dcdf!important}.settings-dialog.theme-mystical .musical-circle{background:radial-gradient(circle at center, #fffaf0 0 28%, transparent 29%), repeating-conic-gradient(from -15deg, #c79a4b45 0 1deg, transparent 1deg 30deg), radial-gradient(circle at 35% 28%, #cdb7df8c, #edb1c642 45%, #b9dcdf6b);border-color:#c79a4bd1;box-shadow:inset 0 0 0 8px #fffdf78f,0 8px 24px #55467f29}.settings-dialog.theme-mystical .musical-circle:before{border-color:#c79a4b7a}.settings-dialog.theme-mystical .musical-circle-center{color:var(--mystic-indigo);background:#fffaf0f0;border-color:#c79a4bc7}.guide-dialog.theme-mystical .guide-section,.theme-mystical .level-lesson .guide-section{color:var(--mystic-ink);background:#fffdf7d1;border:1px solid #c79a4b6b;box-shadow:4px 4px #cdb7df47}.guide-dialog.theme-mystical .guide-section h3,.theme-mystical .level-lesson .guide-section h3{color:var(--mystic-indigo);font-size:1.15rem}.guide-dialog.theme-mystical .guide-section p,.theme-mystical .level-lesson .guide-section p{color:#6f6570}.guide-dialog.theme-mystical .guide-question-list div,.guide-dialog.theme-mystical .guide-example,.guide-dialog.theme-mystical .scale-pairs div,.guide-dialog.theme-mystical .scale-strip,.guide-dialog.theme-mystical .formula-list>span,.guide-dialog.theme-mystical .move-equation strong,.guide-dialog.theme-mystical .interval-reference-grid>div,.theme-mystical .degree-function-list>div,.theme-mystical .guide-question-list>div,.theme-mystical .transpose-compare-grid>div{color:var(--mystic-ink);background:#fffdf7e0;border-color:#c79a4b57}.guide-dialog.theme-mystical .pitch-map strong,.guide-dialog.theme-mystical .guide-question-list strong,.guide-dialog.theme-mystical .guide-example strong,.theme-mystical .degree-function-list strong,.theme-mystical .guide-question-list strong{color:#a9597b}.guide-dialog.theme-mystical .pitch-map span,.guide-dialog.theme-mystical .guide-question-list span,.guide-dialog.theme-mystical .guide-example span,.theme-mystical .degree-function-list span,.theme-mystical .guide-question-list span{color:#6f6570}.theme-mystical .level-lesson-heading{color:var(--mystic-ink);background:linear-gradient(115deg,#cdb7df85,#fffaf0f0,#b9dcdf66);border:1px solid #c79a4b9e;box-shadow:5px 5px #c79a4b42}.theme-mystical .level-lesson-heading h2,.theme-mystical .level-lesson-heading p{color:var(--mystic-indigo)}.theme-mystical .level-lesson-heading span,.theme-mystical .lesson-key-control>span{color:#9d6b7f}.theme-mystical .lesson-key-select,.theme-mystical .lesson-audio-button,.theme-mystical .lesson-reset-button,.theme-mystical .transpose-compare-grid button,.theme-mystical .movement-example-grid button,.theme-mystical .question-audio-compare button{box-shadow:0 3px #55467f33;color:var(--mystic-indigo)!important;background:#b9dcdfad!important;border-color:#5a9fa3b8!important}.theme-mystical .lesson-result-card,.theme-mystical .chord-formula-display,.theme-mystical .roman-quality-line{color:var(--mystic-indigo);background:#f2d58e7a;border-color:#c79a4b9e}.theme-mystical .interactive-scale-strip button,.theme-mystical .degree-block,.theme-mystical .chord-tone-row>button,.theme-mystical .transpose-note-row>button,.theme-mystical .roman-root-strip button{box-shadow:0 4px #55467f38;color:var(--mystic-ink)!important;border-color:#55467fb8!important}.theme-mystical.color-clues .interactive-scale-strip [data-parity=odd],.theme-mystical.color-clues .degree-block[data-parity=odd],.theme-mystical.color-clues .chord-tone-row [data-parity=odd],.theme-mystical.color-clues .transpose-note-row [data-parity=odd],.theme-mystical.color-clues .roman-root-strip [data-parity=odd]{background:#d2bee2!important}.theme-mystical.color-clues .interactive-scale-strip [data-parity=even],.theme-mystical.color-clues .degree-block[data-parity=even],.theme-mystical.color-clues .chord-tone-row [data-parity=even],.theme-mystical.color-clues .transpose-note-row [data-parity=even],.theme-mystical.color-clues .roman-root-strip [data-parity=even]{background:#edb1c6!important}.theme-classic .note-highlight-odd{color:#60a5fa}.theme-classic .question-card h2 .pattern-highlight,.theme-classic .note-highlight-even{color:#2dd4bf}.settings-dialog.theme-classic.color-clues .sound-rule-note [data-parity-text=odd]{color:var(--sound-parity-odd)}.settings-dialog.theme-classic.color-clues .sound-rule-note [data-parity-text=even]{color:var(--sound-parity-even)}.trainer-shell.theme-classic.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]),.settings-dialog.theme-classic.color-clues .sound-pad[data-parity=odd],.settings-dialog.theme-classic.color-clues .musical-circle-note[data-parity=odd]{border-color:var(--sound-parity-odd)!important;color:#fff!important;background:#2456a4!important}.trainer-shell.theme-classic.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]),.settings-dialog.theme-classic.color-clues .sound-pad[data-parity=even],.settings-dialog.theme-classic.color-clues .musical-circle-note[data-parity=even]{border-color:var(--sound-parity-even)!important;color:#fff!important;background:#176b68!important}.guide-dialog.theme-classic.color-clues .pitch-map button[data-parity=odd]{background:#a9c9ff;border-color:#60a5fa}.guide-dialog.theme-classic.color-clues .pitch-map button[data-parity=even]{background:#96e1d7;border-color:#2dd4bf}.guide-dialog.theme-classic.color-clues .parity-cards>div:first-child,.guide-dialog.theme-classic.color-clues .parity-key [data-parity-text=odd]{background:#2556a4b8;border-color:#60a5fa}.guide-dialog.theme-classic.color-clues .parity-cards>div:last-child,.guide-dialog.theme-classic.color-clues .parity-key [data-parity-text=even]{background:#176b68b8;border-color:#2dd4bf}.guide-dialog.theme-classic.color-clues [data-parity-text=odd]{color:#93c5fd}.guide-dialog.theme-classic.color-clues [data-parity-text=even]{color:#5eead4}.theme-classic.color-clues .interactive-scale-strip [data-parity=odd],.theme-classic.color-clues .degree-block[data-parity=odd],.theme-classic.color-clues .chord-tone-row [data-parity=odd],.theme-classic.color-clues .transpose-note-row [data-parity=odd],.theme-classic.color-clues .roman-root-strip [data-parity=odd],.theme-classic.color-clues .degree-function-tone[data-parity=odd]{color:#fff!important;background:#2456a4!important;border-color:#60a5fa!important}.theme-classic.color-clues .interactive-scale-strip [data-parity=even],.theme-classic.color-clues .degree-block[data-parity=even],.theme-classic.color-clues .chord-tone-row [data-parity=even],.theme-classic.color-clues .transpose-note-row [data-parity=even],.theme-classic.color-clues .roman-root-strip [data-parity=even],.theme-classic.color-clues .degree-function-tone[data-parity=even]{color:#fff!important;background:#176b68!important;border-color:#2dd4bf!important}.theme-neon .note-highlight-odd{color:var(--neon-parity-odd-text);text-shadow:none}.theme-neon .question-card h2 .pattern-highlight,.theme-neon .note-highlight-even{color:var(--neon-parity-even-text);text-shadow:none}.settings-dialog.theme-neon.color-clues .sound-rule-note [data-parity-text=odd]{color:var(--sound-parity-odd)}.settings-dialog.theme-neon.color-clues .sound-rule-note [data-parity-text=even]{color:var(--sound-parity-even)}.trainer-shell.theme-neon.color-clues .answer-button[data-parity=odd]:not([data-correct=true]):not([data-wrong=true]),.settings-dialog.theme-neon .sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=odd],.settings-dialog.theme-neon.color-clues .musical-circle-note[data-parity=odd]{border-color:var(--sound-parity-odd)!important;color:#fff!important;background:linear-gradient(145deg,#087897,#07334f)!important}.trainer-shell.theme-neon.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]),.settings-dialog.theme-neon .sound-continuous-keypad[data-parity-colors=true] .sound-pad[data-parity=even],.settings-dialog.theme-neon.color-clues .musical-circle-note[data-parity=even]{border-color:var(--sound-parity-even)!important;color:#fff!important;background:linear-gradient(145deg,#55751b,#263d12)!important}.guide-dialog.theme-neon.color-clues .pitch-map button[data-parity=odd],.guide-dialog.theme-neon.color-clues .parity-cards>div:first-child,.guide-dialog.theme-neon.color-clues .parity-key [data-parity-text=odd]{border-color:var(--neon-cyan);background:#0091b56b}.guide-dialog.theme-neon.color-clues .pitch-map button[data-parity=even],.guide-dialog.theme-neon.color-clues .parity-cards>div:last-child,.guide-dialog.theme-neon.color-clues .parity-key [data-parity-text=even]{border-color:var(--neon-lime);background:#57801875}.guide-dialog.theme-neon.color-clues [data-parity-text=odd]{color:var(--neon-parity-odd-text)}.guide-dialog.theme-neon.color-clues [data-parity-text=even]{color:var(--neon-parity-even-text)}.theme-neon.color-clues .interactive-scale-strip [data-parity=odd],.theme-neon.color-clues .degree-block[data-parity=odd],.theme-neon.color-clues .chord-tone-row [data-parity=odd],.theme-neon.color-clues .transpose-note-row [data-parity=odd],.theme-neon.color-clues .roman-root-strip [data-parity=odd],.theme-neon.color-clues .degree-function-tone[data-parity=odd]{border-color:var(--neon-cyan)!important;color:#fff!important;background:#087897!important}.theme-neon.color-clues .interactive-scale-strip [data-parity=even],.theme-neon.color-clues .degree-block[data-parity=even],.theme-neon.color-clues .chord-tone-row [data-parity=even],.theme-neon.color-clues .transpose-note-row [data-parity=even],.theme-neon.color-clues .roman-root-strip [data-parity=even],.theme-neon.color-clues .degree-function-tone[data-parity=even]{border-color:var(--neon-lime)!important;color:#fff!important;background:#55751b!important}.theme-classic.color-clues .transpose-note-row>button small,.theme-neon.color-clues .transpose-note-row>button small{color:#fff;text-shadow:0 1px 2px #000000b8}.theme-mystical .note-highlight-odd{color:#745298}.theme-mystical .question-card h2 .pattern-highlight,.theme-mystical .note-highlight-even{color:#2f7777}.settings-dialog.theme-mystical.color-clues .sound-rule-note [data-parity-text=odd]{color:var(--sound-parity-odd)}.settings-dialog.theme-mystical.color-clues .sound-rule-note [data-parity-text=even]{color:var(--sound-parity-even)}.trainer-shell.theme-mystical.color-clues .answer-button[data-parity=even]:not([data-correct=true]):not([data-wrong=true]),.settings-dialog.theme-mystical.color-clues .sound-pad[data-parity=even],.settings-dialog.theme-mystical.color-clues .musical-circle-note[data-parity=even]{border-color:var(--sound-parity-even)!important;color:var(--mystic-ink)!important;background:#b9dcdf!important}.guide-dialog.theme-mystical.color-clues .pitch-map button[data-parity=odd],.guide-dialog.theme-mystical.color-clues .parity-cards>div:first-child,.guide-dialog.theme-mystical.color-clues .parity-key [data-parity-text=odd]{background:#d2bee2;border-color:#9677ad}.guide-dialog.theme-mystical.color-clues .pitch-map button[data-parity=even],.guide-dialog.theme-mystical.color-clues .parity-cards>div:last-child,.guide-dialog.theme-mystical.color-clues .parity-key [data-parity-text=even]{background:#b9dcdf;border-color:#5a9fa3}.guide-dialog.theme-mystical.color-clues [data-parity-text=odd]{color:#745298}.guide-dialog.theme-mystical.color-clues [data-parity-text=even]{color:#2f7777}.theme-mystical.color-clues .interactive-scale-strip [data-parity=even],.theme-mystical.color-clues .degree-block[data-parity=even],.theme-mystical.color-clues .chord-tone-row [data-parity=even],.theme-mystical.color-clues .transpose-note-row [data-parity=even],.theme-mystical.color-clues .roman-root-strip [data-parity=even],.theme-mystical.color-clues .degree-function-tone[data-parity=even]{color:var(--mystic-ink)!important;background:#b9dcdf!important;border-color:#5a9fa3!important}.theme-mystical.color-clues .degree-function-tone[data-parity=odd]{color:var(--mystic-ink)!important;background:#d2bee2!important;border-color:#9677ad!important}.trainer-shell.theme-mystical button:focus-visible,.settings-dialog.theme-mystical button:focus-visible{outline-color:var(--mystic-indigo);box-shadow:0 0 0 3px #c79a4b4d}.settings-dialog.theme-classic .ji-relationship-legend>span,.settings-dialog.theme-classic .ji-comma-card{color:#e2e8f0;background:#141b33e0;border-color:#818cf857;box-shadow:0 3px #080b16b8}.settings-dialog.theme-classic .ji-relationship-legend [data-direction=up] b,.settings-dialog.theme-classic .ji-relationship-legend [data-direction=up] strong,.settings-dialog.theme-classic .ji-comma-kicker{color:#60a5fa}.settings-dialog.theme-classic .ji-relationship-legend [data-direction=down] b,.settings-dialog.theme-classic .ji-relationship-legend [data-direction=down] strong{color:#2dd4bf}.settings-dialog.theme-classic .ji-relationship-track [data-direction=up]{stroke:#60a5fa}.settings-dialog.theme-classic .ji-relationship-track [data-direction=down]{stroke:#2dd4bf}.settings-dialog.theme-classic .ji-comma-tone-button{box-shadow:0 3px #080b16;color:#fff!important;background:#1e2948!important;border-color:#818cf8!important}.settings-dialog.theme-neon .ji-relationship-legend>span,.settings-dialog.theme-neon .ji-comma-card{color:#fff;background:#08041deb;border-color:#00f0ff73;box-shadow:3px 3px #8a28e266}.settings-dialog.theme-neon .ji-relationship-legend [data-direction=up] b,.settings-dialog.theme-neon .ji-relationship-legend [data-direction=up] strong,.settings-dialog.theme-neon .ji-comma-kicker{color:var(--neon-cyan)}.settings-dialog.theme-neon .ji-relationship-legend [data-direction=down] b,.settings-dialog.theme-neon .ji-relationship-legend [data-direction=down] strong{color:var(--neon-lime)}.settings-dialog.theme-neon .ji-relationship-track [data-direction=up]{stroke:var(--neon-cyan);filter:drop-shadow(0 0 2px #00f0ffb3)}.settings-dialog.theme-neon .ji-relationship-track [data-direction=down]{stroke:var(--neon-lime);filter:drop-shadow(0 0 2px #39ff1499)}.settings-dialog.theme-neon .ji-comma-tone-button{box-shadow:3px 3px #8a28e285;border-color:var(--neon-cyan)!important;color:#fff!important;background:#00f0ff17!important}.settings-dialog.theme-mystical .ji-relationship-legend>span,.settings-dialog.theme-mystical .ji-comma-card{color:var(--mystic-ink);background:#fffdf7db;border-color:#c79a4b7a;box-shadow:0 3px #c79a4b33}.settings-dialog.theme-mystical .ji-relationship-legend [data-direction=up] b,.settings-dialog.theme-mystical .ji-relationship-legend [data-direction=up] strong,.settings-dialog.theme-mystical .ji-comma-kicker{color:#745298}.settings-dialog.theme-mystical .ji-relationship-legend [data-direction=down] b,.settings-dialog.theme-mystical .ji-relationship-legend [data-direction=down] strong{color:#2f7777}.settings-dialog.theme-mystical .ji-relationship-track [data-direction=up]{stroke:#9677ad}.settings-dialog.theme-mystical .ji-relationship-track [data-direction=down]{stroke:#5a9fa3}.settings-dialog.theme-mystical .ji-comma-tone-button{box-shadow:0 3px #c79a4b3d;border-color:var(--mystic-violet)!important;color:var(--mystic-indigo)!important;background:#cdb7df4d!important}@media (width>=900px){.playground-piano-button,.playground-mobile-piano.sound-piano-module,.sound-mobile-piano-visibility{display:none!important}.playground-game[data-mobile-piano=true] .playground-challenge-card{display:grid}.playground-compact-controls[data-has-circle=true]{grid-template-columns:minmax(0,.68fr) minmax(0,.82fr) minmax(0,1fr)}.playground-question-row{grid-template-columns:minmax(0,1fr) 132px}.playground-question-actions{width:132px}.trainer-shell{place-items:start center;padding:40px 32px}.trainer-shell .trainer-panel{width:min(100%,1180px);min-height:calc(100svh - 80px);padding:38px 42px 44px}.trainer-header h1{font-size:clamp(1.9rem,3vw,2.5rem)}.guide-trigger{width:max-content;min-width:230px}.circle-trigger{margin-top:24px}.quiz-designer{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:28px}.designer-sidebar{gap:18px;display:grid;position:sticky;top:28px}.desktop-designer-copy{border:2px solid;gap:10px;padding:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.desktop-designer-copy{border:2px solid color-mix(in srgb, currentColor 24%, transparent)}}.desktop-designer-copy{color:inherit;background:currentColor;border-radius:24px}@supports (color:color-mix(in lab, red, red)){.desktop-designer-copy{background:color-mix(in srgb, currentColor 6%, transparent)}}.desktop-designer-copy{box-shadow:0 7px}@supports (color:color-mix(in lab, red, red)){.desktop-designer-copy{box-shadow:0 7px 0 color-mix(in srgb, currentColor 12%, transparent)}}.desktop-designer-copy span{color:var(--pink-strong);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.desktop-designer-copy h2{color:inherit;letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,2.4vw,2rem);line-height:1.08}.desktop-designer-copy p{color:currentColor;margin:0}@supports (color:color-mix(in lab, red, red)){.desktop-designer-copy p{color:color-mix(in srgb, currentColor 72%, transparent)}}.desktop-designer-copy p{font-size:.8rem;line-height:1.55}.designer-sidebar .start-button{margin-top:0}.designer-scroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-height:none;margin-top:0;padding:0;display:grid;overflow:visible}.designer-scroll>.settings-section,.designer-scroll>.toggle-row{border:1px solid;margin:0;padding:18px}@supports (color:color-mix(in lab, red, red)){.designer-scroll>.settings-section,.designer-scroll>.toggle-row{border:1px solid color-mix(in srgb, currentColor 18%, transparent)}}.designer-scroll>.settings-section,.designer-scroll>.toggle-row{background:currentColor;border-radius:18px}@supports (color:color-mix(in lab, red, red)){.designer-scroll>.settings-section,.designer-scroll>.toggle-row{background:color-mix(in srgb, currentColor 4%, transparent)}}:is(.designer-scroll>.settings-section:has(.appearance-control),.designer-scroll>.settings-section:has(.topic-options),.designer-scroll>.settings-section:has(.tonic-choices),.designer-scroll>.settings-section:has(.degree-choices)){grid-column:1/-1}.designer-scroll .lesson-choice-control{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.designer-scroll .topic-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.designer-scroll .tonic-choices{grid-template-columns:repeat(12,minmax(0,1fr))}.question-card{margin-top:16px;padding:34px 38px}.question-card h2{font-size:clamp(2.1rem,3.6vw,3.2rem)}.answer-grid,.notes-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.concept-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.result-zone{min-height:165px}.level-lesson{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;gap:26px}.level-lesson-heading{grid-area:1/1}.level-lesson-content{grid-area:1/2/span 3}.lesson-start-quiz{grid-area:2/1;align-self:start;margin-top:0;position:static}.settings-dialog:not(.sound-dialog):not(.guide-dialog):not(.circle-dialog){width:min(92vw,720px)!important}.settings-dialog.guide-dialog{width:min(94vw,900px)!important;max-width:900px!important}.settings-dialog.circle-dialog{width:min(94vw,620px)!important;max-width:620px!important}.settings-dialog.sound-dialog{max-height:min(94svh,920px);width:min(96vw,1200px)!important;max-width:1200px!important}.sound-dialog .settings-scroll{max-height:calc(94svh - 190px)}.sound-workspace{grid-template-columns:minmax(0,1.8fr) minmax(320px,.85fr);align-items:start;gap:22px}.sound-workspace-main,.sound-workspace-controls{align-content:start}.sound-keypad-mobile,.sound-range-label-mobile,.sound-range-value-mobile{display:none}.sound-keypad-desktop{display:grid}.sound-keyboard-view-toggle{border:2px solid var(--ink);grid-template-columns:auto minmax(250px,.62fr);justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:grid}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-view-toggle{border:2px solid color-mix(in srgb, var(--ink) 30%, transparent)}}.sound-keyboard-view-toggle{color:var(--ink);background:#fff;border-radius:14px}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-view-toggle{background:color-mix(in srgb, #fff 92%, var(--lavender))}}.sound-keyboard-view-toggle>span{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:900}.sound-keyboard-view-toggle>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sound-keyboard-view-toggle button{border:2px solid var(--ink);min-height:38px}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-view-toggle button{border:2px solid color-mix(in srgb, var(--ink) 45%, transparent)}}.sound-keyboard-view-toggle button{color:var(--ink);background:#fff;border-radius:10px}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-view-toggle button{background:color-mix(in srgb, #fff 90%, var(--sky))}}.sound-keyboard-view-toggle button{font-size:.68rem;font-weight:900}.sound-keyboard-view-toggle button[data-selected=true]{border-color:var(--ink);background:var(--yellow);box-shadow:0 3px 0 var(--ink)}.sound-workspace-main[data-keyboard-view=piano] .sound-keypad-desktop{display:none}.sound-workspace-main[data-keyboard-view=piano] .sound-piano-module{display:grid}.sound-range-label-desktop,.sound-range-value-desktop{display:inline}.sound-pad-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sound-pad-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sound-pad{border-radius:14px!important;height:70px!important}.sound-keyboard-hint{color:currentColor;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:0;display:flex}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-hint{color:color-mix(in srgb, currentColor 74%, transparent)}}.sound-keyboard-hint{font-size:.68rem}.harmonic-keyboard-help,.waveform-keyboard-help,.harmonic-polygon-keyboard-help{display:block}.sound-keyboard-hint>span{letter-spacing:.06em;text-transform:uppercase;margin-right:3px;font-weight:900}.sound-keyboard-hint kbd{border:1px solid;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-hint kbd{border:1px solid color-mix(in srgb, currentColor 45%, transparent)}}.sound-keyboard-hint kbd{color:#101018;background:#fff;border-bottom-width:3px;border-radius:7px}@supports (color:color-mix(in lab, red, red)){.sound-keyboard-hint kbd{background:color-mix(in srgb, #fff 90%, var(--sky))}}.sound-keyboard-hint kbd{font:inherit;font-weight:800}.sound-workspace-controls .sound-actions{grid-template-columns:minmax(0,1fr)}.sound-workspace-controls .sound-reset-button{height:48px!important}.sound-workspace-controls .sound-layout-options{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.trainer-shell{background:var(--blush);place-items:stretch stretch;padding:0}.trainer-panel{min-height:100svh;box-shadow:none;border:0;border-radius:0;padding:23px 17px}.trainer-header{gap:10px}.trainer-header h1{font-size:1.35rem}.brand-name{font-size:.62rem}.settings-trigger{width:42px;height:42px}.score{min-width:62px;padding:8px 9px}.question-card{margin-top:12px;padding:22px}.answer-grid{gap:9px}.answer-button{height:56px;border-radius:17px!important}.sound-pad{height:62px!important}.playground-challenge-card{border-radius:13px;gap:2px;padding:5px 8px}.playground-mode-options{gap:4px}.playground-mode-options button{min-height:34px;padding-inline:2px;font-size:.55rem}.ear-training-card{gap:6px;padding:7px 8px}.ear-training-progress{padding:2px 5px;font-size:.52rem}.ear-training-set-control{gap:4px 5px}.ear-training-set-control>span,.ear-training-number-mode>span,.ear-training-key-control>span{font-size:.49rem}.ear-training-set-control button,.ear-training-number-mode button{min-height:29px;padding:2px 3px;font-size:.52rem}.ear-training-pattern{padding:4px 5px;font-size:.58rem}.ear-training-context-controls{gap:5px}.ear-training-key-select{font-size:.51rem;min-height:29px!important;padding-inline:5px!important}.ear-training-mapping-note{font-size:.53rem;line-height:1.25}.ear-training-question-row{grid-template-columns:1fr;gap:5px}.ear-training-question-copy{gap:2px}.ear-training-question-copy h3{font-size:.8rem}.ear-training-question-copy p{font-size:.56rem}.ear-training-audio-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.ear-training-audio-actions button{font-size:.48rem;min-height:29px!important;padding:2px 3px!important}.ear-training-audio-actions svg{display:none}.playground-challenge-topline{gap:6px}.playground-challenge-label{letter-spacing:.065em;font-size:.56rem}.playground-question-row{grid-template-columns:minmax(0,1fr) 135px;gap:7px}.playground-question-copy{gap:3px}.playground-question-actions{gap:3px;width:135px}.playground-question-actions .playground-start-button{font-size:.56rem;border-radius:8px!important;min-height:30px!important;padding:3px 5px!important}.playground-timer-control{gap:1px}.playground-compact-controls{gap:3px}.playground-piano-button,.playground-rules-button{font-size:.46rem;border-radius:8px!important;min-height:30px!important;padding:2px 1px!important}.playground-circle-control{gap:1px}.playground-circle-control>span{font-size:.48rem}.playground-circle-button{font-size:.48rem;border-radius:8px!important;gap:2px!important;min-height:30px!important;padding:2px 3px!important}.playground-circle-button svg{width:10px;height:10px}.playground-timer-control>span{font-size:.48rem}.playground-timer-control .playground-time-select{font-size:.58rem;min-height:30px!important;padding:2px 6px!important}.playground-challenge-timer{padding:3px 6px;font-size:.62rem}.playground-challenge-card h3{text-wrap:pretty;font-size:clamp(.78rem,3.15vw,.94rem);line-height:1.14}.playground-challenge-hint{font-size:.58rem;line-height:1.24}.playground-hint-area{gap:4px}.playground-hint-button{height:23px!important;min-height:23px!important;padding:1px 7px!important;font-size:.54rem!important}.playground-move-options{gap:3px}.playground-move-choice{height:26px!important;min-height:26px!important;padding:1px 3px!important;font-size:.58rem!important}.playground-result-badge{gap:3px;padding:2px 5px;font-size:.54rem}.playground-result-badge svg{width:12px;height:12px}.sound-instrument-control,.sound-tuning-control{padding:8px}.sound-actions,.sound-layout-options{grid-template-columns:1fr}.playground-game-controls{grid-template-columns:1fr 1fr}.playground-source-row{grid-template-columns:auto minmax(0,1fr)}.movement-scale-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sound-scale-control{grid-template-columns:minmax(0,1fr) 64px 84px}.sound-scale-control>span{white-space:normal}.sound-tonic-select{width:64px!important}.circle-mode-options,.circle-path-options,.ji-relationship-legend,.ji-circle-controls{grid-template-columns:1fr}.musical-circle{width:min(100%,350px)}.musical-circle-note{width:clamp(42px,12.5vw,52px)}.musical-circle[data-ji-path=fifth-relationships] .musical-circle-note{width:clamp(48px,14vw,58px)}.ji-comma-gap-marker{min-width:27px;height:16px;font-size:.42rem}.interactive-scale-strip,.degree-block-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.degree-function-steps{gap:4px}.degree-function-teaching-card{grid-template-columns:1fr}.degree-function-tone{min-height:132px}.degree-function-navigation{grid-template-columns:1fr 48px 1fr}.degree-function-navigation button{padding-inline:8px;font-size:.68rem}.interactive-scale-strip button{aspect-ratio:1}.lesson-control-grid,.transpose-key-grid,.transpose-compare-grid{grid-template-columns:1fr}.interval-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roman-root-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-result-card{grid-template-columns:1fr}.level-lesson .guide-section{padding:15px}.settings-dialog{padding:20px!important}.theme-options{grid-template-columns:1fr}.trainer-shell.theme-neon{background:radial-gradient(circle at 20% 5%,#ff00e533,#0000 18rem),linear-gradient(#8a28e212 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#00f0ff0f 1px,#0000 1px) 0 0/28px 28px,#03000d}.theme-neon .trainer-panel{border:0;border-radius:0;box-shadow:inset 0 0 28px #ff00e51f}.trainer-shell.theme-mystical{background:radial-gradient(circle at 8% 6%,#a88bcb4d,#0000 17rem),radial-gradient(circle at 96% 92%,#5a9fa338,#0000 18rem),#fbf5eb}.theme-mystical .trainer-panel{border:0;border-radius:0;box-shadow:inset 0 0 0 1px #c79a4b38}}.settings-dialog.sound-dialog[data-multiple-choice=true] .sound-pad{opacity:.5;color:#625f66!important;filter:grayscale()saturate(.08)!important;background:#d8d6dc!important;border-color:#97939b!important;box-shadow:0 3px #aaa6ae!important}.settings-dialog.sound-dialog[data-multiple-choice=true] .sound-pad span{color:#716d75!important}.settings-dialog.sound-dialog[data-multiple-choice=true] .sound-pad[data-active=true]{opacity:.68;transform:translateY(2px)scale(.97);filter:grayscale(.85)saturate(.2)brightness(1.06)!important}.settings-dialog.sound-dialog[data-multiple-choice=true] .sound-piano-module{filter:grayscale()saturate(.08);opacity:.5}.settings-dialog.sound-dialog[data-multiple-choice=true] .playground-move-choice{color:#4f3500!important;background:linear-gradient(145deg,#fff8c7,#ffc94f)!important;border-color:#b57400!important;box-shadow:0 0 0 2px #ffc94f52,0 0 15px #dd8f007a!important}.settings-dialog.sound-dialog[data-multiple-choice=true] .playground-move-choice:hover:not(:disabled){filter:brightness(1.06)saturate(1.08);box-shadow:0 0 0 2px #ffc94f80,0 0 21px #dd8f009e!important}.settings-dialog.sound-dialog.theme-classic[data-multiple-choice=true] .sound-pad{color:#adb3bf!important;box-shadow:none!important;background:#252a34!important;border-color:#646b78!important}.settings-dialog.sound-dialog.theme-classic[data-multiple-choice=true] .sound-pad span{color:#9299a6!important}.settings-dialog.sound-dialog.theme-classic[data-multiple-choice=true] .playground-move-choice{color:#fff3bd!important;background:linear-gradient(145deg,#5d3d08,#30230e)!important;border-color:#f6c453!important;box-shadow:0 0 0 1px #f6c4535c,0 0 16px #f6c4534d!important}.settings-dialog.sound-dialog.theme-neon[data-multiple-choice=true] .sound-pad{color:#aaaab4!important;background:linear-gradient(145deg,#292930,#16161b)!important;border-color:#666670!important;box-shadow:2px 2px #09090d!important}.settings-dialog.sound-dialog.theme-neon[data-multiple-choice=true] .sound-pad span{color:#8f8f99!important}.settings-dialog.sound-dialog.theme-neon[data-multiple-choice=true] .playground-move-choice{color:#fff1d6!important;background:linear-gradient(145deg,#7a3100,#2d1600)!important;border-color:#ff8a00!important;box-shadow:0 0 0 1px #ff8a0075,0 0 19px #ff6f0094!important}.settings-dialog.sound-dialog.theme-mystical[data-multiple-choice=true] .sound-pad{color:#756f69!important;background:#dedbd5!important;border-color:#aaa49c!important;box-shadow:0 3px #756f6938!important}.settings-dialog.sound-dialog.theme-mystical[data-multiple-choice=true] .sound-pad span{color:#827b74!important}.settings-dialog.sound-dialog.theme-mystical[data-multiple-choice=true] .playground-move-choice{color:#594116!important;background:linear-gradient(145deg,#fff7d8,#edd298)!important;border-color:#c79a4b!important;box-shadow:0 0 0 2px #c79a4b3d,0 0 14px #c79a4b66!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true]:disabled{transform:none!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-ear-eligible=true]:disabled:not([data-answer]){cursor:default;filter:none!important;opacity:1!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-ear-eligible=false]{cursor:not-allowed;color:#625f66!important;filter:grayscale()saturate(.08)!important;opacity:.34!important;background:#d8d6dc!important;border-color:#97939b!important;box-shadow:0 3px #aaa6ae!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-ear-eligible=false] span{color:#716d75!important}.settings-dialog.sound-dialog.theme-classic .sound-pad[data-ear-training=true][data-ear-eligible=false],.settings-dialog.sound-dialog.theme-neon .sound-pad[data-ear-training=true][data-ear-eligible=false]{color:#92949c!important;background:#25272e!important;border-color:#555862!important;box-shadow:2px 2px #111218!important}.settings-dialog.sound-dialog.theme-classic .sound-pad[data-ear-training=true][data-ear-eligible=false] span,.settings-dialog.sound-dialog.theme-neon .sound-pad[data-ear-training=true][data-ear-eligible=false] span{color:#7c7f88!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-answer=correct]{color:#0b4c2d!important;filter:none!important;opacity:1!important;background:#b9f1ce!important;border-color:#126c43!important;box-shadow:0 2px #126c43,0 0 0 3px #126c4333!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-answer=correct] span{color:#17603e!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-answer=incorrect]{color:#811568!important;filter:none!important;opacity:1!important;background:#ffd5f5!important;border-color:#cf32ad!important;box-shadow:0 2px #cf32ad,0 0 0 3px #cf32ad2e!important}.settings-dialog.sound-dialog .sound-pad[data-ear-training=true][data-answer=incorrect] span{color:#941878!important}.settings-dialog.sound-dialog.theme-neon .sound-pad[data-ear-training=true][data-answer=incorrect]{color:#fff!important;background:linear-gradient(145deg,#ff00e580,#530d5cf0)!important;border-color:#ff74e7!important;box-shadow:0 0 0 2px #ff74e747,0 0 18px #ff00e566!important}.settings-dialog.sound-dialog.theme-neon .sound-pad[data-ear-training=true][data-answer=incorrect] span{color:#ffd5f8!important}.settings-dialog.sound-dialog .sound-piano-key[data-ear-training=true]:disabled{transform:none!important}.settings-dialog.sound-dialog .sound-piano-key[data-ear-training=true][data-ear-eligible=true]:disabled:not([data-answer]),.settings-dialog.sound-dialog .sound-piano-key[data-ear-training=true][data-ear-eligible=false]{cursor:default;filter:none!important;opacity:1!important}.settings-dialog.sound-dialog .sound-piano-key[data-ear-training=true][data-answer=correct]{outline-offset:-4px;outline:4px solid #188753;filter:brightness(1.08)saturate(1.12)!important;opacity:1!important}.settings-dialog.sound-dialog .sound-piano-key[data-ear-training=true][data-answer=incorrect]{outline-offset:-4px;outline:4px solid #dc3bbc;filter:brightness(1.04)saturate(1.08)!important;opacity:1!important}.settings-dialog.sound-dialog.theme-neon .sound-piano-key[data-ear-training=true][data-answer=incorrect]{outline-color:#ff74e7}.settings-dialog.sound-dialog .sound-brand-title{text-align:center;justify-items:center;gap:.12em;width:fit-content;max-width:100%;margin-inline:auto;line-height:1;display:grid}.settings-dialog.sound-dialog .sound-brand-name,.settings-dialog.sound-dialog .sound-brand-kind{text-wrap:balance;display:block}.settings-dialog.sound-dialog .sound-brand-name{color:#7c4daa;letter-spacing:-.045em;text-shadow:0 2px #4e2a672e,0 0 10px #cfa8ff6b;font-size:clamp(1.9rem,7vw,3.15rem);font-weight:900}.settings-dialog.sound-dialog .sound-brand-kind{color:#d44384;letter-spacing:-.035em;text-shadow:0 2px #742c4e29,0 0 9px #f48ab861;font-size:clamp(1.28rem,5vw,2.15rem);font-weight:900}.settings-dialog.sound-dialog.theme-classic .sound-brand-name{color:#60a5fa;text-shadow:0 0 10px #60a5fa57}.settings-dialog.sound-dialog.theme-classic .sound-brand-kind{color:#2dd4bf;text-shadow:0 0 10px #2dd4bf4d}.settings-dialog.sound-dialog.theme-neon .sound-brand-name{color:var(--neon-lime);text-shadow:0 0 8px #39ff1494,0 0 18px #39ff1447}.settings-dialog.sound-dialog.theme-neon .sound-brand-kind{color:var(--neon-cyan);text-shadow:0 0 8px #00f0ffad,0 0 18px #00f0ff52}.settings-dialog.sound-dialog.theme-mystical .sound-brand-name{color:var(--mystic-indigo);text-shadow:0 2px #55467f29,0 0 10px #9a79aa4d}.settings-dialog.sound-dialog.theme-mystical .sound-brand-kind{color:#2f7777;text-shadow:0 2px #2f777724,0 0 10px #5a9fa33d}.trainer-shell.standalone-playground-shell{height:100dvh;min-height:100dvh;padding:0;display:block;overflow:hidden}.standalone-playground-shell .trainer-panel.standalone-playground-panel{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;overflow:hidden}.settings-dialog.sound-dialog[data-standalone=true]{grid-template-rows:auto minmax(0,1fr);align-content:start;min-height:100dvh;display:grid;position:relative;overflow:hidden;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))!important;box-shadow:none!important;border:0!important;border-radius:0!important}.settings-dialog.sound-dialog[data-standalone=true] .sound-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;height:100%;min-height:0;padding-right:0;overflow:hidden auto;max-height:none!important}.standalone-appearance-control{grid-template-columns:auto minmax(150px,220px);justify-self:end;align-items:center;gap:10px;display:grid}.standalone-appearance-control>span{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.standalone-appearance-select{min-width:150px}.settings-dialog.sound-dialog[data-standalone=true] .sound-scroll-rail{z-index:30;position:fixed}.settings-dialog.sound-dialog.theme-neon .playground-mode-options button{border:1px solid var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .playground-mode-options button:not([data-selected=true]){color:var(--neon-text);background:var(--neon-surface)}.settings-dialog.sound-dialog.theme-neon .playground-mode-options button[data-selected=true]{border-color:var(--neon-pink);color:#19131a;background:var(--neon-selection);box-shadow:0 3px #ff00e5ad}.settings-dialog.sound-dialog.theme-neon .playground-module-options{background:#08041eb8;border-color:#ff00e5b8}.settings-dialog.sound-dialog.theme-neon .playground-module-options button{border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface)}.settings-dialog.sound-dialog.theme-neon .playground-module-options button[data-selected=true]{color:#19131a;background:var(--neon-selection);box-shadow:0 2px #ff00e5ad}.settings-dialog.sound-dialog.theme-neon .harmonic-series-card{border-color:var(--neon-pink);color:var(--neon-text);background:radial-gradient(circle at 50% 38%, #00f0ff17, transparent 46%), var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 18px #ff00e526}.settings-dialog.sound-dialog.theme-neon .harmonic-series-heading span,.settings-dialog.sound-dialog.theme-neon .harmonic-series-heading p,.settings-dialog.sound-dialog.theme-neon .harmonic-series-controls>label>span,.settings-dialog.sound-dialog.theme-neon .harmonic-octave-control>span,.settings-dialog.sound-dialog.theme-neon .harmonic-readout>span,.settings-dialog.sound-dialog.theme-neon .harmonic-readout>small,.settings-dialog.sound-dialog.theme-neon .harmonic-status,.settings-dialog.sound-dialog.theme-neon .harmonic-keyboard-help{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-fundamental-control,.settings-dialog.sound-dialog.theme-neon .harmonic-octave-control{background:#0d0a26;border-color:#ff00e59e}.settings-dialog.sound-dialog.theme-neon .harmonic-fundamental-select,.settings-dialog.sound-dialog.theme-neon .harmonic-octave-control>div{border-color:var(--neon-pink)!important;color:var(--neon-text)!important;background:#0b0822!important}.settings-dialog.sound-dialog.theme-neon .harmonic-octave-control button{color:var(--neon-text);background:#ff00e51f}.settings-dialog.sound-dialog.theme-neon .harmonic-octave-control strong{border-color:#ff00e561}.settings-dialog.sound-dialog.theme-neon .harmonic-view-options,.settings-dialog.sound-dialog.theme-neon .harmonic-tuning-toggle,.settings-dialog.sound-dialog.theme-neon .harmonic-frequency-toggle{background:#0b0822;border-color:#ff00e5b8}.settings-dialog.sound-dialog.theme-neon .harmonic-view-options button{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-view-options button[data-selected=true]{border-color:var(--neon-pink);color:#19131a;background:var(--neon-selection);box-shadow:0 2px #ff00e5ad}.settings-dialog.sound-dialog.theme-neon .harmonic-tuning-toggle>span,.settings-dialog.sound-dialog.theme-neon .harmonic-frequency-toggle>span{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-tuning-toggle [data-slot=switch],.settings-dialog.sound-dialog.theme-neon .harmonic-frequency-toggle [data-slot=switch]{border-color:var(--neon-pink);background:#0b0624}.settings-dialog.sound-dialog.theme-neon .harmonic-tuning-toggle [data-slot=switch][data-state=checked],.settings-dialog.sound-dialog.theme-neon .harmonic-frequency-toggle [data-slot=switch][data-state=checked]{background:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-orbit-bed{fill:#0b0822;stroke:#ff00e561}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-shadow{fill:#ff00e533}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-section{fill:var(--neon-pink)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.sound-dialog.theme-neon .harmonic-cone-section{fill:color-mix(in srgb, var(--neon-pink) 48%, var(--neon-surface))}}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-section{stroke:#ff93e9c7}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-band[data-active=true] .harmonic-cone-section{fill:var(--neon-pink)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.sound-dialog.theme-neon .harmonic-cone-band[data-active=true] .harmonic-cone-section{fill:color-mix(in srgb, var(--neon-pink) 76%, var(--neon-surface))}}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-outline{stroke:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-cone-label{fill:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .harmonic-ring-section,.settings-dialog.sound-dialog.theme-neon .harmonic-core-dot{fill:var(--neon-pink)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.sound-dialog.theme-neon .harmonic-ring-section,.settings-dialog.sound-dialog.theme-neon .harmonic-core-dot{fill:color-mix(in srgb, var(--neon-pink) 48%, var(--neon-surface))}}.settings-dialog.sound-dialog.theme-neon .harmonic-ring-section,.settings-dialog.sound-dialog.theme-neon .harmonic-core-dot{stroke:#ff93e9c7}.settings-dialog.sound-dialog.theme-neon .harmonic-ring[data-active=true] .harmonic-ring-section,.settings-dialog.sound-dialog.theme-neon .harmonic-core[data-active=true] .harmonic-core-dot{fill:var(--neon-pink)}@supports (color:color-mix(in lab, red, red)){.settings-dialog.sound-dialog.theme-neon .harmonic-ring[data-active=true] .harmonic-ring-section,.settings-dialog.sound-dialog.theme-neon .harmonic-core[data-active=true] .harmonic-core-dot{fill:color-mix(in srgb, var(--neon-pink) 76%, var(--neon-surface))}}.settings-dialog.sound-dialog.theme-neon .harmonic-ring-label,.settings-dialog.sound-dialog.theme-neon .harmonic-core-number,.settings-dialog.sound-dialog.theme-neon .harmonic-core-label{fill:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .harmonic-readout{border-color:var(--neon-pink);background:#0d0a26;box-shadow:0 0 14px #ff00e51f}.settings-dialog.sound-dialog.theme-neon .harmonic-readout-item>span,.settings-dialog.sound-dialog.theme-neon .harmonic-readout-item>small{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-readout-item>strong{color:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .harmonic-readout-item>.harmonic-relative-mass{color:#ff93e9}.settings-dialog.sound-dialog.theme-neon .harmonic-major-chord-button{border-color:var(--neon-pink);color:var(--neon-text);background:#0d0a26;box-shadow:0 3px #8a28e285}.settings-dialog.sound-dialog.theme-neon .harmonic-major-chord-button span{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-major-chord-button[data-active=true]{color:#19131a;background:var(--neon-selection);box-shadow:0 1px #8a28e285,0 0 12px #ff00e533}.settings-dialog.sound-dialog.theme-neon .harmonic-major-chord-button[data-active=true] span{color:#4b354d}.settings-dialog.sound-dialog.theme-neon .harmonic-readout-item>em{color:#ff93e9}.settings-dialog.sound-dialog.theme-neon .waveform-series-card{border-color:var(--neon-pink);color:var(--neon-text);background:radial-gradient(circle at 50% 36%, #ff00e51a, transparent 54%), var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 18px #ff00e526}.settings-dialog.sound-dialog.theme-neon .waveform-series-heading span,.settings-dialog.sound-dialog.theme-neon .waveform-series-heading p,.settings-dialog.sound-dialog.theme-neon .waveform-tuning-row>strong,.settings-dialog.sound-dialog.theme-neon .waveform-cone-summary,.settings-dialog.sound-dialog.theme-neon .waveform-strength-key,.settings-dialog.sound-dialog.theme-neon .waveform-status,.settings-dialog.sound-dialog.theme-neon .waveform-keyboard-help{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .waveform-cone-card{color:var(--neon-text);background:#0b0822;border-color:#ff00e5ad;box-shadow:0 3px #8a28e275}.settings-dialog.sound-dialog.theme-neon .waveform-cone-card[data-active=true]{border-color:var(--neon-pink);box-shadow:0 3px #8a28e29e,0 0 18px #ff00e561}.settings-dialog.sound-dialog.theme-neon .waveform-cone-shadow{fill:#ff00e533}.settings-dialog.sound-dialog.theme-neon .waveform-cone-section{fill:var(--neon-pink);stroke:#ff93e9c7}.settings-dialog.sound-dialog.theme-neon .waveform-cone-band:not([data-audible=true]) .waveform-cone-section{fill:#322040;fill-opacity:.34;stroke:#5b244f}.settings-dialog.sound-dialog.theme-neon .waveform-cone-outline{stroke:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .waveform-cone-label{fill:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .waveform-cone-formula{color:#ff93e9}.settings-dialog.sound-dialog.theme-neon .waveform-strength-key>i{background:linear-gradient(90deg, var(--neon-pink), #ff00e50f);border-color:#ff93e96b}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-lab{border-color:var(--neon-pink);color:var(--neon-text);background:radial-gradient(circle at 50% 34%, #ff00e517, transparent 54%), var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 18px #ff00e526}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-heading span,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-heading p,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-tuning-row>strong,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-title small,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-equation,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-readout>span,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-readout>small,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-status,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-keyboard-help{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-model-note{color:var(--neon-copy);background:#0d0a26;border-color:#ff00e58f}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-card{color:var(--neon-text);background:#0b0822;border-color:#ff00e59e;box-shadow:0 3px #8a28e26b}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-card[data-selected=true],.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-card[data-active=true]{border-color:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-card[data-active=true]{box-shadow:0 3px #8a28e294,0 0 14px #ff00e54d}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-regular{fill:#ff00e524;stroke:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-dot{fill:var(--neon-pink);stroke:#ff93e9}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-line line{stroke:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-line circle{fill:#ff93e9;stroke:var(--neon-pink)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-interval-edge{stroke:#ff65dc}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-interval-edge[data-selected=true]{stroke:#ffd1f5;filter:drop-shadow(0 0 4px #ff00e5a8)}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-side-marker{color:var(--neon-text);background:#20102f;border-color:#ff93e9;box-shadow:0 2px #8a28e2b3}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-side-marker[data-selected=true]{border-color:var(--neon-text);color:#19131a;box-shadow:0 2px 0 var(--neon-pink), 0 0 9px #ff00e55c;background:#ffb8ef}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-card[data-active=true] .harmonic-polygon-regular{fill:#ff00e56b}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-frequency,.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-readout>em{color:#ff93e9}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-readout{border-color:var(--neon-pink);background:#0d0a26;box-shadow:0 0 14px #ff00e51f}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-readout[data-view=intervals]{background:#0d0a26f5;box-shadow:0 8px 24px #00000085,0 0 0 3px #ff00e529,0 0 16px #ff00e52e}.settings-dialog.sound-dialog.theme-neon .harmonic-polygon-keyboard-help kbd,.settings-dialog.sound-dialog.theme-neon .harmonic-keyboard-help kbd,.settings-dialog.sound-dialog.theme-neon .waveform-keyboard-help kbd{color:var(--neon-text);background:#0b0822;border-color:#ff00e594}.settings-dialog.sound-dialog.theme-neon .playground-start-button{box-shadow:0 0 0 1px #ff00e56b,0 0 16px #ff00e552;color:#19131a!important;background:var(--neon-pink)!important;border-color:#13061b!important}.settings-dialog.sound-dialog.theme-neon .sound-scroll-thumb{background:var(--neon-selection)}.settings-dialog.sound-dialog.theme-neon .sound-scroll-rail:hover .sound-scroll-thumb,.settings-dialog.sound-dialog.theme-neon .sound-scroll-rail:focus-visible .sound-scroll-thumb,.settings-dialog.sound-dialog.theme-neon .sound-scroll-rail[data-dragging] .sound-scroll-thumb{background:#ffe6f5}.settings-dialog.sound-dialog.theme-neon .playground-challenge-card,.settings-dialog.sound-dialog.theme-neon .sound-piano-module,.settings-dialog.sound-dialog.theme-neon .sound-octave-control,.settings-dialog.sound-dialog.theme-neon .sound-grid-control,.settings-dialog.sound-dialog.theme-neon .sound-keyboard-view-toggle,.settings-dialog.sound-dialog.theme-neon .sound-mobile-piano-visibility{border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 16px #ff00e51f}.settings-dialog.sound-dialog.theme-neon .playground-challenge-card[data-result=correct]{color:var(--neon-text);background:#0c422f;border-color:#45f099;box-shadow:3px 3px #45f0996b,0 0 18px #45f0992e}.settings-dialog.sound-dialog.theme-neon .playground-challenge-card[data-result=incorrect]{color:var(--neon-text);background:#161e56;border-color:#8aa4ff;box-shadow:3px 3px #8aa4ff7a,0 0 18px #00f0ff24}.settings-dialog.sound-dialog.theme-neon .playground-result-badge{color:#73ffb8;background:#45f0991f}.settings-dialog.sound-dialog.theme-neon .playground-challenge-card[data-result=incorrect] .playground-result-badge{color:#c7d0ff;background:#8aa4ff24}.settings-dialog.sound-dialog.theme-neon .sound-piano-heading,.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-topline,.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-question,.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-parity-toggle,.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-hint-copy{color:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .sound-piano-heading span,.settings-dialog.sound-dialog.theme-neon .playground-challenge-hint,.settings-dialog.sound-dialog.theme-neon .playground-answer-progress>span,.settings-dialog.sound-dialog.theme-neon .playground-circle-guide>p{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .sound-piano-parity-toggle,.settings-dialog.sound-dialog.theme-neon .sound-piano-octave-toggle,.settings-dialog.sound-dialog.theme-neon .playground-popup-control{border-color:var(--neon-pink);color:var(--neon-text);background:#0b0822}.settings-dialog.sound-dialog.theme-neon .sound-piano-parity-toggle>span,.settings-dialog.sound-dialog.theme-neon .sound-piano-octave-toggle>span,.settings-dialog.sound-dialog.theme-neon .sound-parity-control>span,.settings-dialog.sound-dialog.theme-neon .sound-octave-picker>span,.settings-dialog.sound-dialog.theme-neon .sound-grid-control>span,.settings-dialog.sound-dialog.theme-neon .playground-game-controls label>span,.settings-dialog.sound-dialog.theme-neon .playground-circle-control>span,.settings-dialog.sound-dialog.theme-neon .playground-timer-control>span,.settings-dialog.sound-dialog.theme-neon .standalone-appearance-control>span{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .playground-piano-button,.settings-dialog.sound-dialog.theme-neon .playground-rules-button,.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-tool-button,.settings-dialog.sound-dialog.theme-neon .playground-explanation-button,.settings-dialog.sound-dialog.theme-neon .playground-hint-button,.settings-dialog.sound-dialog.theme-neon .playground-move-choice,.settings-dialog.sound-dialog.theme-neon .playground-return-question-button,.settings-dialog.sound-dialog.theme-neon .playground-circle-button,.settings-dialog.sound-dialog.theme-neon .playground-time-select,.settings-dialog.sound-dialog.theme-neon .sound-layout-select{border-color:var(--neon-pink)!important;color:var(--neon-text)!important;background:var(--neon-surface)!important}.settings-dialog.sound-dialog.theme-neon .sound-grid-control button:not([data-selected=true]),.settings-dialog.sound-dialog.theme-neon .sound-keyboard-view-toggle button:not([data-selected=true]){border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface)}.settings-dialog.sound-dialog.theme-neon .sound-grid-control button[data-selected=true],.settings-dialog.sound-dialog.theme-neon .sound-keyboard-view-toggle button[data-selected=true]{border-color:var(--neon-pink);color:#19131a;background:var(--neon-selection);box-shadow:0 3px #ff00e594}.settings-dialog.sound-dialog.theme-neon .playground-example-work,.settings-dialog.sound-dialog.theme-neon .playground-answer-progress,.settings-dialog.sound-dialog.theme-neon .playground-source-row{color:var(--neon-text);background:#0d0a26;border:1px solid #ff00e594}.settings-dialog.sound-dialog.theme-neon .playground-answer-numbers,.settings-dialog.sound-dialog.theme-neon .playground-answer-numbers span:not([data-latest=true]){color:var(--neon-text)}.settings-dialog.sound-dialog.theme-neon .playground-answer-progress[data-cue=incorrect]{background:#161e56;border-color:#8aa4ff}.settings-dialog.sound-dialog.theme-neon .playground-answer-progress[data-stage-confirmed=true]:not([data-cue=incorrect]){background:#0c422f;border-color:#45f099}.settings-dialog.sound-dialog.theme-neon .playground-answer-progress[data-stage-confirmed=true]>span{color:#b9ffda}.settings-dialog.sound-dialog.theme-neon .playground-game-controls .playground-popup-control{border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface)}.settings-dialog.sound-dialog.theme-neon .sound-parity-control [data-slot=switch],.settings-dialog.sound-dialog.theme-neon .playground-popup-control [data-slot=switch]{border-color:var(--neon-pink);background:#0b0624}.settings-dialog.sound-dialog.theme-neon .sound-reset-button,.settings-dialog.sound-dialog.theme-neon .ear-training-set-control button,.settings-dialog.sound-dialog.theme-neon .ear-training-number-mode button,.settings-dialog.sound-dialog.theme-neon .ear-training-audio-actions button,.settings-dialog.sound-dialog.theme-neon .ear-training-key-select{border-color:var(--neon-pink)!important}.settings-dialog.sound-dialog.theme-neon .sound-piano-parity-toggle [data-slot=switch][data-state=checked],.settings-dialog.sound-dialog.theme-neon .playground-mobile-piano-parity-toggle [data-slot=switch][data-state=checked],.settings-dialog.sound-dialog.theme-neon .sound-parity-control [data-slot=switch][data-state=checked],.settings-dialog.sound-dialog.theme-neon .playground-popup-control [data-slot=switch][data-state=checked]{border-color:var(--neon-pink);background:var(--neon-pink)}.settings-dialog.playground-example-dialog.theme-neon .playground-example-equation,.settings-dialog.playground-example-dialog.theme-neon .playground-mobile-piano-hint-copy{color:var(--neon-text)}.settings-dialog.playground-circle-dialog.theme-neon .playground-number-circle{color:var(--neon-text);background:radial-gradient(circle at center, #ffd4001a 0 27%, transparent 28%), repeating-conic-gradient(from -15deg, #00f0ff2e 0 1deg, transparent 1deg 30deg), var(--neon-surface);box-shadow:inset 0 0 0 8px #ff00e51a,0 0 22px #00f0ff33}.settings-dialog.playground-circle-dialog.theme-neon .playground-number-circle-center{border-color:var(--neon-yellow);color:var(--neon-text);background:#10072d}.settings-dialog.playground-circle-dialog.theme-neon .playground-number-circle-center .playground-circle-pair{color:var(--neon-copy)}.settings-dialog.playground-circle-dialog.theme-neon .playground-number-circle-note,.settings-dialog.playground-circle-dialog.theme-neon.color-neutral .playground-number-circle-note{box-shadow:0 3px 0 var(--neon-purple), 0 0 12px #00f0ff2e;border-color:var(--neon-cyan)!important;color:var(--neon-text)!important;background:#102451!important}.settings-dialog.playground-circle-dialog.theme-neon.color-clues .playground-number-circle-note[data-parity=odd]{border-color:var(--neon-cyan)!important;background:linear-gradient(145deg,#087897,#07334f)!important}.settings-dialog.playground-circle-dialog.theme-neon.color-clues .playground-number-circle-note[data-parity=even]{border-color:var(--neon-lime)!important;background:linear-gradient(145deg,#55751b,#263d12)!important}@media (width<=560px){.standalone-appearance-control{grid-template-columns:auto minmax(0,1fr);justify-self:stretch}.playground-module-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}.playground-module-options button{min-height:32px;font-size:.56rem}.harmonic-series-card,.waveform-series-card,.harmonic-polygon-lab{border-radius:15px;gap:9px;padding:10px}.harmonic-series-heading,.waveform-series-heading,.harmonic-polygon-heading{align-items:start}.harmonic-series-heading h2,.waveform-series-heading h2,.harmonic-polygon-heading h2{font-size:.98rem}.harmonic-series-heading p{max-width:155px;font-size:.54rem}.waveform-series-heading p,.harmonic-polygon-heading p{max-width:180px;font-size:.54rem}.harmonic-series-controls{gap:6px}.harmonic-fundamental-control,.harmonic-octave-control{gap:4px;padding:6px}.waveform-tuning-row,.harmonic-polygon-tuning-row{gap:6px}.waveform-tuning-row>strong,.harmonic-polygon-tuning-row>strong{font-size:.57rem}.waveform-cone-card{border-radius:12px;padding:8px 5px 7px}.waveform-cone-title{font-size:.7rem}.waveform-cone-summary,.waveform-cone-formula{font-size:.51rem}.harmonic-polygon-card{border-radius:12px;padding:7px 5px}.harmonic-polygon-title strong{font-size:.74rem}.harmonic-polygon-readout{gap:3px 7px;padding:8px 9px}.harmonic-polygon-readout>strong{font-size:.7rem}.harmonic-polygon-readout>em{font-size:.78rem}.harmonic-polygon-readout[data-view=intervals]{bottom:max(72px, calc(env(safe-area-inset-bottom) + 58px));width:calc(100vw - 54px);padding:8px 10px}.harmonic-polygon-lab[data-polygon-view=intervals]{padding-bottom:188px}.harmonic-fundamental-select,.harmonic-octave-control>div{min-height:34px!important}.harmonic-octave-control>div{grid-template-columns:32px minmax(0,1fr) 32px}.harmonic-orbit,.harmonic-cone{width:min(100%,310px)}.harmonic-readout{gap:3px 8px;padding:9px 10px}.harmonic-readout>strong{gap:5px;font-size:.78rem}.harmonic-readout>strong b{font-size:1.12rem}.harmonic-readout>em{font-size:.8rem}}.songs-card{border:2px solid var(--pink-strong);color:var(--ink);background:#fff;border-radius:18px;gap:13px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.songs-card{background:color-mix(in srgb, #fff 90%, var(--lavender))}}.songs-card{box-shadow:0 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.songs-card{box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 75%, transparent)}}.songs-heading{justify-content:space-between;align-items:end;gap:12px;display:flex}.songs-heading span,.songs-controls label>span,.songs-current-note>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.songs-heading span,.songs-controls label>span,.songs-current-note>span{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.songs-heading span,.songs-controls label>span,.songs-current-note>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.songs-heading h2{margin:1px 0 0;font-size:1.25rem}.songs-heading p{max-width:530px;color:var(--ink);margin:3px 0 0}@supports (color:color-mix(in lab, red, red)){.songs-heading p{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.songs-heading p{font-size:.85rem;line-height:1.35}.songs-heading>strong{color:var(--pink-strong);flex:none;font-size:.82rem}.songs-controls{grid-template-columns:minmax(0,2fr) repeat(4,minmax(105px,1fr));gap:9px;display:grid}.songs-controls label{align-content:start;gap:5px;display:grid}.songs-select{border:1px solid var(--pink-strong);width:100%;min-height:42px}@supports (color:color-mix(in lab, red, red)){.songs-select{border:1px solid color-mix(in srgb, var(--pink-strong) 65%, var(--ink))}}.songs-select{background:#fff}@supports (color:color-mix(in lab, red, red)){.songs-select{background:color-mix(in srgb, #fff 94%, var(--pink))}}.songs-tempo-control>span{justify-content:space-between;gap:8px;display:flex}.songs-tempo-control input{width:100%;min-height:42px;accent-color:var(--pink-strong)}.songs-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.songs-actions button{border:2px solid var(--pink-strong);min-height:46px;color:var(--ink);background:#fff;border-radius:12px}@supports (color:color-mix(in lab, red, red)){.songs-actions button{background:color-mix(in srgb, #fff 70%, var(--pink))}}.songs-actions button{font-size:.88rem;font-weight:900}.songs-actions button[data-active=true]{color:#fff;background:var(--pink-strong)}.songs-performance-workspace{gap:10px;display:grid}.song-score{border:1px solid var(--pink-strong);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.song-score{border:1px solid color-mix(in srgb, var(--pink-strong) 68%, var(--ink))}}.song-score{background:#fff;border-radius:15px}.song-score-title{color:#171522;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 3px;display:flex}.song-score-title span{color:#625b6f;font-size:.72rem}.song-score-page-controls{justify-content:flex-end;align-items:center;gap:5px;display:flex}.song-score-page-controls button{color:#171522;background:#f8d8eb;border:1px solid #c43d8e;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:1.25rem;font-weight:900;line-height:1;display:grid}.song-score-page-controls button:disabled{cursor:not-allowed;opacity:.35}.song-score svg{width:100%;height:auto;display:block}.song-space-odd{fill:#d8f2fb}.song-space-even{fill:#f8d8eb}.song-staff-line-odd,.song-staff-line-even{stroke-width:3px}.song-staff-line-odd{stroke:#397fbd}.song-staff-line-even{stroke:#c43d8e}.song-barline{stroke:#40374a;stroke-width:2px}.song-clef{fill:#15121c;font-family:serif;font-size:66px}.song-time-signature text{fill:#15121c;text-anchor:middle;font-family:Georgia,serif;font-size:35px;font-weight:800}.song-note-stem,.song-notehead{fill:#15121c;stroke:#15121c;stroke-width:3px}.song-notehead-hollow{fill:#fff}.song-note-flag{fill:none;stroke:#15121c;stroke-linecap:round;stroke-width:4px}.song-note-dot{fill:#15121c}.song-ledger-line{stroke-width:3px}.song-note-guide{fill:#30293a;text-anchor:middle;font-size:10px;font-weight:850}.song-note-guide-number{font-size:13px}.song-note[data-active=true] ellipse{fill:#ff2bac;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 0 4px #ff2baccc)}.song-score[data-practice=true] .song-note[data-active=true] .song-notehead{fill:#15121c;stroke:#15121c;stroke-width:3px;filter:none}.song-score[data-practice=true] .song-note[data-active=true] .song-notehead-hollow{fill:#fff}.song-score[data-practice=true] .song-note[data-active=true] .song-note-stem{stroke:#15121c}.song-next-note-cue{--song-next-note-cue-color:#c43d8e;pointer-events:none}.song-next-note-cue path{fill:none;stroke:var(--song-next-note-cue-color);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px;filter:drop-shadow(0 0 3px var(--song-next-note-cue-color))}@supports (color:color-mix(in lab, red, red)){.song-next-note-cue path{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--song-next-note-cue-color) 55%, transparent))}}.song-note[data-parity=odd] .song-next-note-cue{--song-next-note-cue-color:#397fbd}.song-note[data-parity=even] .song-next-note-cue{--song-next-note-cue-color:#c43d8e}.song-played-note{--song-played-note-color:#ff2bac;pointer-events:none;transform:translateX(var(--song-played-marker-shift,0px))}.song-played-note[data-parity=odd]{--song-played-note-color:#397fbd}.song-played-note[data-parity=even]{--song-played-note-color:#c43d8e}.song-played-note .song-note-stem{stroke:var(--song-played-note-color)}.song-played-note .song-notehead{fill:var(--song-played-note-color);stroke:#fff;stroke-width:4px;filter:drop-shadow(0 0 4px var(--song-played-note-color))}@supports (color:color-mix(in lab, red, red)){.song-played-note .song-notehead{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--song-played-note-color) 72%, transparent))}}.song-played-note .song-played-accidental{fill:var(--song-played-note-color)}.song-played-note[data-result=incorrect] .song-note-stem{stroke:#696174}.song-played-note[data-result=incorrect] .song-notehead{fill:#fff;stroke:#696174;filter:none}.song-played-note[data-result=incorrect] .song-played-accidental{fill:#696174}.song-note-accidental,.song-played-accidental{fill:#15121c;text-anchor:middle;font-family:Georgia,serif;font-size:25px;font-weight:800}.songs-current-note{border:1px solid var(--pink-strong);align-items:center;gap:9px;min-height:42px;padding:8px 11px;display:flex}@supports (color:color-mix(in lab, red, red)){.songs-current-note{border:1px solid color-mix(in srgb, var(--pink-strong) 42%, transparent)}}.songs-current-note{background:#fff;border-radius:11px}@supports (color:color-mix(in lab, red, red)){.songs-current-note{background:color-mix(in srgb, #fff 82%, var(--lavender))}}.song-score>.songs-current-note{border-radius:6px;gap:5px;height:24px;min-height:0;margin:5px 12px 0;padding:0 8px;line-height:1;overflow:hidden}.song-score>.songs-current-note>span{letter-spacing:.05em;font-size:.5rem}.song-score>.songs-current-note strong{font-size:.88rem}.song-score>.songs-current-note b{font-size:.65rem}.song-score>.songs-current-note[data-result=correct]>span{color:#9c176f;font-size:.6rem;font-weight:950}.song-score>.songs-current-note[data-result=incorrect]>span{color:#625b6f;font-size:.6rem;font-weight:950}.songs-current-note strong{font-size:1.35rem}.songs-current-note b{font-size:.9rem}.songs-feedback{margin:-5px 1px 0;font-size:.82rem}.songs-keypad-toolbar{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;font-weight:900;display:flex}.songs-keypad-toolbar>div{gap:5px;display:flex}.songs-keypad-toolbar button{border:1px solid var(--pink-strong);width:38px;height:34px;color:var(--ink);background:var(--panel);border-radius:8px;font-size:1.2rem;font-weight:900}.songs-keypad-toolbar button:disabled{opacity:.35}.songs-piano.sound-piano-module{gap:6px;padding:8px;display:grid}.songs-piano-toolbar{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;font-weight:900;display:flex}.songs-piano-octave{grid-template-columns:repeat(2,34px);gap:3px;display:grid}.songs-piano-octave button{border:1px solid var(--pink-strong);min-height:26px;color:var(--ink);background:#fff;border-radius:7px;padding:0}@supports (color:color-mix(in lab, red, red)){.songs-piano-octave button{background:color-mix(in srgb, #fff 82%, var(--lavender))}}.songs-piano-octave button{font-size:1rem;font-weight:900}.songs-piano-toolbar>span strong{color:var(--pink-strong);font-size:.88rem}.songs-piano-octave button:active:not(:disabled){background:#f8d8eb;transform:translateY(1px)}.songs-piano-octave button:disabled{cursor:not-allowed;opacity:.34}.songs-piano .sound-piano-keys{height:118px;box-shadow:0 3px 0 var(--ink);border-width:2px;border-radius:10px}@supports (color:color-mix(in lab, red, red)){.songs-piano .sound-piano-keys{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 80%, #000)}}.songs-piano .sound-piano-white-keys{grid-template-columns:repeat(8,minmax(0,1fr));gap:1px}.songs-piano .sound-piano-key[data-key-type=white]{padding:5px 1px 9px}.songs-piano .sound-piano-key[data-key-type=black]{width:8.4%;padding:4px 1px 7px}.songs-piano .sound-piano-key strong{font-size:.7rem}.songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{color:#17131f;box-shadow:inset 0 -6px #9bcfe5,0 3px 6px #0003;background:#d8f2fb!important;border-color:#397fbd!important}.songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{color:#17131f;box-shadow:inset 0 -6px #e8a9cd,0 3px 6px #0003;background:#f8d8eb!important;border-color:#c43d8e!important}.songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key span,.songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key strong{color:#17131f}.songs-piano .sound-piano-key[data-expected=true]{outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--pink-strong), 0 0 0 2px var(--pink-strong);outline:3px solid #fff}.songs-piano .sound-piano-key[data-key-type=white][data-expected=true]{z-index:1}.songs-piano .sound-piano-key[data-key-type=black][data-expected=true]{z-index:4}.songs-number-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.songs-number-octave{display:contents}.songs-number-grid button{border:2px solid var(--ink);place-items:center;min-width:0;min-height:58px;display:grid}@supports (color:color-mix(in lab, red, red)){.songs-number-grid button{border:2px solid color-mix(in srgb, var(--ink) 75%, transparent)}}.songs-number-grid button{color:#17131f;box-shadow:0 3px 0 var(--ink);border-radius:11px}@supports (color:color-mix(in lab, red, red)){.songs-number-grid button{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 78%, transparent)}}.songs-number-grid button{touch-action:none;-webkit-user-select:none;user-select:none}.songs-number-grid button.note-highlight-odd{background:#d8f2fb}.songs-number-grid button.note-highlight-even{background:#f8d8eb}.songs-number-grid button strong{font-size:1.05rem}.songs-number-grid button span{font-size:.59rem;font-weight:800}.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-odd,.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-even,.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-odd strong,.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-even strong,.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-odd span,.settings-dialog.sound-dialog.theme-neon .songs-number-grid button.note-highlight-even span{color:#17131f}.settings-dialog.sound-dialog.theme-neon .songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=odd]{color:#17131f;box-shadow:inset 0 -6px #9bcfe5,0 3px 6px #00000047;background:#d8f2fb!important;border-color:#397fbd!important}.settings-dialog.sound-dialog.theme-neon .songs-piano.sound-piano-module[data-parity-colors=true] .sound-piano-key[data-parity=even]{color:#17131f;box-shadow:inset 0 -6px #e8a9cd,0 3px 6px #00000047;background:#f8d8eb!important;border-color:#c43d8e!important}.songs-number-grid button[data-expected=true]{box-shadow:0 0 0 5px var(--pink-strong), 0 3px 0 var(--ink);outline:3px solid #fff}@supports (color:color-mix(in lab, red, red)){.songs-number-grid button[data-expected=true]{box-shadow:0 0 0 5px var(--pink-strong), 0 3px 0 color-mix(in srgb, var(--ink) 78%, transparent)}}.songs-number-grid button[data-active=true]{filter:brightness(1.08)saturate(1.08);box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.songs-number-grid button[data-active=true]{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 78%, transparent)}}.sheet-music-download{border:1px solid var(--pink-strong);grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.sheet-music-download{border:1px solid color-mix(in srgb, var(--pink-strong) 68%, var(--ink))}}.sheet-music-download{background:#fff;border-radius:15px}@supports (color:color-mix(in lab, red, red)){.sheet-music-download{background:color-mix(in srgb, #fff 88%, var(--pink))}}.sheet-music-download-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-music-download-heading span,.sheet-music-download-controls label>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.sheet-music-download-heading span,.sheet-music-download-controls label>span{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.sheet-music-download-heading span,.sheet-music-download-controls label>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.sheet-music-download-heading h3{margin:2px 0 0;font-size:1rem}.sheet-music-color-key{flex:none;gap:5px;display:flex}.sheet-music-color-key span{color:#17131f;letter-spacing:.04em;border:1px solid;border-radius:999px;padding:4px 8px;font-size:.62rem}.sheet-music-color-key span[data-parity=odd]{background:#d8f2fb;border-color:#397fbd}.sheet-music-color-key span[data-parity=even]{background:#f8d8eb;border-color:#c43d8e}.sheet-music-download-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.sheet-music-download-controls label{align-content:start;gap:5px;display:grid}.sheet-music-download-select{border:1px solid var(--pink-strong);width:100%;min-height:42px}@supports (color:color-mix(in lab, red, red)){.sheet-music-download-select{border:1px solid color-mix(in srgb, var(--pink-strong) 65%, var(--ink))}}.sheet-music-download-select{background:#fff}.sheet-music-download-button{border:2px solid var(--pink-strong);color:#fff;background:var(--pink-strong);border-radius:11px;justify-content:center;align-self:end;align-items:center;gap:7px;min-width:150px;min-height:42px;padding:0 15px;font-size:.82rem;font-weight:900;display:inline-flex}.sheet-music-download-button svg{width:17px;height:17px}.sheet-music-download-button:active{transform:translateY(1px)}.sheet-music-download-status{color:var(--ink);grid-column:1/-1;margin:-3px 0 0}@supports (color:color-mix(in lab, red, red)){.sheet-music-download-status{color:color-mix(in srgb, var(--ink) 72%, transparent)}}.sheet-music-download-status{font-size:.76rem}.settings-dialog.sound-dialog.theme-neon .songs-card{border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 18px #ff00e526}.settings-dialog.sound-dialog.theme-neon .songs-heading span,.settings-dialog.sound-dialog.theme-neon .songs-heading p,.settings-dialog.sound-dialog.theme-neon .songs-controls label>span,.settings-dialog.sound-dialog.theme-neon .songs-current-note>span,.settings-dialog.sound-dialog.theme-neon .songs-feedback{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .songs-heading>strong{color:#ff83dc}.settings-dialog.sound-dialog.theme-neon .songs-select,.settings-dialog.sound-dialog.theme-neon .songs-current-note{color:var(--neon-text);background:#0d0a26;border-color:#ff00e5ad}.settings-dialog.sound-dialog.theme-neon .songs-actions button{border-color:var(--neon-pink);color:var(--neon-text);background:#0d0a26}.settings-dialog.sound-dialog.theme-neon .songs-actions button[data-active=true]{color:#17131f;background:var(--neon-selection)}.settings-dialog.sound-dialog.theme-neon .songs-piano-toolbar{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .songs-piano-octave button{border-color:var(--neon-pink);color:var(--neon-text);background:#0d0a26}.settings-dialog.sound-dialog.theme-neon .songs-piano-toolbar>span strong{color:#ff83dc}.settings-dialog.sound-dialog.theme-neon .song-score{border-color:var(--neon-pink);background:#fdfaff}.settings-dialog.sound-dialog.theme-neon .song-score-page-controls button{color:#17131f;background:#f8d8eb;border-color:#c43d8e}.settings-dialog.sound-dialog.theme-neon .sheet-music-download{border-color:var(--neon-pink);color:var(--neon-text);background:#0d0a26}.settings-dialog.sound-dialog.theme-neon .sheet-music-download-heading span,.settings-dialog.sound-dialog.theme-neon .sheet-music-download-controls label>span,.settings-dialog.sound-dialog.theme-neon .sheet-music-download-status{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .sheet-music-download-select{color:var(--neon-text);background:#0d0a26;border-color:#ff00e5ad}.settings-dialog.sound-dialog.theme-neon .sheet-music-download-button{border-color:var(--neon-pink);color:#17131f;background:var(--neon-selection)}.musical-circles-module{border:2px solid var(--pink-strong);color:var(--ink);background:#fff;border-radius:18px;justify-items:start;gap:8px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.musical-circles-module{background:color-mix(in srgb, #fff 88%, var(--lavender))}}.musical-circles-module{box-shadow:0 4px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.musical-circles-module{box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 75%, transparent)}}.musical-circles-module>span{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.musical-circles-module>span{color:color-mix(in srgb, var(--ink) 68%, transparent)}}.musical-circles-module>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.musical-circles-module h2,.musical-circles-module p{margin:0}.musical-circles-module p{max-width:620px;line-height:1.4}.musical-circles-module button{border:2px solid var(--pink-strong);min-height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:0 18px}@supports (color:color-mix(in lab, red, red)){.musical-circles-module button{background:color-mix(in srgb, #fff 70%, var(--pink))}}.musical-circles-module button{font-weight:900}.settings-dialog.sound-dialog.theme-neon .musical-circles-module{border-color:var(--neon-pink);color:var(--neon-text);background:var(--neon-surface);box-shadow:3px 3px #8a28e27a,0 0 18px #ff00e526}.settings-dialog.sound-dialog.theme-neon .musical-circles-module>span,.settings-dialog.sound-dialog.theme-neon .musical-circles-module p{color:var(--neon-copy)}.settings-dialog.sound-dialog.theme-neon .musical-circles-module button{border-color:var(--neon-pink);color:var(--neon-text);background:#0d0a26}@media (width>=900px){.settings-dialog.sound-dialog[data-standalone=true]{gap:9px!important;padding:10px 14px!important}.settings-dialog.sound-dialog[data-standalone=true] .sound-brand-name{font-size:2.7rem}.settings-dialog.sound-dialog[data-standalone=true] .sound-brand-kind{font-size:1.75rem}.settings-dialog.sound-dialog[data-standalone=true] .playground-game{gap:7px}.settings-dialog.sound-dialog[data-standalone=true] .playground-mode-options,.settings-dialog.sound-dialog[data-standalone=true] .playground-module-options{gap:5px}.settings-dialog.sound-dialog[data-standalone=true] .playground-mode-options button{min-height:34px}.settings-dialog.sound-dialog[data-standalone=true] .playground-module-options{padding:4px}.settings-dialog.sound-dialog[data-standalone=true] .playground-module-options button{min-height:33px}.settings-dialog.sound-dialog[data-standalone=true] .songs-card{justify-self:center;gap:9px;width:min(100%,1120px);padding:11px 12px}.settings-dialog.sound-dialog[data-standalone=true] .songs-heading p{margin-top:1px}.settings-dialog.sound-dialog[data-standalone=true] .songs-controls,.settings-dialog.sound-dialog[data-standalone=true] .songs-actions{gap:6px}.settings-dialog.sound-dialog[data-standalone=true] .songs-controls label{gap:3px}.settings-dialog.sound-dialog[data-standalone=true] .songs-select,.settings-dialog.sound-dialog[data-standalone=true] .songs-tempo-control input{min-height:36px}.settings-dialog.sound-dialog[data-standalone=true] .songs-actions button{min-height:39px}.settings-dialog.sound-dialog[data-standalone=true] .songs-performance-workspace{gap:7px}.settings-dialog.sound-dialog[data-standalone=true] .song-score-title{padding:7px 10px 2px}.settings-dialog.sound-dialog[data-standalone=true] .song-score>.songs-current-note{height:22px;margin:3px 10px 0}.settings-dialog.sound-dialog[data-standalone=true] .songs-piano.sound-piano-module{gap:4px;padding:6px 8px}.settings-dialog.sound-dialog[data-standalone=true] .songs-piano .sound-piano-keys{height:104px}.settings-dialog.sound-dialog[data-standalone=true] .songs-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.settings-dialog.sound-dialog[data-standalone=true] .songs-number-octave{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:5px;display:grid}.settings-dialog.sound-dialog[data-standalone=true] .songs-number-grid button{min-height:50px}.settings-dialog.sound-dialog[data-standalone=true] .sheet-music-download{gap:9px 11px;padding:11px 12px}}@media (width<=720px){.songs-card{padding:11px}.songs-heading{align-items:start}.songs-heading p{font-size:.78rem}.songs-controls{grid-template-columns:1fr 1fr}.songs-controls label:first-child,.songs-tempo-control{grid-column:1/-1}.song-score-title{padding-top:7px}.songs-piano .sound-piano-keys{height:96px}.songs-number-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.songs-number-grid button{min-height:48px}.songs-number-grid button strong{font-size:.9rem}.songs-number-grid button span{font-size:.5rem}.songs-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-music-download{grid-template-columns:1fr}.sheet-music-download-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-music-download-button{width:100%}}@media (width<=430px){.songs-heading>strong{display:none}.song-score-title{align-items:flex-start}.song-score-page-controls{flex-wrap:wrap}.song-score-page-controls span{text-align:right;width:100%}.songs-actions{gap:5px}.songs-actions button{min-height:42px;padding-inline:4px;font-size:.68rem}.songs-current-note{min-height:36px;padding-block:5px}.songs-feedback{font-size:.72rem}.sheet-music-download{padding:11px}.sheet-music-download-heading{align-items:flex-start}.sheet-music-color-key{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--accordion-panel-height,auto))}to{height:0}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}@keyframes scroll-fade-reveal-b{0%{--scroll-fade-b:var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-b:0px}}@keyframes scroll-fade-reveal-s{0%{--scroll-fade-s:0px}to{--scroll-fade-s:var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}}@keyframes scroll-fade-reveal-e{0%{--scroll-fade-e:var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))))}to{--scroll-fade-e:0px}}@keyframes tw-shimmer{0%{background-position:100% 0}to{background-position:0 0}}