/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--shimmer-angle:20deg}*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:host,:root{--color-black:#000;--color-white:#fff;--spacing:.25rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xs:.125rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:Poppins,Arial,Helvetica,sans-serif;--default-mono-font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-3\.5{right:calc(var(--spacing) * 3.5)}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.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-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)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.-translate-y-1\/2,.translate-x-\[-50\%\]{translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.touch-none{touch-action:none}.scroll-my-1{scroll-margin-block:calc(var(--spacing) * 1)}.appearance-none{appearance:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-\[Canvas\]{background-color:canvas}.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-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.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)}.p-1{padding:calc(var(--spacing) * 1)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[3px\]{padding:3px}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-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)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[CanvasText\]{color:canvastext}.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)}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xs{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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-0{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)}.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)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){height:calc(var(--spacing) * 9)}.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){height:fit-content}.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){width:100%}.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){flex-direction:column}.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){justify-content:flex-start}.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.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)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bg-foreground:after{content:var(--tw-content);background-color:var(--foreground)}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{content:var(--tw-content);inset-inline: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)}@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-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\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.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\: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\:border-ring:focus-visible{border-color:var(--ring)}.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\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring) 50%,transparent)}}.focus-visible\:outline-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,.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[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\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\: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\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-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\=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\]\:py-1[data-size=sm]{padding-block:calc(var(--spacing) * 1)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing) * 2)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{content:var(--tw-content);opacity:1}.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=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\]\: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\=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]{background-color:var(--accent)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--muted-foreground)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.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-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--input)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab,var(--destructive) 60%,transparent)}}.dark\:bg-input\/30{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:text-muted-foreground{color:var(--muted-foreground)}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--accent) 50%,transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:text-foreground:hover{color:var(--foreground)}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.dark\:data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=active\]\:bg-input\/30[data-state=active]{background-color:color-mix(in oklab,var(--input) 30%,transparent)}}.dark\:data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{background-color:#0000}.dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state=checked]{background-color:var(--primary-foreground)}.dark\:data-\[state\=unchecked\]\:bg-foreground[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state=unchecked]{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}: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)}}@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:#f7f9f8;--foreground:#192c28;--card:#fff;--card-foreground:#171717;--popover:#fff;--popover-foreground:#171717;--primary:#167d67;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e7000b;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#f54900;--chart-2:#009689;--chart-3:#104e64;--chart-4:#ffb900;--chart-5:#fe9a00;--sidebar:#fafafa;--sidebar-foreground:#171717;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}body{background:var(--background);color:var(--foreground);margin:0;font-family:Poppins,Arial,sans-serif;font-size:16px}a,button,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}.app-header{border-bottom:1px solid #e2e9e5;justify-content:space-between;height:94px;padding:0 5%}.app-header,.brand{align-items:center;display:flex}.brand{gap:12px;font-size:23px;font-weight:500;line-height:1.15}.brand b{font-weight:800}.brand small{letter-spacing:2.2px;color:#63776e;margin-top:7px;display:block}.brand-icon{color:#fff;background:#183d32;border-radius:13px;padding:12px}.header-note{color:#587266;align-items:center;gap:8px;display:flex}.app-shell main{max-width:1440px;margin:auto;padding:25px 5% 40px}.main-tabs{border-bottom:1px solid #dfe7e2;gap:32px;background:0 0!important;justify-content:flex-start!important;width:100%!important;padding:0!important}.main-tabs,.main-tabs [data-slot=tabs-trigger]{border-radius:0!important;height:53px!important}.main-tabs [data-slot=tabs-trigger]{color:#6a7d75;flex:none;font-size:15px;font-weight:600;box-shadow:none!important;padding:0 2px!important}.main-tabs [data-state=active]{border-bottom:3px solid #167d67;color:#167d67!important;background:0 0!important}.heading{justify-content:space-between;align-items:center;gap:16px;margin:32px 0 26px;display:flex}.eyebrow{letter-spacing:1.5px;color:#557269;font-weight:700;font-size:12px!important}.heading h1{letter-spacing:-1px;margin:8px 0;font-size:34px;font-weight:700;line-height:1.3}.heading p{color:#6a7d75;font-size:15px}.level-tag{white-space:nowrap;background:#fff;border:1px solid #d3e4dc;border-radius:99px;padding:11px 17px;font-size:14px}.lesson-card{background:#e0f0e8;border:1px solid #d2e6db;padding:30px}.lesson-card h2{margin:12px 0;font-size:30px;font-weight:700}.lesson-card p{font-size:16px;line-height:1.75}.note-preview{letter-spacing:12px;padding:18px 0;font-size:50px;font-weight:700}.note-preview span{color:#77a792;font-size:30px}.primary{color:#fff;background:#177c64;border:1px solid #177c64;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 21px;font-weight:600;display:inline-flex}.piano-shell{background:#203a33;border-radius:21px;margin-top:24px;padding:20px;box-shadow:0 7px #122d24}.piano-toolbar{color:#c5d7cf;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px;font-size:14px;display:flex}.piano-toolbar strong{color:#fff;align-items:center;gap:8px;display:flex}.keyboard{touch-action:none;-webkit-user-select:none;user-select:none;height:200px}.keyboard,.white-key{display:flex;position:relative}.white-key{color:#61746b;background:#fffefb;border:1px solid #d5d8d3;border-bottom:6px solid #d4dad5;border-radius:0 0 8px 8px;flex:1;justify-content:center;align-items:flex-end;min-width:0;padding-bottom:14px}.white-key span{font-size:17px;font-weight:600}.white-key:active{background:#bfe8d5}.header-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#6c8177;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.icon-button:hover{background:#edf4ef}.xp-pill{color:#9a6715;background:#fff1d3;border:1px solid #f8e6ba;border-radius:12px;align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.header-note{margin-left:40px}.main-tabs{margin-bottom:5px}.main-tabs [data-slot=tabs-trigger]{gap:9px}.course-summary{align-items:center;gap:12px;display:flex}.course-summary>span:last-child{flex-direction:column;gap:4px;display:flex}.course-summary b{font-size:14px}.course-summary small{color:#75847d;font-size:12px}.course-ring{border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.course-ring b{background:#f7f9f8;border-radius:50%;place-items:center;width:47px;height:47px;font-size:13px;display:grid}.level-track{scrollbar-width:thin;gap:8px;margin:27px 0 25px;padding-bottom:6px;display:flex;overflow-x:auto}.level-chip{color:#61756a;background:#fff;border:1px solid #dfe7e2;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:9px;min-width:140px;padding:13px 12px;display:flex}.level-chip span{background:#f0f4f1;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:12px;font-weight:700;display:grid}.level-chip strong{text-align:left;max-width:92px;font-size:12px;font-weight:500;line-height:1.4}.level-chip.selected{color:#fff;background:#1e4739;border-color:#1e4739}.level-chip.selected span{color:#d8efdf;background:#fff2}.learning-grid{grid-template-columns:minmax(0,1fr) 345px;align-items:stretch;gap:23px;display:grid}.lesson-card{min-width:0;padding:26px 30px;position:relative;overflow:hidden}.lesson-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-duration{color:#567767;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.lesson-card h2{letter-spacing:-.8px;margin-bottom:6px;font-size:29px;line-height:1.3}.lesson-card .lesson-subtitle{color:#587867;font-size:14px}.lesson-tabs{margin:22px 0 10px;background:#cfe5d8!important;border-radius:10px!important;gap:7px!important;height:39px!important;padding:4px!important}.lesson-tabs [data-slot=tabs-trigger]{color:#476856;border-radius:7px!important;padding:7px 18px!important;font-size:12px!important}.lesson-intro{max-width:700px;font-size:15px!important;line-height:1.8!important}.staff{color:#577b68;width:100%;max-width:680px;height:116px;margin:4px 0;display:block;overflow:visible}.lesson-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:10px;display:flex}.secondary{color:#29573f;background:#ffffff90;border:1px solid #bad3c4;padding:11px 16px;font-size:13px;font-weight:600}.secondary:hover{background:#fff}.text-button{color:#216b51;justify-content:center;align-items:center;gap:8px;padding:8px 0;font-size:13px;font-weight:600;display:inline-flex}.text-button:hover{text-decoration:underline}.chapter-panel{border:1px solid #e1e8e3;border-radius:22px;padding:22px}.chapter-heading{align-items:center;gap:12px;display:flex}.chapter-badge{color:#47705c;border-radius:13px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.chapter-heading .eyebrow{letter-spacing:1px;line-height:1.5;font-size:10px!important}.chapter-heading h3{margin-top:4px;font-size:17px;font-weight:700}.chapter-description{color:#76847d;margin:15px 0;font-size:12px;line-height:1.7}.chapter-panel [data-slot=progress]{background:#edf2ee;height:5px}.chapter-list{flex-direction:column;gap:7px;margin-top:17px;display:flex}.chapter-row{text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:12px 9px;display:flex}.chapter-row:hover{background:#f4f7f4}.chapter-row.active{background:#f0f7f2;border:1px solid #d6e9dc}.chapter-row>span:nth-child(2){flex:1;min-width:0}.chapter-number{color:#819086;background:#f3f5f2;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.chapter-number.done{color:#1a6d4f;background:#d2eadb}.chapter-row.active .chapter-number{color:#fff;background:#187c60}.chapter-row strong{font-size:12px;font-weight:600;line-height:1.6;display:block}.chapter-row small{color:#8a9790;margin-top:3px;font-size:10px;display:block}.chapter-row.active small{color:#54836b}.chapter-row>svg{color:#819c8d;flex-shrink:0}.little-tip{color:#956a23;background:#fff8e9;border-radius:12px;gap:9px;margin-top:16px;padding:13px;display:flex}.little-tip svg{flex-shrink:0;margin-top:3px}.little-tip p{font-size:11px;line-height:1.8}.little-tip strong{font-size:12px;display:block}.level-next{width:100%;margin-top:8px;font-size:12px}.practice-status{color:#64796b;align-items:center;min-height:41px;margin-top:15px;font-size:13px;display:flex}.practice-status>span{align-items:center;gap:10px;width:100%;display:flex}.live-dot{background:#247d60;border-radius:50%;width:8px;height:8px}.step-counter{color:#315c44;margin-left:auto;font-size:12px}.countdown{color:#fff;background:#177c64;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.piano-shell{margin-top:0;padding:19px 20px 12px}.piano-toolbar{margin-bottom:16px;font-size:12px}.piano-toolbar strong{font-size:14px;font-weight:600}.instrument-type{color:#a6bdb0;border:1px solid #50695d;border-radius:7px;margin-left:7px;padding:4px 9px;font-weight:400;font-size:11px!important}.piano-options{align-items:center;gap:8px;font-size:12px;display:flex}.piano-options label{color:#d5e2d9;align-items:center;gap:10px;margin-right:12px;display:flex}.piano-options [data-slot=switch]{--input:#586f62}.piano-options [data-slot=switch][data-state=checked]{background:#72b08e}.octave-button{color:#c4d9cb;border:1px solid #4e6a5a;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.octave-button:hover{background:#3d5a49}.keyboard-scroll{scrollbar-width:thin;scrollbar-color:#688978 #254331;overscroll-behavior-x:contain;border-radius:5px 5px 8px 8px;overflow-x:auto}.keyboard{gap:3px;min-width:630px;height:181px}.white-key{color:#60776a;touch-action:none;outline-offset:-5px;border-bottom:5px solid #d3dcd4;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:13px;transition:background 80ms}.white-key .key-note{font-size:17px;position:relative}.key-note small{color:#9aaba0;margin-left:2px;font-size:9px;font-weight:400}.white-key .key-shortcut{color:#aeb7af;margin-top:7px;font-size:10px;font-weight:400}.middle-c-dot{background:#469371;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.black-key{z-index:2;color:#8faaa0;touch-action:none;outline-offset:-4px;background:linear-gradient(100deg,#27352f,#1b251f);border:1px solid #14251b;border-bottom:5px solid #0f1e15;border-radius:0 0 6px 6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:4.2%;height:109px;padding-bottom:10px;display:flex;position:absolute;top:0;box-shadow:2px 4px 3px #0003}.black-key>span{font-size:11px;font-weight:500}.black-key small{color:#7b9286;font-size:9px}.white-key.hint{background:#d4eddf;box-shadow:inset 0 -5px #56a57a}.white-key.down{border-bottom-color:#55a477;transform:translateY(2px);box-shadow:inset 0 0 10px #4a986c44;background:#89cba8!important}.black-key.hint{color:#fff;background:linear-gradient(#37664d,#247a53);border-bottom-color:#73b590}.black-key.down{color:#fff;border-bottom-color:#459966;transform:translateY(2px);background:#65a780!important}.piano-footer{color:#9bb6a6;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px;line-height:1.7;display:flex}.piano-footer>span{align-items:center;gap:7px;display:flex}.tiny-dot{background:#8dcba5;border-radius:50%;width:5px;height:5px}.mobile-hint{display:none!important}.under-piano{justify-content:space-between;gap:24px;padding:23px 5px 5px}.tempo-control,.under-piano{align-items:center;display:flex}.tempo-control{gap:12px;min-width:0}.metro-button{color:#728678;background:#fff;border:1px solid #dbe4dc;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.metro-button.on{color:#fff;background:#177c64}.tempo-control label{white-space:nowrap;color:#657c6b;align-items:center;gap:10px;font-size:12px;display:flex}.tempo-control b{color:#3a5d45;font-size:13px}.tempo-control small{font-size:10px;font-weight:400}.tempo-control [data-slot=slider]{width:140px}.tempo-control [data-slot=slider-track]{background:#e0e8e1;height:4px}.tempo-control [data-slot=slider-thumb]{width:12px;height:12px}.beat-dots{gap:5px;margin-left:2px;display:flex}.beat-dots i{background:#d5e0d7;border-radius:50%;width:5px;height:5px}.beat-dots i.lit{background:#258356;transform:scale(1.6)}.lesson-notes{color:#61766a;border-top:1px solid #e1e8e2;align-items:flex-start;gap:15px;margin-top:24px;padding:24px 0;display:flex}.lesson-notes svg{flex-shrink:0;margin-top:3px}.lesson-notes h3{color:#496250;margin-bottom:7px;font-size:14px;font-weight:600}.lesson-notes p{max-width:1000px;font-size:13px;line-height:1.9}.practice-hint{color:#426750;margin:4px 0 13px;font-size:14px!important}.practice-steps{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.practice-steps li{align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;display:flex}.practice-steps li>span{color:#2d714a;background:#c7e4d1;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;margin-top:1px;font-size:11px;font-weight:600;display:grid}.sequence-scroll{scrollbar-width:thin;scrollbar-color:#94b6a0 transparent;gap:8px;max-width:100%;padding:3px 1px 10px;display:flex;overflow-x:auto}.note-tile{background:#fffefb;border:1px solid #c8dece;border-radius:9px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;min-width:52px;padding:9px 13px;transition:background .15s;display:flex}.note-tile strong{white-space:nowrap;color:#426650;font-size:13px;font-weight:600}.note-tile small{color:#7c9583;font-size:10px}.note-tile.current{background:#1e7f58;border-color:#1e7f58;box-shadow:0 0 0 3px #96c6aa66}.note-tile.current small,.note-tile.current strong{color:#fff}.note-tile.played{background:#cae3d1}.note-tile.rest{border-style:dashed}.session-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.quiz-box{background:#f8fcf7b0;border:1px solid #c5dbca;border-radius:12px;margin:10px 0 16px;padding:16px}.quiz-box>p:first-child{color:#68816c;letter-spacing:.5px;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;display:flex}.quiz-box h3{font-size:14px;font-weight:600;line-height:1.7}.quiz-options{flex-direction:column;gap:7px;margin-top:12px;display:flex}.quiz-options button{text-align:left;border:1px solid #d5e2d7;border-radius:8px;align-items:center;gap:9px;padding:9px 11px;font-size:12px;line-height:1.5;display:flex}.quiz-options button.correct{background:#e6f5e8;border-color:#2b8c59}.quiz-options button.incorrect{background:#fff0e7;border-color:#ce9980}.choice-letter{color:#7c8c7d;background:#f0f4f0;border-radius:5px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.quiz-feedback{color:#996338;margin-top:12px;font-size:12px!important;line-height:1.7!important}.correct-text{color:#267649!important}.assignment-note{color:#698471;font-size:12px!important;line-height:1.8!important}.result-panel{background:#fff8eb;border:1px solid #e8d5ba;border-radius:19px;margin-top:25px;padding:24px}.result-panel.pass{background:#e9f5e9;border-color:#c6dfc6}.result-top{align-items:center;gap:14px;display:flex}.result-icon{color:#579653;background:#d8eccc;border-radius:15px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.result-top h3{font-size:21px;font-weight:700}.result-top p{color:#668166;margin-top:5px;font-size:13px;line-height:1.8}.result-metrics{gap:32px;padding:22px 0;display:flex}.result-metrics>span{color:#6f866b;flex-direction:column;gap:6px;font-size:12px;display:flex}.result-metrics b{color:#35613a;height:32px;font-size:26px}.result-panel>small{color:#809177;font-size:11px;line-height:1.8;display:block}.result-buttons{margin-top:16px}.result-buttons,.studio-guide{justify-content:space-between;display:flex}.studio-guide{background:#e8f3eb;border:1px solid #d5e6da;border-radius:23px;gap:30px;margin:26px 0;padding:31px 35px}.studio-guide h2{letter-spacing:-.7px;margin:9px 0 13px;font-size:28px;font-weight:600}.studio-guide p{color:#63846d;font-size:14px;line-height:1.9}.studio-notes{align-items:center;gap:10px;margin-top:20px;display:flex}.studio-notes span{background:#fff;border:1px solid #cbded0;border-radius:13px;place-items:center;width:55px;height:60px;font-size:27px;font-weight:700;display:grid;box-shadow:0 3px #d0e2d4}.studio-notes i{color:#8eb499;font-size:19px;font-style:normal}.studio-tips{border-left:1px solid #cadfce;align-self:center;padding-left:32px}.studio-tips p{align-items:center;gap:10px;margin:17px 0;font-size:13px;display:flex}.studio-tips svg{color:#79a98a;flex-shrink:0}.studio-controls{flex-wrap:wrap;align-items:center;gap:24px;padding:25px 0;display:flex}.volume-control{color:#637d6a;align-items:center;gap:9px;font-size:12px;display:flex}.volume-control [data-slot=slider]{width:90px}.volume-control span{width:34px}.sustain-control{color:#637d6a;align-items:center;gap:10px;font-size:12px;display:flex}.studio-bottom{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:17px;display:grid}.info-tile{color:#6e8b74;background:#fff;border:1px solid #e0e8e1;border-radius:16px;padding:23px}.info-tile>svg{color:#548b67;margin-bottom:13px}.info-tile h3{color:#36503b;margin-bottom:10px;font-size:16px;font-weight:600}.info-tile p{font-size:13px;line-height:1.9}.level-tag{align-items:center;gap:7px;display:flex}.song-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin:26px 0;display:grid}.song-card{text-align:left;background:#fff;border:1px solid #dee8df;border-radius:16px;align-items:center;gap:13px;padding:20px;display:flex}.song-card:hover{border-color:#91bba0}.song-card.selected{background:#f0f7ee;border-color:#3d9060;box-shadow:0 0 0 1px #3d906033}.song-card>span:nth-child(2){flex:1}.song-card strong{color:#3a5641;font-size:14px;font-weight:600;display:block}.song-card small{color:#8a9a8c;margin-top:5px;font-size:10px;line-height:1.7;display:block}.song-card em{color:#6f896f;background:#f2f5ef;border:1px solid #e3eade;border-radius:5px;margin-top:7px;padding:3px 7px;font-size:10px;font-style:normal;display:inline-block}.song-icon{color:#5b7665;border-radius:12px;flex-shrink:0;place-items:center;width:49px;height:58px;display:grid}.song-card>svg{color:#91ac98;flex-shrink:0}.song-player{background:#e2f0e7;border:1px solid #cfe3d6;border-radius:21px;margin-top:24px;padding:25px 30px}.song-player h2{margin:8px 0;font-size:27px;font-weight:700}.song-player p{color:#67836e;margin-bottom:16px;font-size:14px;line-height:1.8}.muted{color:#7a8f7e;font-size:12px;line-height:1.8}.stats-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin:27px 0;display:grid}.stats-grid>div{background:#fff;border:1px solid #dfe8df;border-radius:18px;padding:23px;position:relative}.stat-icon{color:#4e9165;background:#e1f1e7;border-radius:13px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:24px;right:22px}.stat-icon.orange{color:#b58333;background:#fff0d9}.stat-icon.purple{color:#8b7eb4;background:#efedf9}.stats-grid b{font-size:35px;font-weight:700;display:block}.stats-grid small{color:#91a28e;margin-left:6px;font-size:17px;font-weight:500}.stats-grid p{color:#7a8d77;margin-top:5px;font-size:13px}.progress-course{background:#fff;border:1px solid #dfe8df;border-radius:18px;margin-top:25px;padding:25px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.recent-section>h2,.section-heading h2{font-size:20px;font-weight:600}.section-heading>span{color:#638761;font-size:13px}.progress-levels{grid-template-columns:repeat(2,1fr);gap:12px 27px;margin-top:24px;display:grid}.progress-levels button{text-align:left;border:1px solid #e3eae0;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.progress-levels button:hover{background:#f1f8ee}.progress-levels button>span{color:#5b7e63;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:14px;font-weight:600;display:grid}.progress-levels button>div{flex:1}.progress-levels strong{font-size:13px;font-weight:600}.progress-levels small{color:#889980;margin-top:5px;font-size:11px;display:block}.progress-levels button>svg{color:#94a890}.recent-section{margin:30px 0}.recent-section>h2{margin-bottom:16px}.empty-state{text-align:center;color:#6a8568;border:1px dashed #cbd9c6;border-radius:18px;flex-direction:column;align-items:center;padding:35px;display:flex}.empty-state h3{color:#415f3d;margin:12px 0 5px;font-size:19px;font-weight:600}.empty-state p{margin-bottom:19px;font-size:13px;line-height:1.8}.attempt-list{background:#fff;border:1px solid #e0e8dc;border-radius:16px;overflow:hidden}.attempt-list>div{border-bottom:1px solid #e9efe5;align-items:center;gap:13px;padding:18px 22px;display:flex}.attempt-list>div:last-child{border-bottom:none}.attempt-icon{color:#bd914f;background:#fff3e0;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.attempt-icon.passed{color:#7a9d5a;background:#e7f1e0}.attempt-list>div>div{flex:1}.attempt-list strong{font-size:13px;font-weight:600}.attempt-list small{color:#8a9b81;margin-top:4px;font-size:11px;display:block}.attempt-list>div>span:not(.attempt-icon){text-align:center;min-width:55px}.attempt-list b{color:#658151;font-size:15px}.progress-privacy{color:#889b82;margin-bottom:35px;font-size:12px;line-height:1.9}.app-footer{color:#8a9a84;border-top:1px solid #e2e8df;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:25px;font-size:11px;line-height:1.8;display:flex}.app-footer b{color:#677d60;font-weight:500}.save-status{text-align:right;color:#869980;align-items:center;gap:6px;font-size:10px;display:flex}.save-status.error{color:#ad7044}.error-banner{color:#9e6230;background:#fff0df;border:1px solid #efdbc2;align-items:center;gap:10px;padding:15px;font-size:14px;line-height:1.8;display:flex}.help-dialog{max-width:640px!important}.help-content{padding-right:8px}.help-content h3{color:#395c45;margin:18px 0 6px;font-size:16px;font-weight:600}.help-content p{color:#708775;font-size:14px;line-height:1.9}.help-content p:first-child{margin-top:0}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #edb35c}.session-actions .primary{font-size:13px}.main-tabs{scrollbar-width:none;overflow-x:auto}.main-tabs [data-slot=tabs-trigger]{white-space:nowrap}@media (min-width:1500px){.app-shell main{padding-left:50px;padding-right:50px}.keyboard{height:205px}.black-key{height:125px}.lesson-card{padding:31px 35px}.staff{height:137px}}@media (max-width:1190px){.header-note{display:none}.learning-grid{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.lesson-card{padding:23px}.chapter-panel{padding:18px}.lesson-card h2{font-size:26px}.main-tabs{gap:25px}.level-chip{min-width:139px}.song-grid{grid-template-columns:repeat(2,1fr)}.studio-guide h2{font-size:25px}.studio-guide{padding:27px}.studio-tips{max-width:280px;padding-left:23px}.lesson-tabs [data-slot=tabs-trigger]{padding:7px 11px!important}}@media (max-width:900px){.learning-grid{grid-template-columns:1fr}.chapter-panel{display:block}.chapter-list{grid-template-columns:repeat(2,1fr);display:grid}.chapter-description{margin:8px 0}.level-next,.little-tip{display:none}.chapter-panel{padding:21px}.chapter-heading .eyebrow{font-size:11px!important}.chapter-heading h3{font-size:18px}.chapter-row strong{font-size:13px}.chapter-row small{font-size:11px}.chapter-heading{margin-bottom:8px}.heading h1{font-size:30px}.lesson-card{padding:27px}.staff{height:145px}.studio-guide{display:block}.studio-tips{border:0;max-width:none;padding:15px 0 0;display:none}.studio-bottom{gap:14px}.info-tile{padding:19px}.stats-grid{gap:12px}.stat-icon{width:37px;height:37px;top:20px;right:14px}.stats-grid>div{padding:20px}.stats-grid b{font-size:30px}.level-track{margin-top:20px;margin-bottom:18px}.course-summary small{font-size:11px}.practice-status{line-height:1.7}.heading{margin:25px 0}.lesson-intro{font-size:16px!important}.app-shell main{padding-top:15px}.keyboard{height:185px}}@media (max-width:600px){.app-header{height:77px;padding:0 19px}.brand{gap:9px;font-size:19px}.brand-icon{border-radius:10px;padding:9px}.brand-icon svg{width:22px;height:22px}.brand small{letter-spacing:1.6px;margin-top:5px;font-size:8px}.header-actions{gap:5px}.header-actions .icon-button{width:31px;height:33px}.xp-pill{padding:8px;font-size:11px}.xp-pill svg{width:12px}.app-shell main{padding:12px 17px 25px}.main-tabs{gap:25px;height:53px!important}.main-tabs [data-slot=tabs-trigger]{gap:7px;min-height:44px;font-size:13px;height:53px!important}.main-tabs [data-slot=tabs-trigger] svg{width:15px;height:15px}.heading{align-items:flex-start;margin:24px 0 19px}.heading h1{letter-spacing:-.7px;max-width:320px;margin:7px 0 8px;font-size:26px}.heading>div>p:not(.eyebrow){max-width:270px;font-size:13px;line-height:1.9}.eyebrow{letter-spacing:1.2px;font-size:10px!important}.course-summary{display:none}.heading .level-tag{white-space:normal;max-width:110px;padding:8px 9px;font-size:10px;line-height:1.7}.level-track{gap:7px;margin:19px -17px 18px;padding:0 17px 10px}.level-chip{min-width:134px;padding:12px}.level-chip strong{font-size:11px}.learning-grid{gap:16px}.lesson-card{border-radius:18px;padding:21px 18px}.lesson-card h2{margin-top:12px;font-size:24px}.lesson-card .lesson-subtitle{font-size:13px}.lesson-tabs{margin-top:18px;margin-bottom:9px;width:100%!important;height:43px!important}.lesson-tabs [data-slot=tabs-trigger]{min-height:34px;padding:8px 7px!important;font-size:11px!important}.lesson-intro{font-size:14px!important;line-height:1.9!important}.lesson-duration{font-size:11px}.staff{height:96px;margin:9px 0}.lesson-actions{justify-content:space-between;gap:12px}.lesson-actions .primary{padding:11px 12px;font-size:11px}.lesson-actions .text-button{font-size:11px}.chapter-panel{border-radius:17px;padding:18px}.chapter-badge{border-radius:10px;width:37px;height:37px}.chapter-heading h3{font-size:16px}.chapter-heading .eyebrow{font-size:9px!important}.chapter-description{font-size:12px;line-height:1.6}.chapter-row{gap:8px;padding:9px 5px}.chapter-number{width:23px;height:23px;font-size:10px}.chapter-row strong{font-size:11px;line-height:1.6}.chapter-row small{font-size:9px}.chapter-row>svg{display:none}.chapter-list{gap:3px;margin-top:12px}.practice-status{min-height:40px;margin-top:12px;font-size:11px}.piano-shell{border-radius:16px;padding:14px 12px 10px}.piano-toolbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:13px}.piano-toolbar strong{font-size:13px}.instrument-type{margin-left:3px;font-size:10px!important}.piano-options{gap:7px;width:100%;font-size:11px}.piano-options label{flex:1;gap:8px;margin-right:8px;font-size:11px}.octave-button{width:27px;height:28px}.keyboard{min-width:600px;height:176px}.black-key{height:105px}.piano-footer{flex-direction:column;gap:2px;font-size:9px}.desktop-hint{display:none!important}.mobile-hint{display:flex!important}.under-piano{flex-wrap:wrap;gap:12px;padding-top:20px}.tempo-control{flex:1;gap:10px;min-width:260px}.tempo-control [data-slot=slider]{flex:1;width:auto;min-width:70px;max-width:140px}.tempo-control label{gap:7px;font-size:11px}.tempo-control b{font-size:12px}.under-piano>.text-button{font-size:11px}.lesson-notes{gap:10px;margin-top:20px;padding-top:19px}.lesson-notes h3{font-size:13px}.lesson-notes p{font-size:12px;line-height:1.9}.practice-steps li{font-size:13px}.practice-hint{font-size:13px!important}.quiz-box{padding:12px}.quiz-box h3{font-size:13px}.quiz-options button{padding:11px 9px;font-size:12px}.session-actions .primary,.session-actions .secondary{flex:1;padding:12px 14px;font-size:12px}.assignment-note{font-size:11px!important}.result-panel{padding:20px 17px}.result-top h3{font-size:18px}.result-top p{font-size:12px}.result-icon{border-radius:12px;width:43px;height:43px}.result-metrics{flex-wrap:wrap;gap:20px}.result-metrics>span{font-size:11px}.result-metrics b{font-size:25px}.result-buttons .primary{padding:11px 14px;font-size:12px}.studio-guide{border-radius:18px;margin:21px 0;padding:23px 20px}.studio-guide h2{font-size:24px;line-height:1.5}.studio-guide p{font-size:13px}.studio-controls{gap:18px}.studio-controls .tempo-control{min-width:100%}.volume-control{flex:1;min-width:175px}.volume-control [data-slot=slider]{width:100%;min-width:50px;max-width:120px}.studio-bottom{grid-template-columns:1fr}.info-tile{padding:23px}.info-tile p{font-size:14px}.song-grid{grid-template-columns:1fr;gap:10px}.song-card{padding:15px}.song-card strong{font-size:14px}.song-card small{font-size:11px}.song-card em{font-size:10px}.song-icon{width:47px;height:55px}.song-player{border-radius:18px;padding:22px 18px}.song-player h2{font-size:24px}.song-player p{font-size:13px}.stats-grid{grid-template-columns:1fr;gap:12px}.stats-grid>div{padding:20px 22px}.stats-grid b{font-size:30px}.stats-grid p{font-size:13px}.stat-icon{width:45px;height:45px;top:24px;right:22px}.progress-course{padding:20px 16px}.recent-section>h2,.section-heading h2{font-size:17px}.section-heading>span{font-size:11px}.progress-levels{grid-template-columns:1fr;gap:10px}.progress-levels strong{font-size:13px}.progress-levels small{font-size:11px}.attempt-list>div{gap:9px;padding:15px 11px}.attempt-list strong{font-size:12px}.attempt-list small{font-size:10px}.attempt-list>div>span:not(.attempt-icon){min-width:39px}.attempt-icon{width:31px;height:31px}.empty-state{padding:27px 18px}.app-footer{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px;padding-top:20px}.app-footer,.save-status{font-size:10px}.help-content p{font-size:14px}.help-content h3{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.grand-staff .staff{height:100px;margin:0}.chapter-row strong{font-size:14px}.chapter-row small{font-size:12px}.chapter-row{padding:12px 8px}.chapter-heading .eyebrow{font-size:12px!important}.chapter-description{font-size:14px}.little-tip p{font-size:12px}.level-chip strong{font-size:13px}.level-chip{min-width:149px}.lesson-duration{font-size:13px}.lesson-tabs [data-slot=tabs-trigger]{font-size:14px!important}.lesson-card .lesson-subtitle,.lesson-subtitle{font-size:15px}.note-tile strong{font-size:14px}.note-tile small{font-size:12px}.quiz-options button{min-height:44px;font-size:14px}.quiz-box>p:first-child{font-size:12px}.quiz-box h3{font-size:15px}.assignment-note,.quiz-feedback{font-size:13px!important}.practice-status{font-size:14px}.piano-options,.piano-options label{font-size:13px}.piano-footer{font-size:12px}.key-shortcut{font-size:12px!important}.black-key small{font-size:11px}.lesson-notes p,.tempo-control b,.tempo-control label,.text-button{font-size:14px}.song-card strong{font-size:16px}.song-card em,.song-card small{font-size:12px}.progress-levels strong{font-size:14px}.progress-levels small{font-size:12px}.attempt-list strong{font-size:14px}.attempt-list small{font-size:12px}.info-tile p{font-size:14px}.app-footer,.save-status{font-size:12px}.progress-privacy{font-size:13px}.stats-grid p,.studio-tips p{font-size:14px}.octave-button{width:31px;height:32px}@media (max-width:600px){.chapter-list{grid-template-columns:1fr}.chapter-row strong{font-size:14px}.chapter-row small{font-size:12px}.chapter-number{width:28px;height:28px;font-size:12px}.chapter-row>svg{display:block}.chapter-heading .eyebrow{font-size:11px!important}.chapter-description,.level-chip strong{font-size:13px}.lesson-tabs [data-slot=tabs-trigger]{font-size:12px!important}.lesson-actions .primary,.lesson-actions .text-button{font-size:12px}.lesson-card .lesson-subtitle{font-size:14px}.piano-options,.piano-options label,.practice-status{font-size:12px}.piano-footer{font-size:11px}.lesson-notes p{font-size:14px}.text-button{font-size:13px}.tempo-control label{font-size:12px}.quiz-options button{font-size:13px}.quiz-box h3{font-size:14px}.assignment-note{font-size:12px!important}.app-footer,.save-status{font-size:11px}.attempt-list strong{font-size:13px}.attempt-list small{font-size:11px}.grand-staff .staff{height:80px}.help-dialog{width:calc(100% - 2rem)}}.keyboard-pan{color:#acc3b4;align-items:center;gap:12px;padding:18px 3px 8px;font-size:11px;display:none}.keyboard-pan [data-slot=slider]{flex:1}.keyboard-pan [data-slot=slider-track]{background:#526c5b}.keyboard-pan [data-slot=slider-range]{background:#94c6a6}.keyboard-pan [data-slot=slider-thumb]{border-color:#acd2b9;width:18px;height:18px}.keyboard-pan>span{white-space:nowrap}@media (max-width:800px){.keyboard-pan{display:flex}}.mobile-chapter-picker{display:none}@media (max-width:900px){.chapter-panel{display:none}.mobile-chapter-picker{align-items:center;gap:13px;margin:0 0 15px;display:flex}.mobile-chapter-picker>label{color:#738577;font-size:12px}.mobile-chapter-picker [data-slot=select-trigger]{background:#fff;border-color:#d4e2d7;border-radius:10px;flex:1;max-width:370px;height:41px;font-size:13px}}@media (max-width:600px){.heading>div>p:not(.eyebrow),.mobile-chapter-picker>label{display:none}.mobile-chapter-picker [data-slot=select-trigger]{max-width:none}.lesson-intro{line-height:1.75!important}.level-track{margin-top:10px}}.language-picker{flex-shrink:0;align-items:center;gap:8px;display:flex}.language-picker label{color:#476856;font-size:14px;font-weight:500}.language-picker select{background:#f7faf8;border-color:#d8e6dc;min-width:112px;height:auto;min-height:44px;padding-top:8px;padding-bottom:8px;font-family:Poppins,Noto Sans Telugu,Noto Sans Devanagari,sans-serif;font-size:14px;line-height:1.6}html[lang=te] body{font-family:Noto Sans Telugu,Poppins,sans-serif;line-height:1.8}html[lang=hi] body{font-family:Noto Sans Devanagari,Poppins,sans-serif;line-height:1.8}html:not([lang=en]) .brand small,html:not([lang=en]) .eyebrow{letter-spacing:0;line-height:1.7}html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{letter-spacing:0;line-height:1.5}html:not([lang=en]) .level-chip strong{max-width:140px;font-size:14px;line-height:1.7}html:not([lang=en]) .level-chip{min-width:180px}html:not([lang=en]) .lesson-tabs{flex-wrap:wrap;min-height:48px;height:auto!important}html:not([lang=en]) .lesson-tabs [data-slot=tabs-trigger]{white-space:normal;height:auto;min-height:40px;line-height:1.7;font-size:14px!important}html:not([lang=en]) .primary,html:not([lang=en]) .secondary,html:not([lang=en]) .text-button{white-space:normal;font-size:14px;line-height:1.7}html:not([lang=en]) .brand small{font-size:12px}html:not([lang=en]) .lesson-topline,html:not([lang=en]) .piano-footer,html:not([lang=en]) .piano-toolbar,html:not([lang=en]) .under-piano{flex-wrap:wrap;gap:12px}html:not([lang=en]) .chapter-row strong,html:not([lang=en]) .song-card strong{line-height:1.7}html:not([lang=en]) .help-dialog [data-slot=dialog-title]{line-height:1.6}.app-header{gap:20px;height:auto;min-height:94px;padding-top:14px;padding-bottom:14px}.header-note{text-align:center;flex-shrink:1}@media (max-width:700px){.app-header{flex-wrap:wrap;gap:12px;min-height:94px;padding:14px 5%}.header-actions{justify-content:flex-end;gap:10px;width:100%}.language-picker{margin-right:auto}.header-actions .icon-button{width:40px;height:44px}.language-picker label{font-size:14px}.main-tabs{gap:22px}html:not([lang=en]) .main-tabs [data-slot=tabs-trigger]{font-size:14px}html:not([lang=en]) .lesson-tabs [data-slot=tabs-trigger]{padding:8px 9px!important}html:not([lang=en]) .lesson-actions{flex-wrap:wrap;gap:14px}html:not([lang=en]) .lesson-actions .primary{font-size:14px}html:not([lang=en]) .piano-options{flex-wrap:wrap;gap:8px}html:not([lang=en]) .practice-status{height:auto;min-height:48px;line-height:1.8}html:not([lang=en]) .result-metrics{flex-wrap:wrap}}:root{--background:#f6f7fb;--foreground:#22213d;--primary:#6651d9;--primary-foreground:#fff;--muted-foreground:#706e88;--border:#e7e6f1;--radius:1rem}body{color:#24223d;background:#f6f7fb}button,input,select{font:inherit}button svg{flex-shrink:0}.app-shell{min-height:100vh;display:flex}.workspace-main{flex:1;min-width:0;margin-left:240px}.app-shell main{max-width:1510px;padding:22px 40px 36px}.app-sidebar{z-index:20;overscroll-behavior-y:contain;background:#fff;border-right:1px solid #eae9f2;flex-direction:column;width:240px;padding:32px 23px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-sidebar>*{flex-shrink:0}.brand-icon{background:#6651d9;border-radius:14px}.brand{color:#272344;gap:10px;font-size:21px}.brand small{letter-spacing:1.8px;color:#8c87a5;font-size:10px}.brand-icon svg{width:23px;height:23px}.sidebar-caption{letter-spacing:1.8px;color:#a4a0b8;margin:47px 14px 15px;font-size:11px;font-weight:600}.app-sidebar nav{gap:8px;display:grid}.app-sidebar nav button{color:#827d98;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:14px;font-size:14px;font-weight:500;display:flex}.app-sidebar nav button.active{color:#6852d8;background:#efecfc;font-weight:600}.app-sidebar nav button.active>span{background:#7760df;border-radius:50%;width:6px;height:6px;margin-left:auto}.app-sidebar nav button:hover{color:#6651d9;background:#f6f4fd}.sidebar-plus{color:#6e54c4;background:#f7f4ff;border:1px solid #e9e3fb;border-radius:17px;margin-top:auto;padding:20px 17px}.sidebar-plus h3{margin:12px 0 7px;font-size:16px;line-height:1.5}.sidebar-plus p{color:#9283b0;margin:0 0 17px;font-size:13px;line-height:1.6}.sidebar-plus button{background:#fff;border:1px solid #e6ddf9;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:13px;font-weight:600;display:flex}.appearance-toggle{color:#817c96;background:0 0;border:0;align-items:center;gap:8px;margin:21px 0 0;padding:8px 3px;font-size:12px;display:flex}.sidebar-bottom{color:#a9a3b9;border-top:1px solid #eeeaf5;justify-content:space-between;margin-top:15px;padding-top:20px;font-size:12px;display:flex}.app-header{background:#fff;border-bottom:1px solid #ebeaf1;min-height:85px;padding:15px 40px}.app-header>.brand{display:none}.header-note{color:#a09ab4;text-align:left;flex:1;justify-content:flex-start;font-size:14px}.header-actions{gap:14px}.language-picker label{display:none}.language-picker select{color:#70677f;background:#fff;border-color:#ece9f4;border-radius:11px;min-width:108px}.icon-button{color:#8b819a;background:0 0;border:1px solid #ece9f4;border-radius:11px}.xp-pill{color:#b78321;background:#fff4d4;padding:10px 13px;font-size:13px}.account-button{color:#6851c8;background:#f0ecff;border:0;border-radius:12px;align-items:center;gap:9px;max-width:160px;padding:11px 14px;font-size:13px;display:flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-tabs{display:none!important}.preview-notice{color:#8d879f;margin-bottom:19px;font-size:12px;line-height:1.6}.error-banner{border-radius:12px;gap:12px}.eyebrow{color:#9590aa;letter-spacing:1.8px;font-size:11px;font-weight:600}.primary{background:#6953dc;border-color:#6953dc;border-radius:11px;padding:13px 19px;font-size:14px;box-shadow:0 4px 9px #6d54d71c}.primary:hover{background:#5641c6}.secondary{color:#6f5b9c;background:#fff;border:1px solid #e5def4;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:14px;display:inline-flex}.text-button{color:#7259cc}.heading h1{color:#302846}.heading p{color:#948ca0}.heading{margin:10px 0 25px}.course-ring{color:#6b51cb}.course-summary{color:#79718c}.dashboard-heading{justify-content:space-between;align-items:center;gap:20px;margin:5px 0 28px;display:flex}.dashboard-heading h1{letter-spacing:-1px;margin:9px 0 7px;font-size:31px;font-weight:700;line-height:1.4}.dashboard-heading h1>span{color:#edb447;margin-left:8px;font-size:33px}.dashboard-heading p:not(.eyebrow){color:#9a93ad;margin:0;font-size:14px}.daily-chip{color:#c2814e;white-space:nowrap;background:#fff4e8;border:1px solid #f4e6da;border-radius:12px;align-items:center;gap:7px;padding:12px 14px;font-size:13px;display:flex}.dashboard-top{grid-template-columns:minmax(0,1.95fr) minmax(255px,1fr);gap:23px;display:grid}.continue-card{background:#ece7ff;border:1px solid #e4dcfc;border-radius:23px;justify-content:space-between;align-items:center;gap:20px;min-height:270px;padding:32px;display:flex}.continue-copy{max-width:370px}.lesson-kicker{color:#8976ba;letter-spacing:1.6px;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.mini-play{background:#e1d7fa;border-radius:7px;padding:5px;display:inline-flex}.continue-copy h2{color:#403060;letter-spacing:-.7px;margin:15px 0 7px;font-size:26px;font-weight:700;line-height:1.4}.continue-copy p{color:#9484b0;font-size:13px;line-height:1.7}.continue-meta{color:#9787b5;align-items:center;gap:17px;margin:18px 0 22px;font-size:12px;display:flex}.continue-meta span{align-items:center;gap:5px;display:flex}.continue-meta span:last-child{color:#648c7c;background:#ddebdc;border-radius:6px;padding:3px 7px}.continue-card .primary{padding:13px 18px;font-size:13px}.course-dial{background:conic-gradient(#8c72de var(--progress),#ded3f7 0);border-radius:50%;flex-shrink:0;width:170px;height:170px;padding:10px;transform:rotate(-8deg)}.course-dial>div{color:#8e72ca;background:#f0ebfd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:rotate(8deg)}.course-dial strong{margin-top:4px;font-size:29px;line-height:1.5}.course-dial small{color:#c0aedb;font-size:16px;font-weight:500}.course-dial span{color:#ad9bc9;font-size:11px}.daily-card{background:#fff;border:1px solid #e9e6f2;border-radius:22px;padding:26px}.daily-card>div:first-child{align-items:center;gap:10px;display:flex}.goal-icon{color:#ca9d50;background:#fff4dc;border-radius:10px;padding:8px;display:flex}.tiny-label{letter-spacing:1.1px;color:#a6a0b4;font-size:10px;font-weight:600}.daily-card h2{color:#514761;margin:20px 0 13px;font-size:31px;font-weight:700}.daily-card h2>span{color:#b2a9bd;font-size:14px;font-weight:400}.daily-meter{background:#f4f0f8;border-radius:7px;height:7px;overflow:hidden}.daily-meter>span{background:#d2b3ea;border-radius:7px;height:100%;display:block}.daily-card>p{color:#b2a8bd;margin:12px 0 19px;font-size:11px}.week-row{justify-content:space-between;gap:4px;display:flex}.week-row>div{flex-direction:column;align-items:center;gap:8px;min-width:23px;display:flex}.week-row>div>span{color:#b3aabd;font-size:10px}.week-row b{color:#d3c8df;background:#f6f3f9;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.week-row b.today{background:#f5ead1;border:1px solid #ebd9b1}.week-row b.today>span{background:#c9a76b;border-radius:50%;width:5px;height:5px}.week-row b.played{color:#71a78b;background:#e5f1e9}.course-heading{justify-content:space-between;align-items:center;margin:34px 0 19px;display:flex}.course-heading h2{color:#4b415b;letter-spacing:-.5px;margin:6px 0 0;font-size:21px;font-weight:600}.free-badge{color:#86a88f;white-space:nowrap;background:#eaf4ed;border:1px solid #d9ebe1;border-radius:8px;padding:7px 11px;font-size:11px}.journey-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.journey-card{text-align:left;background:#fff;border:1px solid #e9e4ee;border-radius:17px;padding:20px 17px;transition:transform .16s,border-color .16s;position:relative}.journey-card:hover{border-color:#bea9e2;transform:translateY(-4px)}.journey-number{color:#c9a255;background:#fff1c7;border-radius:13px;place-items:center;width:45px;height:45px;font-size:20px;font-weight:600;display:grid}.stage-status{color:#bab1c6;letter-spacing:1px;font-size:9px;position:absolute;top:23px;right:13px}.journey-card h3{color:#6a5e79;min-height:46px;margin:20px 0 4px;font-size:15px;font-weight:600;line-height:1.55}.journey-card p{color:#b4a8be;margin:0 0 14px;font-size:10px}.journey-meter{background:#f4f0f7;border-radius:6px;height:4px}.journey-meter span{background:#af95d7;border-radius:6px;height:100%;display:block}.stage-link{color:#b2a2c5;justify-content:space-between;align-items:center;gap:5px;margin-top:17px;font-size:10px;display:flex}.journey-card.locked{background:#faf8fc;border-style:dashed}.discover-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;display:grid}.discover-card{text-align:left;background:#f0f3fd;border:1px solid #e3e7f5;border-radius:17px;align-items:center;gap:17px;padding:22px;display:flex}.discover-card>span{color:#91a0c9;background:#e1e6f7;border-radius:14px;padding:14px;display:flex}.discover-card>div{flex:1}.discover-card h3{color:#6e7899;margin:5px 0;font-size:17px;font-weight:600}.discover-card .eyebrow{color:#a4b0cb;letter-spacing:1px;font-size:9px}.discover-card p:not(.eyebrow){color:#a1abc6;font-size:11px}.discover-card>svg{color:#b2bad1}.song-discover{background:#fff4e8;border-color:#f4e7d9}.song-discover>span{color:#c9a786;background:#fae9d5}.song-discover .eyebrow,.song-discover p:not(.eyebrow),.song-discover>svg{color:#c2ac92}.save-invitation{background:#fff;border:1px solid #e9e5ef;border-radius:15px;align-items:center;gap:15px;margin-top:25px;padding:18px 23px;display:flex}.save-invitation>span{color:#d2b469;background:#fff5d6;border-radius:12px;padding:11px;display:flex}.save-invitation>div{flex:1}.save-invitation h3{color:#81728e;margin:0 0 3px;font-size:14px}.save-invitation p{color:#b8aabd;font-size:11px}.save-invitation button{font-size:12px}.level-chip.selected{background:#7660bc;border-color:#7660bc}.level-chip span{color:#9b89b3;background:#f3effa}.level-chip:hover:not(.selected){background:#f6f2fc;border-color:#cdbce0}.level-chip{color:#9686a6;border-color:#e9e1ee}.lesson-card{background:#fff;border:1px solid #e8e2ed;border-radius:22px}.lesson-tabs{background:#f0ebf8!important}.lesson-tabs [data-state=active]{color:#775dac!important;background:#fff!important}.chapter-panel{background:#fff;border:1px solid #ebe5f1;border-radius:21px}.chapter-heading h3,.lesson-card h2{color:#6b577e}.lesson-intro,.lesson-notes p{color:#94839e}.chapter-row.active{background:#f2ebfb;border-color:#e2d6f1}.chapter-row.active strong{color:#806499}.little-tip{color:#a1916d;background:#fbf5e8}.practice-status{color:#a292b1}.piano-shell{background:#fff;border:1px solid #e8e2ef;border-radius:19px}.piano-toolbar{color:#9c89aa;background:#f8f5fb}.piano-footer{color:#baaac6;background:#fcfafd}.studio-guide{background:#ece7fa;border-color:#e1d6f1}.quiz-box{background:#f8f4fd}.quiz-options button{background:#fff;border-color:#e6ddec}.quiz-options .correct{background:#e3f1e8}.result-panel.pass{background:#e9f3ed}.info-tile,.lesson-notes{background:#fff;border-color:#e8e1ed}.app-footer{color:#aca2b8;border-color:#e8e2ed}.app-footer b{color:#93869f}.account-form{gap:18px;margin-top:5px;display:grid}.account-form label,.recording-draft label,.settings-card label{color:#665d79;flex-direction:column;gap:8px;font-size:14px;display:flex}.account-form input,.recording-draft input,.settings-card input,.settings-card select{color:#43394e;background:#fff;border:1px solid #dfd8ec;border-radius:10px;width:100%;min-width:0;padding:12px 13px;font-size:16px}.account-form input:focus,.settings-card input:focus{outline-offset:2px;outline:2px solid #cab9ed}.auth-tabs{background:#f2eef8;border-radius:10px;gap:5px;padding:4px;display:flex}.auth-tabs button{color:#a191b4;background:0 0;border:0;border-radius:8px;flex:1;padding:10px;font-size:13px}.auth-tabs button.active{color:#765e9a;background:#fff;box-shadow:0 2px 5px #3c18520b}.modal-symbol{color:#8d75b6;background:#eee8fa;border-radius:16px;place-items:center;width:53px;height:53px;margin-bottom:6px;display:grid}.account-modal,.premium-modal{max-height:90dvh;overflow:auto;background:#fff!important;border-radius:24px!important;padding:30px!important}.account-modal [data-slot=dialog-title],.premium-modal [data-slot=dialog-title]{color:#564264;padding-right:14px;font-size:24px;line-height:1.4}.account-modal [data-slot=dialog-description],.premium-modal [data-slot=dialog-description]{color:#a38aaf;font-size:14px;line-height:1.8}.consent{align-items:flex-start;line-height:1.8;flex-direction:row!important;font-size:12px!important}.consent input{flex-shrink:0;width:18px;height:18px;margin-top:2px}.otp-code{letter-spacing:8px;text-align:center;font-size:28px!important}.fine-print{color:#a595b2;align-items:flex-start;gap:6px;font-size:12px;line-height:1.8;display:flex}.form-error{color:#b45970;background:#fff1f4;border-radius:10px;padding:12px;font-size:14px}.service-notice{background:#faf7fe;border:1px dashed #d7c8e7;border-radius:15px;padding:21px}.service-notice>svg{color:#a18bba}.service-notice h3{margin:12px 0;font-size:16px}.service-notice p{color:#a18eaf;margin-bottom:19px;font-size:14px;line-height:1.8}.premium-label{color:#b49349;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;display:flex}.annual-price{color:#6e507d;padding:18px 0}.annual-price strong{font-size:30px}.annual-price>span{color:#b9a1c3;margin-left:7px;font-size:14px}.premium-benefits{gap:15px;margin:0 0 13px;padding:0;list-style:none;display:grid}.premium-benefits li{color:#94779f;align-items:center;gap:10px;font-size:14px;display:flex}.premium-benefits svg{color:#ab8fc7}.premium-cta{width:100%}.account-settings{grid-template-columns:1fr 1fr;gap:22px;padding-top:15px;display:grid}.settings-card{background:#fff;border:1px solid #e7dfed;border-radius:19px;flex-direction:column;align-items:flex-start;gap:16px;padding:26px;display:flex}.settings-card h2{color:#786185;font-size:20px}.settings-card p{color:#a48aaf;align-items:center;gap:8px;font-size:14px;line-height:1.8;display:flex}.settings-card form{gap:14px;width:100%;display:grid}.settings-card label{width:100%}.profile-list{gap:9px;width:100%;display:grid}.profile-list button{color:#a489ae;background:#fff;border:1px solid #e5d8ed;border-radius:11px;align-items:center;gap:10px;padding:12px;display:flex}.profile-list .active{color:#9571b5;background:#f0e8fa}.profile-list button>svg:last-child{margin-left:auto}.settings-empty{text-align:center;color:#9677a5;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:80px 25px;display:flex}.settings-empty p{max-width:450px;line-height:1.8}.membership-card{background:#f3eafb}.order-row{border-bottom:1px solid #f0e8f5;justify-content:space-between;gap:20px;width:100%;padding-bottom:13px;font-size:13px;display:flex}.recorder{background:#fff;border:1px solid #e6dcef;border-radius:20px;margin:24px 0;padding:25px}.recorder h2{color:#87689d;align-items:center;gap:10px;font-size:22px;display:flex}.recorder>p{color:#ad93bd;margin-top:13px;font-size:14px;line-height:1.8}.record-button{color:#bc6b90;background:#fff4f8;border:1px solid #ead7e1;border-radius:11px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.record-button.recording{color:#fff;background:#c16e92}.recording-draft{align-items:flex-end;gap:12px;margin-top:19px;display:flex}.recording-draft label{flex:1}.recordings-list{gap:8px;margin-top:20px;display:grid}.recordings-list>div{border:1px solid #ece0f3;border-radius:12px;align-items:center;gap:14px;padding:13px;display:flex}.recordings-list button{color:#af8ac1;background:#f5ebfb;border:0;border-radius:9px;padding:9px;display:flex}.recordings-list>div>span{flex:1;gap:3px;display:grid}.recordings-list strong{color:#9c7dac;font-size:14px}.recordings-list small{color:#c1aacd;font-size:11px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.appearance-focus .continue-card,.appearance-focus .discover-card,.appearance-focus .journey-number{background:#edf0f6}.appearance-focus .dashboard-heading h1>span{display:none}.appearance-focus .app-sidebar{background:#fafbfe}.appearance-focus .course-dial,.appearance-focus .course-dial>div{transform:none}html:not([lang=en]) .dashboard-heading h1{letter-spacing:0;font-size:27px}html:not([lang=en]) .journey-card h3{min-height:55px;font-size:15px}html:not([lang=en]) .lesson-kicker,html:not([lang=en]) .stage-status,html:not([lang=en]) .tiny-label{letter-spacing:0;font-size:12px}html:not([lang=en]) .discover-card p,html:not([lang=en]) .save-invitation p{font-size:13px;line-height:1.8}html:not([lang=en]) .journey-card p,html:not([lang=en]) .stage-link{font-size:12px}html:not([lang=en]) .app-sidebar nav button{font-size:14px}html:not([lang=en]) .sidebar-caption{letter-spacing:0;font-size:13px}@media (min-width:1600px){.dashboard-top{grid-template-columns:2.1fr 1fr}.continue-card{padding:38px 43px}.journey-card{padding:23px}.continue-copy{max-width:480px}}@media (max-width:1250px){.workspace-main{margin-left:210px}.app-sidebar{width:210px;padding:28px 17px}.app-shell main{padding:22px 26px 30px}.app-header{padding:16px 26px}.course-dial{width:132px;height:132px}.continue-card{gap:14px;padding:26px}.continue-copy h2{font-size:23px}.journey-cards{gap:10px}.journey-card{padding:17px 12px}.stage-status{display:none}.daily-card{padding:23px}.dashboard-heading h1{font-size:28px}}@media (max-width:1024px){.app-sidebar{width:82px;padding:25px 13px}.workspace-main{margin-left:82px}.app-sidebar .brand>span:last-child,.appearance-toggle,.sidebar-bottom,.sidebar-caption,.sidebar-plus{display:none}.app-sidebar nav{margin-top:30px}.app-sidebar nav button{justify-content:center;gap:0;padding:15px;font-size:0}.app-sidebar nav button svg{width:21px;height:21px}.app-sidebar nav button.active>span{display:none}.app-sidebar .brand-icon{padding:13px}.header-note{display:none}.header-actions{margin-left:auto}.journey-cards{grid-template-columns:repeat(3,1fr)}.journey-card h3{min-height:0}.stage-status{display:block}.dashboard-top{grid-template-columns:1.7fr 1fr}.course-dial{display:none}.discover-grid{gap:14px}}@media (max-width:700px){.app-sidebar{display:none}.workspace-main{margin-left:0}.app-header>.brand{font-size:20px;display:flex}.app-header{gap:13px;padding:17px 20px}.app-header .brand small{font-size:9px}.header-actions{flex:1;justify-content:flex-end;gap:8px;width:auto}.header-actions .icon-button,.xp-pill{display:none}.account-button{padding:10px}.account-button>span{display:none}.language-picker select{min-width:99px;padding-left:10px;font-size:13px}.language-picker{margin:0}.app-shell main{padding:15px 19px 30px}.preview-notice{margin-bottom:12px;font-size:11px}.main-tabs{gap:23px;margin-bottom:20px;border-color:#e9e2ef!important;display:flex!important}.main-tabs [data-slot=tabs-trigger]{color:#a28eaf;flex-shrink:0;font-size:12px}.main-tabs [data-state=active]{border-color:#ac8ec6;color:#9a77b4!important}.dashboard-heading{gap:10px;margin:15px 0 21px}.dashboard-heading h1{letter-spacing:-.5px;font-size:23px}.dashboard-heading p:not(.eyebrow){font-size:12px;line-height:1.8}.dashboard-heading .eyebrow{letter-spacing:1px;font-size:9px}.daily-chip{gap:4px;padding:9px;font-size:10px}.daily-chip svg{width:16px}.dashboard-top{grid-template-columns:1fr;gap:17px}.continue-card{border-radius:20px;min-height:240px;padding:26px}.continue-copy{max-width:65%}.continue-copy h2{font-size:23px}.course-dial{width:108px;height:108px;padding:7px;display:block}.course-dial svg{width:22px;height:22px}.course-dial strong{font-size:23px}.course-dial span{font-size:10px}.daily-card{padding:22px}.daily-card>div:first-child{float:left;width:60%;margin-top:4px}.daily-card h2{text-align:right;margin:0 0 15px;font-size:23px}.daily-card h2>span{font-size:13px}.daily-card>p{margin:10px 0 17px}.week-row>div>span{font-size:11px}.week-row b{width:32px;height:32px}.course-heading{align-items:flex-start;gap:10px;margin-top:28px}.course-heading h2{font-size:19px}.course-heading .eyebrow,.free-badge{font-size:9px}.free-badge{padding:6px 8px}.journey-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-card{padding:19px}.journey-card:last-child{grid-column:1/-1}.journey-card:last-child h3{margin-top:12px}.journey-card h3{min-height:0;margin-top:16px;font-size:15px}.journey-card p,.stage-link{font-size:11px}.discover-grid{grid-template-columns:1fr;gap:13px;margin-top:19px}.discover-card{padding:20px}.discover-card p:not(.eyebrow){font-size:12px}.save-invitation{flex-wrap:wrap;gap:12px;padding:19px}.save-invitation>span{display:none}.save-invitation p{font-size:12px;line-height:1.8}.save-invitation .secondary{width:100%}.account-settings{grid-template-columns:1fr}.recorder{padding:20px}.recorder .section-heading{flex-wrap:wrap;gap:15px}.recording-draft{flex-wrap:wrap}.recording-draft label{flex-basis:100%}.app-footer{font-size:12px}.sidebar-plus h3{font-size:16px}.daily-chip{align-self:flex-start;margin-top:8px}html:not([lang=en]) .dashboard-heading h1{font-size:23px}html:not([lang=en]) .continue-copy{max-width:100%}html:not([lang=en]) .course-dial{display:none}html:not([lang=en]) .daily-chip{flex-wrap:wrap;max-width:90px;font-size:12px}html:not([lang=en]) .free-badge{white-space:normal;max-width:120px;font-size:12px}}@media (max-width:380px){.course-dial{display:none}.continue-copy{max-width:100%}.app-header{padding:13px}.app-header .brand{font-size:17px}.app-header .brand-icon{padding:9px}.language-picker select{min-width:90px}.account-button{padding:9px}.journey-card{padding:16px}.dashboard-heading h1{font-size:21px}.daily-chip{white-space:normal;max-width:77px}}@media (prefers-reduced-motion:reduce){.journey-card:hover{transform:none}.spin{animation:none}}.account-modal [data-slot=dialog-title],.continue-copy h2,.course-heading h2,.dashboard-heading h1,.journey-card h3,.premium-modal [data-slot=dialog-title],.settings-card h2{color:#302344}.app-footer,.app-sidebar nav button,.appearance-toggle,.continue-copy p,.continue-meta,.daily-card h2>span,.daily-card>p,.dashboard-heading p:not(.eyebrow),.discover-card .eyebrow,.discover-card p:not(.eyebrow),.eyebrow,.fine-print,.header-note,.journey-card p,.preview-notice,.recorder>p,.recordings-list small,.save-invitation p,.save-status,.settings-card p,.sidebar-bottom,.sidebar-caption,.stage-link,.stage-status,.tiny-label,.week-row>div>span{color:#756780}.chapter-heading h3,.course-dial,.course-dial small,.course-dial span,.lesson-card h2,.lesson-kicker,.recorder h2,.recordings-list strong,.save-invitation h3,.service-notice h3{color:#6947a0}.account-modal [data-slot=dialog-description],.lesson-intro,.lesson-notes p,.piano-footer,.piano-toolbar,.practice-status,.premium-benefits li,.premium-modal [data-slot=dialog-description],.service-notice p{color:#665673}.journey-number{color:#a36916;background:#ffeb9c}.stage-1 .journey-number{color:#496ac7;background:#dce4ff}.stage-2 .journey-number{color:#258365;background:#cff0df}.stage-3 .journey-number{color:#be527d;background:#ffdde8}.stage-4 .journey-number{color:#8251be;background:#e9dbff}.continue-card{background:#ebe4ff}.discover-card h3{color:#405890}.song-discover h3{color:#916234}.discover-card>span{color:#537bc0}.song-discover>span{color:#b4833a}.free-badge{color:#397455;background:#e5f5eb}.continue-meta,.course-dial span,.daily-card>p,.discover-card .eyebrow,.journey-card p,.lesson-kicker,.recordings-list small,.save-invitation p,.stage-link,.stage-status,.tiny-label,.week-row>div>span{font-size:12px}.continue-copy p,.discover-card p:not(.eyebrow),.lesson-intro,.recorder>p,.settings-card p{font-size:16px}.account-button,.app-sidebar nav button,.appearance-toggle,.daily-chip,.level-chip strong,.save-invitation h3{font-size:14px}.week-row{gap:5px}.week-row>div{min-width:26px}.week-row b{color:#85718c}.sidebar-plus p{color:#766289;font-size:14px}.sidebar-plus button{color:#6f49a6;font-size:14px}.sidebar-plus h3{color:#5c388b}.discover-card .eyebrow{letter-spacing:.5px}.primary{color:var(--primary-foreground,#fff)!important}.continue-meta span:last-child{color:#38724b}.journey-card{min-height:240px}.stage-link{line-height:1.7}.daily-card{min-width:0}.week-row>div>span{max-width:38px;overflow:hidden}@media (max-width:700px){.continue-copy{max-width:100%}.course-dial{display:none}.discover-card p:not(.eyebrow){font-size:14px}.daily-chip{font-size:12px}.journey-card:last-child{min-height:210px}.stage-status{font-size:10px}.app-footer,.save-status{font-size:12px}.main-tabs [data-slot=tabs-trigger]{font-size:14px}.free-badge,.preview-notice{font-size:12px}.free-badge{white-space:normal;max-width:130px}.save-invitation p{font-size:14px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-tabs:has(~[role=tabpanel] .activity-shell),.main-tabs:has(~[role=tabpanel] .badge-book){display:none!important}.piano-toolbar strong{color:#5f4c6d}.piano-options,.piano-options label{color:#6d5d78}.adventure-home{gap:32px;padding-top:8px;display:grid}.adventure-hero{background:linear-gradient(135deg,#f0e9ff,#f8efff 48%,#fff7df);border:1px solid #dfd3fb;border-radius:28px;grid-template-columns:150px minmax(0,1fr) 210px;align-items:center;gap:28px;min-height:330px;padding:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 35px #5d3f8d10}.adventure-hero:after,.adventure-hero:before{content:"";pointer-events:none;border-radius:50%;position:absolute}.adventure-hero:before{background:#f8d57c55;width:220px;height:220px;top:-120px;right:-75px}.adventure-hero:after{background:#93d8ba40;width:180px;height:180px;bottom:-145px;left:35%}.guide-character{z-index:1;color:#fff;background:#7353d8;border:8px solid #fff8;border-radius:48% 52%;place-items:center;width:130px;height:130px;display:grid;position:relative;box-shadow:0 15px #5e42ba,0 22px 35px #5840802b}.guide-character>span{font-size:52px;font-weight:700;transform:rotate(-9deg)}.guide-character b,.guide-character i{background:#2e2152;border-radius:50%;width:9px;height:13px;position:absolute;bottom:33px}.guide-character i{left:37px}.guide-character b{right:37px}.adventure-hero-copy{z-index:1;min-width:0;position:relative}.adventure-hero-copy h1{color:#332349;letter-spacing:-1.3px;margin:9px 0 8px;font-size:clamp(30px,3vw,43px);line-height:1.15}.adventure-hero-copy>p:not(.eyebrow){color:#746281;max-width:620px;margin:0;font-size:16px;line-height:1.7}.mission-card{align-items:center;gap:12px;margin:20px 0 18px;display:flex}.mission-icon{color:#7353d8;background:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 13px #62468d12}.mission-card>span:last-child{gap:3px;display:grid}.mission-card small{color:#9b83ae;letter-spacing:1.4px;font-size:10px;font-weight:700}.mission-card strong{color:#4b375e;font-size:16px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions .primary,.hero-actions .secondary{min-height:46px}.adventure-score-card{z-index:1;text-align:center;background:#ffffffb8;border:1px solid #eadff6;border-radius:21px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;padding:25px 18px;display:flex;position:relative;box-shadow:0 11px 22px #5d3f8d0d}.adventure-score-card>span{color:#3e8b69;background:#e5f3e9;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.adventure-score-card>strong{color:#4c3c5d;margin-top:13px;font-size:32px}.adventure-score-card>strong small{color:#a297ad;font-size:15px}.adventure-score-card>p{color:#887a91;margin:2px 0 18px;font-size:12px}.adventure-score-card>button,.badge-shortcut{color:#74549b;background:#fff;border:1px solid #eadff4;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.adventure-storage-error{color:#8c4b39;background:#fff5ee;border:1px solid #efc8b8;border-radius:12px;padding:13px 16px;font-size:14px;line-height:1.6}.world-map{position:relative}.adventure-section-heading{margin:0 0 20px}.adventure-section-heading h2{color:#3e304d;margin:5px 0 0;font-size:23px}.adventure-path{z-index:0;background:repeating-linear-gradient(90deg,#d9c7ef 0 12px,#0000 12px 22px);height:4px;position:absolute;top:138px;left:8%;right:8%}.adventure-worlds{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid;position:relative}.adventure-world{text-align:left;background:#fff;border:1px solid #e7dff0;border-radius:23px;flex-direction:column;min-width:0;min-height:285px;padding:20px 18px 18px;display:flex;position:relative;box-shadow:0 10px 24px #4937600a}.adventure-world:before{content:"";background:#fff2b8;border-radius:22px 22px 50% 50%;height:76px;position:absolute;inset:0 0 auto}.adventure-world.world-1:before{background:#dfe6ff}.adventure-world.world-2:before{background:#d7f1e4}.adventure-world.world-3:before{background:#ffe0eb}.world-marker{z-index:2;color:#6f5594;background:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:14px;font-weight:700;display:grid;position:absolute;top:15px;right:15px;box-shadow:0 4px 10px #4d365b14}.world-art{z-index:1;color:#b38427;background:#fff;border-radius:18px;place-items:center;width:58px;height:58px;margin:19px 0 17px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 6px 13px #63421d18}.world-1 .world-art{color:#546ec1}.world-2 .world-art{color:#39866b}.world-3 .world-art{color:#b75579}.world-copy{gap:4px;min-width:0;display:grid}.world-copy>small{letter-spacing:1.4px;color:#a392ad;font-size:10px;font-weight:700}.world-copy>strong{color:#443151;font-size:18px;line-height:1.35}.world-copy>em{color:#755f81;font-size:12px;font-style:normal;font-weight:600;line-height:1.5}.world-copy>span{color:#83748b;margin-top:5px;font-size:12px;line-height:1.55}.world-progress{grid-template-columns:1fr auto;align-items:center;gap:9px;margin-top:auto;padding-top:18px;display:grid}.world-progress:before{content:"";background:#eee9f2}.world-progress i,.world-progress:before{border-radius:8px;grid-area:1/1;height:6px}.world-progress i{z-index:1;background:#896bd0;display:block}.world-progress small{color:#8d7e94;grid-area:1/2;font-size:10px}.adventure-beyond{text-align:left;grid-column:1/-1;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;display:grid;background:#faf8fc!important;border-style:dashed!important;min-height:0!important;padding:16px 20px!important}.adventure-beyond>span{color:#886baa;background:#eee7f7;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.adventure-beyond>small{color:#9989a7;letter-spacing:1px;font-size:10px}.adventure-beyond>strong{color:#594768}.adventure-beyond>p{margin:0!important;font-size:12px!important}.adventure-playground{margin-top:2px}.playground-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.playground-card{text-align:left;background:#fff;border:1px solid #e7def1;border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:145px;padding:20px;display:grid}.playground-card>span{color:#7555c9;background:#eee7ff;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.playground-card.studio-card>span{color:#3a856b;background:#e2f2ed}.playground-card.songs-card>span{color:#b37726;background:#fff0d5}.playground-card small{color:#a18bac;letter-spacing:1.2px;font-size:9px;font-weight:700}.playground-card strong{color:#493757;margin:5px 0;font-size:17px;display:block}.playground-card p{color:#806f87;margin:0;font-size:12px;line-height:1.55}.playground-card>svg{color:#917da0}.adventure-save-note{text-align:center;color:#84758b;margin:0;font-size:12px}.activity-back:focus-visible,.adventure-score-card button:focus-visible,.adventure-world:focus-visible,.badge-card:focus-within,.badge-shortcut:focus-visible,.difficulty-grid button:focus-visible,.playground-card:focus-visible{outline-offset:3px;outline:3px solid #4d85e6}.adventure-world:active,.playground-card:active{transform:scale(.985)}.activity-shell,.badge-book{padding-top:14px}.activity-back{color:#715886;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;margin-bottom:18px;font-size:13px;font-weight:600;display:inline-flex}.activity-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;margin-bottom:19px;display:grid}.activity-heading h1,.badge-book-heading h1{color:#352642;margin:5px 0 0;font-size:31px;line-height:1.2}.activity-guide{color:#fff;background:#7353d8;border-radius:19px;place-items:center;width:59px;height:59px;font-size:28px;font-weight:700;display:grid;box-shadow:0 6px #5c41b2}.activity-guide.hunt{background:#de9d37;box-shadow:0 6px #b77a22}.activity-step{color:#725e86;background:#eee8f8;border-radius:999px;place-items:center;min-width:62px;height:40px;font-size:13px;font-weight:700;display:grid}.activity-instruction,.difficulty-panel,.hunt-prompt{text-align:center;background:#fbf9fd;border:1px solid #e6def0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.activity-instruction>svg,.difficulty-panel>svg,.hunt-prompt>svg{color:#7657c4}.activity-instruction h2,.difficulty-panel h2,.hunt-prompt h2{color:#493658;margin:12px 0 8px;font-size:24px}.activity-instruction p,.difficulty-panel>p,.hunt-prompt>p{color:#7e6d86;max-width:620px;margin:0 0 18px;font-size:15px;line-height:1.7}.activity-piano-wrap .piano-shell{margin-top:20px}.gentle-feedback{color:#815f26;background:#fff0cf;border-radius:10px;margin-top:12px;padding:10px 14px;font-size:13px;display:block}.tutorial-notes{gap:12px;margin-top:8px;display:flex}.tutorial-notes span{color:#826d90;background:#fff;border:2px solid #e2d8ed;border-radius:15px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid}.tutorial-notes span.current{color:#6843c5;background:#eee8ff;border-color:#7758cb}.tutorial-notes span.done{color:#3b8466;background:#e8f6ee;border-color:#9ed4ba}.adventure-celebration{animation:adventure-pop .22s ease-out}.adventure-celebration>svg{color:#d39731}.difficulty-panel{align-items:stretch}.difficulty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:720px;margin:8px auto 0;display:grid}.difficulty-grid button{text-align:left;background:#fff;border:2px solid #e8e0f0;border-radius:17px;gap:7px;min-height:150px;padding:22px;display:grid}.difficulty-grid button>span{color:#7558bd;letter-spacing:3px;font-size:27px;font-weight:700}.difficulty-grid button>strong{color:#4b3858;font-size:17px}.difficulty-grid button>small{color:#887a90;font-size:12px;line-height:1.5}.hunt-prompt{background:linear-gradient(135deg,#fff8e7,#fbf8ff);min-height:240px}.hunt-prompt>small{color:#a18770;letter-spacing:1.8px;font-size:10px;font-weight:700}.hunt-prompt>strong{color:#6648b8;margin:4px 0;font-size:58px;line-height:1.1}.hunt-dots{gap:8px;margin-top:3px;display:flex}.hunt-dots i{background:#ded5e6;border-radius:50%;width:12px;height:12px}.hunt-dots i.current{background:#8062c5;box-shadow:0 0 0 3px #e2d8f2}.hunt-dots i.done{background:#59a684}.badge-book-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.badge-book-heading>div>p:not(.eyebrow){color:#817187;margin:8px 0 0;font-size:14px}.badge-book-heading>span{color:#8e6623;background:#fff0cc;border-radius:14px;align-items:center;gap:7px;min-height:48px;padding:0 16px;display:flex}.badge-book-heading>span strong{font-size:20px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.badge-card{background:#fff;border:1px solid #e8e1ed;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;min-height:124px;padding:19px;display:grid;position:relative}.badge-card.locked{color:#a59bab;background:#faf9fb}.badge-medal{color:#6848b3;background:#f3ebff;border:6px solid #d8c8f0;border-radius:50%;place-items:center;width:66px;height:66px;font-size:28px;font-weight:700;display:grid;box-shadow:0 5px #c1addd}.badge-card.earned:nth-child(3n+2) .badge-medal{color:#a57220;background:#fff1c9;border-color:#f0d787;box-shadow:0 5px #d8bd6f}.badge-card.earned:nth-child(3n) .badge-medal{color:#347d61;background:#e4f5ec;border-color:#a8d9c0;box-shadow:0 5px #8fc3a9}.badge-card.locked .badge-medal{color:#aaa1af;background:#f2eff3;border-color:#e1dce4;box-shadow:0 5px #d6cfd9}.badge-card small{color:#8e77a2;letter-spacing:1.2px;font-size:9px;font-weight:700}.badge-card h2{color:#4b3858;margin:4px 0;font-size:17px}.badge-card p{color:#817488;margin:0;font-size:12px;line-height:1.55}.badge-card>svg{color:#4c9a76}@keyframes adventure-pop{0%{opacity:.35;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.appearance-focus .adventure-hero{background:#f0f2f6;border-color:#dfe3ea}.appearance-focus .guide-character{background:#59657a;border-radius:24px;box-shadow:0 8px #414b5e}.appearance-focus .adventure-world:before{background:#eceff4}.appearance-focus .playground-card>span,.appearance-focus .world-art{color:#59677d;background:#eef1f5}.appearance-focus .adventure-path{display:none}.appearance-focus .activity-guide{background:#59657a;border-radius:14px;box-shadow:0 5px #414b5e}@media (hover:hover){.adventure-world,.playground-card{transition:transform .16s,border-color .16s,box-shadow .16s}.adventure-world:hover,.playground-card:hover{border-color:#cdbce4;transform:translateY(-3px);box-shadow:0 14px 27px #49376012}.adventure-score-card button:hover,.badge-shortcut:hover,.difficulty-grid button:hover{background:#fbf8ff;border-color:#bca5da}}@media (max-width:1100px){.adventure-hero{grid-template-columns:105px minmax(0,1fr) 180px;gap:20px;padding:30px}.guide-character{border-width:6px;width:100px;height:100px;box-shadow:0 11px #5e42ba,0 18px 27px #58408020}.guide-character>span{font-size:41px}.guide-character i{left:28px}.guide-character b{right:28px}.guide-character b,.guide-character i{bottom:25px}.adventure-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.adventure-path{display:none}.adventure-world{min-height:265px}.playground-grid{grid-template-columns:1fr}.playground-card{min-height:115px}}@media (max-width:700px){.adventure-home{gap:25px}.adventure-hero{border-radius:22px;grid-template-columns:72px minmax(0,1fr);align-items:start;padding:24px 19px}.guide-character{border-width:4px;border-radius:22px;width:66px;height:66px;box-shadow:0 7px #5e42ba}.guide-character>span{font-size:28px}.guide-character b,.guide-character i{display:none}.adventure-hero-copy h1{letter-spacing:-.7px;font-size:28px}.adventure-hero-copy>p:not(.eyebrow){font-size:14px}.hero-actions,.mission-card{grid-column:1/-1}.hero-actions .primary,.hero-actions .secondary{width:100%}.adventure-score-card{text-align:left;grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;padding:14px;display:grid}.adventure-score-card>span{grid-row:1/3}.adventure-score-card>strong{margin:0;font-size:24px}.adventure-score-card>p{margin:0}.adventure-score-card>button{grid-column:1/-1}.adventure-section-heading{align-items:center}.adventure-section-heading h2{font-size:19px}.badge-shortcut{width:44px;padding:0;font-size:0}.badge-shortcut svg:last-child{display:none}.adventure-worlds{grid-template-columns:1fr}.adventure-world{min-height:235px}.adventure-beyond{grid-template-columns:auto 1fr}.adventure-beyond>small{display:none}.adventure-beyond>p{grid-column:2}.playground-card{min-height:112px;padding:17px}.playground-card>span{width:46px;height:46px}.playground-card p{font-size:13px}.activity-heading{grid-template-columns:auto minmax(0,1fr);gap:11px}.activity-heading h1,.badge-book-heading h1{font-size:24px}.activity-guide{border-radius:15px;width:49px;height:49px}.activity-step{grid-column:1/-1;justify-self:stretch;height:31px}.activity-instruction,.difficulty-panel,.hunt-prompt{min-height:230px;padding:23px 16px}.activity-instruction h2,.difficulty-panel h2{font-size:21px}.difficulty-grid{grid-template-columns:1fr}.difficulty-grid button{min-height:130px}.hunt-prompt>strong{font-size:49px}.badge-book-heading{align-items:flex-start}.badge-book-heading>span{padding:0 11px;font-size:12px}.badge-grid{grid-template-columns:1fr}.badge-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px}.badge-card>svg{position:absolute;top:14px;right:14px}.badge-medal{border-width:5px;width:55px;height:55px}.activity-piano-wrap .piano-shell{margin-top:14px}}@media (max-width:390px){.adventure-hero{grid-template-columns:1fr}.guide-character{display:none}.adventure-hero-copy h1{font-size:25px}.adventure-section-heading h2{font-size:18px}.adventure-world{padding:18px 16px}.playground-card{grid-template-columns:auto minmax(0,1fr)}.playground-card>svg{display:none}.badge-book-heading{display:grid}.badge-book-heading>span{justify-self:start}}@media (min-width:701px) and (max-width:1024px){.app-sidebar nav button{font-size:0!important}.app-sidebar nav button svg{margin:0}.app-sidebar nav button.active>span{display:none}}@media (prefers-reduced-motion:reduce){.adventure-celebration{animation:none}.adventure-world:active,.playground-card:active{transform:none}}.guide-picker{color:#d5e2d9;align-items:center;gap:8px;font-size:12px;display:flex}.guide-picker select{color:#3a5d45;background:#f7faf8;border:1px solid #d8e6dc;border-radius:9px;min-height:44px;padding:6px 10px;font-size:13px}.piano-options .play-button{color:#177c64;background:#eef7f1;border-color:#bfe0d0;margin-left:4px}.piano-options .play-button:hover{background:#dcefe3}.play-overlay{z-index:60;color:#e7f0ea;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#1c332b;flex-direction:column;animation:play-fade .18s ease-out;display:flex;position:fixed;inset:0}@keyframes play-fade{0%{opacity:0}to{opacity:1}}body:has(.play-overlay){overflow:hidden}.play-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.play-toolbar>.octave-button{color:#e7f0ea;background:#264439;border-color:#4e6a5a;flex-shrink:0;width:44px;height:44px}.play-controls{color:#c5d7cf;flex-wrap:wrap;flex:1;align-items:center;gap:12px 14px;font-size:13px;display:flex}.play-controls>span{text-align:center;min-width:64px}.play-controls label{align-items:center;gap:8px;display:flex}.play-controls .octave-button{color:#c4d9cb;border-color:#4e6a5a;width:40px;height:40px}.play-controls .metro-button{width:44px;height:44px}.play-controls .guide-picker{color:#c5d7cf}.play-controls .secondary{color:#dceee2;background:#264439;border-color:#3f5a4c;min-height:44px}.play-overlay .keyboard-scroll{overscroll-behavior-x:contain;border-radius:8px;flex:1;min-height:0;overflow-x:auto}.play-overlay .keyboard-big{gap:4px;height:100%;min-height:150px}.play-overlay .keyboard-big .white-key .key-note{font-size:19px}.play-overlay .keyboard-big .black-key{height:60%}.play-overlay .keyboard-pan{color:#acc3b4;padding:12px 4px 4px;display:flex}.rotate-prompt{text-align:center;color:#dceee2;flex-direction:column;align-items:center;gap:14px;max-width:420px;margin:auto;padding:24px;display:flex}.rotate-prompt svg{color:#8fc9ac;animation:rotate-hint 2.4s ease-in-out infinite}@keyframes rotate-hint{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}.rotate-prompt h2{font-size:24px;font-weight:700;line-height:1.4}.rotate-prompt p{color:#a9c4b7;font-size:15px;line-height:1.7}.rotate-prompt .secondary{color:#dceee2;background:#264439;border-color:#3f5a4c;min-height:44px}@media (prefers-reduced-motion:reduce){.play-overlay,.rotate-prompt svg{animation:none}}@media (pointer:coarse){.metro-button,.octave-button{width:44px;height:44px}.recordings-list button{padding:12px}.icon-button{min-width:44px;min-height:44px}}.practice-settings{border:1px solid var(--border,#d9e4dc);border-radius:14px;min-width:0;margin:18px 0;padding:16px}.practice-settings legend{padding:0 6px;font-weight:600}.practice-settings-fields{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.practice-settings-fields>label{flex-direction:column;flex:100px;gap:6px;min-width:100px;font-size:13px;display:flex}.practice-settings-fields select{width:100%;min-height:44px}.practice-settings-fields .practice-repeat{flex-direction:row;align-items:center;min-height:44px}.practice-repeat input{width:20px;height:20px;accent-color:var(--primary,#177c64)}.practice-settings p{margin:10px 0;font-size:12px;line-height:1.6}.recordings-list strong{overflow-wrap:anywhere}.recordings-list button{min-width:44px;min-height:44px}.account-fields{text-align:left;gap:14px;min-width:0;display:grid}.account-fields label{gap:6px;font-size:14px;display:grid}.account-fields input,.account-fields select{background:var(--background);min-height:44px;color:var(--foreground);border:1px solid #c2d4cb;border-radius:10px;width:100%;min-width:0;padding:10px}.account-fields summary{cursor:pointer;min-height:44px;padding:10px 0}.account-fields input:focus-visible,.account-fields select:focus-visible{outline-offset:2px;outline:2px solid #177c64}.account-modal{max-height:90dvh;overflow:auto}.login-pin-field{gap:6px;display:grid}.login-pin{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.login-pin input{flex:100px}.login-pin button{min-height:44px;padding:10px 14px}.login-page{background:var(--background);place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.login-card{border:1px solid var(--border);background:var(--card,#fff);border-radius:24px;width:100%;max-width:500px;padding:clamp(20px,5vw,36px)}.login-card h1{margin:28px 0 16px;font-size:28px}.login-language{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.login-language select{border:1px solid var(--border);background:var(--card,#fff);border-radius:10px;max-width:65%;padding:10px}.login-phone{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;display:grid}.login-phone label{min-width:0}.login-phone input,.login-phone select{width:100%;min-width:0}.login-policy{flex-wrap:wrap;gap:20px;margin-top:24px;font-size:13px;display:flex}.login-policy a{text-underline-offset:3px;text-decoration:underline}@font-face{font-family:Country Flags;src:url(/fonts/country-flags/TwemojiCountryFlags.woff2)format("woff2");font-display:swap;unicode-range:u+1f1e6-1f1ff}.login-phone option,.login-phone select{font-family:Country Flags,Poppins,Noto Sans Telugu,Noto Sans Devanagari,sans-serif}@media (max-width:360px){.login-phone{grid-template-columns:minmax(0,1fr)}}.auth-form h2{color:var(--foreground);margin:0;font-size:clamp(24px,5vw,32px);font-weight:700;line-height:1.2}.auth-eyebrow{letter-spacing:.14em;color:var(--muted-foreground);font-size:11px;font-weight:700}.auth-show{align-items:center;gap:10px;display:flex!important}.auth-show input{height:18px;width:18px!important;min-height:18px!important}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.auth-links button{text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px 0;font-weight:600;text-decoration:underline}.admin-shell{background:var(--room-paper);min-height:100dvh;color:var(--room-ink);grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);display:grid}.admin-top{border-bottom:1px solid var(--room-line);background:var(--room-nav-surface);grid-column:1/-1;align-items:center;gap:20px;padding:18px 24px;display:flex}.admin-top button{margin-left:auto}.admin-nav{border-right:1px solid var(--room-line);background:var(--room-nav-surface);flex-direction:column;gap:12px;padding:24px 16px;display:flex}.admin-nav a,.admin-nav button{text-align:left;color:inherit;background:0 0;border:1px solid #0000;border-radius:12px;padding:14px}.admin-nav [aria-current=page]{background:var(--room-nav-active);border-color:var(--room-line)}.admin-main{min-width:0;padding:clamp(16px,4vw,48px)}.admin-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.admin-heading h1{font-size:28px;font-weight:700}.admin-heading p{max-width:700px;margin:12px 0}.admin-search{flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0;display:flex}.admin-search label{flex:1;gap:8px;min-width:180px;display:grid}.admin-detail input,.admin-search input{border:1px solid var(--room-line);background:#fff;border-radius:10px;width:100%;min-height:46px;padding:12px}.admin-table-wrap{border:1px solid var(--room-line);background:var(--room-nav-surface);border-radius:16px;position:relative;overflow:auto}.admin-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.admin-table-wrap td,.admin-table-wrap th{border-bottom:1px solid var(--room-line);vertical-align:top;padding:16px}.admin-table-wrap th{background:var(--room-soft)}.admin-table-wrap caption{text-align:left;padding:16px;font-weight:600}.admin-table-wrap p{padding:16px}.admin-pagination{justify-content:end;align-items:center;gap:16px;margin:20px 0;display:flex}.admin-detail{background:var(--room-nav-surface);border:1px solid var(--room-line);border-radius:16px;margin:24px 0;padding:24px}.admin-progress{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0;display:grid}.admin-progress div{background:var(--room-positive-surface);border-radius:10px;padding:12px}.admin-progress dt{text-transform:capitalize;font-size:12px}.admin-progress dd{font-size:24px;font-weight:700}@media (max-width:700px){.admin-shell{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr)}.admin-nav{border-right:0;border-bottom:1px solid var(--room-line);flex-flow:wrap;padding:12px}.admin-nav p{display:none}.admin-top{flex-wrap:wrap;gap:12px;padding:12px}.admin-top .brand{font-size:18px}.admin-top span{font-size:12px}.admin-detail{padding:16px}}.learner-login{background:var(--room-paper);padding:clamp(16px,4vw,48px)}.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:clamp(28px,6vw,88px);width:min(1120px,100%);display:grid}.login-welcome{min-width:0;color:var(--room-ink)}.login-welcome .brand{margin-bottom:36px;display:inline-flex}.login-welcome-copy{max-width:490px}.login-welcome h1{letter-spacing:-.035em;text-wrap:balance;margin:12px 0 20px;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.15}.login-welcome-copy>p:last-child{color:var(--muted-foreground);max-width:420px;font-size:16px;line-height:1.75}.login-instrument-art{background:var(--room-soft);border-radius:24px;margin-top:28px;overflow:hidden}.login-instrument-art img{object-fit:cover;width:100%;height:220px}.login-instruments{color:var(--muted-foreground);align-items:center;gap:10px;margin:18px 0;font-size:13px;display:flex}.learner-login .login-card{max-width:none;box-shadow:0 12px 36px #243a3010}.learner-login .login-language{margin:0 0 24px;font-size:13px}.auth-modes{background:var(--room-soft);border:1px solid var(--room-line);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-modes button{min-height:44px;color:var(--muted-foreground);background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600}.auth-modes button[aria-pressed=true]{color:var(--room-ink);background:var(--card);border-color:var(--room-line)}.auth-intro{gap:10px;margin:6px 0;display:grid}.auth-intro>p:last-child{color:var(--muted-foreground);font-size:14px;line-height:1.65}.auth-pin-input{letter-spacing:.6em;font-variant-numeric:tabular-nums;font-size:22px}.auth-pin-help{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-pin-help .fine-print{margin:0}.auth-pin-help .auth-show{white-space:nowrap;font-size:12px}.auth-error{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:10px;padding:10px 12px;font-size:13px}.auth-trust{color:var(--muted-foreground);border-top:1px solid var(--border);align-items:flex-start;gap:8px;padding-top:12px;font-size:12px;line-height:1.6;display:flex}.auth-trust svg{flex-shrink:0;margin-top:2px}.auth-links button:focus-visible,.auth-modes button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:850px){.login-layout{grid-template-columns:minmax(0,1fr);gap:22px;max-width:500px}.login-welcome .brand{margin-bottom:20px}.login-welcome h1{margin:8px 0 12px;font-size:30px}.login-welcome-copy>p:last-child{font-size:14px}.login-instrument-art,.login-instruments,.login-welcome-copy>.auth-eyebrow{display:none}}.auth-pin-help .auth-show{min-height:44px}.learner-login .login-policy a{align-items:center;min-height:44px;display:inline-flex}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-content{syntax:"*";inherits:false;initial-value:""}@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))}}