@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:calc(var(--radius)*.8);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--default-mono-font-family:var(--font-mono);--font-display:var(--font-display),"Baloo 2 Fallback",ui-rounded,"Nunito",sans-serif;--color-brand:#7c4dcc;--color-brand-dark:#5f38a6;--color-brand-soft:#f1ebfb;--color-ink:#2c2740;--color-ink-muted:#6d6786;--color-line:#ece7f6;--color-correct-dark:#46a302;--color-tile-purple:#efe7fb;--color-tile-mint:#e3f6ea;--color-tile-sky:#e6f0fd;--color-tile-sun:#fdf3d9}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}}@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;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-3{top:calc(var(--spacing)*3)}.-right-1{right:calc(var(--spacing)*-1)}.right-3{right:calc(var(--spacing)*3)}.-bottom-4{bottom:calc(var(--spacing)*-4)}.-bottom-6{bottom:calc(var(--spacing)*-6)}.-left-2{left:calc(var(--spacing)*-2)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-44{height:calc(var(--spacing)*44)}.h-\[78\%\]{height:78%}.h-\[80\%\]{height:80%}.h-\[82\%\]{height:82%}.h-\[88\%\]{height:88%}.max-h-\[430px\]{max-height:430px}.min-h-\[620px\]{min-height:620px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);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,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[42px_minmax\(0\,1fr\)\]{grid-template-columns:42px minmax(0,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.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-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:calc(var(--radius)*1.8)}.rounded-3xl{border-radius:calc(var(--radius)*2.2)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius)*1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-border{border-color:var(--border)}.border-brand{border-color:#7c4dcc}.border-line{border-color:#ece7f6}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-\[\#f8fbef\]{background-color:#f8fbef}.bg-\[\#fffaf0\]{background-color:#fffaf0}.bg-background{background-color:var(--background)}.bg-brand{background-color:#7c4dcc}.bg-brand-soft{background-color:#f1ebfb}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.bg-ink\/70{background-color:#2c2740b3;background-color:lab(17.111% 7.46591 -15.1827/.7)}.bg-line{background-color:#ece7f6}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-tile-blush{background-color:#fce7ef}.bg-tile-mint{background-color:#e3f6ea}.bg-tile-purple{background-color:#efe7fb}.bg-tile-sky{background-color:#e6f0fd}.bg-tile-sun{background-color:#fdf3d9}.bg-white{background-color:var(--color-white)}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab,var(--color-white)25%,transparent)}}.bg-white\/88{background-color:#ffffffe0}@supports (color:color-mix(in lab, red, red)){.bg-white\/88{background-color:color-mix(in oklab,var(--color-white)88%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-\[linear-gradient\(90deg\,rgba\(255\,250\,240\,0\.97\)_0\%\,rgba\(255\,250\,240\,0\.9\)_38\%\,rgba\(255\,250\,240\,0\.45\)_72\%\,rgba\(255\,250\,240\,0\.18\)_100\%\)\]{background-image:linear-gradient(90deg,#fffaf0f7 0%,#fffaf0e6 38%,#fffaf073 72%,#fffaf02e 100%)}.bg-clip-padding{background-clip:padding-box}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-9{padding-inline:calc(var(--spacing)*9)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-14{padding-block:calc(var(--spacing)*14)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-10{padding-top:calc(var(--spacing)*10)}.pr-4{padding-right:calc(var(--spacing)*4)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.font-display{font-family:var(--font-display),"Baloo 2 Fallback",ui-rounded,"Nunito",sans-serif}.font-sans{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-\[0\.98\]{--tw-leading:.98;line-height:.98}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[\#3f7fcc\]{color:#3f7fcc}.text-\[\#3f9e6f\]{color:#3f9e6f}.text-\[\#b5850f\]{color:#b5850f}.text-\[\#c99a1e\]{color:#c99a1e}.text-\[\#d1608a\]{color:#d1608a}.text-brand{color:#7c4dcc}.text-correct{color:#58cc02}.text-destructive{color:var(--destructive)}.text-ink{color:#2c2740}.text-ink-muted{color:#6d6786}.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)}.uppercase{text-transform:uppercase}.underline-offset-4{text-underline-offset:4px}.opacity-80{opacity:.8}.shadow-\[0_3px_0_var\(--color-line\)\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,var(--color-line));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_0_rgba\(124\,77\,204\,0\.12\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,#7c4dcc1f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_0_var\(--color-brand-dark\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--color-brand-dark));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_0_var\(--color-line\)\]{--tw-shadow:0 4px 0 var(--tw-shadow-color,var(--color-line));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_5px_0_var\(--color-brand-dark\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,var(--color-brand-dark));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_5px_0_var\(--color-line\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,var(--color-line));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_6px_16px_rgba\(44\,39\,64\,0\.12\)\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2c27401f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_14px_24px_rgba\(124\,77\,204\,0\.16\)\]{--tw-drop-shadow-size:drop-shadow(0 14px 24px var(--tw-drop-shadow-color,#7c4dcc29));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_14px_24px_rgba\(124\,77\,204\,0\.18\)\]{--tw-drop-shadow-size:drop-shadow(0 14px 24px var(--tw-drop-shadow-color,#7c4dcc2e));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_18px_30px_rgba\(124\,77\,204\,0\.18\)\]{--tw-drop-shadow-size:drop-shadow(0 18px 30px var(--tw-drop-shadow-color,#7c4dcc2e));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_24px_34px_rgba\(45\,45\,35\,0\.2\)\]{--tw-drop-shadow-size:drop-shadow(0 24px 34px var(--tw-drop-shadow-color,#2d2d2333));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.placeholder\:text-ink-muted\/70::placeholder{color:#6d6786b3;color:lab(45.041% 7.59757 -16.3765/.7)}@media (hover:hover){.hover\:translate-x-0\.5:hover{--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:bg-brand-soft:hover{background-color:#f1ebfb}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-tile-purple:hover{background-color:#efe7fb}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-brand:focus{border-color:#7c4dcc}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.active\:translate-y-\[3px\]:active{--tw-translate-y:3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.active\:shadow-\[0_1px_0_var\(--color-brand-dark\)\]:active{--tw-shadow:0 1px 0 var(--tw-shadow-color,var(--color-brand-dark));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:shadow-\[0_2px_0_var\(--color-brand-dark\)\]:active{--tw-shadow:0 2px 0 var(--tw-shadow-color,var(--color-brand-dark));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:shadow-\[0_2px_0_var\(--color-line\)\]:active{--tw-shadow:0 2px 0 var(--tw-shadow-color,var(--color-line));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing)*2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing)*2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}@media (min-width:40rem){.sm\:mr-8{margin-right:calc(var(--spacing)*8)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:h-24{height:calc(var(--spacing)*24)}.sm\:w-24{width:calc(var(--spacing)*24)}.sm\:w-28{width:calc(var(--spacing)*28)}.sm\:w-56{width:calc(var(--spacing)*56)}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-7{padding-inline:calc(var(--spacing)*7)}.sm\:px-12{padding-inline:calc(var(--spacing)*12)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:pt-14{padding-top:calc(var(--spacing)*14)}.sm\:pt-16{padding-top:calc(var(--spacing)*16)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:text-left{text-align:left}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive)30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive)50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}}}@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}body{font-family:var(--font-sans)}.versionText{color:var(--color-ink);white-space:pre-wrap;margin:0;padding:8px;font:14px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.mvpHomePage{color:var(--color-ink);flex-direction:column;gap:clamp(22px,4vw,44px);padding:clamp(24px,5vw,56px) 20px 64px;display:flex}.mvpHero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.mvpHeroCopy{max-width:760px}.mvpEyebrow{background:var(--color-tile-sky);color:#3f7fcc;min-height:32px;font-family:var(--font-sans);border-radius:999px;align-items:center;padding:0 14px;font-size:.86rem;font-weight:900;display:inline-flex}.mvpHero h1{max-width:660px;color:var(--color-ink);font-family:var(--font-display);letter-spacing:0;margin:18px 0 0;font-size:clamp(2.55rem,6vw,5.25rem);font-weight:900;line-height:.95}.mvpHero p{max-width:680px;color:var(--color-ink-muted);margin:20px 0 0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:700;line-height:1.55}.mvpLivePlayLink{width:100%;max-width:520px;color:var(--color-ink);background:#f4faff;border:2px solid #d9ecff;border-radius:22px;grid-template-columns:74px minmax(0,1fr);justify-self:end;align-items:center;gap:18px;padding:22px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 4px #d9ecff}.mvpLivePlayLink:hover{transform:translateY(-2px);box-shadow:0 6px #d9ecff}.mvpLivePlayLogo{object-fit:contain;width:74px;height:74px}.mvpLivePlayLink>span{gap:2px;display:grid}.mvpLivePlayLink strong{color:#2872bc;font-family:var(--font-display);font-size:1.5rem;font-weight:900;line-height:1}.mvpLivePlayLink span span{color:var(--color-ink-muted);font-size:.96rem;font-weight:800;line-height:1.35}.mvpLivePlayLink svg{color:#2872bc;grid-column:2}.mvpExerciseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.mvpExerciseCard{border:2px solid var(--color-line);min-height:390px;color:var(--color-ink);box-shadow:0 5px 0 var(--color-line);border-radius:24px;grid-template-rows:auto 178px auto auto;padding:20px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.mvpExerciseCard:hover{box-shadow:0 8px 0 var(--color-line);transform:translateY(-3px)}.mvpExerciseCardSky{background:linear-gradient(#f3f8ff 0%,#fff 100%)}.mvpExerciseCardMint{background:linear-gradient(#f0fbf4 0%,#fff 100%)}.mvpExerciseCardSun{background:linear-gradient(#fff8e6 0%,#fff 100%)}.mvpExerciseIcon{width:44px;height:44px;color:var(--color-brand);background:#ffffffc7;border:2px solid #ffffffdb;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.mvpExerciseCharacter{object-fit:contain;filter:drop-shadow(0 14px 18px #2c274024);place-self:end center;width:auto;max-width:min(78%,210px);height:172px}.tonieRiveMascot{display:block;overflow:visible}.tonieRiveCanvas{width:100%;height:100%;display:block}.tonieRiveMascot[data-facing=left] .tonieRiveCanvas{transform:scaleX(-1)}.mvpExerciseCharacter.tonieRiveMascot{width:min(78%,210px);height:172px}.mvpExerciseContent{gap:8px;display:grid}.mvpExerciseContent strong{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:9px;font-size:1.75rem;font-weight:900;line-height:1;display:flex}.mvpLivePlayBadge{color:#2872bc;min-height:28px;font-family:var(--font-sans);background:#f4faff;border:2px solid #d9ecff;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 5px;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex}.mvpLivePlayBadge img{object-fit:contain;width:21px;height:21px}.mvpExerciseContent span{color:var(--color-ink-muted);font-size:.98rem;font-weight:700;line-height:1.38}.mvpExerciseAction{color:var(--color-brand);font-family:var(--font-display);justify-self:start;align-items:center;gap:6px;margin-top:18px;font-size:1rem;font-weight:900;display:inline-flex}@media (max-width:900px){.mvpHero{grid-template-columns:1fr;gap:22px}.mvpHeroCopy,.mvpHero h1,.mvpHero p,.mvpLivePlayLink{max-width:none}.mvpLivePlayLink{justify-self:stretch}.mvpExerciseGrid{grid-template-columns:1fr}.mvpExerciseCard{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(0,1fr);column-gap:18px;min-height:0}.mvpExerciseCharacter{grid-row:1/4;width:96px;max-width:96px;height:136px}}.livePlayPage{color:var(--color-ink);flex-direction:column;gap:clamp(28px,5vw,52px);padding:clamp(28px,5vw,64px) 20px 72px;display:flex}.livePlayHero{grid-template-columns:minmax(0,1fr) minmax(180px,278px);align-items:center;gap:clamp(24px,6vw,76px);display:grid}.livePlayHeroCopy{max-width:780px}.livePlayHero h1{max-width:720px;font-family:var(--font-display);letter-spacing:0;margin:18px 0 0;font-size:clamp(2.4rem,5.6vw,5rem);font-weight:900;line-height:.96}.livePlayHero p{max-width:690px;color:var(--color-ink-muted);margin:20px 0 0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:750;line-height:1.55}.livePlayHeroLogo{object-fit:contain;justify-self:center;width:min(100%,278px);height:auto}.livePlayPrimaryLink{background:var(--color-brand);color:#fff;min-height:46px;font-family:var(--font-display);box-shadow:0 5px 0 var(--color-brand-dark);border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:0 18px;font-size:1.05rem;font-weight:900;text-decoration:none;display:inline-flex}.livePlayFeatureGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.livePlayFeature{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line);background:#fff;border-radius:22px;align-content:start;gap:11px;padding:20px;display:grid}.livePlayFeature svg{color:#2872bc}.livePlayFeature h2{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:900;line-height:1}.livePlayFeature p{color:var(--color-ink-muted);margin:0;font-size:.98rem;font-weight:700;line-height:1.4}.livePlaySection{flex-direction:column;gap:clamp(18px,3vw,28px);display:flex}.livePlaySectionHead{max-width:760px}.livePlaySectionHead h2{color:var(--color-ink);font-family:var(--font-display);margin:8px 0 0;font-size:clamp(1.85rem,3.6vw,2.6rem);font-weight:900;line-height:1.04}.livePlaySectionHead p{color:var(--color-ink-muted);margin:14px 0 0;font-size:1.02rem;font-weight:700;line-height:1.55}.livePlayFlow{counter-reset:livePlayFlow;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.livePlayFlowStep{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line);background:#fff;border-radius:20px;padding:20px 18px 18px;position:relative}.livePlayFlowIndex{background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand);font-family:var(--font-display);border-radius:999px;justify-content:center;align-items:center;font-size:1.05rem;font-weight:900;display:inline-flex}.livePlayFlowStep h3{color:var(--color-ink);font-family:var(--font-display);margin:12px 0 0;font-size:1.18rem;font-weight:900;line-height:1.1}.livePlayFlowStep p{color:var(--color-ink-muted);margin:8px 0 0;font-size:.95rem;font-weight:700;line-height:1.45}.livePlayShots{flex-direction:column;gap:22px;display:flex}.livePlayShot{border:2px solid var(--color-line);background:var(--color-brand-soft);box-shadow:0 5px 0 var(--color-line);border-radius:22px;margin:0;padding:18px}.livePlayShotImage{border:2px solid var(--color-line);background:#fff;border-radius:14px;width:100%;height:auto;display:block}.livePlayShotImageWide{padding:6px 10px}.livePlayShot figcaption{color:var(--color-ink-muted);margin:14px 2px 0;font-size:.96rem;font-weight:700;line-height:1.5}.livePlayShot figcaption strong{color:var(--color-ink);font-weight:900}.livePlayShot figcaption em{color:var(--color-brand);font-style:normal;font-weight:900}.livePlayGuides{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.livePlayGuide{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line);background:#fff;border-radius:22px;flex-direction:column;gap:14px;padding:22px;display:flex}.livePlayGuideHead{align-items:flex-start;gap:14px;display:flex}.livePlayGuideIcon{background:var(--color-tile-sky);color:#2872bc;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.livePlayGuideTag{color:var(--color-brand);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.livePlayGuideHead h3{color:var(--color-ink);font-family:var(--font-display);margin:4px 0 0;font-size:1.3rem;font-weight:900;line-height:1.1}.livePlayGuideSummary{color:var(--color-ink-muted);margin:0;font-size:.97rem;font-weight:700;line-height:1.5}.livePlayGuideSteps{color:var(--color-ink);flex-direction:column;gap:10px;margin:0;padding:0 0 0 22px;font-size:.95rem;font-weight:700;line-height:1.45;display:flex}.livePlayGuideSteps li::marker{color:var(--color-brand);font-weight:900}.livePlayGuideNote{background:var(--color-tile-sun);color:#6b5620;border-radius:14px;margin:auto 0 0;padding:12px 14px;font-size:.9rem;font-weight:700;line-height:1.45}.livePlayEvaluationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.livePlayEvaluationCard{border:2px solid var(--color-line);background:var(--color-tile-mint);box-shadow:0 5px 0 var(--color-line);border-radius:22px;flex-direction:column;gap:12px;padding:22px;display:flex}.livePlayEvaluationIcon{width:40px;height:40px;color:var(--color-correct-dark);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.livePlayEvaluationCard h3{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:1.24rem;font-weight:900;line-height:1.1}.livePlayEvaluationCard p{color:#4a5b46;margin:0;font-size:.96rem;font-weight:700;line-height:1.5}.livePlayTips{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.livePlayTip{border:2px solid var(--color-line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.livePlayTip svg{color:var(--color-brand)}.livePlayTip h3{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:1.06rem;font-weight:900;line-height:1.15}.livePlayTip p{color:var(--color-ink-muted);margin:0;font-size:.92rem;font-weight:700;line-height:1.45}.livePlayCta{border:2px solid var(--color-line);background:var(--color-brand-soft);box-shadow:0 5px 0 var(--color-line);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(22px,4vw,34px);display:flex}.livePlayCta h2{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:clamp(1.6rem,3vw,2.15rem);font-weight:900;line-height:1.05}.livePlayCta p{color:var(--color-ink-muted);margin:10px 0 0;font-size:1rem;font-weight:700;line-height:1.5}@media (max-width:900px){.livePlayFlow,.livePlayTips{grid-template-columns:repeat(2,minmax(0,1fr))}.livePlayGuides,.livePlayEvaluationGrid,.livePlayHero{grid-template-columns:1fr}.livePlayHeroLogo{justify-self:start;width:150px}.livePlayFeatureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mvpHomePage{padding:24px 14px 48px}.mvpHero h1{font-size:clamp(2.35rem,12vw,3.6rem)}.mvpExerciseCard{grid-template-columns:1fr;padding:18px}.mvpExerciseCharacter{grid-row:auto;width:auto;max-width:180px;height:150px}.mvpLivePlayLink{grid-template-columns:52px minmax(0,1fr);padding:16px}.mvpLivePlayLogo{width:52px;height:52px}.mvpLivePlayLink svg{display:none}.livePlayPage{padding:24px 14px 52px}.livePlayFeatureGrid,.livePlayFlow,.livePlayTips{grid-template-columns:1fr}.livePlayShot{padding:12px}.livePlayCta{flex-direction:column;align-items:flex-start}}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em}:root,:root[data-theme=indigo]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#fff;--ui-surface:#fff;--ui-surface-muted:#f6f3fd;--ui-border:#ece7f6;--ui-border-strong:#d9cff0;--ui-text:#2c2740;--ui-text-muted:#6d6786;--ui-accent:#7c4dcc;--ui-accent-text:#fff;--ui-accent-soft:#9a6fe0;--ui-accent-muted:#efe7fb;--ui-logo:#6a3fb0;--ui-positive:#58cc02;--ui-positive-surface:#e5f8d6;--ui-nav-bg:#fffffff5;--ui-nav-hover:#f4f0fc;--ui-shadow:0 14px 34px #7c4dcc29;--ui-radius:16px;--ui-touch:44px;--background:#fff;--foreground:#0a0a0a;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#f5f5f5;--secondary-foreground:#171717;--muted:#f5f5f5;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--destructive:#e40014;--border:#e5e5e5;--input:#e5e5e5;--ring:#a1a1a1;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--radius:.625rem;--sidebar:#fafafa;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#f5f5f5;--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-ring:#a1a1a1}@supports (color:lab(0% 0 0)){:root,:root[data-theme=indigo]{--background:lab(100% 0 0);--foreground:lab(2.75381% 0 0);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--muted:lab(96.52% -.0000298023 .0000119209);--muted-foreground:lab(48.496% 0 0);--accent:lab(96.52% -.0000298023 .0000119209);--accent-foreground:lab(7.78201% -.0000149012 0);--destructive:lab(48.4493% 77.4328 61.5452);--border:lab(90.952% 0 -.0000119209);--input:lab(90.952% 0 -.0000119209);--ring:lab(66.128% -.0000298023 .0000119209);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(98.26% 0 0);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(96.52% -.0000298023 .0000119209);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}.printableWorksheetExercise{background:linear-gradient(#f7fcecb8,#ecf8e2e6),url(/images/landscapes/farm_03.png) bottom/cover no-repeat;align-content:start;gap:22px;height:100%;padding:28px;display:grid;overflow:auto}.worksheetControls,.worksheetPracticePanel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe0;border:3px solid #ffffffe6;border-radius:22px;gap:18px;width:min(1180px,100%);margin:0 auto;padding:20px;display:grid;box-shadow:0 8px #1f3d2a24,0 22px 44px #1f3d2a29}.worksheetControls{grid-template-columns:minmax(0,1fr) auto;align-items:center}.worksheetControls h1,.worksheetPracticePanel h2{color:var(--ui-text);margin:0}.worksheetControls p{color:var(--ui-text-muted);margin:8px 0 0}.worksheetInstructionSteps{counter-reset:worksheet-step;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.worksheetInstructionSteps li{counter-increment:worksheet-step;min-height:50px;color:var(--ui-text);background:linear-gradient(#fff,#f4fbe9);border:2px solid #1f3d2a1a;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:850;line-height:1.15;display:grid}.worksheetInstructionSteps li:before{content:counter(worksheet-step);color:#3d2a13;width:26px;height:26px;font-family:var(--font-display);background:#ffd45c;border-radius:50%;place-items:center;font-size:15px;display:grid;box-shadow:inset 0 -2px #3d2a1326}.worksheetReferenceLink{color:var(--ui-accent);text-underline-offset:3px;margin-top:10px;font-size:14px;font-weight:850;text-decoration:underline;display:inline-flex}.worksheetControlActions{place-items:stretch stretch;gap:10px;width:190px;display:grid}.worksheetControlActions label{color:var(--ui-text-muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:800;display:grid}.worksheetControlActions select{border:2px solid var(--ui-border);width:100%;min-height:38px;color:var(--ui-text);font:inherit;background:#fff;border-radius:12px;padding:0 10px}.worksheetControlActions .primaryAction{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.worksheetControlActions .primaryAction svg{flex:none}.worksheetPracticePanel{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.worksheetPromptListHeader .eyebrow{margin-bottom:2px}.worksheetPromptList>div{grid-template-columns:repeat(5,minmax(104px,1fr));gap:12px;margin-top:14px;display:grid}.worksheetPromptButton{color:#24411f;background:radial-gradient(circle at 28% 18%,#fffffffa,#0000 34%),linear-gradient(#ffe9a8,#a6d977);border:3px solid #fff;border-radius:20px;grid-template-rows:58px auto auto;justify-content:center;justify-items:center;gap:4px;min-height:136px;padding:12px 10px 10px;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px #1f3d2a29,0 12px 24px #1f3d2a29}.worksheetPromptButton:hover{background:radial-gradient(circle at 28% 18%,#fffffffa,#0000 34%),linear-gradient(#ffefa8,#94d669);transform:translateY(-4px)rotate(-1deg);box-shadow:0 10px #1f3d2a24,0 18px 28px #1f3d2a2e}.worksheetPromptButton:disabled{filter:saturate(.85)}.worksheetPromptButton img{object-fit:contain;pointer-events:none;width:76px;height:58px}.worksheetPromptButton span{color:#2d4f27;width:34px;height:34px;font-family:var(--font-display);background:#fff;border:2px solid #3d2a1329;border-radius:50%;place-items:center;font-size:20px;font-weight:900;display:grid}.worksheetPromptButton strong{color:#2d4f27;font-size:13px;line-height:1}.worksheetUploadPanel{align-content:start;gap:12px;display:grid}.worksheetUploadPanel input{width:100%}.worksheetHiddenFileInput{display:none}.worksheetQrUploadStatus{border:1px solid var(--ui-border);background:#fff;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.worksheetQrUploadStatus strong,.worksheetQrUploadStatus p{margin:0}.worksheetQrUploadStatus strong{color:var(--ui-text);font-size:13px}.worksheetQrUploadStatus p{color:var(--ui-text-muted);font-size:13px;line-height:1.4}.worksheetInlineAction{color:var(--ui-accent);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;text-decoration:underline}.worksheetInlineAction:hover{color:var(--ui-text)}.worksheetPageQr{background:linear-gradient(#fff,#f6fbe9);border:2px solid #1f3d2a1a;border-radius:16px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.worksheetPageQr img,.worksheetPageQr>div{background:#fff;border:2px solid #fff;border-radius:14px;width:112px;height:112px;display:block;box-shadow:0 4px #1f3d2a1f}.worksheetPageQr img{object-fit:contain;padding:6px}.worksheetPageQr p{color:var(--ui-text);margin:0;font-size:14px;font-weight:850;line-height:1.3}.worksheetCameraActions{flex-wrap:wrap;gap:8px;display:flex}.worksheetCameraPanel{border:1px solid var(--ui-border);background:#111;border-radius:8px;min-height:360px;display:grid;position:relative;overflow:hidden}.worksheetCameraPanel video{object-fit:cover;width:100%;height:100%;min-height:360px}.worksheetCameraPanel .primaryAction{z-index:2;position:absolute;bottom:14px;right:14px}.worksheetCameraGuide{pointer-events:none;place-items:center;display:grid;position:absolute;inset:16px}.worksheetCameraGuide span{aspect-ratio:8.5/11;border:2px solid #ffffffdb;width:min(72%,77.27vh - 185.448px);max-width:360px;position:relative;box-shadow:0 0 0 999px #00000047}.worksheetCameraGuide span:before,.worksheetCameraGuide span:after{content:"";border:3px solid #fff;position:absolute;inset:12px}.worksheetCameraGuide span:before{border-bottom:0;border-right:0}.worksheetCameraGuide span:after{border-top:0;border-left:0}.worksheetUploadPanel img{object-fit:contain;border:1px solid var(--ui-border);background:#fff;border-radius:8px;width:100%;max-height:280px}.worksheetFeedback{color:var(--ui-text);gap:8px;font-size:14px;display:grid}.worksheetFeedback p{margin:0}.worksheetFeedback span{font-weight:900}.worksheetFeedbackAnswer{border-bottom:1px solid var(--ui-border);gap:3px;padding-bottom:8px;display:grid}.worksheetFeedbackAnswer:last-child{border-bottom:0;padding-bottom:0}.worksheetMobileUploadPage{background:var(--ui-bg);place-items:center;min-height:100dvh;padding:18px;display:grid}.worksheetMobileUploadPanel{border:1px solid var(--ui-border);background:var(--ui-surface);width:min(100%,430px);box-shadow:var(--ui-shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.worksheetMobileUploadPanel h1,.worksheetMobileUploadPanel p{margin:0}.worksheetMobileUploadPanel h1{color:var(--ui-text);font-size:28px;line-height:1.05}.worksheetMobileUploadStatus{color:var(--ui-text-muted);font-weight:750}.worksheetMobilePreview{border:1px solid var(--ui-border);background:#fff;border-radius:8px;overflow:hidden}.worksheetMobilePreview img{object-fit:contain;width:100%;max-height:420px;display:block}.rhythmWorksheetSheet{color:#20201d;print-color-adjust:exact;-webkit-print-color-adjust:exact;background:#fff;border:1px solid #9ccce4;gap:12px;width:min(100%,980px);margin:0 auto 28px;padding:40px;display:grid;position:relative;box-shadow:0 18px 48px #1f1f1d14}@media screen{.printableWorksheetExercise>.rhythmWorksheetSheet{display:none}}.rhythmWorksheetHeader{color:#7bbfdf;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;display:grid}.rhythmWorksheetHeader h2{color:#20201d;margin:0 0 10px;font-size:24px}.rhythmWorksheetHeader p{color:#7bbfdf;margin:4px 0;font-weight:750}.worksheetQrBlock{justify-items:center;gap:6px;display:grid}.worksheetQrImage,.worksheetQrFallback{background:#fff;border:2px solid #20201d;width:132px;height:132px}.worksheetQrImage{object-fit:contain;padding:4px;display:block}.worksheetQrFallback{display:block}.worksheetMetadata{color:#7bbfdf;white-space:nowrap;margin:0;font-size:9px;overflow:hidden}.rhythmWorksheetGrid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.rhythmWorksheetAnswerBox{color:#7bbfdf;break-inside:avoid;border:1px solid #9ccce4;grid-template-columns:36px minmax(0,1fr);gap:12px;min-height:48px;padding:14px;display:grid}.rhythmWorksheetAnswerBox>span{font-size:22px;font-weight:900}.worksheetStaff{align-content:center;gap:14px;min-height:112px;display:grid;position:relative}.worksheetStaff i{background:#9ccce4;border-top:1px solid #9ccce4;height:1px;display:block}.worksheetStaff b{background:#9ccce4;border-left:1px solid #9ccce4;width:1px;position:absolute;top:18px;bottom:18px;left:50%}.rhythmWorksheetAnswerKey{border-color:#d6c58d}.rhythmWorksheetAnswerBox.answered{color:#806a1e;border-color:#d6c58d}.worksheetVexFlowStaff{min-width:0}.worksheetVexFlowAnswer{width:100%;min-height:116px}.worksheetVexFlowAnswer svg{width:100%;height:auto;display:block;overflow:visible}.worksheetCornerMarker{border:4px solid #20201d;width:18px;height:18px;position:absolute}.worksheetCornerMarker.topLeft{border-bottom:0;border-right:0;top:12px;left:12px}.worksheetCornerMarker.topRight{border-bottom:0;border-left:0;top:12px;right:12px}.worksheetCornerMarker.bottomLeft{border-top:0;border-right:0;bottom:12px;left:12px}.worksheetCornerMarker.bottomRight{border-top:0;border-left:0;bottom:12px;right:12px}@media (max-width:980px){.printableWorksheetExercise{padding:18px}.worksheetControls,.worksheetPracticePanel{grid-template-columns:1fr}.worksheetControlActions{justify-content:flex-start}.worksheetInstructionSteps{grid-template-columns:repeat(2,minmax(0,1fr))}.worksheetInstructionSteps li:last-child{grid-column:1/-1}.worksheetPromptList>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.printableWorksheetExercise{padding:12px}.worksheetControls,.worksheetPracticePanel{border-radius:18px;padding:14px}.worksheetInstructionSteps,.worksheetPromptList>div{grid-template-columns:1fr}.worksheetInstructionSteps li:last-child{grid-column:auto}.worksheetControlActions,.worksheetControlActions label,.worksheetControlActions select,.worksheetControlActions button{width:100%}.worksheetPromptButton{text-align:left;grid-template-rows:1fr;grid-template-columns:72px auto 1fr;justify-items:start;min-height:86px}.worksheetPromptButton img{width:72px;height:58px}.worksheetPageQr{text-align:center;grid-template-columns:1fr;justify-items:center}}@media print{@page{size:letter;margin:.22in}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff!important}.siteTopNav,.siteFooter,.assistantRoot,.audioSetupOverlay,.exerciseBackButton,.worksheetControls,.worksheetPracticePanel{display:none!important}.standaloneExercise,.siteShell,.siteMain,.printableWorksheetExercise{background:#fff;height:auto;padding:0;display:block;overflow:visible}.rhythmWorksheetSheet{width:auto;min-height:auto;box-shadow:none;page-break-after:avoid;border:0;gap:.06in;margin:0;padding:.28in;display:grid}.rhythmWorksheetHeader{gap:.14in}.rhythmWorksheetHeader h2{margin-bottom:.05in;font-size:17pt}.rhythmWorksheetHeader p{margin:.02in 0;font-size:8.5pt;line-height:1.15}.worksheetQrImage,.worksheetQrFallback{border-width:1.5pt;width:1.15in;height:1.15in}.worksheetQrImage{padding:.03in}.worksheetQrBlock{gap:.03in}.worksheetQrBlock small,.worksheetMetadata{font-size:6.5pt;line-height:1}.rhythmWorksheetGrid{grid-template-columns:minmax(0,1fr);gap:.07in}.rhythmWorksheetAnswerBox{border-color:#7bbfdf;grid-template-columns:.28in minmax(0,1fr);gap:.08in;min-height:.82in;padding:.06in}.rhythmWorksheetAnswerBox>span{font-size:12pt}.worksheetStaff{gap:.085in;min-height:.68in}.rhythmWorksheetAnswerKey{display:none}.worksheetStaff i{background:0 0;border-top:1.2pt solid #7bbfdf;height:0}.worksheetStaff b{background:0 0;border-left:1.2pt solid #7bbfdf;width:0;top:.08in;bottom:.08in}}:root[data-theme=teal]{--ui-bg:#f3fbfa;--ui-surface:#fff;--ui-surface-muted:#e2f6f2;--ui-border:#c2e9e2;--ui-border-strong:#6fc7ba;--ui-text:#0f3733;--ui-text-muted:#3f6862;--ui-accent:#14b8a6;--ui-accent-text:#fff;--ui-accent-soft:#2dd4bf;--ui-logo:#14b8a6;--ui-positive:#0f766e;--ui-positive-surface:#d8f5ef;--ui-nav-bg:#fffffff0;--ui-nav-hover:#e2f6f2;--ui-shadow:0 14px 34px #0f766e29}:root[data-theme=orange]{--ui-bg:#fffaf4;--ui-surface:#fff;--ui-surface-muted:#fff1e3;--ui-border:#ffd9b3;--ui-border-strong:#fb9b4c;--ui-text:#4a2410;--ui-text-muted:#7a5238;--ui-accent:#f97316;--ui-accent-text:#fff;--ui-accent-soft:#f59e0b;--ui-logo:#f97316;--ui-positive:#c2410c;--ui-positive-surface:#ffe7d1;--ui-nav-bg:#fffffff0;--ui-nav-hover:#fff1e3;--ui-shadow:0 14px 34px #c2410c29}:root[data-theme=forest-green]{--ui-bg:#f4fbf6;--ui-surface:#fff;--ui-surface-muted:#e2f4e8;--ui-border:#c2e7cd;--ui-border-strong:#5fbc7e;--ui-text:#0f2f1c;--ui-text-muted:#3c5e49;--ui-accent:#16a34a;--ui-accent-text:#fff;--ui-accent-soft:#22c55e;--ui-logo:#16a34a;--ui-positive:#065f46;--ui-positive-surface:#d6f2df;--ui-nav-bg:#fffffff0;--ui-nav-hover:#e2f4e8;--ui-shadow:0 14px 34px #065f4629}:root[data-theme=coral]{--ui-bg:#fff7f5;--ui-surface:#fff;--ui-surface-muted:#ffe9e4;--ui-border:#ffd2c8;--ui-border-strong:#ff917e;--ui-text:#4a1d16;--ui-text-muted:#7c4a40;--ui-accent:#ff6b4a;--ui-accent-text:#fff;--ui-accent-soft:#ff9f80;--ui-logo:#ff6b4a;--ui-positive:#e43d2f;--ui-positive-surface:#ffe0d9;--ui-nav-bg:#fffffff0;--ui-nav-hover:#ffe9e4;--ui-shadow:0 14px 34px #e43d2f29}*{box-sizing:border-box}body{background:var(--ui-bg);color:var(--ui-text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;overflow:hidden}.container{max-width:1100px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000d}.row{flex-wrap:wrap;gap:16px;display:flex}.col{flex:1;min-width:320px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.small{color:#444;font-size:12px}.badge{background:#f3f4f6;border:1px solid #ddd;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.ok{background:#dcfce7;border-color:#86efac}.badge.bad{background:#fee2e2;border-color:#fca5a5}.hr{background:#e5e7eb;height:1px;margin:12px 0}.uiButton{min-height:var(--ui-touch);border-radius:var(--ui-radius);font:inherit;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.uiButton:disabled,.uiButton[aria-disabled=true]{cursor:default;opacity:.55}.uiButton-primary{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-text)}.uiButton-secondary{border-color:var(--ui-border);background:var(--ui-surface);color:var(--ui-text)}.uiButton-ghost{color:var(--ui-text);background:0 0;border-color:#0000}.uiButton-sm{min-height:34px;padding:0 10px;font-size:13px}.uiButton-md{padding:0 14px}.uiPanel{border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface)}.uiSelectTrigger{min-height:var(--ui-touch);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);min-width:154px;color:var(--ui-text);font:inherit;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:inline-flex}.uiSelectIcon{color:var(--ui-text-muted);font-size:14px}.uiSelectContent{z-index:1000;min-width:var(--radix-select-trigger-width);border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow);overflow:hidden}.uiSelectViewport{padding:4px}.uiSelectItem{min-height:38px;color:var(--ui-text);cursor:pointer;border-radius:6px;outline:none;align-items:center;padding:0 10px;font-size:14px;display:flex}.uiSelectItem[data-highlighted]{background:var(--ui-nav-hover)}.uiSlider{width:150px;height:var(--ui-touch);touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;display:flex;position:relative}.uiSliderTrack{background:var(--ui-border);border-radius:999px;flex-grow:1;height:6px;position:relative}.uiSliderRange{background:var(--ui-accent);border-radius:999px;height:100%;position:absolute}.uiSliderThumb{border:2px solid var(--ui-surface);background:var(--ui-accent);border-radius:999px;outline:none;width:20px;height:20px;display:block;box-shadow:0 1px 5px #20201d3d}.uiSwitch{border:1px solid var(--ui-border-strong);background:#d9d9d1;border-radius:999px;flex:none;width:48px;height:28px;position:relative}.uiSwitch[data-state=checked]{border-color:var(--ui-accent);background:var(--ui-accent)}.uiSwitchThumb{background:var(--ui-surface);border-radius:999px;width:22px;height:22px;transition:transform .12s;display:block;transform:translate(2px);box-shadow:0 1px 4px #20201d40}.uiSwitchThumb[data-state=checked]{transform:translate(22px)}.uiSliderThumb:focus-visible,.uiSelectTrigger:focus-visible,.uiSwitch:focus-visible,.uiButton:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}button{transition:transform 80ms,filter 80ms}button:not(:disabled):active,button:not(:disabled)[data-pressed=true],.buttonDown{filter:brightness(.94);transform:translateY(1px)scale(.985)}.siteShell{background:var(--ui-bg);grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100vh;display:grid;overflow:hidden}.siteShell[data-immersive=true]{grid-template-rows:minmax(0,1fr)}.siteShell[data-immersive=true][data-audio-footer=true]{grid-template-rows:minmax(0,1fr) auto}.siteTopNav{z-index:20;border-bottom:1px solid var(--ui-border);background:var(--ui-nav-bg);min-width:0;color:var(--ui-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 18px;position:relative;box-shadow:0 2px 6px #0f172a24}.siteTopNavInner{justify-content:space-between;align-items:center;gap:16px;width:min(100%,1180px);margin:0 auto;padding-right:0;display:flex;position:relative}.siteBrandLogoLink .siteLogo{object-fit:contain;width:auto;height:76px;display:block}.playbackSettingsMenu{justify-content:flex-end;width:100%;display:flex;position:relative}.playbackSettingsSummary{color:#20201d;cursor:pointer;background:#f8f8f4;border:1px solid #d8d8cf;border-radius:8px;align-items:center;gap:8px;min-height:36px;margin-left:auto;padding:0 12px;list-style:none;display:flex}.playbackSettingsSummary::-webkit-details-marker{display:none}.playbackSettingsSummary:before{content:"Settings";font-size:13px;font-weight:750}.playbackSettingsTitle{display:none}.playbackSettingsPill{color:#55554d;white-space:nowrap;background:#fff;border:1px solid #e2e2da;border-radius:999px;padding:3px 7px;font-size:11px;line-height:1}.playbackSettingsPanel{background:#fff;border:1px solid #d8d8cf;border-radius:8px;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;width:min(880px,100vw - 28px);max-height:calc(100vh - 112px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 44px #1f1f1d29}.playbackSettingsSection{background:#fbfbf8;border:1px solid #e5e5dd;border-radius:8px;gap:10px;padding:12px;display:grid}.playbackSettingsWide{grid-column:1/-1}.playbackSettingsSectionHeader{color:#65655c;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:750;display:flex}.playbackEngineGroup{align-items:end;gap:8px;min-width:0;display:flex}.playbackEngineGroup label{color:#57574f;gap:4px;min-width:0;font-size:11px;font-weight:700;display:grid}.playbackEngineGroup select,.playbackEngineGroup input[type=number]{color:#20201d;min-width:82px;max-width:180px;min-height:34px;font:inherit;background:#fff;border:1px solid #d8d8cf;border-radius:8px}.playbackEngineInput label:nth-child(2){flex:1}.playbackEngineInput label:nth-child(2) select{width:100%;max-width:none}.playbackEngineGroup input[type=range]{width:160px}.playbackCalibrationStatus{color:#57574f;grid-template-columns:minmax(100px,auto) minmax(160px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:8px;width:100%;font-size:11px;font-weight:700;display:grid}.playbackCalibrationStatus>span{color:#57574f}.playbackCalibrationStatus strong{color:#20201d;font-size:13px}.playbackCalibrationStatus small{color:#77776e;font-weight:650;line-height:1.35}.playbackCalibrationStatus div{justify-content:end;gap:8px;display:flex}.playbackEngineCheckbox{grid-template-columns:auto minmax(0,auto);align-items:center;min-height:34px}.playbackEngineCheckbox input{width:16px;height:16px}.playbackEngineTest,.playbackEngineListen{white-space:nowrap;min-height:34px;padding:0 10px}.playbackEngineStatus,.playbackEngineVoiceRange{color:#4f4f46;white-space:nowrap;background:#f8f8f4;border:1px solid #e3e3dc;border-radius:8px;min-height:34px;padding:9px 10px;font-size:12px}.siteTopNavLinks{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.siteBrandLink{min-height:36px;color:var(--ui-text);white-space:nowrap;border-radius:8px;align-items:center;padding:0 10px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.siteBrandLogoLink{flex:none;padding:0}.siteNavLink{min-height:38px;color:var(--ui-text);font-family:var(--font-display);letter-spacing:.005em;white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;transition:background .13s,color .13s;display:inline-flex}.siteBrandLink:hover,.siteNavLink:hover{background:var(--ui-nav-hover)}.siteBrandLogoLink:hover{background:0 0}.siteNavPrimaryLink{font-weight:650}.siteNavCountLink{gap:8px}.siteNavCountBadge{background:var(--ui-accent);min-width:20px;height:20px;color:var(--ui-accent-text);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:850;display:inline-grid}.siteInProgressMenu{position:relative}.siteInProgressToggle{cursor:pointer;background:0 0;border:0;gap:8px}.siteInProgressToggle[aria-expanded=true]{background:var(--ui-nav-hover)}.siteInProgressToggle:after{content:"⌃";color:var(--ui-text-muted);font-size:12px;transition:transform .12s;transform:rotate(180deg)}.siteInProgressToggle[aria-expanded=true]:after{transform:rotate(0)}.siteInProgressPanel{z-index:50;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;gap:0;width:min(420px,100vw - 28px);max-height:min(72vh,620px);padding:14px;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 44px #1f1f1d2e}.siteInProgressCard{border-bottom:1px solid var(--ui-border);padding:18px 10px;display:grid;position:relative}.siteInProgressCardLink{color:inherit;gap:12px;padding-right:34px;text-decoration:none;display:grid}.siteInProgressCard:first-child{padding-top:8px}.siteInProgressCard:last-child{border-bottom:0;padding-bottom:8px}.siteInProgressCardLink:hover strong{color:var(--ui-accent)}.siteInProgressCardLink>span{color:var(--ui-accent);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:900}.siteInProgressCardLink strong{color:var(--ui-text);font-size:16px;line-height:1.35;transition:color .12s}.siteInProgressMeterRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.siteInProgressMeter{background:var(--ui-surface-muted);border-radius:999px;height:9px;overflow:hidden}.siteInProgressMeter span{border-radius:inherit;background:#5bb96b;height:100%;display:block}.siteInProgressMeterRow small,.siteInProgressCardLink em{color:var(--ui-text-muted);font-size:12px;font-style:normal;font-weight:750}.siteInProgressDelete{width:30px;height:30px;color:var(--ui-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:8px}.siteInProgressDelete:hover,.siteInProgressDelete:focus-visible{color:#9f2f22;background:#fff6f2e6;border-color:#a3362633}.siteInProgressDelete:disabled{cursor:not-allowed;opacity:.5}.siteInProgressDelete svg{stroke-width:2.3px;width:17px;height:17px}.siteInProgressEmpty,.siteInProgressMessage{color:var(--ui-text-muted);gap:10px;margin:0;padding:18px 10px;display:grid}.siteInProgressEmpty strong{color:var(--ui-text)}.siteInProgressEmpty a{color:var(--ui-accent);font-weight:850;text-decoration:none}.siteInProgressMobilePanel{border:1px solid var(--ui-border);background:var(--ui-card-bg);border-radius:8px;gap:0;margin:0 4px 6px;padding:8px 12px;display:grid}.siteAuthStatus{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:36px;color:var(--ui-text-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.siteAuthStatus span{max-width:150px;color:var(--ui-text);text-overflow:ellipsis;font-weight:700;overflow:hidden}.siteAuthStatus a{color:var(--ui-link);font-weight:700;text-decoration:none}.siteAuthStatus .siteAuthName{max-width:150px;color:var(--ui-text);text-overflow:ellipsis;overflow:hidden}.siteAuthStatus strong{background:var(--ui-accent-muted);color:var(--ui-accent);text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:850}.siteNavSection{position:relative}.siteNavSummary{min-height:38px;color:var(--ui-text);cursor:pointer;font-family:var(--font-display);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:600;list-style:none;transition:background .13s;display:flex}.siteNavSummary::-webkit-details-marker{display:none}.siteNavSummary:before{content:">";color:var(--ui-text-muted);font-size:12px;transition:transform .12s;display:inline-block;transform:rotate(0)}.siteNavSection[open] .siteNavSummary:before{transform:rotate(90deg)}.siteNavSummary:hover{background:var(--ui-nav-hover)}.siteNavSubLinks{z-index:30;border:1px solid var(--ui-border);background:var(--ui-surface);min-width:210px;box-shadow:var(--ui-shadow);border-radius:8px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.siteNavSubLink{width:100%;min-height:34px;color:var(--ui-text-muted);justify-content:flex-start;font-size:13px}.siteMobileMenu{display:none}.siteMobileMenuButton{border:1px solid var(--ui-border);background:var(--ui-surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:42px;height:40px;list-style:none;display:inline-flex}.siteMobileMenuButton::-webkit-details-marker{display:none}.siteMobileMenuButton span{background:var(--ui-text);border-radius:999px;width:18px;height:2px;position:absolute}.siteMobileMenuButton span:first-child{transform:translateY(-6px)}.siteMobileMenuButton span:nth-child(3){transform:translateY(6px)}.siteMobileMenuPanel{z-index:40;border:1px solid var(--ui-border);background:var(--ui-surface);max-height:min(72vh,560px);box-shadow:var(--ui-shadow);border-radius:8px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto}.siteMain{min-width:0;min-height:0;overflow:auto}.siteMain>*{width:min(100%,1180px);margin-left:auto;margin-right:auto}.siteShell[data-immersive=true] .siteMain{overflow:hidden}.siteShell[data-immersive=true] .siteMain>*{width:100%;max-width:none;margin-left:0;margin-right:0}.siteFooter{z-index:30;border-top:1px solid var(--ui-border);background:linear-gradient(180deg,var(--ui-nav-bg),var(--ui-nav-bg)),var(--ui-nav-bg);min-width:0;padding:9px 20px;position:relative}@supports (color:color-mix(in lab, red, red)){.siteFooter{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-nav-bg)92%,white),var(--ui-nav-bg)),var(--ui-nav-bg)}}.siteFooter{color:var(--ui-text-muted);box-shadow:0 -2px 6px #0f172a1f}.siteFooterInner{justify-content:flex-end;align-items:center;gap:16px;width:min(100%,1180px);margin:0 auto;display:flex}.siteFooterInputToggle{width:46px;height:46px;color:var(--ui-text-muted);background:var(--ui-surface);place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.siteFooterInputToggle{background:color-mix(in srgb,var(--ui-surface)86%,transparent)}}.siteFooterInputToggle{border:1px solid var(--ui-border);border-radius:16px;transition:color .15s,background .15s,border-color .15s,transform .15s;box-shadow:inset 0 1px #ffffff94}.siteFooterSettingsButton{width:46px;height:46px;color:var(--ui-text-muted);background:var(--ui-surface);place-items:center;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.siteFooterSettingsButton{background:color-mix(in srgb,var(--ui-surface)86%,transparent)}}.siteFooterSettingsButton{border:1px solid var(--ui-border);cursor:pointer;border-radius:16px;transition:color .15s,background .15s,border-color .15s,transform .15s;box-shadow:inset 0 1px #ffffff94}.siteFooterTransposeControl{min-width:132px;height:46px;color:var(--ui-text-muted);background:var(--ui-surface);gap:2px;padding:6px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.siteFooterTransposeControl{background:color-mix(in srgb,var(--ui-surface)86%,transparent)}}.siteFooterTransposeControl{border:1px solid var(--ui-border);border-radius:16px;box-shadow:inset 0 1px #ffffff94}.siteFooterTransposeControl span{color:var(--ui-text-muted);text-transform:uppercase;font-size:9px;font-weight:900;line-height:1}.siteFooterTransposeControl select{width:100%;min-width:0;color:var(--ui-text);font:inherit;background:0 0;border:0;outline:0;font-size:12px;font-weight:800}.siteFooterInputToggle svg{width:28px;height:28px}.siteFooterSettingsButton svg{width:25px;height:25px}.siteFooterMidiLogo{filter:opacity(.72);width:31px;height:auto}.siteFooterInputToggle[data-active=true] .siteFooterMidiLogo,.siteFooterInputToggle:hover .siteFooterMidiLogo,.siteFooterInputToggle:focus-visible .siteFooterMidiLogo{filter:opacity()}.siteFooterInputToggle:hover,.siteFooterInputToggle:focus-visible,.siteFooterSettingsButton:hover,.siteFooterSettingsButton:focus-visible{color:var(--ui-text);border-color:var(--ui-border-strong);transform:translateY(-1px)}.siteFooterSettingsButton[aria-expanded=true],.siteFooterInputToggle[data-active=true]{color:#0f8b4c;background:#e5f6ed;border-color:#9ddbb8}.siteFooterInputToggle[data-supported=false]{color:#9d6a23;background:#fff4df;border-color:#f0c987}.siteFooterDetectedNote{color:#f6f1e8;border:1px solid var(--ui-border);background:#1f1f1d;grid-template-columns:auto minmax(42px,auto);align-items:baseline;gap:9px;min-width:94px;height:42px;padding:8px 12px;display:grid}@supports (color:color-mix(in lab, red, red)){.siteFooterDetectedNote{border:1px solid color-mix(in srgb,var(--ui-border)55%,#000)}}.siteFooterDetectedNote{border-radius:16px;box-shadow:inset 0 1px 8px #0000006b}.siteFooterDetectedNote span{color:#f6f1e88f;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.siteFooterDetectedNote strong{color:#f6f1e8;letter-spacing:-.03em;font-size:18px;font-weight:900}.siteFooterVuMeter{cursor:pointer;border:1px solid var(--ui-border);background:#1f1f1d;align-items:end;gap:5px;min-width:168px;height:42px;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.siteFooterVuMeter{border:1px solid color-mix(in srgb,var(--ui-border)55%,#000)}}.siteFooterVuMeter{border-radius:16px;box-shadow:inset 0 1px 8px #0000006b}.siteFooterVuMeter:hover,.siteFooterVuMeter:focus-visible{border-color:var(--ui-border-strong)}.siteFooterVuMeter span{width:6px;height:calc(var(--vu-level)*1.25px);opacity:.38;background:linear-gradient(#f5c84c,#28c76f);border-radius:999px;min-height:6px}.siteFooterVuMeter span[data-active=true]{opacity:1}.musicalTypingPanel{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-user-select:none;user-select:none;background:#f8f7faf5;border:1px solid #0f172a24;border-radius:18px;width:min(680px,100vw - 24px);padding:12px;position:fixed;box-shadow:0 22px 60px #0f172a38}.musicalTypingPanelHeader{cursor:grab;touch-action:none;justify-content:space-between;align-items:center;gap:12px;padding:3px 4px 12px;display:flex}.musicalTypingPanelHeader:active{cursor:grabbing}.musicalTypingPanelHeader div{gap:2px;display:grid}.musicalTypingPanelHeader strong{color:var(--ui-text);font-size:14px;font-weight:900}.musicalTypingPanelHeader span{color:var(--ui-text-muted);font-size:12px;font-weight:750}.musicalTypingPanelHeader button{border:1px solid var(--ui-border);width:32px;height:32px;color:var(--ui-text);cursor:pointer;background:#fff;border-radius:999px;place-items:center;font-size:20px;line-height:1;display:grid}.musicalTypingKeyboard{background:linear-gradient(#f1eff5,#e7e4ec);border:1px solid #0f172a1a;border-radius:14px;height:132px;position:relative;overflow:hidden}.musicalTypingWhiteKeys{grid-template-columns:repeat(8,minmax(0,1fr));height:100%;display:grid}.musicalTypingKey{min-width:0;font:inherit;cursor:pointer;touch-action:none;border:0;align-content:end;justify-items:start;padding:0 12px 12px;display:grid;position:relative}.musicalTypingKey span{color:#2c2c30b8;font-size:25px;font-weight:800;line-height:1}.musicalTypingKey small{color:#2c2c307a;margin-top:8px;font-size:11px;font-weight:900;line-height:1}.musicalTypingKeyWhite{background:linear-gradient(#fbfafc,#ebe9ef);border-right:1px solid #0f172a1a;height:132px}.musicalTypingKeyWhite:last-child{border-right:0}.musicalTypingKeyBlack{top:0;left:calc((var(--key-index) + 1)*12.5% - 28px);z-index:2;background:linear-gradient(#c2c0c5,#9e9ca2);border-radius:0 0 12px 12px;align-content:center;justify-items:center;width:56px;height:70px;padding:0;position:absolute;box-shadow:0 6px 14px #0f172a2e}.musicalTypingKeyBlack span{color:#ffffffc2;font-size:22px}.musicalTypingKeyBlack small{display:none}.musicalTypingKey[data-active=true]{background:linear-gradient(#ffe991,#f7bd39);box-shadow:inset 0 0 0 3px #ffffffb8}.musicalTypingKeyBlack[data-active=true]{background:linear-gradient(#43d484,#159957);box-shadow:inset 0 0 0 3px #ffffff73,0 7px 16px #15995752}.standaloneExercise{height:100%;min-height:0;position:relative}.standaloneExercise[data-immersive=true]{width:100%;overflow:auto}.exerciseBackButton{z-index:80;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px 0 10px;display:inline-flex;position:fixed;top:16px;left:16px}@supports (color:color-mix(in lab, red, red)){.exerciseBackButton{background:color-mix(in srgb,var(--ui-surface)92%,transparent)}}.exerciseBackButton{color:var(--ui-text);box-shadow:var(--ui-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:14px;font-weight:850}.exerciseBackButton svg{stroke-width:2.5px;width:18px;height:18px}.exerciseBackButton:hover,.exerciseBackButton:focus-visible{border-color:var(--ui-accent)}.courseWorkspaceExerciseFrame .exerciseBackButton{position:absolute;top:12px;left:12px}.standaloneExercise>.exercisePage,.standaloneExercise>.dictationPage,.standaloneExercise>.musicxmlLibrary,.standaloneExercise>.layout{min-height:0;overflow:auto}.courseWorkspace{background:var(--ui-bg);grid-template-columns:320px minmax(0,1fr);gap:0;height:100%;min-height:0;display:grid;width:100%!important;max-width:none!important;margin:0!important}.courseWorkspaceNav{background:var(--ui-surface);min-height:0;overflow:auto}@supports (color:color-mix(in lab, red, red)){.courseWorkspaceNav{background:color-mix(in srgb,var(--ui-surface)94%,var(--ui-bg))}}.courseWorkspaceNav{border-right:1px solid var(--ui-border)}.courseWorkspaceNavHeader{z-index:2;background:var(--ui-surface);gap:4px;padding:18px 18px 14px;display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.courseWorkspaceNavHeader{background:color-mix(in srgb,var(--ui-surface)96%,transparent)}}.courseWorkspaceNavHeader{border-bottom:1px solid var(--ui-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.courseWorkspaceNavHeader a{color:var(--ui-text);font-size:18px;font-weight:850;line-height:1.1;text-decoration:none}.courseWorkspaceNavHeader span{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.courseWorkspaceList{gap:8px;padding:12px;display:grid}.courseWorkspaceSection{border-radius:16px;gap:6px;padding:6px;display:grid}.courseWorkspaceSection[data-state=current]{background:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.courseWorkspaceSection[data-state=current]{background:color-mix(in srgb,var(--ui-accent)8%,transparent)}}.courseWorkspaceSection[data-state=locked]{opacity:.58}.courseWorkspaceSkill{color:var(--ui-text);border-radius:12px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:9px;text-decoration:none;display:grid}.courseWorkspaceSkill:hover{background:var(--ui-surface-muted)}.courseWorkspaceSkillNumber{width:30px;height:30px;color:var(--ui-text-muted);background:var(--ui-surface-muted);border-radius:10px;place-items:center;font-size:12px;font-weight:900;display:grid}.courseWorkspaceSection[data-state=complete] .courseWorkspaceSkillNumber{color:var(--ui-positive);background:var(--ui-positive-surface)}.courseWorkspaceSection[data-state=current] .courseWorkspaceSkillNumber{color:var(--ui-accent-text);background:var(--ui-accent)}.courseWorkspaceSkill strong{color:var(--ui-text);font-size:14px;line-height:1.25;display:block}.courseWorkspaceSkill small{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.035em;margin-top:3px;font-size:11px;font-weight:750;display:block}.courseWorkspaceMethods{border-left:1px solid var(--ui-border);gap:2px;margin-left:24px;padding-left:18px;display:grid}.courseWorkspaceMethod{min-height:32px;color:var(--ui-text-muted);border-radius:10px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:9px;padding:7px 9px;font-size:13px;font-weight:750;text-decoration:none;display:grid}.courseWorkspaceMethod[href]:hover{color:var(--ui-text);background:var(--ui-surface-muted)}.courseWorkspaceMethod[data-state=current]{color:var(--ui-accent);background:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.courseWorkspaceMethod[data-state=current]{background:color-mix(in srgb,var(--ui-accent)12%,transparent)}}.courseWorkspaceMethod[data-state=complete]{color:var(--ui-positive)}.courseWorkspaceMethod[data-state=locked]{cursor:not-allowed}.courseWorkspaceMethodDot{opacity:.55;border:2px solid;border-radius:999px;width:8px;height:8px}.courseWorkspaceMethod[data-state=complete] .courseWorkspaceMethodDot,.courseWorkspaceMethod[data-state=current] .courseWorkspaceMethodDot{opacity:1;background:currentColor}.courseWorkspaceContent{background:var(--ui-bg);grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.courseWorkspaceContentHeader{background:var(--ui-surface);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 22px;display:flex}@supports (color:color-mix(in lab, red, red)){.courseWorkspaceContentHeader{background:color-mix(in srgb,var(--ui-surface)96%,transparent)}}.courseWorkspaceContentHeader{border-bottom:1px solid var(--ui-border)}.courseWorkspaceContentHeader div{gap:2px;min-width:0;display:grid}.courseWorkspaceContentHeader span{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:850}.courseWorkspaceContentHeader strong{color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.courseWorkspaceContentHeader form{margin:0}.courseWorkspaceSkipButton{min-height:38px;color:var(--ui-text-muted);font:inherit;background:var(--ui-surface-muted);border:1px solid var(--ui-border);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;font-weight:800}.courseWorkspaceSkipButton:hover{color:var(--ui-text);border-color:var(--ui-border-strong)}.courseWorkspaceResources{background:var(--ui-surface);border-bottom:1px solid var(--ui-border);gap:8px;padding:12px 22px;display:grid}.courseWorkspaceResources>span{color:var(--ui-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.courseWorkspaceResources>div{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.courseWorkspaceResource{min-height:58px;color:inherit;background:var(--ui-surface-muted);border:1px solid var(--ui-border);border-radius:8px;gap:3px;padding:10px 12px;text-decoration:none;display:grid}.courseWorkspaceResource[href]:hover{border-color:var(--ui-border-strong)}.courseWorkspaceResource[data-placeholder=true]{opacity:.72}.courseWorkspaceResource strong{color:var(--ui-text);font-size:13px;line-height:1.2}.courseWorkspaceResource small{color:var(--ui-text-muted);font-size:12px;line-height:1.35}.courseWorkspaceExerciseFrame{min-width:0;min-height:0;overflow:auto}.courseWorkspaceExerciseFrame>.standaloneExercise,.courseWorkspaceExerciseFrame>.lessonPage,.courseWorkspaceExerciseFrame>.learningPathsPage{width:100%;max-width:none;height:100%;margin:0}.courseWorkspaceExerciseFrame>.standaloneExercise{flex-direction:column;min-height:0;display:flex}.courseWorkspaceExerciseFrame>.standaloneExercise>.staffFinderRun,.courseWorkspaceExerciseFrame>.standaloneExercise>.playNoteNameShell{flex:auto;min-height:0}.courseWorkspaceExerciseFrame .lessonPage{padding:clamp(22px,4vw,42px)}.courseWorkspaceExerciseFrame .staffFinderRun,.courseWorkspaceExerciseFrame .playNoteNameShell{min-height:100%}@media (max-width:900px){.courseWorkspace{height:auto;min-height:100%;display:block;overflow:visible}.courseWorkspaceNav{display:none}.courseWorkspaceContent{min-height:0;display:block}.courseWorkspaceContentHeader{flex-direction:column;align-items:stretch}.courseWorkspaceExerciseFrame{overflow:visible}.courseWorkspaceExerciseFrame>.standaloneExercise,.courseWorkspaceExerciseFrame>.lessonPage,.courseWorkspaceExerciseFrame>.learningPathsPage{height:auto;min-height:0}.courseWorkspaceSkipButton{width:100%}}.visuallyHidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.placeholderPage{max-width:780px;margin-left:auto;margin-right:auto;padding:42px}.placeholderPage h1{margin:0 0 12px;font-size:34px;font-weight:700;line-height:1.15}.placeholderPage p{color:#4f4f46;max-width:620px;margin:0;font-size:16px;line-height:1.6}.placeholderPage .eyebrow{color:#73736a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.welcomePage{flex-direction:column;gap:0;min-height:100%;display:flex;overflow-y:auto;width:100%!important;max-width:none!important}.welcomeHero{background:linear-gradient(to bottom,var(--ui-surface),var(--ui-bg));padding:clamp(40px,8vw,80px) clamp(20px,4vw,48px)}.welcomeHeroContent{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);max-width:1200px;margin:0 auto;display:grid}.welcomeHeroText{flex-direction:column;gap:20px;display:flex}.welcomeEyebrow{background:var(--ui-accent);width:fit-content;color:var(--ui-accent-text);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.welcomeHeadline{color:var(--ui-text);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.welcomeHeadlineAccent{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1677f2,#12bf92);-webkit-background-clip:text;background-clip:text}.welcomeSubheadline{max-width:520px;color:var(--ui-text-muted);margin:0;font-size:clamp(16px,1.8vw,20px);line-height:1.6}.welcomeHeroCta{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.welcomeCtaPrimary{background:var(--ui-accent);color:var(--ui-accent-text);border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .1s,filter .1s;display:inline-flex}.welcomeCtaPrimary:hover{filter:brightness(1.1)}.welcomeCtaPrimary:active{transform:scale(.98)}.welcomeCtaSecondary{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:10px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.welcomeCtaSecondary:hover{border-color:var(--ui-border-strong);background:var(--ui-surface-muted)}.welcomeHeroVisual{justify-content:center;align-items:center;display:flex}.welcomeHeroImage{object-fit:contain;filter:drop-shadow(0 20px 40px #0000001f);width:100%;max-width:480px;height:auto;display:block}.welcomeQuickStart{background:var(--ui-bg);padding:clamp(40px,6vw,64px) clamp(20px,4vw,48px)}.welcomeQuickStartLabel{max-width:1200px;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 auto 20px;font-size:13px;font-weight:700}.welcomeQuickStartGrid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.welcomeQuickStartCard{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:12px;align-items:center;gap:14px;padding:18px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.welcomeQuickStartCard:hover{border-color:var(--ui-accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.welcomeQuickStartCard svg:first-child{color:var(--ui-accent);flex-shrink:0}.welcomeQuickStartCard span{flex:1}.welcomeQuickStartArrow{color:var(--ui-text-muted);opacity:0;flex-shrink:0;transition:opacity .15s,transform .15s;transform:translate(-4px)}.welcomeQuickStartCard:hover .welcomeQuickStartArrow{opacity:1;transform:translate(0)}.welcomeFeatures{background:var(--ui-surface);padding:clamp(60px,10vw,100px) clamp(20px,4vw,48px)}.welcomeFeaturesHeader{text-align:center;max-width:1200px;margin:0 auto clamp(48px,8vw,80px)}.welcomeFeaturesHeadline{color:var(--ui-text);letter-spacing:-.02em;text-wrap:balance;margin:12px 0 0;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.15}.welcomeFeatureStack{flex-direction:column;gap:clamp(48px,8vw,80px);max-width:1200px;margin:0 auto;display:flex}.welcomeFeatureSection{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.welcomeFeatureReverse .welcomeFeatureVisual{order:2}.welcomeFeatureVisual{justify-content:center;align-items:center;display:flex}.welcomeFeatureImageWrapper{aspect-ratio:1;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:24px;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000014}.welcomeFeatureImage{object-fit:cover;width:100%;height:100%;display:block}.welcomeFeatureCopy{flex-direction:column;gap:16px;display:flex}.welcomeFeatureIcon{background:var(--ui-positive-surface);width:48px;height:48px;color:var(--ui-positive);border-radius:12px;justify-content:center;align-items:center;display:flex}.welcomeFeatureCopy h3{color:var(--ui-text);margin:0;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.2}.welcomeFeatureCopy>p{max-width:480px;color:var(--ui-text-muted);margin:0;font-size:clamp(15px,1.6vw,17px);line-height:1.65}.welcomeFeaturePoints{flex-direction:column;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.welcomeFeaturePoints li{color:var(--ui-text);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}.welcomeFeatureCheck{background:var(--ui-positive-surface);width:22px;height:22px;color:var(--ui-positive);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.welcomeBottomCta{background:var(--ui-bg);padding:clamp(60px,10vw,100px) clamp(20px,4vw,48px)}.welcomeBottomCtaContent{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:640px;margin:0 auto;display:flex}.welcomeBottomCtaContent h2{color:var(--ui-text);letter-spacing:-.01em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15}.welcomeBottomCtaContent p{color:var(--ui-text-muted);margin:0;font-size:clamp(16px,1.8vw,18px);line-height:1.6}.mgPage{--mg-forest:#1f3d2a;--mg-forest-muted:#4e6b58;--mg-sky-top:#eaf6ff;--mg-sky-bottom:#d6edfb;--mg-grass:#cdeac0;--mg-grass-deep:#a7d894;--mg-petal-pink:#ffd6e2;--mg-petal-yellow:#fff0bd;--mg-petal-blue:#cfe9ff;--mg-petal-purple:#e3d8fb;--mg-petal-teal:#c5efe6;--mg-petal-orange:#ffddbf;min-height:100%;color:var(--mg-forest);background:linear-gradient(to bottom,var(--mg-sky-top),#f3fbef 60%);flex-direction:column;display:flex;overflow-y:auto;width:100%!important;max-width:none!important}.mgHero{background:linear-gradient(to bottom,var(--mg-sky-top),var(--mg-sky-bottom));padding:clamp(44px,7vw,88px) clamp(20px,4vw,56px) clamp(56px,8vw,96px);position:relative;overflow:hidden}.mgHeroSun{filter:drop-shadow(0 10px 18px #ffc45766);width:clamp(72px,9vw,120px);height:auto;animation:6s ease-in-out infinite mgFloat;position:absolute;top:clamp(16px,3vw,40px);right:clamp(24px,6vw,96px)}.mgHeroFloat{opacity:.85;height:auto;animation:7s ease-in-out infinite mgFloat;position:absolute}.mgHeroFloat1{width:clamp(40px,5vw,64px);animation-delay:.6s;bottom:8%;left:42%}.mgHeroFloat2{width:clamp(34px,4vw,52px);animation-delay:1.4s;bottom:24%;left:33%}.mgHeroContent{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,6vw,72px);max-width:1180px;margin:0 auto;display:grid;position:relative}.mgHeroText{flex-direction:column;gap:18px;display:flex}.mgEyebrow{border:2px solid var(--mg-grass-deep);width:fit-content;color:var(--mg-forest);letter-spacing:.01em;background:#fff;border-radius:999px;align-items:center;gap:7px;margin:0;padding:7px 16px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 4px #7cb26e73}.mgEyebrow svg{color:var(--mg-grass-deep)}.mgEyebrowCenter{margin:0 auto}.mgHeadline{color:var(--mg-forest);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.1}.mgHeadlineAccent{color:#2f9e6f;position:relative}.mgSubheadline{max-width:520px;color:var(--mg-forest-muted);margin:0;font-size:clamp(16px,1.7vw,19px);line-height:1.6}.mgHeroCta{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.mgCtaPrimary{color:#fff;background:#3fb27a;border:none;border-radius:999px;align-items:center;gap:8px;padding:15px 26px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 90ms,box-shadow 90ms,filter 90ms;display:inline-flex;box-shadow:0 6px #2c8c5d}.mgCtaPrimary:hover{filter:brightness(1.04)}.mgCtaPrimary:active{transform:translateY(4px);box-shadow:0 2px #2c8c5d}.mgCtaSecondary{border:2px solid var(--mg-grass-deep);color:var(--mg-forest);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:15px 26px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 90ms,box-shadow 90ms,background .15s;display:inline-flex;box-shadow:0 6px #7cb26e66}.mgCtaSecondary:hover{background:#f1faec}.mgCtaSecondary:active{transform:translateY(4px);box-shadow:0 2px #7cb26e66}.mgStaff{background:#fff;border:2px solid #1f3d2a1a;border-radius:22px;width:100%;max-width:380px;margin:16px 0 0;padding:12px 14px;box-shadow:0 6px #1f3d2a1a}.mgStaffSvg{width:100%;height:auto;display:block;overflow:visible}.mgStaffLine{stroke:#1f3d2a59;stroke-width:1.5px;stroke-linecap:round}.mgStaffClef{fill:var(--mg-forest);font-size:64px}.mgStaffStem{stroke:var(--mg-forest);stroke-width:2.5px;stroke-linecap:round}.mgStaffHead{stroke:var(--mg-forest);stroke-width:2.25px}.mgStaffEye{fill:var(--mg-forest)}.mgStaffSmile{fill:none;stroke:var(--mg-forest);stroke-width:1.4px;stroke-linecap:round}.mgStaffNote{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite mgFloat}.mgHeroVisual{justify-content:center;align-items:center;display:flex}.mgHeroLogo{filter:drop-shadow(0 16px 28px #43825e47);width:min(100%,440px);height:auto;animation:5s ease-in-out infinite mgBob}.mgQuickStart{padding:clamp(44px,6vw,72px) clamp(20px,4vw,56px)}.mgSectionLabel{width:100%;max-width:1180px;color:var(--mg-forest-muted);letter-spacing:.02em;align-items:center;gap:8px;margin:0 auto clamp(20px,3vw,28px);font-size:14px;font-weight:800;display:inline-flex}.mgSectionLabel svg{color:#f5b942}.mgQuickStartGrid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:0 auto;display:grid}.mgSproutCard{color:var(--mg-forest);border:2px solid #1f3d2a14;border-radius:22px;grid-template-columns:auto 1fr auto;grid-template-areas:"icon label arrow""icon hint arrow";align-items:center;column-gap:14px;padding:18px 20px;text-decoration:none;transition:transform .11s,box-shadow .11s;display:grid;box-shadow:0 6px #1f3d2a1a}.mgSproutCard:hover{transform:translateY(-3px);box-shadow:0 9px #1f3d2a1f}.mgSproutCard:active{transform:translateY(2px);box-shadow:0 3px #1f3d2a1f}.mgSproutPink{background:var(--mg-petal-pink)}.mgSproutBlue{background:var(--mg-petal-blue)}.mgSproutYellow{background:var(--mg-petal-yellow)}.mgSproutPurple{background:var(--mg-petal-purple)}.mgSproutIcon{width:48px;height:48px;color:var(--mg-forest);background:#ffffffb3;border-radius:16px;grid-area:icon;place-items:center;display:grid}.mgSproutLabel{grid-area:label;font-size:16px;font-weight:850}.mgSproutHint{color:var(--mg-forest-muted);grid-area:hint;font-size:12.5px;font-weight:600}.mgSproutArrow{color:var(--mg-forest);opacity:.55;grid-area:arrow;transition:transform .12s,opacity .12s}.mgSproutCard:hover .mgSproutArrow{opacity:1;transform:translate(3px)}.mgFeatures{background:linear-gradient(#0000,#eef9ea);padding:clamp(56px,9vw,96px) clamp(20px,4vw,56px)}.mgFeaturesHeader{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto clamp(44px,7vw,72px);display:flex}.mgFeaturesHeadline{color:var(--mg-forest);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(27px,4vw,42px);font-weight:800;line-height:1.15}.mgFeatureStack{flex-direction:column;gap:clamp(44px,7vw,72px);max-width:1100px;margin:0 auto;display:flex}.mgFeatureSection{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,72px);display:grid}.mgFeatureReverse .mgFeatureVisual{order:2}.mgFeatureVisual{justify-content:center;align-items:center;display:flex}.mgFeatureImageWrapper{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fff 0%,transparent 60%),linear-gradient(to bottom,var(--mg-sky-top),var(--mg-petal-teal));border:3px solid #fff;border-radius:40px;place-items:center;width:100%;max-width:340px;display:grid;position:relative;box-shadow:0 18px 44px #43825e33}.mgFeatureFlower{width:clamp(120px,22vw,180px);height:auto;animation:5s ease-in-out infinite mgBob}.mgFeatureCopy{flex-direction:column;gap:16px;display:flex}.mgFeatureIcon{border:2px solid var(--mg-grass-deep);color:#2f9e6f;background:#fff;border-radius:18px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 5px #7cb26e66}.mgFeatureCopy h3{color:var(--mg-forest);font-family:var(--font-display);margin:0;font-size:clamp(23px,3vw,31px);font-weight:800;line-height:1.2}.mgFeatureCopy>p{max-width:480px;color:var(--mg-forest-muted);margin:0;font-size:clamp(15px,1.6vw,17px);line-height:1.65}.mgFeaturePoints{flex-direction:column;gap:12px;margin:6px 0 0;padding:0;list-style:none;display:flex}.mgFeaturePoints li{color:var(--mg-forest);align-items:flex-start;gap:12px;font-size:15px;font-weight:600;line-height:1.5;display:flex}.mgFeatureCheck{background:var(--mg-grass);color:#2c8c5d;border-radius:999px;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;display:grid}.mgBottomCta{background:linear-gradient(to bottom,#eef9ea,var(--mg-grass));padding:clamp(56px,9vw,96px) clamp(20px,4vw,56px) 0;position:relative}.mgBottomCtaContent{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:620px;margin:0 auto;display:flex}.mgBottomSun{width:clamp(64px,8vw,88px);height:auto;animation:4s ease-in-out infinite mgBob}.mgBottomCtaContent h2{color:var(--mg-forest);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:clamp(27px,4vw,40px);font-weight:800;line-height:1.15}.mgBottomCtaContent p{color:var(--mg-forest-muted);margin:0;font-size:clamp(16px,1.7vw,18px);line-height:1.6}.mgGardenBed{justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,32px);max-width:900px;margin:clamp(32px,5vw,56px) auto 0;padding-bottom:8px;display:flex}.mgGardenBed img{height:auto;animation:5s ease-in-out infinite mgBob}.mgGardenBed img:nth-child(2){animation-delay:.4s}.mgGardenBed img:nth-child(3){animation-delay:.8s}.mgGardenBed img:nth-child(4){animation-delay:1.2s}.mgGardenBed img:nth-child(5){animation-delay:1.6s}@keyframes mgFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mgBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@media (max-width:860px){.mgHeroContent{text-align:center;grid-template-columns:1fr}.mgHeroText{align-items:center}.mgHeroVisual{order:-1}.mgQuickStartGrid{grid-template-columns:repeat(2,1fr)}.mgFeatureSection{text-align:center;grid-template-columns:1fr}.mgFeatureReverse .mgFeatureVisual{order:0}.mgFeatureCopy{align-items:center}.mgFeaturePoints li{text-align:left}}@media (max-width:520px){.mgQuickStartGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mgHeroSun,.mgHeroFloat,.mgHeroSheep,.mgSceneFlower,.mgFeatureFlower,.mgBottomSun,.mgGardenBed img{animation:none}}.settingsPage{background:var(--ui-bg);height:100%;padding:34px;overflow:auto}.settingsHeader{max-width:880px;margin-bottom:22px;margin-left:auto;margin-right:auto}.settingsHeader .eyebrow,.settingsLabel{color:var(--ui-text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.settingsHeader h1{color:var(--ui-text);margin:0 0 10px;font-size:34px;line-height:1.15}.settingsHeader p{max-width:680px;color:var(--ui-text-muted);margin:0;font-size:16px;line-height:1.6}.settingsPanel{border:1px solid var(--ui-border);background:var(--ui-surface);max-width:980px;box-shadow:var(--ui-shadow);border-radius:8px;margin-bottom:18px;margin-left:auto;margin-right:auto;padding:18px}.settingsPanelHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.settingsPanelHeader h2{color:var(--ui-text);margin:0;font-size:22px;line-height:1.2}.settingsField{gap:8px;max-width:420px;margin-bottom:14px;display:grid}.settingsField span{color:var(--ui-text);font-size:13px;font-weight:800}.settingsField input{min-height:42px;color:var(--ui-text);font:inherit;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:0 12px}.settingsField input:focus{border-color:var(--ui-accent);outline:2px solid var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.settingsField input:focus{outline:2px solid color-mix(in srgb,var(--ui-accent)18%,transparent)}}.settingsField input:focus{outline-offset:2px}.settingsInputControls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.settingsThemeGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settingsHubGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin-left:auto;margin-right:auto;display:grid}.settingsHubCard{border:1px solid var(--ui-border);background:var(--ui-surface);width:100%;min-height:150px;box-shadow:var(--ui-shadow);color:inherit;font:inherit;text-align:left;border-radius:8px;gap:10px;padding:18px;text-decoration:none;display:grid}.settingsHubCard:hover,.settingsHubCard:focus-visible{border-color:var(--ui-accent);outline:none}.settingsHubCard span{color:var(--ui-text);font-size:20px;font-weight:850;line-height:1.2}.settingsHubCard p{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.5}.settingsThemeCard{border:1px solid var(--ui-border);background:var(--ui-surface-muted);min-height:112px;color:var(--ui-text);text-align:left;border-radius:8px;gap:8px;padding:14px;display:grid}.settingsThemeCard[data-active=true]{border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}.settingsThemeCard span{font-size:16px;font-weight:800}.settingsThemeCard small{color:var(--ui-text-muted);font-size:12px;line-height:1.4}.settingsThemeCard[data-theme-choice=indigo]{color:#1e1b4b;background:linear-gradient(135deg,#fff 0%,#eceaff 50%,#efe7ff 100%)}.settingsThemeCard[data-theme-choice=teal]{color:#0f3733;background:linear-gradient(135deg,#fff 0%,#d8f5ef 50%,#ccf3eb 100%)}.settingsThemeCard[data-theme-choice=orange]{color:#4a2410;background:linear-gradient(135deg,#fff 0%,#ffe7d1 50%,#ffeccb 100%)}.settingsThemeCard[data-theme-choice=forest-green]{color:#0f2f1c;background:linear-gradient(135deg,#fff 0%,#d6f2df 50%,#d2efda 100%)}.settingsThemeCard[data-theme-choice=coral]{color:#4a1d16;background:linear-gradient(135deg,#fff 0%,#ffe0d9 50%,#ffe6dc 100%)}.settingsInputControls label{min-width:220px;color:var(--ui-text-muted);text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}.settingsInputControls select,.settingsInputControls input[type=number],.settingsInputControls input[type=range]{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:38px;color:var(--ui-text);font:inherit;text-transform:none;border-radius:8px;padding:0 10px}.settingsInputControls input[type=number]{max-width:130px}.settingsInputControls input[type=range]{min-width:220px;padding:0}.settingsInputHint{border:1px solid var(--ui-border);background:var(--ui-surface-muted);min-height:38px;color:var(--ui-text-muted);border-radius:8px;padding:11px 12px;font-size:13px}.settingsPreferenceControls{gap:14px;display:grid}.settingsPreferenceControls label{grid-template-columns:180px minmax(220px,320px);align-items:center;gap:16px;display:grid}.settingsPreferenceControls label>span{color:var(--ui-text-muted);text-transform:uppercase;font-size:12px;font-weight:750}.settingsPreferenceControls .uiSelectTrigger{width:100%}.settingsSaveStatus{color:var(--ui-text-muted);font-size:13px;font-weight:700}.settingsPreferenceNotice{color:var(--ui-text-muted);margin:14px 0 0;font-size:14px;line-height:1.5}.settingsMonitorGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:980px;margin-left:auto;margin-right:auto;display:grid}.settingsMonitorCard{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;gap:10px;min-height:190px;padding:16px;display:grid}.settingsMonitorCard[data-active=true]{border-color:var(--ui-positive);box-shadow:inset 0 0 0 1px var(--ui-positive)}.settingsMonitorCardHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.settingsMonitorCard h2{color:var(--ui-text);margin:0;font-size:18px;line-height:1.2}.settingsMonitorCardHeader span{background:var(--ui-surface-muted);color:var(--ui-text-muted);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px}.settingsMonitorCard[data-active=true] .settingsMonitorCardHeader span{background:var(--ui-positive-surface);color:var(--ui-positive)}.settingsMonitorCard strong{color:var(--ui-text);word-break:break-word;font-size:28px;line-height:1.1}.settingsMonitorCard p{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.4}.settingsMonitorCard small{color:var(--ui-text-muted);font-size:12px;line-height:1.35}.audioSetupOverlay{z-index:10050;background:#1f1f1d6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.audioSetupDialog{border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(100%,1040px);max-height:min(86vh,820px);display:grid;overflow:hidden;box-shadow:0 24px 80px #1f1f1d47}.audioSetupDialogHeader{border-bottom:1px solid var(--ui-border);background:var(--ui-surface);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.audioSetupDialogHeader h2{color:var(--ui-text);margin:0 0 6px;font-size:24px;line-height:1.15}.audioSetupDialogHeader p{color:var(--ui-text-muted);margin:0;line-height:1.45}.audioSetupDialogBody{min-height:0;padding:18px;overflow:auto}.audioSetupDialogBody .settingsPanel,.audioSetupDialogBody .settingsMonitorGrid{max-width:none}.accountInfoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.accountInfoGrid div,.accountMiniPanel{gap:6px;display:grid}.accountInfoGrid dt{color:var(--ui-text-muted);text-transform:uppercase;font-size:12px;font-weight:750}.accountInfoGrid dd{color:var(--ui-text);word-break:break-word;margin:0;font-size:15px;font-weight:750}.accountPanelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin-left:auto;margin-right:auto;display:grid}.accountMiniPanel{margin-bottom:0}.accountMiniPanel p,.accountMuted{color:var(--ui-text-muted);margin:0;line-height:1.5}.accountActionLink{text-decoration:none}.youtubePlayerPage{height:100%;padding:34px;overflow:auto}.youtubePlayerHeader{max-width:880px;margin-bottom:22px;margin-left:auto;margin-right:auto}.youtubePlayerHeader .eyebrow{color:#73736a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.youtubePlayerHeader h1{color:#20201d;margin:0 0 10px;font-size:34px;line-height:1.15}.youtubePlayerHeader p{color:#4f4f46;max-width:680px;margin:0;font-size:16px;line-height:1.6}.youtubePlayerShell{background:#111;border:1px solid #deded6;border-radius:8px;max-width:980px;margin-left:auto;margin-right:auto;overflow:hidden}.youtubePlayerFrame{aspect-ratio:16/9;width:100%}.youtubePlayerFrame iframe{width:100%;height:100%;display:block}.youtubePlayerControls{background:#fff;border:1px solid #deded6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;max-width:980px;margin-top:14px;margin-left:auto;margin-right:auto;padding:14px;display:flex}.youtubePlayerStatus{color:#4f4f46;font-size:14px}.youtubePlayerTime{color:#20201d;background:#f1f1ec;border-radius:8px;margin-left:auto;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px}.exercisesPage{height:100%;padding:34px;overflow:auto}.exercisesHeader{max-width:880px;margin-bottom:22px;margin-left:auto;margin-right:auto}.exercisesHeader .eyebrow{color:#73736a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.exercisesHeader h1{color:#20201d;margin:0 0 10px;font-size:34px;line-height:1.15}.exercisesHeader p{color:#4f4f46;max-width:680px;margin:0;font-size:16px;line-height:1.6}.exerciseCatalog{align-content:start;gap:22px;display:grid}.exerciseCatalogHero{background:radial-gradient(60px 60px at 88% 26%,#ffe9a8cc,#0000 70%),linear-gradient(#eaf6ff 0%,#f1fbef 52%,#dff2d3 100%);border:3px solid #fff;border-radius:30px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;width:min(1180px,100%);margin-left:auto;margin-right:auto;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #43825e38}.exerciseCatalogHero:after{content:"";background:var(--ui-accent);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-40px}@supports (color:color-mix(in lab, red, red)){.exerciseCatalogHero:after{background:color-mix(in srgb,var(--ui-accent)18%,transparent)}}.exerciseCatalogHero:after{pointer-events:none}.exerciseCatalogHeroIntro{max-width:620px}.exerciseCatalogHeroIntro .eyebrow{color:var(--ui-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.exerciseCatalogHeroIntro h1{color:var(--ui-text);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(32px,4vw,44px);line-height:1.08}.exerciseCatalogHeroIntro p{color:var(--ui-text-muted);margin:0;font-size:16px;line-height:1.55}.exerciseCatalogHeroStats{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid;position:relative}.exerciseCatalogHeroStats div{text-align:center;background:#ffffffc7;border:2px solid #fff;border-radius:22px;gap:4px;min-width:96px;padding:14px 18px;display:grid;box-shadow:0 5px #43825e29}.exerciseCatalogHeroStats dt{color:var(--ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.exerciseCatalogHeroStats dd{color:var(--ui-accent);margin:0;font-size:30px;font-weight:850;line-height:1}.exerciseCatalogToolbar{z-index:5;border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;width:min(1180px,100%);margin-left:auto;margin-right:auto;padding:12px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.exerciseCatalogToolbar{background:color-mix(in srgb,var(--ui-bg)88%,transparent)}}.exerciseCatalogToolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.exerciseCatalogSearch{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:46px;color:var(--ui-text-muted);border-radius:999px;flex:260px;align-items:center;gap:10px;padding:0 14px;display:flex}.exerciseCatalogSearch:focus-within{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseCatalogSearch:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent)18%,transparent)}}.exerciseCatalogSearch input{min-width:0;color:var(--ui-text);font:inherit;background:0 0;border:0;flex:1}.exerciseCatalogSearch input::placeholder{color:var(--ui-text-muted)}.exerciseCatalogSearch input:focus{outline:none}.exerciseCatalogFilters{flex-wrap:wrap;gap:8px;display:flex}.exerciseCatalogFilterChip{border:2px solid var(--ui-border);background:var(--ui-surface);min-height:46px;color:var(--ui-text);font-family:var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:14px;font-weight:700;transition:border-color .15s,background .15s,color .15s,transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 4px #43825e1f}.exerciseCatalogFilterChip:active{transform:translateY(3px);box-shadow:0 1px #43825e1f}.exerciseCatalogFilterChip .exerciseKindIcon{width:26px;height:26px}.exerciseCatalogFilterChip small{background:var(--ui-surface-muted);min-width:22px;height:22px;color:var(--ui-text-muted);border-radius:999px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.exerciseCatalogFilterChip:hover{border-color:var(--ui-border-strong);background:var(--ui-nav-hover)}.exerciseCatalogFilterChip[data-active=true]{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-accent-text);box-shadow:0 4px 0 var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseCatalogFilterChip[data-active=true]{box-shadow:0 4px 0 color-mix(in srgb,var(--ui-accent)60%,#1f3d2a)}}.exerciseCatalogFilterChip[data-active=true] small{background:var(--ui-accent-text)}@supports (color:color-mix(in lab, red, red)){.exerciseCatalogFilterChip[data-active=true] small{background:color-mix(in srgb,var(--ui-accent-text)25%,transparent)}}.exerciseCatalogFilterChip[data-active=true] small{color:var(--ui-accent-text)}.exerciseCatalogLegendStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(1180px,100%);margin-left:auto;margin-right:auto;display:grid}.exerciseCatalogLegendChip{background:var(--ui-surface);border:2px solid #fff;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:0 5px #43825e1a}.exerciseCatalogLegendChip[data-kind=performance]{background:linear-gradient(to bottom,#eaf3ff,var(--ui-surface)60%)}.exerciseCatalogLegendChip[data-kind=interactive]{background:linear-gradient(to bottom,#fff3e0,var(--ui-surface)60%)}.exerciseCatalogLegendChip[data-kind=lesson]{background:linear-gradient(to bottom,#ecf9e4,var(--ui-surface)60%)}.exerciseCatalogLegendChip .exerciseKindIcon{width:38px;height:38px}.exerciseCatalogLegendChip>span{color:var(--ui-text-muted);gap:2px;font-size:12px;line-height:1.4;display:grid}.exerciseCatalogLegendChip strong{color:var(--ui-text);font-size:14px}.exerciseCatalogResults{gap:34px;width:min(1180px,100%);margin-left:auto;margin-right:auto;display:grid}.exerciseCatalogResultsCount{color:var(--ui-text-muted);margin:0;font-size:13px;font-weight:700}.exerciseCategorySection{--cat-tint:#e3f6ec;--cat-accent:#2f9e6f;background:var(--ui-surface);border:3px solid #fff;border-radius:28px;gap:0;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #43825e24,0 22px 46px #43825e29}.exerciseCategorySection:before{content:"";background:var(--cat-accent);z-index:1;width:8px;height:100%;position:absolute;top:0;left:0}.exerciseCategorySection[data-variant=sky]{--cat-tint:#e4f1ff;--cat-accent:#2f7fc4}.exerciseCategorySection[data-variant=mint]{--cat-tint:#e3f6ec;--cat-accent:#2f9e6f}.exerciseCategorySection[data-variant=sun]{--cat-tint:#fff5d9;--cat-accent:#c98a12}.exerciseCategorySection[data-variant=peach]{--cat-tint:#ffeada;--cat-accent:#d9722f}.exerciseCategorySection[data-variant=lavender]{--cat-tint:#efeafb;--cat-accent:#7b6cc4}.exerciseCategoryBanner{background:radial-gradient(160px 90px at 92% 20%,var(--cat-accent),transparent 70%),linear-gradient(180deg,var(--cat-tint),var(--cat-tint));border:2px solid #fff;border-radius:22px 22px 12px 12px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 22px;display:grid}@supports (color:color-mix(in lab, red, red)){.exerciseCategoryBanner{background:radial-gradient(160px 90px at 92% 20%,color-mix(in srgb,var(--cat-accent)14%,transparent),transparent 70%),linear-gradient(180deg,var(--cat-tint),color-mix(in srgb,var(--cat-tint)45%,var(--ui-surface)))}}.exerciseCategoryBanner{color:var(--ui-text);box-shadow:0 5px #43825e1f}.exerciseCategoryBanner>img{width:88px;height:88px;box-shadow:0 5px 0 var(--cat-accent);background:#fff;border:3px solid #fff;border-radius:20px}@supports (color:color-mix(in lab, red, red)){.exerciseCategoryBanner>img{box-shadow:0 5px 0 color-mix(in srgb,var(--cat-accent)30%,transparent)}}.exerciseCategoryBanner>img{object-fit:cover}.exerciseCategoryBannerText .eyebrow{color:var(--cat-accent);letter-spacing:.07em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.exerciseCategoryBannerText h2{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 4px;font-size:clamp(22px,2.6vw,30px);line-height:1.12}.exerciseCategoryBannerText p{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.5}.exerciseCategoryBannerCount{background:var(--cat-accent);border:2px solid #fff;border-radius:999px;padding:8px 13px}@supports (color:color-mix(in lab, red, red)){.exerciseCategoryBannerCount{background:color-mix(in srgb,var(--cat-accent)16%,#fff)}}.exerciseCategoryBannerCount{color:var(--cat-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseCategoryBannerCount{color:color-mix(in srgb,var(--cat-accent)72%,var(--ui-text))}}.exerciseCategoryBannerCount{white-space:nowrap;font-size:12px;font-weight:800}.exerciseCardGrid{background:linear-gradient(180deg,var(--cat-tint),var(--ui-surface));border-radius:0 0 20px 20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;padding:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.exerciseCardGrid{background:linear-gradient(180deg,color-mix(in srgb,var(--cat-tint)55%,var(--ui-surface)),var(--ui-surface))}}.exerciseCard{background:#fff;border:2px solid #fff;border-radius:18px;grid-template-rows:auto 1fr auto auto;gap:14px;padding:18px;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 5px #43825e1f,0 14px 26px #43825e24}.exerciseCardOverlayLink{z-index:1;border-radius:inherit;position:absolute;inset:0}.exerciseCardOverlayLink:focus-visible{outline:3px solid var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseCardOverlayLink:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent)72%,white)}}.exerciseCardOverlayLink:focus-visible{outline-offset:4px}.exerciseCard:hover{transform:translateY(-4px);box-shadow:0 9px #43825e29,0 20px 34px #43825e33}.exerciseCard[data-selected=true]{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseCard[data-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent)18%,transparent)}}.exerciseCardHeader{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.exerciseCardKind{background:var(--ui-surface-muted);color:var(--ui-text);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;font-weight:800;display:inline-flex}.exerciseCardKind .exerciseKindIcon{width:26px;height:26px}.exerciseCardBody{z-index:2;pointer-events:none;align-content:start;gap:8px;display:grid;position:relative}.exerciseCardBody h3{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:21px;font-weight:700;line-height:1.15}.exerciseCardBody>p{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.45}.exerciseCardOutcomes{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.exerciseCardOutcomes li{color:var(--ui-text-muted);padding-left:18px;font-size:13px;line-height:1.4;position:relative}.exerciseCardOutcomes li:before{content:"";background:var(--ui-accent);border-radius:999px;width:7px;height:7px;position:absolute;top:6px;left:2px}.exerciseCardMeta{z-index:2;pointer-events:none;flex-wrap:wrap;gap:6px;display:flex;position:relative}.exerciseCardMeta span{border:1px solid var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-text-muted);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1}.exerciseCardActions{z-index:3;border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex;position:relative}.exerciseCardLinks{flex-wrap:wrap;gap:10px 14px;display:flex}.exerciseCard .exerciseAddControl{justify-items:end}.exerciseAddControl{z-index:4;gap:5px;display:grid;position:relative}.exerciseAddControl span[role=alert]{color:#9f2f22;font-size:12px;font-weight:750}.exerciseFavoriteButton{border:1px solid var(--ui-border);background:var(--ui-surface);width:40px;height:40px;color:var(--ui-text-muted);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:transform .1s,color .12s,background .12s,border-color .12s;display:inline-grid;box-shadow:0 3px #43825e1a}.exerciseFavoriteButton:hover,.exerciseFavoriteButton:focus-visible{border-color:var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseFavoriteButton:hover,.exerciseFavoriteButton:focus-visible{border-color:color-mix(in srgb,var(--ui-accent)45%,var(--ui-border))}}.exerciseFavoriteButton:hover,.exerciseFavoriteButton:focus-visible{color:var(--ui-accent);background:var(--ui-accent-soft)}.exerciseFavoriteButton:active{transform:translateY(2px)}.exerciseFavoriteButton:disabled{cursor:not-allowed;opacity:.55}.exerciseFavoriteButton svg{stroke-width:2.2px;width:20px;height:20px}.exerciseFavoriteButton[data-active=true]{border-color:var(--ui-border);background:var(--ui-surface);color:#d63d3d}.exerciseFavoriteButton[data-active=true] svg{fill:currentColor}.exerciseCatalogEmpty{border:1px dashed var(--ui-border-strong);background:var(--ui-surface);text-align:center;border-radius:16px;justify-items:center;gap:10px;width:min(1180px,100%);margin-left:auto;margin-right:auto;padding:48px 24px;display:grid}.exerciseCatalogEmpty h2{color:var(--ui-text);margin:0;font-size:22px}.exerciseCatalogEmpty p{color:var(--ui-text-muted);margin:0}.exerciseAccordion{gap:14px;max-width:980px;margin-left:auto;margin-right:auto;display:grid}.exerciseLegend{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:6px;display:grid}.exerciseLegendItem{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.exerciseLegendItem h2{color:var(--ui-text);margin:0 0 6px;font-size:16px;line-height:1.2}.exerciseLegendItem p{color:var(--ui-text-muted);margin:0;font-size:12px;line-height:1.45}.exerciseKindIcon{flex:none;place-items:center;width:38px;height:38px;display:inline-grid;position:relative}.exerciseLegendItem .exerciseKindIcon{width:52px;height:52px}.exerciseKindIcon img{object-fit:contain;border-radius:999px;width:100%;height:100%;display:block}.exerciseCategoryPanel{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;overflow:hidden}.exerciseCategoryPanel summary{min-height:92px;color:var(--ui-text);cursor:pointer;background:linear-gradient(90deg,var(--ui-accent),transparent 42%),var(--ui-surface);grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:14px 22px 14px 14px;list-style:none;display:grid}@supports (color:color-mix(in lab, red, red)){.exerciseCategoryPanel summary{background:linear-gradient(90deg,color-mix(in srgb,var(--ui-accent)12%,transparent),transparent 42%),var(--ui-surface)}}.exerciseCategoryPanel summary::-webkit-details-marker{display:none}.exerciseCategoryPanel summary:after{content:"+";border:1px solid var(--ui-border);background:var(--ui-surface-muted);width:36px;height:36px;color:var(--ui-accent);border-radius:999px;grid-area:1/3/span 2;align-self:center;place-items:center;font-size:24px;font-weight:800;line-height:1.2;display:grid}.exerciseCategoryPanel[open] summary:after{content:"-"}.exerciseCategoryPanel summary:hover{background:var(--ui-nav-hover)}.exerciseCategoryImage{border:1px solid var(--ui-border);background:var(--ui-surface);object-fit:cover;border-radius:8px;grid-area:1/1/span 2;width:96px;height:96px}.exerciseCategoryPanel summary span{color:var(--ui-text);grid-column:2;font-size:clamp(22px,3vw,30px);font-weight:850;line-height:1.15}.exerciseCategoryPanel summary small{color:var(--ui-text-muted);grid-column:2;font-size:15px;line-height:1.45}.exerciseCategoryLinks{border-top:1px solid var(--ui-border);background:var(--ui-surface-muted);gap:10px;padding:14px;display:grid}.exerciseDummyLink{border:1px solid var(--ui-border);background:var(--ui-surface);color:inherit;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:13px 14px;text-decoration:none;display:grid}.exerciseDummyLink:hover,.exerciseDummyLink:focus-visible{background:var(--ui-nav-hover);border-color:var(--ui-border-strong);outline:none}.exerciseDummyLink strong{color:var(--ui-text);margin-bottom:4px;font-size:15px;line-height:1.2;display:block}.exerciseDummyLink span{color:var(--ui-text-muted);margin:0;font-size:13px;line-height:1.5}.exerciseStoreHeader{justify-content:space-between;align-items:flex-end;gap:18px;max-width:1180px;display:flex}.exercisePlanMiniCart{border:1px solid var(--ui-border-strong);background:var(--ui-surface);min-width:128px;box-shadow:var(--ui-shadow);text-align:center;border-radius:8px;padding:14px 16px;display:grid}.exercisePlanMiniCart span,.exercisePlanMiniCart small{color:var(--ui-text-muted);text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.2}.exercisePlanMiniCart strong{color:var(--ui-accent);font-size:34px;line-height:1}.exerciseStoreLayout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start;gap:18px;width:min(1180px,100%);margin-left:auto;margin-right:auto;display:grid}.exerciseStoreCategories{gap:18px;min-width:0;display:grid}.exerciseStoreCatalog{width:min(1180px,100%);margin-left:auto;margin-right:auto}.exerciseCategoryGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.exerciseAllExercisesList{gap:24px;display:grid}.exerciseCatalogLegend{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.exerciseCatalogLegend .exerciseLegendItem{background:var(--ui-surface);box-shadow:var(--ui-shadow);align-items:center;padding:12px}.exerciseCatalogLegend .exerciseLegendItem h2{font-size:15px}.exerciseCatalogLegend .exerciseLegendItem p{max-width:260px}.exerciseCatalogGroup{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;overflow:hidden}.exerciseCatalogGroupHeader{border-bottom:1px solid var(--ui-border);background:var(--ui-surface);padding:18px}.exerciseCatalogGroupHeader h2{color:var(--ui-text);letter-spacing:0;margin:0 0 6px;font-size:clamp(24px,3vw,34px);font-weight:850;line-height:1.15}.exerciseCatalogGroup .exerciseProductRow:first-child{padding-top:18px}.exerciseCatalogGroup .exerciseProductRow:last-child{padding-bottom:18px}.exerciseCategoryCard{border:1px solid var(--ui-border-strong);background:var(--ui-surface);min-height:420px;box-shadow:var(--ui-shadow);color:inherit;border-radius:8px;grid-template-rows:minmax(190px,1fr) auto;text-decoration:none;display:grid;overflow:hidden}.exerciseCategoryCard:hover,.exerciseCategoryCard:focus-visible{border-color:var(--ui-accent);outline:none;transform:translateY(-1px)}.exerciseCategoryCard img{background:var(--ui-surface-muted);object-fit:cover;width:100%;height:100%;min-height:230px}.exerciseCategoryCard div{align-content:start;gap:10px;padding:16px;display:grid}.exerciseCategoryCard h2{color:var(--ui-text);margin:0;font-size:clamp(24px,2.6vw,32px);line-height:1.12}.exerciseCategoryCard p{color:var(--ui-text-muted);margin:0;line-height:1.5}.exerciseCategoryCard strong{border:1px solid var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-accent);border-radius:999px;justify-self:start;padding:6px 9px;font-size:13px}.exerciseStoreCategory{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;gap:14px;padding:16px;display:grid}.exerciseStoreCategoryHeader{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;display:grid}.exerciseStoreCategoryHeader img{border:1px solid var(--ui-border);background:var(--ui-surface-muted);object-fit:cover;border-radius:8px;width:82px;height:82px}.exerciseStoreCategoryHeader h2,.exerciseDetailPanel h2{color:var(--ui-text);margin:0 0 6px;line-height:1.15}.exerciseStoreCategoryHeader h2{font-size:clamp(24px,3vw,34px)}.exerciseStoreCategoryHeader p,.exerciseDetailPanel p{color:var(--ui-text-muted);margin:0;line-height:1.55}.exerciseProductGrid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;display:grid}.exerciseProductList{display:grid}.exerciseProductRow{border-bottom:1px solid var(--ui-border);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:112px;padding:18px 14px;display:grid}.exerciseProductRow:first-child{padding-top:8px}.exerciseProductRow:last-child{border-bottom:0;padding-bottom:8px}.exerciseProductRowIcon{place-items:center;display:grid}.exerciseProductRowIcon .exerciseKindIcon{width:48px;height:48px}.exerciseProductRowContent{gap:8px;min-width:0;display:grid}.exerciseProductRowContent h2{color:var(--ui-text);margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.08}.exerciseProductRowContent p{color:var(--ui-text-muted);margin:0;font-size:17px;line-height:1.25}.exerciseProductKind{letter-spacing:0;text-transform:uppercase;font-weight:850;color:var(--ui-text-muted)!important;margin-bottom:3px!important;font-size:11px!important;line-height:1!important}.exerciseLevelProgress{grid-template-columns:repeat(var(--level-count,1),minmax(14px,1fr));align-items:center;gap:4px;width:min(260px,100%);min-height:10px;display:grid}.exerciseLevelProgressCell{border:1px solid var(--ui-border-strong);background:var(--ui-surface-muted);border-radius:999px;min-width:14px;height:8px;display:block}.exerciseLevelProgressCell[data-state=completed]{background:#1f6c38;border-color:#1f6c38}.exerciseLevelProgressCell[data-state=attempted],.exerciseLevelProgressCell[data-state=redo]{background:#b42318;border-color:#b42318}.exerciseLevelProgressCell[data-state=available]{border-color:var(--ui-accent);background:var(--ui-surface)}.exerciseLevelProgressCell[data-state=locked]{border-color:var(--ui-border);background:var(--ui-surface-muted)}@supports (color:color-mix(in lab, red, red)){.exerciseLevelProgressCell[data-state=locked]{background:color-mix(in srgb,var(--ui-surface-muted)68%,transparent)}}.exerciseProductRowActions{grid-template-columns:auto minmax(154px,max-content);align-items:center;gap:12px;display:grid}.exerciseViewMoreLink{color:var(--ui-text-muted);font-size:13px;font-weight:800;text-decoration:none}.exerciseViewMoreLink:hover,.exerciseViewMoreLink:focus-visible{color:var(--ui-accent);outline:none;text-decoration:underline}.exerciseStartIconLink{border:1px solid var(--ui-border-strong);background:var(--ui-text);width:42px;height:42px;color:var(--ui-surface);cursor:pointer;border-radius:999px;place-items:center;text-decoration:none;display:grid}.exerciseStartIconLink span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;margin-left:3px}.exerciseStartIconLink:hover,.exerciseStartIconLink:focus-visible{border-color:var(--ui-accent);background:var(--ui-accent);outline:none}.exerciseStartIconLink:disabled{opacity:.45;cursor:not-allowed}.exerciseAddControl{justify-items:end;gap:4px;display:grid}.exerciseAddControl span[role=alert]{color:#b42318;text-align:right;max-width:180px;font-size:12px;line-height:1.25}.exerciseProductCard{border:1px solid var(--ui-border);background:var(--ui-surface-muted);border-radius:8px;align-content:start;gap:10px;min-height:286px;padding:14px;display:grid}.exerciseProductCard[data-selected=true]{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.exerciseProductCard[data-selected=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent)18%,transparent)}}.exerciseProductTopline,.exerciseDetailKind{color:var(--ui-text-muted);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.exerciseProductCard h2,.exerciseProductCard h3{color:var(--ui-text);margin:0;font-size:20px;line-height:1.2}.exerciseProductCard p{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.45}.exerciseProductMeta{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.exerciseProductMeta span{border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text-muted);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1}.exerciseProductActions,.exerciseDetailActions{gap:8px;margin-top:auto;display:grid}.exerciseProductActions .primaryAction,.exerciseProductActions .secondaryAction,.exerciseDetailActions .primaryAction,.exerciseDetailActions .secondaryAction{text-align:center;justify-content:center;min-height:38px}.exerciseProductActions .secondaryAction,.exerciseDetailActions .secondaryAction{background:var(--ui-surface)}.exerciseProductActions .secondaryAction[data-added=true],.exerciseDetailActions .secondaryAction[data-added=true]{border-color:var(--ui-accent);color:var(--ui-accent)}.exerciseDetailPanel{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;gap:14px;padding:18px;display:grid;position:sticky;top:18px}.exerciseDetailPanel h2{font-size:28px}.exerciseDetailPanel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.exerciseDetailPanel dl div{border:1px solid var(--ui-border);background:var(--ui-surface-muted);border-radius:8px;padding:10px}.exerciseDetailPanel dt{color:var(--ui-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.exerciseDetailPanel dd{color:var(--ui-text);margin:0;font-size:15px;font-weight:800}.exerciseDetailOutcomes{gap:8px;display:grid}.exerciseLabel{color:var(--ui-text-muted);text-transform:uppercase;font-size:12px;font-weight:800}.exerciseDetailOutcomes ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.exerciseDetailOutcomes li{border:1px solid var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-text);border-radius:8px;padding:9px 10px;font-size:14px;line-height:1.35}.exerciseProductPage{height:100%;padding:34px;overflow:auto}.exerciseCatalogBackLink{border:1px solid var(--ui-border);background:var(--ui-surface);min-height:38px;color:var(--ui-text);cursor:pointer;border-radius:8px;align-items:center;margin:0 0 16px;padding:0 12px;text-decoration:none;display:inline-flex}button.exerciseCatalogBackLink{font:inherit}.exerciseCatalogBackLink:hover,.exerciseCatalogBackLink:focus-visible{border-color:var(--ui-border-strong);background:var(--ui-nav-hover);outline:none}.exerciseProductDetailLayout{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:start;gap:18px;width:min(1180px,100%);margin-left:auto;margin-right:auto;display:grid}.exerciseDemoVideo{aspect-ratio:16/9;border:1px solid var(--ui-border-strong);background:var(--ui-surface-muted);min-height:280px;box-shadow:var(--ui-shadow);color:var(--ui-text);text-align:center;border-radius:8px;place-content:center;gap:8px;padding:28px;display:grid;position:sticky;top:18px}.exerciseDemoVideo span{color:var(--ui-accent);text-transform:uppercase;font-size:12px;font-weight:850}.exerciseDemoVideo strong{font-size:clamp(28px,4vw,52px);line-height:1.05}.exerciseDemoVideo p{color:var(--ui-text-muted);margin:0;font-size:15px}.exerciseProductDetail{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;gap:14px;padding:20px;display:grid}.exerciseProductDetail h1{color:var(--ui-text);margin:0;font-size:clamp(30px,4vw,44px);line-height:1.08}.exerciseProductDetail p{color:var(--ui-text-muted);margin:0;line-height:1.55}.exerciseProductDetail .exerciseProductSubtitle{color:var(--ui-text);font-size:18px;font-weight:800;line-height:1.25}.exerciseDetailCategory{grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:10px;display:grid}.exerciseDetailCategory>img:first-child{border:1px solid var(--ui-border);background:var(--ui-surface-muted);object-fit:cover;border-radius:8px;width:48px;height:48px}.exerciseDetailCategory span,.exerciseDetailCategory small{font-weight:800;line-height:1.25;display:block}.exerciseDetailCategory span{color:var(--ui-text)}.exerciseDetailCategory small{color:var(--ui-text-muted);text-transform:uppercase;font-size:12px}.exerciseDetailTypeIcon{object-fit:contain;width:38px;height:38px}.exerciseProductDetail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.exerciseProductDetail dl div{border:1px solid var(--ui-border);background:var(--ui-surface-muted);border-radius:8px;padding:10px}.exerciseProductDetail dt{color:var(--ui-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.exerciseProductDetail dd{color:var(--ui-text);margin:0;font-size:15px;font-weight:800}.exerciseCategoryPageHeader{width:min(1180px,100%)}.exerciseCategoryIntro{grid-template-columns:108px minmax(0,1fr);align-items:center;gap:16px;display:grid}.exerciseCategoryIntro>img{border:1px solid var(--ui-border);background:var(--ui-surface);object-fit:cover;border-radius:8px;width:108px;height:108px}.exerciseCategoryIntro .eyebrow{margin-bottom:5px}.exerciseCategoryProducts{border:1px solid var(--ui-border-strong);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:8px;padding:16px}.learningUnitContextBanner{border:1px solid var(--ui-border);width:min(1100px,100% - 28px);color:var(--ui-text);background:#f8f8f6;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:14px auto;padding:12px 14px;display:flex}.learningUnitContextBanner div{flex-wrap:wrap;align-items:baseline;gap:8px 12px;min-width:0;display:flex}.learningUnitContextBanner span{color:var(--ui-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.learningUnitContextBanner strong{font-size:16px}.learningUnitNoteChips{gap:6px;display:inline-flex}.learningUnitContextBanner small{color:#008f46;background:#e2f1ea;border-radius:8px;place-items:center;min-width:34px;min-height:34px;padding:6px 9px;font-weight:850;display:inline-grid}.learningUnitContextActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.learningUnitContextBanner a{color:#008f46;white-space:nowrap;font-weight:850;text-decoration:none}.exerciseLogsEmpty{color:#66665d;margin:0}.myExercisesPage{background:var(--ui-bg);height:100%;padding:34px;overflow:auto}.myExercisesHeader{max-width:980px;margin:0 auto 22px}.myExercisesHeader .eyebrow{color:var(--ui-text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.myExercisesHeader h1{color:var(--ui-text);margin:0 0 10px;font-size:34px;line-height:1.15}.myExercisesHeader p{max-width:720px;color:var(--ui-text-muted);margin:0;font-size:16px;line-height:1.6}.myExercisesPanel,.myExercisesToday,.myExerciseRow{border:1px solid var(--ui-border);background:var(--ui-surface);width:min(980px,100%);max-width:980px;box-shadow:var(--ui-shadow);border-radius:8px;margin-left:auto;margin-right:auto}.myExercisesPanel{justify-items:start;gap:12px;padding:18px;display:grid}.myExercisesPanel h2,.myExercisesToday h2,.myExerciseRow h2{color:var(--ui-text);margin:0;line-height:1.2}.myExercisesPanel p,.myExercisesToday p,.myExerciseRow p{color:var(--ui-text-muted);margin:0;line-height:1.5}.myExercisesToday{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px;display:flex}.myExercisesList{gap:12px;display:grid}.myExerciseRow{grid-template-columns:minmax(220px,1fr) minmax(330px,1.45fr) 150px;align-items:center;gap:20px;min-height:176px;padding:18px;display:grid}.myExerciseMain{gap:6px;min-width:0;display:grid}.myExerciseStats{flex-wrap:wrap;gap:8px;display:flex}.myExerciseProgressBlock{gap:10px;display:grid}.myExerciseStats span,.myExerciseWeakNotes div span{border:1px solid var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-text-muted);border-radius:999px;padding:7px 10px;font-size:13px}.myExerciseStats strong,.myExerciseWeakNotes strong{color:var(--ui-text)}.myExerciseWeakNotes{gap:8px;display:grid}.myExerciseWeakNotes div{flex-wrap:wrap;gap:6px;display:flex}.myExerciseActions{justify-items:stretch;gap:8px;width:150px;display:grid}.myExerciseActions a,.myExerciseActions button{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;width:100%;min-height:42px;padding:0 12px;line-height:1;text-decoration:none;display:inline-flex}.dangerAction{color:#9f2f22;cursor:pointer;background:#fff7f4;border:1px solid #c84732;border-radius:8px;min-height:40px;padding:0 14px}.dangerAction:disabled{border-color:var(--ui-border);background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:default}.benchmarkPage{height:100%;padding:34px;overflow:auto}.benchmarkHeader{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1280px;margin-bottom:18px;display:flex}.benchmarkHeader h1{margin:0 0 10px;font-size:32px;line-height:1.15}.benchmarkHeader p{color:#55554d;max-width:760px;margin:0;font-size:16px;line-height:1.55}.benchmarkEyebrow{color:#73736a;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.benchmarkSummaryGrid,.benchmarkGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1280px;margin-bottom:14px;display:grid}.benchmarkSummaryPanel,.benchmarkPanel{background:#fff;border:1px solid #dfdfd8;border-radius:8px}.benchmarkSummaryPanel{padding:16px}.benchmarkSummaryTitle,.benchmarkPanelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.benchmarkSummaryTitle h2,.benchmarkPanelHeader h2{color:#20201d;margin:0;font-size:18px}.benchmarkSummaryTitle span,.benchmarkStatus{color:#66665d;white-space:nowrap;background:#fafaf8;border:1px solid #e4e4dc;border-radius:999px;flex-shrink:0;padding:6px 9px;font-size:12px}.benchmarkMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.benchmarkMetricGrid div{background:#fafaf8;border:1px solid #e4e4dc;border-radius:8px;min-height:70px;padding:10px}.benchmarkMetricGrid span{color:#66665d;margin-bottom:8px;font-size:12px;display:block}.benchmarkMetricGrid strong{color:#20201d;font-size:20px}.benchmarkPanel{padding:16px}.benchmarkPanelHeader p{color:#66665d;max-width:600px;margin:6px 0 0;font-size:13px;line-height:1.45}.benchmarkControls{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.benchmarkControls label{color:#57574f;gap:5px;min-width:0;font-size:12px;font-weight:700;display:grid}.benchmarkControls select,.benchmarkControls input[type=number]{color:#20201d;width:100%;min-height:36px;font:inherit;background:#fff;border:1px solid #d8d8cf;border-radius:8px}.benchmarkControls input[type=range]{width:100%;min-height:36px}.benchmarkActions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.benchmarkResult{color:#20201d;background:#f2faee;border:1px solid #d8e5d1;border-radius:8px;min-height:58px;margin-top:14px;padding:14px;font-size:22px;font-weight:800}.benchmarkActions button,.benchmarkSecondaryButton{color:#20201d;cursor:pointer;min-height:36px;font:inherit;background:#f8f8f4;border:1px solid #d2d2c9;border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.benchmarkActions button:disabled,.benchmarkSecondaryButton:disabled{cursor:not-allowed;opacity:.55}.benchmarkWidePanel{max-width:1280px}.benchmarkEmpty{color:#66665d;margin:0}.benchmarkTableWrap{border:1px solid #e4e4dc;border-radius:8px;max-height:440px;overflow:auto}.benchmarkTable{border-collapse:collapse;width:100%;font-size:13px}.benchmarkTable th,.benchmarkTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #ecece5;padding:9px 10px}.benchmarkTable th{z-index:1;color:#55554d;background:#f8f8f4;font-size:12px;font-weight:800;position:sticky;top:0}.benchmarkTable tr:last-child td{border-bottom:0}.lessonPage{max-width:none;height:100%;padding:42px;overflow:auto}.lessonPage h1{margin:0 0 12px;font-size:34px;line-height:1.15}.lessonPage p{color:#4f4f46;max-width:680px;margin:0 0 24px;font-size:16px;line-height:1.6}.lessonVideoFrame{background:#fff;border:1px solid #dfdfd8;border-radius:8px;width:90%;max-width:1180px;overflow:hidden}.lessonVideoFrame video{aspect-ratio:16/9;object-fit:contain;background:#111;width:min(100%,780px);margin:0 auto;display:block}.bunnyLessonPlayer{aspect-ratio:16/9;background:#10100f;border-radius:8px;width:min(100%,980px);margin:0 auto;overflow:hidden}.bunnyLessonPlayer iframe{border:0;width:100%;height:100%;display:block}.lessonVideoPlaceholder{text-align:center;background:radial-gradient(circle at 20% 0,#f5b85233,#0000 34%),linear-gradient(135deg,#fffaf0,#ece8dc);place-items:center;min-height:clamp(260px,48vw,552px);padding:clamp(24px,5vw,56px);display:grid}.lessonVideoPlaceholder span{color:#756f60;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:900}.lessonVideoPlaceholder strong{color:#20201d;letter-spacing:-.05em;font-size:clamp(28px,5vw,54px);line-height:1}.lessonVideoPlaceholder p{color:#4f4f46;max-width:520px;margin:14px 0 0;font-weight:650}.guidedMasteryCelebration{--guided-confetti-1:#ffd54f;--guided-confetti-2:#40c4ff;--guided-confetti-3:#69f0ae;--guided-confetti-4:#ff8a65;--guided-confetti-5:#b388ff;--guided-confetti-6:#ff4081;z-index:80;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.guidedMasteryCelebrationBackdrop{z-index:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 20% 20%,#ffd54f47,#0000 30%),radial-gradient(circle at 80% 18%,#40c4ff3d,#0000 32%),radial-gradient(circle at 50% 85%,#69f0ae38,#0000 34%),#10100fa8;position:absolute;inset:0}.guidedMasteryLottie{z-index:1;opacity:.98;width:100%;height:100%;position:absolute;inset:0}.guidedMasteryLottie svg{transform:scale(1.12);width:100%!important;height:100%!important}.guidedMasteryConfettiFallback{z-index:1;position:absolute;inset:0;overflow:hidden}.guidedMasteryConfettiFallback:before,.guidedMasteryConfettiFallback:after{aspect-ratio:1;content:"";opacity:0;border:7px solid #ffd54fe0;border-radius:999px;width:20vw;max-width:260px;animation:.76s ease-out both guidedConfettiFallbackBurst;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)scale(.08)}.guidedMasteryConfettiFallback:after{border-color:#40c4ffb8;width:32vw;max-width:420px;animation-delay:.12s}.guidedMasteryConfettiFallback span{opacity:0;border-radius:4px;width:10px;height:22px;animation-name:guidedConfettiFallbackFall;animation-timing-function:cubic-bezier(.18,.72,.28,1);animation-iteration-count:infinite;position:absolute;top:-12vh}.guidedMasteryConfettiFallback span:nth-child(3n){border-radius:999px;width:14px;height:14px}.guidedMasteryConfettiFallback span:nth-child(4n){width:18px;height:8px}.guidedMasteryCelebrationCard{z-index:2;color:#20201d;text-align:center;background:#fffffaf5;border:1px solid #ffffffb8;border-radius:24px;width:min(92vw,460px);padding:clamp(24px,5vw,40px);animation:.46s cubic-bezier(.2,.9,.2,1) both guidedCelebrationCardIn;position:relative;box-shadow:0 28px 90px #00000047}.guidedMasteryCelebrationCard span{color:#008f46;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:950}.guidedMasteryCelebrationCard strong{margin-top:8px;font-size:clamp(36px,8vw,56px);line-height:.95;display:block}.guidedMasteryCelebrationCard p{color:#5d5d55;max-width:320px;margin:14px auto 0;font-weight:700;line-height:1.5}@keyframes guidedConfettiFallbackFall{0%{opacity:0;translate:0 -12vh;rotate:none}12%{opacity:1}to{opacity:0;translate:calc((var(--confetti-drift,0) + 1)*1vw)118vh;rotate:540deg}}@keyframes guidedConfettiFallbackBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.8)}}@keyframes guidedCelebrationCardIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.guidedCoachVideoStep{background:radial-gradient(circle at 18% 18%,#008f4621,#0000 32%),linear-gradient(135deg,#fffffb 0%,#f3f1e8 100%);align-content:center;gap:22px;min-height:100%;padding:clamp(24px,5vw,54px);display:grid}.guidedCoachVideoCopy{text-align:center;gap:8px;max-width:760px;margin:0 auto;display:grid}.guidedCoachVideoCopy span{color:#008f46;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:950}.guidedCoachVideoCopy h1{color:#20201d;margin:0;font-size:clamp(34px,6vw,58px);line-height:.98}.guidedCoachVideoCopy p{color:#5d5d55;max-width:620px;margin:0 auto;font-size:16px;font-weight:650;line-height:1.6}.guidedCoachVideoFrame{aspect-ratio:16/9;background:#10100f;border:1px solid #dfdfd8;border-radius:18px;width:min(100%,960px);margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #1f1f1d29}.guidedCoachVideoFrame iframe{border:0;width:100%;height:100%;display:block}.guidedCoachVideoActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.guidedCoachVideoActions p{color:#5d5d55;margin:0;font-size:14px;font-weight:750}.lessonVideoWithTranscript{flex-direction:column;gap:16px;min-height:0;padding:18px;display:flex}.lessonTranscript{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fafaf8;border:1px solid #dfdfd8;border-radius:8px;height:100%;min-height:0;padding:18px 20px;overflow-y:auto}.lessonTranscript p{color:#30302b;max-width:none;margin:0;font-size:16px;line-height:1.8}.lessonTranscriptCue{color:#20201d;cursor:pointer;font:inherit;line-height:inherit;text-align:inherit;background:0 0;border:1px solid #0000;border-radius:5px;margin:0 4px 0 0;padding:2px 4px;display:inline}.lessonTranscriptCue[data-active=true]{background:#dfeeda;border-color:#c7d9bb}.lessonTranscriptCue:hover{background:#eeeee7}.assistantRoot{z-index:10000;pointer-events:none;position:fixed;bottom:62px;right:18px}.assistantLauncher,.assistantPanel{pointer-events:auto}.assistantLauncher{cursor:pointer;filter:drop-shadow(0 8px 16px #7c4dcc47);background:0 0;border:0;place-items:end center;width:116px;height:116px;padding:0;transition:transform .18s;display:grid}.assistantLauncher:hover{transform:translateY(-4px)scale(1.03)}.assistantLauncherImage{object-fit:contain;width:auto;height:100%}.assistantPanel{background:#fff;border:1px solid #d8d8cf;border-radius:10px;grid-template-rows:auto 1fr auto auto;width:min(390px,100vw - 36px);height:min(620px,100vh - 104px);margin-bottom:12px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0000002e}.assistantHeader{background:#fafaf8;border-bottom:1px solid #e4e4dc;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.assistantHeader h2{margin:0 0 4px;font-size:16px}.assistantHeader span{color:#66665d;font-size:12px;line-height:1.35;display:block}.assistantHeader button{color:#55554d;cursor:pointer;background:0 0;border:0;font-size:13px}.assistantMessages{flex-direction:column;gap:10px;padding:14px;display:flex;overflow:auto}.assistantEmpty{color:#66665d;text-align:center;max-width:250px;margin:auto;font-size:14px;line-height:1.45}.assistantMessageRow{align-items:flex-end;gap:8px;display:flex}.assistantMessageRow-user{justify-content:flex-end}.assistantMessageRow-assistant{justify-content:flex-start}.assistantMessage{white-space:pre-wrap;border-radius:10px;max-width:86%;padding:10px 12px;font-size:14px;line-height:1.45}.assistantMessage-user{color:#fff;background:#1f1f1d;align-self:flex-end}.assistantMessage-assistant{color:#20201d;background:#f8f8f4;border:1px solid #e4e4dc;align-self:flex-start}.assistantSpeechButton{color:#20201d;cursor:pointer;background:#fff;border:1px solid #deded5;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;display:grid}.assistantSpeechButton svg,.assistantIconButton svg{fill:currentColor;width:17px;height:17px}.assistantSpeechButton[data-active=true]{color:#fff;background:#1f1f1d;border-color:#1f1f1d}.assistantError{color:#b91c1c;padding:8px 14px 0;font-size:12px}.assistantVoiceStatus{color:#55554d;padding:8px 14px 0;font-size:12px}.assistantComposer{background:#fff;border-top:1px solid #e4e4dc;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid}.assistantComposer textarea{resize:none;color:#20201d;width:100%;font:inherit;border:1px solid #d8d8cf;border-radius:18px;padding:11px 13px;line-height:1.35}.assistantComposerActions{gap:8px;display:flex}.assistantIconButton{color:#fff;cursor:pointer;background:#1f1f1d;border:1px solid #1f1f1d;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.assistantIconButton[data-active=true]{background:#b91c1c;border-color:#b91c1c}.assistantRecordingWaveform{justify-content:center;align-items:center;gap:2px;width:20px;height:18px;display:flex}.assistantRecordingWaveform span{background:currentColor;border-radius:999px;width:3px;height:8px;animation:.82s ease-in-out infinite assistantWaveformPulse}.assistantRecordingWaveform span:nth-child(2){animation-delay:80ms}.assistantRecordingWaveform span:nth-child(3){animation-delay:.16s}.assistantRecordingWaveform span:nth-child(4){animation-delay:.24s}.assistantRecordingWaveform span:nth-child(5){animation-delay:.32s}@keyframes assistantWaveformPulse{0%,to{opacity:.65;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1.65)}}@media (prefers-reduced-motion:reduce){.assistantRecordingWaveform span{animation:none;transform:scaleY(1)}}.assistantIconButton:disabled{cursor:default;background:#b9b9b0;border-color:#b9b9b0}.exercisePage{height:100%;padding:34px;overflow:auto}.exerciseHeader{max-width:760px;margin-bottom:24px}.exerciseHeader h1{margin:0 0 10px;font-size:32px;line-height:1.15}.exerciseHeader p{color:#55554d;margin:0;font-size:16px;line-height:1.55}.exerciseGrid{grid-template-columns:minmax(320px,1fr) minmax(280px,420px);gap:16px;max-width:1120px;display:grid}.exercisePanel{background:#fff;border:1px solid #dfdfd8;border-radius:8px;padding:18px}.exercisePanel h2{margin:0 0 8px;font-size:18px}.exercisePanel p{color:#5d5d55;margin:0;line-height:1.55}.exerciseLabel{color:#73736a;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.intervalPromptPanel{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.intervalLevelPanel{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1120px;margin-bottom:16px;display:flex}.intervalLevelPanel p+p{margin-top:6px}.intervalLevelPanel label{color:#55554d;gap:6px;min-width:240px;font-size:13px;font-weight:650;display:grid}.intervalLevelPanel select{color:#20201d;min-height:40px;font:inherit;background:#fff;border:1px solid #d8d8cf;border-radius:8px}.intervalOptionsPanel{grid-template-columns:minmax(220px,1fr) repeat(4,minmax(160px,auto));align-items:end;gap:14px;max-width:1120px;margin-bottom:16px;display:grid}.intervalOptionsPanel label{color:#55554d;gap:6px;font-size:13px;font-weight:650;display:grid}.intervalOptionsPanel select{color:#20201d;min-height:40px;font:inherit;background:#fff;border:1px solid #d8d8cf;border-radius:8px}.intervalCheckbox{grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:40px}.intervalCheckbox input{width:16px;height:16px}.intervalGardenPage{box-sizing:border-box;background:radial-gradient(circle at 16% 10%,#ffe06652,#0000 24%),radial-gradient(circle at 88% 8%,#7fd8c74d,#0000 24%),linear-gradient(#fff 0%,#f8f5ff 48%,#eefaf4 100%);grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:18px;width:100%;max-width:none;min-height:100dvh;padding:clamp(22px,4vw,42px);display:grid;position:relative;overflow:auto}.standaloneExercise[data-immersive=true]>.intervalGardenPage{min-height:100dvh;padding-top:max(72px,clamp(22px,4vw,42px))}.intervalGardenPage>:not(.intervalGardenBackdrop){z-index:1;position:relative}.intervalGardenBackdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.intervalGardenBackdrop:before,.intervalGardenBackdrop:after{content:"";position:absolute}.intervalGardenBackdrop:before{opacity:1;background:linear-gradient(#ffffff80,#ffffff14 46%,#ffffff3d),url(/images/backgrounds/outdoor_gym_02.jpg) 50%/cover no-repeat;inset:0}.intervalGardenBackdrop:after{clip-path:polygon(0 32%,12% 26%,25% 35%,37% 25%,50% 34%,63% 23%,78% 35%,91% 27%,100% 34%,100% 100%,0 100%);opacity:.72;background:repeating-linear-gradient(90deg,#0000 0 48px,#ffe066a6 48px 54px,#0000 54px 96px),linear-gradient(#b8efd1,#7fd8a0);height:142px;bottom:-98px;left:-8%;right:-8%}.intervalGardenHoneybee{z-index:1;opacity:0;filter:drop-shadow(0 9px 8px #48522629);width:clamp(58px,7vw,92px);height:clamp(58px,7vw,92px);animation:18s ease-in-out infinite intervalGardenHoneybeeFlight;position:absolute;top:clamp(128px,18vh,220px);left:-110px}@media (prefers-reduced-motion:reduce){.intervalGardenHoneybee{opacity:.8;animation:none;left:72%;transform:none}.melodicRecallHoneybee{opacity:.9;animation:none;left:72%;transform:none}}.intervalGardenHeader{grid-template-columns:minmax(0,1fr) minmax(360px,auto);align-items:end;gap:18px;width:100%;min-width:0;display:grid}.intervalGardenHeader h1{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:clamp(40px,6vw,64px);line-height:.95}.intervalGardenHeader p:not(.eyebrow){max-width:620px;color:var(--color-ink-muted);margin:8px 0 0;font-size:17px;font-weight:750}.intervalGardenStats{border:2px solid var(--color-line);min-width:0;box-shadow:0 5px 0 var(--color-line);background:#fff;border-radius:22px;grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px;padding:8px;display:grid}.intervalGardenStats div{background:var(--color-brand-soft);text-align:center;border-radius:16px;padding:9px 10px}.intervalGardenStats span,.intervalGardenSettings span,.intervalGardenLevelSign span{color:var(--color-ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:900}.intervalGardenStats strong{color:var(--color-brand);font-family:var(--font-display);margin-top:4px;font-size:24px;line-height:1;display:block}.intervalGardenSettings{border:2px solid var(--color-line);width:100%;min-width:0;box-shadow:0 5px 0 var(--color-line);background:#ffffffdb;border-radius:22px;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(140px,.75fr)) auto;align-items:end;gap:10px;padding:12px;display:grid}.intervalGardenSettings label{gap:6px;min-width:0;display:grid}.intervalGardenSettings select{border:2px solid var(--color-line);min-width:0;min-height:42px;color:var(--color-ink);font:inherit;background:#fff;border-radius:16px;padding:0 10px;font-weight:750}.intervalGardenCheck{border:2px solid var(--color-line);min-height:42px;color:var(--color-ink);background:#fff;border-radius:16px;align-items:center;gap:8px;padding:0 12px;font-weight:850;display:flex!important}.intervalGardenCheck input{width:18px;height:18px;accent-color:var(--color-brand)}.intervalGardenStage{width:100%;min-width:0;min-height:clamp(500px,62vh,760px);box-shadow:none;background:0 0;border:0;border-radius:0;align-content:end;justify-items:center;gap:clamp(12px,2vw,18px);padding:clamp(18px,3vw,32px) clamp(14px,2.4vw,26px) clamp(24px,4vw,42px);display:grid;position:relative;overflow:visible}.intervalGardenStage:before{content:none}.intervalGardenLevelSign{z-index:2;border:2px solid var(--color-line);max-width:min(34%,330px);color:var(--color-ink);box-shadow:0 5px 0 var(--color-line),0 12px 22px #5a4d2214;background:#ffffffe6;border-radius:20px;gap:3px;padding:12px 15px;display:grid;position:absolute;top:clamp(8px,2vw,18px);left:clamp(8px,2vw,18px)}.intervalGardenLevelSign strong{color:var(--color-ink);font-family:var(--font-display);font-size:22px;line-height:1.05}.intervalGardenLevelSign small{color:var(--color-ink-muted);font-weight:750;line-height:1.25}.intervalCharacterPair{z-index:4;grid-template-columns:repeat(2,minmax(140px,1fr));place-items:end center;gap:clamp(28px,7vw,104px);width:min(100%,760px);min-height:clamp(300px,36vw,410px);margin-top:clamp(66px,9vw,94px);display:grid;position:relative}.intervalCharacter{cursor:pointer;transform-origin:50% 100%;background:0 0;border:0;place-items:end center;width:clamp(150px,20vw,224px);height:clamp(250px,31vw,346px);transition:transform .18s,filter .18s;display:grid;position:relative}.intervalCharacter:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-6px)}.intervalCharacter[data-playing=true]{filter:brightness(1.04);transform:translateY(-12px)}.intervalGardenStage[data-bloom=true] .intervalCharacter{filter:brightness(1.12)drop-shadow(0 0 18px #ffe86094);animation:.82s both intervalCharacterBounce}.intervalGardenStage[data-bloom=true] .intervalCharacter:before,.intervalGardenStage[data-bloom=true] .intervalCharacter:after{content:"";z-index:3;aspect-ratio:1;opacity:0;background:#fff06b;border-radius:999px;width:14px;animation:.82s both intervalBloomSparkles;position:absolute;top:20%;left:50%;transform:translate(-50%)scale(.4);box-shadow:-38px 16px #ff8bc4,36px -8px #a6f08b,12px 42px #87d8ff}.intervalGardenStage[data-bloom=true] .intervalCharacter:after{animation-delay:80ms;top:34%;box-shadow:-30px -14px #a6f08b,40px 18px #fff06b,4px 48px #ff8bc4}.intervalCharacter:active:not(:disabled){transform:translateY(-4px)scale(.98)}.intervalCharacterImage{z-index:2;object-fit:contain;filter:drop-shadow(0 18px 18px #2a423733);transform-origin:50% 100%;width:min(100%,224px);height:auto;position:relative}.intervalCharacter[data-pose=sing] .intervalCharacterImage{animation:.54s ease-in-out infinite alternate intervalCharacterSing}.intervalCharacter[data-pose=correct] .intervalCharacterImage{animation:.72s both intervalCharacterCorrect}.intervalCharacter[data-pose=wrong] .intervalCharacterImage{animation:.28s ease-in-out 2 intervalCharacterWrong}.intervalSingingNotes{z-index:6;color:var(--color-brand);font-family:var(--font-display);opacity:0;pointer-events:none;font-size:34px;font-weight:950;transition:opacity .16s,transform .18s;position:absolute;top:42%;right:-12px;transform:translateY(8px)rotate(8deg)}.intervalCharacterSecond .intervalSingingNotes{color:#24a06d;left:-12px;right:auto}.intervalCharacter[data-playing=true] .intervalSingingNotes{opacity:1;transform:translateY(-12px)rotate(-6deg)}.intervalGardenPlay{z-index:3;color:#3c2812;min-height:54px;font:inherit;cursor:pointer;background:linear-gradient(#ffe478,#ffa94d);border:3px solid #8a5b31;border-radius:999px;padding:0 24px;font-size:18px;font-weight:950;position:relative;box-shadow:0 10px #9f5f2c,0 18px 24px #464a202e}.intervalGardenPlay:hover{transform:translateY(-2px)}.intervalGardenPlay:active{transform:translateY(4px);box-shadow:0 5px #9f5f2c,0 12px 20px #464a2024}.intervalGardenChoices{z-index:3;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(100%,620px);display:grid;position:relative}.intervalGardenChoices button{color:#3e2b14;min-height:58px;font:inherit;cursor:pointer;background:radial-gradient(circle at 18% 20%,#ffffff94 0 12px,#0000 13px),linear-gradient(#fff7bb,#ffb65b);border:3px solid #4c362347;border-radius:999px;padding:0 16px;font-size:17px;font-weight:950;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 8px #81502580}.intervalGardenChoices button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-4px)rotate(-1deg)}.intervalGardenChoices button:active:not(:disabled){transform:translateY(3px);box-shadow:0 4px #81502580}.intervalGardenChoices button:disabled{cursor:default}.intervalGardenChoices button[data-correct=true]{color:#1d4f1d;background:linear-gradient(#dff8a8,#78c75c);border-color:#3d8b3e}.intervalGardenChoices button[data-incorrect=true]{color:#6c241d;background:linear-gradient(#ffe0d8,#e48273);border-color:#9a4b43}.intervalGardenFeedback{z-index:3;color:#4d5a34;text-align:center;background:#fffcdeeb;border-radius:8px;justify-items:center;gap:2px;width:min(100%,560px);min-height:66px;padding:10px 14px;display:grid;position:relative}.intervalGardenFeedback[data-visible=false]{visibility:hidden}.intervalGardenFeedback strong{color:#243016;font-size:18px}.intervalGardenFeedback p{color:inherit;margin:0;font-weight:750}.intervalGardenFeedback[data-correct=true]{color:#285b27}.intervalGardenFeedback[data-correct=false]{color:#8a382c}.exerciseStatsPanel{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.exerciseStatsPanel div{background:#f8f8f4;border:1px solid #e4e4dc;border-radius:8px;min-height:76px;padding:12px}.exerciseStatsPanel span{color:#6b6b61;margin-bottom:8px;font-size:12px;display:block}.exerciseStatsPanel small{color:#76766c;margin-top:6px;font-size:11px;display:block}.exerciseStatsPanel strong{font-size:26px}.exerciseStatsPanel .compactStat{text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;display:block;overflow:hidden}.dictationStatsPanel{grid-template-columns:repeat(4,minmax(110px,1fr));max-width:760px;margin-top:16px}.dictationStatsPanel div{min-height:64px;padding:10px}.dictationStatsPanel strong{font-size:22px}.staffRoadmapPanel{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;display:grid}.staffCurrentLevel{gap:6px;display:grid}.staffCurrentLevel h2{color:#20201d;margin:0;font-size:20px;line-height:1.2}.staffCurrentLevel p,.staffCurrentLevel small{color:#66665d;margin:0;line-height:1.45}.staffRoadmapList{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.staffRoadmapStep{background:#fafaf7;border:1px solid #deded6;border-radius:8px;gap:4px;min-height:76px;padding:10px;display:grid}.staffRoadmapStep[data-current=true]{border-color:#1f1f1d;box-shadow:inset 0 0 0 1px #1f1f1d}.staffRoadmapStep[data-completed=true]{background:#edf8e9;border-color:#9fcf98}.staffRoadmapStep[data-locked=true]{opacity:.58}.staffRoadmapStep strong{color:#20201d;font-size:18px}.staffRoadmapStep span,.staffRoadmapStep small{color:#66665d;font-size:12px;line-height:1.25}.staffChallengeSplash{text-align:center;justify-items:center;gap:16px;width:min(100%,860px);max-width:860px;padding:0 0 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #1f1f1d38}.staffChallengeClose{z-index:3;color:#20201d;cursor:pointer;background:#ffffffe6;border:1px solid #20201d29;border-radius:999px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #1f1f1d29}.staffChallengeClose:hover{background:#fff}.staffChallengeOverlay{z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#20201d6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.staffChallengeHero{background:#10223d;border-radius:8px 8px 0 0;width:100%;min-height:320px;position:relative;overflow:hidden}.staffChallengeHero:after{content:"";background:linear-gradient(90deg,#ffffffeb 0%,#ffffffad 38%,#ffffff05 72%);position:absolute;inset:0}.staffChallengeHero img{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.staffChallengeHeroText{z-index:1;text-align:left;gap:8px;width:min(58%,470px);display:grid;position:absolute;inset:auto auto 26px 28px}.staffChallengeHeroText .exerciseLabel{color:#2066e8}.staffChallengeHeroText h2{color:#122248;text-shadow:0 2px #ffffffb3;margin:0;font-size:clamp(42px,8vw,76px);font-weight:950;line-height:.92}.staffChallengeHeroText p{color:#31506f;margin:0;font-size:clamp(17px,2.8vw,24px);font-weight:800;line-height:1.2}.staffChallengeBody{justify-items:center;gap:6px;padding:0 28px;display:grid}.staffChallengeBody h3{color:#20201d;max-width:560px;margin:0;font-size:clamp(24px,5vw,34px);line-height:1.05}.staffChallengeBody p{color:#595950;max-width:520px;margin:10px auto 0;font-size:16px;line-height:1.55}.staffChallengeSplash[data-state=passed]{background:#f3fbef;border-color:#9fcf98}.staffChallengeSplash[data-state=failed]{background:#fff7f4;border-color:#f0b2a5}.staffChallengeStats{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px;width:min(100%,420px);display:grid}.staffChallengeStats div{background:#fff;border:1px solid #deded6;border-radius:8px;place-items:center;gap:3px;min-height:74px;display:grid}.staffChallengeStats span{color:#66665d;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.staffChallengeStats strong{color:#20201d;font-size:26px}.staffChallengeScore{font-weight:750}.staffChallengeActions{justify-content:center;display:flex}.intervalLogPanel{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;max-width:1120px;margin-top:16px;display:grid}.exerciseLogMessage,.exerciseAiSummary{grid-column:1/-1}.exerciseLogMessage{color:#55554d;margin:0;font-size:13px}.exerciseAiSummary{background:#f2faee;border:1px solid #d8e5d1;border-radius:8px;padding:14px}.exerciseAiSummary strong{margin-bottom:6px;display:block}.intervalProgressHeader{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.intervalProgressHeader h2{margin-bottom:0}.intervalProgressHeader strong{font-size:28px}.intervalProgressTrack{background:#e7e7df;border-radius:999px;height:12px;overflow:hidden}.intervalProgressTrack span{border-radius:inherit;background:#6fa56f;height:100%;transition:width .18s;display:block}.intervalProgressRequirements{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.intervalProgressRequirements span{color:#55554d;background:#fafaf8;border:1px solid #dfdfd8;border-radius:999px;padding:7px 10px;font-size:13px}.intervalProgressRequirements span[data-complete=true]{color:#285b27;background:#e4f4df;border-color:#a7cfa0}.intervalConfusionList{flex-wrap:wrap;gap:8px;display:flex}.intervalConfusionList span{color:#343430;background:#f8f8f4;border:1px solid #e4e4dc;border-radius:999px;padding:7px 10px;font-size:13px}.intervalOptions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.intervalOptions button{color:#20201d;cursor:pointer;background:#fafaf8;border:1px solid #d8d8cf;border-radius:8px;min-height:48px;padding:0 14px;font-weight:650}.intervalOptions button:hover:not(:disabled){background:#eeeee7}.intervalOptions button[data-selected=true]{border-color:#78786f}.intervalOptions button[data-correct=true]{background:#dcf5dc;border-color:#8bc58b}.intervalOptions button[data-incorrect=true]{background:#fde2e2;border-color:#e68c8c}.exerciseFeedback{background:#fff3d8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:14px;display:flex}.exerciseFeedback[data-correct=true]{background:#e3f5dc}.exerciseFeedback strong{font-size:15px}.intervalInputPanel{grid-template-columns:minmax(260px,1fr) minmax(180px,240px) minmax(220px,320px) auto;align-items:end;gap:14px;max-width:1120px;margin-top:16px;display:grid}.intervalInputMonitorPanel{max-width:1120px;margin-top:16px}.voiceCalibrationPanel{grid-template-columns:minmax(260px,1fr) minmax(300px,auto) auto;align-items:end;gap:14px;max-width:1120px;margin-top:16px;display:grid}.voiceCalibrationReadout,.voiceCalibrationActions{flex-wrap:wrap;gap:8px;display:flex}.voiceCalibrationReadout span{color:#66665d;background:#f8f8f4;border:1px solid #e4e4dc;border-radius:8px;padding:8px 10px;font-size:13px}.voiceCalibrationReadout strong{color:#20201d}.dictationPage{height:100%;padding:34px;overflow:auto}.dictationPage[data-single-note=true]{align-content:start;justify-items:center;display:grid}.dictationPage[data-single-note=true]>*{width:min(100%,640px)}.dictationPromptPanel,.dictationModePanel,.dictationCanvasPanel,.dictationEvaluatePanel,.dictationFeedbackPanel{max-width:1120px;margin-top:16px}.dictationPromptPanel,.dictationModePanel,.dictationEvaluatePanel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.dictationModeButtons{gap:8px;display:flex}.dictationModeButtons button{color:#20201d;cursor:pointer;background:#fafaf8;border:1px solid #d8d8cf;border-radius:8px;min-height:40px;padding:0 14px;font-weight:650}.dictationModeButtons button[data-selected=true]{color:#fff;background:#1f1f1d;border-color:#1f1f1d}.dictationNotePrompt{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.dictationNotePrompt span{color:#20201d;text-align:center;background:#f8f8f4;border:1px solid #d8d8cf;border-radius:8px;min-width:48px;padding:8px 10px;font-weight:700}.dictationNotePrompt span[data-active=true]{color:#fff;background:#1f1f1d;border-color:#1f1f1d}.dictationNotePrompt span[data-complete=true]{color:#285b27;background:#e4f4df;border-color:#a7cfa0}.dictationCanvasHeader{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.dictationCanvasPrompt{border-bottom:1px solid #e8e8df;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.dictationCanvas{aspect-ratio:25/9;cursor:crosshair;touch-action:none;background:#fff;border:1px solid #d8d8cf;border-radius:8px;width:100%;display:block}.dictationAnswerSourcePanel{margin-top:16px}.dictationCameraPanel{gap:12px;max-width:1120px;margin-top:16px;display:grid}.dictationCameraCapture{aspect-ratio:25/9;background:#20201d;border:1px solid #d8d8cf;border-radius:8px;place-items:center;min-height:320px;display:grid;position:relative;overflow:hidden}.dictationCameraVideo{object-fit:cover;background:#20201d;width:100%;height:100%;display:block}.dictationCameraFrame{border-radius:inherit;pointer-events:none;border:3px solid #fff;place-items:end center;padding:16px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 999px #1f1f1d2e}.dictationCameraFrame:before,.dictationCameraFrame:after{content:"";border-color:#fff;width:42px;height:42px;position:absolute}.dictationCameraFrame:before{border-top:4px solid;border-left:4px solid;top:10px;left:10px}.dictationCameraFrame:after{border-bottom:4px solid;border-right:4px solid;bottom:10px;right:10px}.dictationCameraFrame span{color:#fff;text-align:center;background:#1f1f1dc2;border-radius:8px;max-width:min(86%,420px);padding:8px 11px;font-size:13px;font-weight:750}.dictationCameraActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dictationCameraReview{gap:12px;display:grid}.dictationCameraReview img{background:#fff;border:1px solid #d8d8cf;border-radius:8px;width:100%;height:auto;display:block}.dictationCameraError{margin:0}.grandStaffCanvas{aspect-ratio:50/21}.dictationPage[data-single-note=true] .dictationCanvasPanel{width:min(100%,420px)}.dictationPage[data-single-note=true] .dictationCanvas{aspect-ratio:1}.dictationPage[data-single-note=true] .dictationCanvasPrompt{text-align:center;border-bottom:0;justify-content:center;align-items:center;margin-bottom:10px;padding-bottom:0}.dictationPage[data-single-note=true] .dictationCanvasPrompt .exerciseLabel{font-size:12px}.dictationSingleNotePrompt{grid-template-columns:minmax(56px,1fr) auto minmax(56px,1fr);align-items:baseline;gap:16px;display:grid}.dictationSingleNotePrompt>span{color:#c8c8bf;font-size:clamp(28px,6vw,42px);font-weight:900;line-height:1}.dictationSingleNotePrompt>span:first-child{text-align:right}.dictationSingleNotePrompt>span:last-child{text-align:left}.dictationPage[data-single-note=true] .dictationSingleNotePrompt h2{color:#20201d;margin-top:4px;font-size:clamp(56px,12vw,86px);font-weight:900;line-height:.95}.dictationPage[data-single-note=true] .dictationCanvasPrompt .secondaryAction,.dictationPage[data-single-note=true] .dictationCanvasHeader{display:none}.staffFinderRun{background:#f7f7f2;grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:auto}.staffFinderRunGamified{background:#f7f7f2;min-height:100dvh;padding-top:64px;position:relative}.staffFinderRunGuided{background:#f7f7f2;grid-template-rows:minmax(0,1fr)}.staffFinderRunPathGuided{grid-template-rows:minmax(0,1fr);overflow:hidden}.staffFinderRunHeader{background:#fff;border-bottom:1px solid #dfdfd8;justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(16px,3vw,40px);display:flex}.staffFinderRunGamified .staffFinderRunHeader{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line),0 18px 36px #7c4dcc1a;background:#ffffffe6;border-radius:22px;flex-wrap:wrap;margin:0 clamp(14px,3vw,40px);display:flex}.staffFinderRunHeaderActions{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.staffFinderFreeScore{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;width:min(100%,420px);display:grid}.staffFinderFreeScore div{background:#ffffffb8;border:2px solid #26382f29;border-radius:14px;justify-items:center;gap:1px;min-height:48px;padding:7px 9px;display:grid}.staffFinderFreeScore span{color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:900;line-height:1.1}.staffFinderFreeScore strong{color:var(--color-ink);font-size:20px;font-weight:950;line-height:1}.staffFinderMusicButton{border:2px solid var(--color-line);width:42px;min-width:42px;min-height:42px;color:var(--color-ink);font:inherit;box-shadow:0 4px 0 var(--color-line);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.staffFinderMusicButton[data-active=true]{border-color:var(--color-brand-dark);background:var(--color-brand-soft);color:var(--color-brand)}.staffFinderMusicButton:hover{background:var(--color-tile-purple);transform:translateY(-2px)}.staffFinderMusicButton:active{box-shadow:0 2px 0 var(--color-line);transform:translateY(2px)}.staffFinderSettingsOverlay{z-index:30;background:#20201d47;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.staffFinderSettingsDialog{border:2px solid var(--color-line);width:min(100%,480px);max-height:min(720px,100dvh - 36px);box-shadow:0 5px 0 var(--color-line),0 28px 70px #1f1f1d38;background:#fff;border-radius:22px;gap:18px;padding:20px;display:grid;overflow:auto}.staffFinderSettingsDialog header{justify-content:space-between;align-items:start;gap:16px;display:flex}.staffFinderSettingsDialog h2{color:var(--color-ink);font-family:var(--font-display);margin:0;font-size:28px;font-weight:900;line-height:1}.staffFinderSettingsClose{border:2px solid var(--color-line);width:38px;min-width:38px;min-height:38px;color:var(--color-ink);box-shadow:0 3px 0 var(--color-line);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex}.staffFinderSettingsGroup{gap:9px;display:grid}.staffFinderSettingsGroup>span{color:var(--color-ink);text-transform:uppercase;letter-spacing:0;font-size:13px;font-weight:950}.staffFinderSegmentedControl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.staffFinderSegmentedControl button,.staffFinderRangeOptions button{border:2px solid var(--color-line);color:var(--color-ink);font:inherit;box-shadow:0 3px 0 var(--color-line);cursor:pointer;background:#fff;border-radius:16px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s}.staffFinderSegmentedControl button{min-height:42px;padding:8px 10px}.staffFinderSegmentedControl button[data-active=true],.staffFinderRangeOptions button[data-active=true]{border-color:var(--color-brand-dark);background:var(--color-brand-soft);color:var(--color-brand)}.staffFinderRangeOptions{gap:8px;display:grid}.staffFinderRangeOptions button{text-align:left;gap:2px;padding:12px 14px;display:grid}.staffFinderRangeOptions strong{font-size:15px;line-height:1.15}.staffFinderRangeOptions small{color:var(--color-ink-muted);font-size:13px;font-weight:750;line-height:1.25}.staffFinderSettingsDialog footer{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.staffFinderSettingsPrimary,.staffFinderSettingsSecondary{border:2px solid var(--color-line);min-height:42px;font:inherit;box-shadow:0 4px 0 var(--color-line);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:950;display:inline-flex}.staffFinderSettingsClose:disabled,.staffFinderSegmentedControl button:disabled,.staffFinderRangeOptions button:disabled,.staffFinderSettingsPrimary:disabled,.staffFinderSettingsSecondary:disabled{cursor:wait;opacity:.68}.staffFinderSettingsPrimary{background:var(--color-brand);color:#fff}.staffFinderSettingsSecondary{color:var(--color-ink);background:#fff}.staffFinderSettingsSpinner{aspect-ratio:1;border:3px solid #ffffff6b;border-top-color:#fff;border-radius:999px;width:16px;animation:.72s linear infinite staffFinderSettingsSpin}@keyframes staffFinderSettingsSpin{to{transform:rotate(360deg)}}.staffFinderRunContext{gap:2px;min-width:0;display:grid}.staffFinderRunContext .exerciseLabel{margin-bottom:0}.staffFinderRunContext strong{color:#20201d;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.2;overflow:hidden}.staffFinderRunStats{grid-template-columns:repeat(3,minmax(104px,132px));gap:8px;display:grid}.staffChallengeProgressDots{flex:180px;justify-content:center;align-items:center;gap:6px;min-width:140px;display:flex}.staffChallengeProgressDots span{background:0 0;border:1px solid #b9b9ad;border-radius:999px;width:9px;height:9px}.staffChallengeProgressDots span[data-state=correct]{background:#2f8f3a;border-color:#285b27}.staffChallengeProgressDots span[data-state=wrong]{background:#d64532;border-color:#9f2f22}.staffFinderRunStats div{background:#fafaf7;border:1px solid #dfdfd8;border-radius:8px;min-height:62px;padding:8px 11px;display:grid}.staffFinderRunGamified .staffFinderRunStats div{background:var(--color-brand-soft);border:0;border-radius:16px}.staffFinderRunStats span,.staffFinderRunStats small,.staffFinderRunPrompt span{color:#6b6b61;text-transform:uppercase;font-size:11px;font-weight:750;line-height:1.2}.staffFinderRunStats strong{color:#20201d;font-size:26px;line-height:1.05}.staffFinderRunStats small{text-overflow:ellipsis;text-transform:none;white-space:nowrap;margin-top:3px;font-weight:600;overflow:hidden}.guidedMasteryProgress{background:radial-gradient(circle at 8% 0,#f5b8522e,#0000 34%),linear-gradient(135deg,#fffdf4f5,#eef2e6eb);border:1px solid #26382f29;border-radius:18px;gap:12px;width:min(100%,760px);padding:14px;display:grid;box-shadow:0 16px 42px #3e39291a}.guidedMasteryProgressHeader{justify-content:space-between;align-items:start;gap:14px;display:flex}.guidedMasteryProgressHeader div{gap:3px;min-width:0;display:grid}.guidedMasteryProgressHeader span,.guidedMasteryProgressHeader small,.guidedMasteryProgressBars span,.guidedMasteryProgressStats span{color:#6b6b61;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1.2}.guidedMasteryProgressHeader strong{color:#20201d;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.1;overflow:hidden}.guidedMasteryProgressHeader small{text-transform:none}.guidedMasteryProgressHeader em{color:#26382f;background:#26382f1a;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-style:normal;font-weight:850}.guidedMasteryProgressHeader em[data-status=passed]{color:#1f5a42;background:#407a6926}.guidedMasteryProgressHeader em[data-status=failed],.guidedMasteryProgressHeader em[data-status=timed_out]{color:#8d3529;background:#d645321f}.guidedMasteryProgressBars{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.guidedMasteryProgressBars>div{background:#ffffff94;border:1px solid #4347371a;border-radius:14px;gap:6px;min-width:0;padding:10px;display:grid}.guidedMasteryProgressBars strong{color:#20201d;font-size:17px;line-height:1.1}.guidedMasteryProgressBars i{background:#26382f1f;border-radius:999px;height:7px;display:block;overflow:hidden}.guidedMasteryProgressBars b{border-radius:inherit;background:#407a69;height:100%;transition:width .16s;display:block}.guidedMasteryProgressStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.guidedMasteryProgressStats div{background:#26382f12;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.guidedMasteryProgressStats strong{color:#26382f;font-size:18px;line-height:1}.staffFinderRunStage{align-content:start;justify-items:center;gap:10px;min-height:0;padding:clamp(12px,2.2vh,24px) 18px 28px;display:grid}.staffFinderRunGamified .staffFinderRunStage{grid-template-columns:minmax(0,min(660px,64vh,100vw - 32px));place-content:center;place-items:end center;gap:10px 0;min-height:0;padding:clamp(16px,3vh,34px) clamp(16px,4vw,52px) clamp(22px,4vh,44px);position:relative}.staffFinderRunGuided .staffFinderRunStage{align-content:start;gap:16px;padding:clamp(14px,2vh,22px) 18px 24px}.staffFinderRunPathGuided .staffFinderRunStage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:stretch;place-items:start center;gap:clamp(10px,1.6vh,18px);height:100%;min-height:0;padding:clamp(14px,2vh,22px) clamp(16px,2vw,28px);overflow:hidden}.noteNameReaderPlayArea{display:contents}.staffFinderRunPathGuided .noteNameReaderPlayArea{flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,1.6vh,18px);width:min(100%,560px);min-width:0;min-height:0;display:flex}.staffFinderRunPrompt{text-align:center;justify-items:center;gap:0;display:grid}.staffFinderRunPrompt span{line-height:1}.staffFinderRunPrompt strong{color:#20201d;font-size:clamp(58px,8vh,96px);font-weight:950;line-height:.78}.staffFinderRunBoard{background:#fff;border:1px solid #cfcfc5;border-radius:8px;justify-items:center;gap:0;width:min(100%,620px,58vh);padding:10px 16px 14px;display:grid;box-shadow:0 18px 48px #1f1f1d14}.staffFinderRunGamified .staffFinderRunBoard{z-index:2;border:2px solid var(--color-line);width:min(100%,660px,64vh);box-shadow:0 5px 0 var(--color-line),0 24px 54px #262a3a24;background:#ffffffeb;border-radius:22px;padding:clamp(12px,2vw,18px);position:relative}.noteNameReaderBoard{width:min(100%,min(50vh,540px))}.staffFinderRunGuided .noteNameReaderBoard{width:min(100%,760px);padding:24px 32px}.staffFinderRunPathGuided .noteNameReaderBoard{flex:none;width:100%;min-height:0;padding:clamp(10px,1.6vh,18px) clamp(14px,2vw,26px)}.staffFinderRunPathGuided .playStaffNoteBoard{width:min(100%,560px)}.staffFinderRunPathGuided .guidedMasteryProgress{background:#fff;border-color:#cfcfc5;align-content:start;align-self:start;gap:10px;width:min(100%,560px);height:auto;min-height:0;padding:12px 16px;box-shadow:0 18px 48px #1f1f1d14}.staffFinderRunPathGuided .guidedMasteryProgressHeader strong{font-size:15px}.staffFinderRunPathGuided .guidedMasteryProgressHeader small{display:none}.staffFinderRunPathGuided .guidedMasteryProgressHeader em{padding:4px 8px;font-size:11px}.staffFinderRunPathGuided .guidedMasteryProgressBars{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.staffFinderRunPathGuided .guidedMasteryProgressBars>div{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:8px 11px}.staffFinderRunPathGuided .guidedMasteryProgressBars>div i{grid-column:1/-1}.staffFinderRunPathGuided .guidedMasteryProgressBars strong{text-align:right;font-size:15px}.staffFinderRunPathGuided .guidedMasteryProgressStats{display:none}.staffFinderRunCanvas{aspect-ratio:1;width:100%;height:auto;display:block}.staffFinderCanvasWrap{width:100%;position:relative}.staffFinderCoach{z-index:2;filter:drop-shadow(0 18px 18px #262a3a38);align-self:end;width:min(24vw,345px);min-width:225px;height:auto;position:absolute;bottom:clamp(78px,11vh,128px);right:clamp(16px,4vw,52px)}.staffFinderCoach.tonieRiveMascot{aspect-ratio:1}.staffFinderRun:not(.staffFinderRunGuided):not(.staffFinderRunPathGuided) .staffFinderRunHeader{grid-template-columns:minmax(220px,1fr) minmax(180px,.9fr) minmax(320px,auto);align-items:center;display:grid}.staffFinderRun:not(.staffFinderRunGuided):not(.staffFinderRunPathGuided) .staffFinderRunStats{justify-self:end}.staffPromptFallback{width:min(100%,560px);height:auto;display:block}.staffPromptFallback rect{fill:#fff}.staffPromptFallbackLines{stroke:#20201d;stroke-width:1.8px;stroke-linecap:round}.staffPromptFallbackClef{fill:#20201d;stroke:none;font-family:Bravura,Noto Music,Apple Symbols,Segoe UI Symbol,serif;font-size:74px;font-weight:400}.staffPromptFallbackClef[data-clef=bass]{font-size:62px}.staffPromptFallbackLedger{stroke:#20201d;stroke-width:1.8px;stroke-linecap:round}.staffPromptFallbackNote{fill:#20201d}.noteNameReaderBoard .staffFinderRunCanvas{width:min(100%,500px)}.staffFinderRunGuided .noteNameReaderRunPrompt{margin-bottom:12px}.staffFinderRunPathGuided .noteNameReaderRunPrompt{margin-bottom:10px}.staffFinderRunGuided .noteNameReaderRunPrompt strong,.staffFinderRunPathGuided .noteNameReaderRunPrompt strong{display:none}.staffFinderRunGuided .noteNameReaderBoard .staffFinderRunCanvas{aspect-ratio:auto;width:min(100%,440px)}.staffFinderRunPathGuided .noteNameReaderBoard .staffFinderRunCanvas{aspect-ratio:auto;width:min(100%,520px)}.staffFinderRunPathGuided .staffPromptFallback{aspect-ratio:2;flex:none;width:min(100%,520px);height:auto;max-height:min(38vh,320px)}.staffFinderRunFeedback,.staffFinderRunMessage{color:#5d5d55;text-align:center;max-width:680px;min-height:24px;margin:0;font-weight:650}.staffFinderRunFeedback[data-correct=true]{color:#285b27}.staffFinderRunFeedback[data-correct=false]{color:#5d5d55}.staffFinderRunMessage{color:#9f2f22}.noteNameReaderAnswers{grid-template-columns:repeat(7,minmax(52px,76px));justify-content:center;gap:8px;width:min(100%,640px);display:grid}.staffFinderRunGuided .noteNameReaderAnswers{grid-template-columns:repeat(4,minmax(72px,96px));gap:14px;width:min(100%,420px)}.staffFinderRunPathGuided .noteNameReaderAnswers{flex:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,.8vw,12px);width:min(100%,540px)}.staffFinderRunPathGuided .noteNameAnswerButton{min-height:clamp(48px,7vh,64px);box-shadow:0 6px 16px #1f1f1d1a}.staffFinderRunPathGuided .noteNameReaderFeedback{flex:none;min-height:20px}.noteNameAnswerButton{color:#20201d;cursor:pointer;background:#fff;border:1px solid #cfcfc5;border-radius:8px;place-items:center;min-height:58px;font-size:26px;font-weight:900;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s,transform .16s;display:inline-grid;position:relative}.staffFinderRunGuided .noteNameAnswerButton{min-height:62px;box-shadow:0 6px 16px #1f1f1d1f}.noteNameAnswerButton:not(:disabled):hover{background:#f0f0e9;border-color:#20201d;transform:scale(1.05)}.noteNameAnswerButton:not(:disabled):active{transform:scale(.95)}.noteNameAnswerButton:focus-visible{outline-offset:3px;outline:2px solid #008f46}.noteNameAnswerButtonCorrect{color:#285b27;background:#e4f0e3;border-color:#285b27}.noteNameAnswerButtonWrong{color:#9f2f22;background:#f8e8e4;border-color:#9f2f22}.noteNameAnswerButton:disabled{cursor:default}.noteNameAnswerButton:disabled:not(.noteNameAnswerButtonSelected){opacity:.5}.noteNameAnswerBadge{color:#fff;background:#285b27;border-radius:999px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:950;line-height:1;display:inline-grid;position:absolute;top:-7px;right:-7px;box-shadow:0 2px 6px #1f1f1d2e}.noteNameAnswerButtonWrong .noteNameAnswerBadge{background:#9f2f22}.noteNameReaderFeedback{min-height:24px}.gamifiedNoteNameExercise{box-sizing:border-box;width:100%;max-width:100%;min-height:100dvh;box-shadow:none;background:#f7f7f2;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:64px 0 0;display:grid;position:relative;overflow:auto}.gamifiedNoteNameExercise:before,.gamifiedNoteNameExercise:after{display:none}.gamifiedNoteNameHeader,.gamifiedNoteNameStage{z-index:1;position:relative}.gamifiedNoteNameHeader{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line),0 18px 36px #7c4dcc1a;background:#ffffffe6;border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 clamp(14px,3vw,40px);padding:12px clamp(16px,3vw,40px);display:flex}.gamifiedNoteNameHeader h1{color:var(--color-ink);margin:0;font-size:18px;font-weight:900;line-height:1.2}.gamifiedNoteNameHeader p{max-width:640px;color:var(--color-ink-muted);margin:2px 0 0;font-size:13px;font-weight:850;line-height:1.35}.gamifiedNoteNameHeaderActions{justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.gamifiedNoteNameReset,.gamifiedNoteNameIconButton{border:2px solid var(--color-line);min-height:42px;color:var(--color-ink);font:inherit;box-shadow:0 4px 0 var(--color-line);cursor:pointer;background:#fff;border-radius:16px;justify-content:center;align-items:center;font-size:14px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.gamifiedNoteNameReset{gap:8px;padding:9px 14px}.gamifiedNoteNameIconButton{width:42px;padding:0}.gamifiedNoteNameIconButton[data-active=true]{border-color:var(--color-brand-dark);background:var(--color-brand-soft);color:var(--color-brand)}.gamifiedNoteNameReset:hover,.gamifiedNoteNameIconButton:hover{background:var(--color-tile-purple);transform:translateY(-2px)}.gamifiedNoteNameReset:active,.gamifiedNoteNameIconButton:active{box-shadow:0 2px 0 var(--color-line);transform:translateY(2px)}.gamifiedNoteNameStage{grid-template-columns:minmax(0,min(660px,64vh,100vw - 32px));place-content:center;place-items:end center;gap:10px 0;min-width:0;min-height:0;padding:clamp(16px,3vh,34px) clamp(16px,4vw,52px) clamp(22px,4vh,44px);display:grid}.gamifiedNoteNameHud{grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px;width:min(100%,360px);min-width:0;display:inline-grid}.gamifiedNoteNameHeader:has(.gamifiedNoteNameHud div:nth-child(4)) .gamifiedNoteNameHud{grid-template-columns:repeat(4,minmax(74px,1fr));width:min(100%,420px)}.gamifiedNoteNameHud div{min-height:48px;box-shadow:none;background:#ffffffb8;border:2px solid #26382f29;border-radius:14px;justify-items:center;gap:1px;padding:7px 9px;display:grid}.gamifiedNoteNameHud span{color:var(--color-ink-muted);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900;line-height:1.1}.gamifiedNoteNameHud strong{color:var(--color-ink);font-size:20px;font-weight:950;line-height:1}.gamifiedGardenPatch{border:2px solid var(--color-line);z-index:0;background:#f7f7f2;border-radius:24px;width:100%;min-height:0;position:absolute;inset:0;overflow:hidden}.gamifiedGardenPatch:before,.gamifiedGardenPatch:after{display:none}.gamifiedGardenCoach{z-index:2;filter:drop-shadow(0 18px 18px #262a3a38);pointer-events:none;-webkit-user-select:none;user-select:none;align-self:end;width:min(24vw,345px);min-width:225px;height:auto;position:absolute;bottom:clamp(78px,11vh,128px);right:clamp(16px,4vw,52px);transform:scaleX(-1)}.gamifiedGardenCoach.tonieRiveMascot{aspect-ratio:1;transform:none}.gamifiedGardenWin{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff94;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.gamifiedGardenWinLottie{width:120%;height:120%;position:absolute;inset:-10%}.gamifiedGardenWinCard{z-index:1;text-align:center;border:2px solid var(--color-line);width:min(92%,360px);box-shadow:0 5px 0 var(--color-line),0 22px 60px #2e40352e;background:#fff;border-radius:24px;justify-items:center;gap:8px;padding:24px;display:grid;position:relative}.gamifiedGardenWinCard span{color:var(--color-brand);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:950}.gamifiedGardenWinCard strong{color:var(--color-ink);font-family:var(--font-display);font-size:38px;line-height:1}.gamifiedGardenWinCard p{color:var(--color-ink-muted);margin:0 0 6px;font-size:14px;line-height:1.4}.gamifiedGardenLose{background:#fff6f299}.gamifiedGardenLose .gamifiedGardenWinCard{border-color:#a5362633}.gamifiedGardenLose .gamifiedGardenWinCard span{color:#a53626}.gamifiedGardenLose .gamifiedGardenWinCard strong{font-size:32px}.gamifiedNoteNameBoard{border:2px solid var(--color-line);width:min(100%,660px,64vh);min-width:0;box-shadow:0 5px 0 var(--color-line),0 24px 54px #262a3a24;background:#ffffffeb;border-radius:22px;grid-column:1;justify-items:center;gap:9px;padding:clamp(12px,2vw,18px);display:grid;position:relative;overflow:hidden}.gamifiedNoteNameBoard>*{z-index:1;position:relative}.gamifiedGardenPlayfield{grid-template-columns:minmax(0,1fr);place-items:center;gap:0;width:100%;min-width:0;min-height:0;padding:0;display:grid;position:relative}.gamifiedNoteNamePrompt{width:fit-content;color:var(--color-brand);border:2px solid var(--color-line);background:var(--color-tile-purple);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-flex}.gamifiedStaffFrame{aspect-ratio:1;width:100%;max-width:none;box-shadow:none;z-index:2;background:0 0;border:0;border-radius:0;grid-column:1;margin:0 auto;position:relative;overflow:hidden}.gamifiedStaffCanvas{width:100%;height:100%;display:block}.gamifiedNoteheadAnchor{pointer-events:none;filter:none;width:56px;height:56px;position:absolute;transform:translate(-50%,-50%)}.gamifiedNoteheadAnchor[data-state=idle]{animation:1.65s ease-in-out infinite gamifiedNoteIdle}.gamifiedNoteheadAnchor[data-state=correct]{animation:.7s cubic-bezier(.2,1.3,.3,1) both gamifiedNoteBloom}.gamifiedNoteheadAnchor[data-state=incorrect]{animation:.42s ease-in-out both gamifiedNoteShake}.gamifiedNoteCreature{width:100%;height:100%;display:block;position:relative}.gamifiedNoteCreatureHead{z-index:1;box-shadow:none;background:#111;border-radius:50%;position:absolute;inset:10px 5px 13px;transform:rotate(-18deg)}.gamifiedNoteCreatureBrush{display:none}.gamifiedNoteCreatureArm,.gamifiedNoteCreatureFoot{z-index:0;box-shadow:none;background:#111;position:absolute}.gamifiedNoteCreatureArm{border-radius:999px;width:16px;height:5px;top:27px}.gamifiedNoteCreatureArm:after{content:"";background:#111;border-radius:999px;width:7px;height:7px;position:absolute;top:-2px}.gamifiedNoteCreatureArmLeft{left:-3px;transform:rotate(-22deg)}.gamifiedNoteCreatureArmLeft:after{left:-2px}.gamifiedNoteCreatureArmRight{right:-3px;transform:rotate(22deg)}.gamifiedNoteCreatureArmRight:after{right:-2px}.gamifiedNoteCreatureFoot{border-radius:60% 40% 55% 45%;width:12px;height:6px;bottom:6px}.gamifiedNoteCreatureFootLeft{left:17px;transform:rotate(14deg)}.gamifiedNoteCreatureFootRight{right:16px;transform:rotate(-12deg)}.gamifiedNoteCreatureFace{grid-template-rows:5px 6px;grid-template-columns:repeat(2,5px);justify-content:center;gap:4px 8px;display:grid;position:absolute;top:15px;left:50%;transform:translate(-50%)rotate(18deg)}.gamifiedNoteCreatureEye{width:4px;height:4px;box-shadow:none;background:#fff;border-radius:999px}.gamifiedNoteCreatureMouth{border-bottom:2px solid #fff;border-radius:0 0 999px 999px;grid-column:1/-1;justify-self:center;width:13px;height:6px}.gamifiedNoteCreature[data-state=correct] .gamifiedNoteCreatureArmLeft{transform:rotate(-48deg)translateY(-4px)}.gamifiedNoteCreature[data-state=correct] .gamifiedNoteCreatureArmRight{transform:rotate(48deg)translateY(-4px)}.gamifiedNoteCreature[data-state=correct] .gamifiedNoteCreatureMouth{border-bottom-width:3px;width:18px;height:9px}.gamifiedNoteCreature[data-state=incorrect] .gamifiedNoteCreatureHead{background:#111}.gamifiedNoteCreature[data-state=incorrect] .gamifiedNoteCreatureMouth{border-top:2px solid #fff;border-bottom:0;border-radius:999px 999px 0 0;height:8px}.gamifiedNoteNameAnswers{grid-column:1;grid-template-columns:repeat(7,minmax(54px,1fr));gap:8px;width:min(100%,660px,64vh);min-width:0;display:grid}.gamifiedNoteNameAnswers .noteNameAnswerButton{isolation:isolate;color:#26382f;text-shadow:0 1px #ffffffb8;border:2px solid #26382f1f;border-bottom-width:6px;border-radius:16px;min-height:56px;font-size:25px;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden;box-shadow:0 12px 18px #26382f1a}.gamifiedNoteNameAnswers .noteNameAnswerButton:before{content:"";pointer-events:none;background:#ffffff6b;border-radius:999px;height:8px;position:absolute;inset:6px 9px auto}.gamifiedNoteNameAnswers .noteNameAnswerButton:after{content:"";opacity:.22;pointer-events:none;background:radial-gradient(at 32% 35%,#ffffffc2 0 4px,#0000 4.5px),currentColor;border-radius:62% 38% 58% 42%;width:16px;height:19px;position:absolute;bottom:5px;right:8px;transform:rotate(-18deg)}.gamifiedNoteNameAnswers .noteNameAnswerButton:first-child{background:linear-gradient(#fef7a3,#ffd96a)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(2){background:linear-gradient(#c7f0ff,#80d6ff)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(3){background:linear-gradient(#ffd1e5,#ff7bb8)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(4){background:linear-gradient(#c9f5df,#7fd8a0)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(5){background:linear-gradient(#ffd8b7,#ffad73)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(6){background:linear-gradient(#d7cdfb,#aa95ff)}.gamifiedNoteNameAnswers .noteNameAnswerButton:nth-child(7){background:linear-gradient(#c9f2e9,#7fd8c7)}.gamifiedNoteNameAnswers .noteNameAnswerButton:not(:disabled):hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 18px 24px #26382f24}.gamifiedNoteNameAnswers .noteNameAnswerButton:not(:disabled):active{border-bottom-width:3px;transform:translateY(1px)}.gamifiedNoteNameAnswers .noteNameAnswerButtonCorrect{border-color:#23765485;background:linear-gradient(#c9f5df,#6fd093)!important}.gamifiedNoteNameAnswers .noteNameAnswerButtonWrong{border-color:#a5362685;background:linear-gradient(#ffd0c8,#ff8f7f)!important}.gamifiedNoteNameFeedback{color:#5c655d;text-align:center;grid-column:1;width:min(100%,660px,64vh);min-height:24px;margin:0;font-size:14px;font-weight:800}.gamifiedNoteNameFeedback[data-state=correct]{color:#237654}.gamifiedNoteNameFeedback[data-state=incorrect]{color:#a53626}@keyframes gamifiedNoteIdle{0%,to{transform:translate(-50%,-50%)translateY(0)rotate(-3deg)}50%{transform:translate(-50%,-50%)translateY(-7px)rotate(3deg)}}@keyframes gamifiedTunieBob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes gamifiedNoteBloom{0%{opacity:.9;transform:translate(-50%,-50%)scale(.48)rotate(-14deg)}58%{transform:translate(-50%,-50%)scale(1.18)rotate(7deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes gamifiedNoteShake{0%,to{transform:translate(-50%,-50%)}22%{transform:translate(-50%,-50%)translate(-11px)rotate(-8deg)}48%{transform:translate(-50%,-50%)translate(10px)rotate(7deg)}72%{transform:translate(-50%,-50%)translate(-5px)rotate(-4deg)}}@keyframes gamifiedFlowerGrow{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-18deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes gamifiedSheepNibble{0%,to{transform:translate(0)rotate(0)}45%{transform:translate(-8px)rotate(-3deg)}70%{transform:translate(-4px)rotate(2deg)}}@keyframes gamifiedSunRadiate{0%,to{filter:drop-shadow(0 0 16px #ffc43e57)brightness();transform:scale(1)}50%{filter:drop-shadow(0 0 34px #ffc43eb8)brightness(1.12);transform:scale(1.18)}}@keyframes intervalGardenSunPulse{0%,to{filter:drop-shadow(0 0 10px #ffbe3052);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #ffbe30a3);transform:scale(1.1)}}@keyframes intervalGardenCloudDrift{0%{transform:translate(-8px)}50%{transform:translate(22px)}to{transform:translate(-8px)}}@keyframes intervalGardenHoneybeeFlight{0%,16%{opacity:0;transform:translate(-8vw)rotate(-7deg)scale(.86)}24%{opacity:1;transform:translate(22vw,-42px)rotate(6deg)scale(.92)}42%{opacity:1;transform:translate(48vw,22px)rotate(-4deg)scale(1)}58%{opacity:1;transform:translate(76vw,-58px)rotate(8deg)scale(.94)}72%{opacity:.9;transform:translate(104vw,8px)rotate(-3deg)scale(.88)}82%,to{opacity:0;transform:translate(118vw,-18px)rotate(-7deg)scale(.86)}}@keyframes melodicRecallHoneybeeFlight{0%,8%{opacity:0;transform:translate(-12vw,28px)rotate(-8deg)scale(.84)}12%{opacity:1}24%{transform:translate(24vw,-28px)rotate(7deg)scale(.92)}38%{transform:translate(54vw,18px)rotate(-5deg)scale(1)}52%{opacity:1;transform:translate(88vw,-42px)rotate(8deg)scale(.94)}62%{opacity:0;transform:translate(118vw,4px)rotate(-4deg)scale(.86)}to{opacity:0;transform:translate(118vw,4px)rotate(-4deg)scale(.86)}}@keyframes intervalCharacterBounce{0%{transform:translateY(0)scale(1)}42%{transform:translateY(-12px)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes intervalCharacterSing{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-8px)rotate(1deg)}}@keyframes intervalCharacterCorrect{0%{transform:translateY(0)scale(1)}44%{transform:translateY(-16px)scale(1.06)}to{transform:translateY(0)scale(1)}}@keyframes intervalCharacterWrong{0%,to{transform:translate(0)}30%{transform:translate(-8px)rotate(-2deg)}70%{transform:translate(8px)rotate(2deg)}}@keyframes intervalBloomSparkles{0%{opacity:0;transform:translate(-50%,16px)scale(.35)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-54px)scale(1)}}@keyframes intervalFlowerPop{0%{opacity:0;transform:translateY(18px)scale(.4)}72%{opacity:1;transform:translateY(-6px)scale(1.06)}to{opacity:1}}.playNoteNameShell{background:#f7f7f2;min-height:100dvh;padding:max(72px,clamp(18px,4vh,38px)) clamp(16px,3vw,38px) clamp(18px,3vh,34px);display:grid;position:relative;overflow:auto}.playNoteNameRun{grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch;gap:clamp(12px,2vh,22px);width:100%;min-height:0;margin:0 auto;display:grid}.playNoteNameRunActions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-items:center;gap:10px;max-width:360px;display:flex}.playNoteNameRunHeader>.playNoteNameRunActions{gap:10px;display:flex}.playNoteNameRunActions small{color:#65704a;text-align:right;flex-basis:100%;font-size:12px;font-weight:800;line-height:1.25}.playNoteNameAutoAdvance{color:#4f5c35;cursor:pointer;background:#fff;border:1px solid #d2d2c8;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 13px;font-size:14px;font-weight:850;display:inline-flex}.playNoteNameAutoAdvance input{accent-color:#64a83d;width:18px;height:18px}.playNoteNameRunHeader{grid-template-columns:minmax(160px,1fr) minmax(300px,auto) minmax(230px,auto);justify-content:space-between;align-items:center;gap:18px;display:grid}.playNoteNameRunHeader div{gap:3px;display:grid}.playNoteNameRunHeader>div:first-child span{color:var(--color-ink-muted);text-transform:uppercase;font-size:12px;font-weight:850}.playNoteNameRunHeader strong{color:var(--color-ink);font-family:var(--font-display);font-size:22px}.playNoteNameScoreCard{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line);background:#ffffffeb;border-radius:22px;grid-template-columns:repeat(3,minmax(72px,auto));gap:8px;padding:8px;display:grid}.playNoteNameScoreCard div{background:var(--color-brand-soft);text-align:center;border-radius:16px;min-width:0;padding:8px 10px}.playNoteNameScoreCard span{color:#6b6b61;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.playNoteNameScoreCard strong{color:var(--color-brand);font-family:var(--font-display);justify-content:center;align-items:center;gap:5px;margin-top:3px;font-size:22px;line-height:1;display:inline-flex}.playNoteNameScoreCard strong img{object-fit:contain;width:24px;height:24px}.playNoteNamePromptPanel{text-align:center;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;justify-items:center;gap:12px;padding:0;display:grid;position:relative}.playNoteNameGardenStage{isolation:isolate;grid-template-columns:minmax(220px,360px) minmax(260px,390px);justify-content:center;place-items:end center;gap:clamp(4px,2vw,28px);min-height:0;display:grid;overflow:visible}.playNoteNameCharacterScene{z-index:2;place-self:end start;justify-items:start;width:min(100%,clamp(250px,34vw,430px));display:grid;position:relative}.playNoteNameCharacter{filter:drop-shadow(0 18px 18px #262a3a3d);transform-origin:50% 92%;width:100%;height:auto;animation:.32s both playNoteNameCharacterSettle;translate:0 -42px}.playNoteNameCharacter.tonieRiveMascot{aspect-ratio:516/734}.playNoteNameStageInstruction{z-index:5;text-align:center;place-self:center end;justify-items:center;gap:12px;width:min(100%,380px);animation:2.6s ease-in-out infinite playNoteNameInstructionFloat;display:grid;position:relative}.playNoteNameStageInstruction span{color:var(--color-ink);font-family:var(--font-display);text-shadow:0 3px #ffffffd1,0 9px 14px #3e366829;font-size:clamp(26px,4vw,46px);font-weight:950;line-height:1}.playNoteNameBoard{place-items:center;width:min(100%,clamp(230px,28vw,365px));display:grid;position:relative}.playNoteNameBoardImage{object-fit:contain;filter:drop-shadow(0 18px 24px #2b251a33);width:100%;height:auto}.playNoteNameBoard strong{color:#2b2813;font-family:var(--font-display);text-shadow:0 2px #fff9;font-size:clamp(72px,10vw,124px);font-weight:950;line-height:.95;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.playNoteNameBoard strong[data-state=correct]{color:#2d7b36}.playNoteNameBoard strong[data-state=wrong]{color:#835146}.playNoteNamePromptPanel:not(.playNoteNameGardenStage)>span{color:#6b6b61;text-transform:uppercase;font-size:13px;font-weight:900}.playNoteNamePromptPanel:not(.playNoteNameGardenStage)>strong{color:#20201d;font-size:clamp(96px,20vw,180px);font-weight:950;line-height:.9;transition:color .14s}.playNoteNamePromptPanel:not(.playNoteNameGardenStage)>strong[data-state=correct]{color:#28622a}.playNoteNamePromptPanel:not(.playNoteNameGardenStage)>strong[data-state=wrong]{color:#9f2f22}.playNoteNamePromptPanel:not(.playNoteNameGardenStage) p{color:#5d5d55;min-height:28px;margin:0;font-size:18px;font-weight:750}.playNoteNamePromptPanel:not(.playNoteNameGardenStage) p[data-state=correct]{color:#28622a}.playNoteNamePromptPanel:not(.playNoteNameGardenStage) p[data-state=wrong]{color:#9f2f22}.playNoteNamePromptPanel:not(.playNoteNameGardenStage) small{color:#6b6b61;font-weight:700}@keyframes playNoteNameCharacterSettle{0%{transform:translateY(14px)scale(.96)}70%{transform:translateY(-4px)scale(1.02)}to{transform:translateY(0)scale(1)}}@keyframes playNoteNameInstructionFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.melodicRecallPage{overscroll-behavior:contain;background:linear-gradient(#f8fdedb3,#eef9e2e0),url(/images/landscapes/farm_01.png) bottom/cover no-repeat;align-content:start;gap:28px;width:100%;height:calc(100vh - 96px);margin:0;padding:clamp(28px,5vw,58px) clamp(18px,4vw,42px) 84px;display:grid;position:relative;overflow:hidden auto}.melodicRecallHoneybee{z-index:60;pointer-events:none;filter:drop-shadow(0 9px 8px #48522629);width:clamp(56px,7vw,92px);height:clamp(56px,7vw,92px);animation:8s ease-in-out both melodicRecallHoneybeeFlight;position:absolute;top:clamp(132px,17vw,230px);left:-130px}.melodicRecallPage::-webkit-scrollbar{width:8px}.melodicRecallPage::-webkit-scrollbar-thumb{background:#c7c9cc;border-radius:999px}.melodicRecallPage::-webkit-scrollbar-track{background:0 0}.melodicRecallHero{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff9e;border:3px solid #ffffffdb;border-radius:24px;gap:10px;width:min(1280px,100%);margin:0 auto;padding:18px 20px;display:grid;position:relative;box-shadow:0 7px #1f3d2a24,0 20px 42px #1f3d2a24}.melodicRecallHero h1{color:#1f3d2a;margin:0;font-size:clamp(42px,6vw,64px);line-height:.95}.melodicRecallGrid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start;gap:28px;width:min(1280px,100%);margin:0 auto;display:grid;position:relative}.melodicRecallGridFull{grid-template-columns:minmax(0,1fr)}.melodicRecallMain,.melodicRecallSidebar{gap:22px;display:grid}.melodicRecallPianoRollCard,.melodicRecallTransportCard,.melodicRecallStatusCard,.melodicRecallPhraseCard,.melodicRecallAiReportCard,.melodicRecallResultCard,.melodicRecallSettingsCard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:3px solid #ffffffe6;border-radius:22px;box-shadow:0 7px #1f3d2a1f,0 18px 36px #1f3d2a24}.melodicRecallCardHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.melodicRecallCardHeader h2,.melodicRecallSettingsCard h2{color:#1f3d2a;margin:0;font-size:22px;line-height:1.2}.melodicRecallCardHeader h2{color:#4e6b58;letter-spacing:.08em;text-transform:uppercase;font-size:17px;font-weight:850}.melodicRecallPhraseCard{background:#ffffffeb;border-radius:18px;min-width:0;padding:22px}.melodicRecallStatusCard span,.melodicRecallFooterMetric span,.melodicRecallSettingsCard label>span,.melodicRecallSwitchRow>span{color:#4e6b58;letter-spacing:.07em;text-transform:uppercase;font-size:13px;font-weight:850}.melodicRecallStatusCard small,.melodicRecallFooterMetric small,.melodicRecallPhraseCard small{color:#5f7465;margin-top:6px;font-weight:750;display:block}.melodicRecallError{color:#9f2f22;margin:0;font-weight:800}.melodicRecallPianoRollCard{gap:18px;padding:clamp(20px,3vw,30px);display:grid}.melodicRecallPianoRoll{gap:10px;min-width:0;display:grid}.melodicRecallTimeRuler,.melodicRecallRollLegend{color:#4e6b58;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.melodicRecallRollGrid{background:linear-gradient(90deg,#1b1b1914 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#1b1b190f 1px,#0000 1px) 0 0/100% 25%,#ffffffe0;border:2px solid #1f3d2a1f;border-radius:18px;min-height:176px;position:relative;overflow:hidden}.melodicRecallRollNote{border-radius:999px;min-width:6px;height:12px;position:absolute;transform:translateY(50%);box-shadow:0 1px 2px #16161429}.melodicRecallRollNotePerformed{background:#2f9e6f}.melodicRecallRollNoteExpected{opacity:.82;background:#3f74d8;height:8px;transform:translateY(-70%)}.melodicRecallRollEmpty{color:#757570;text-align:center;place-items:center;padding:18px;font-size:15px;font-weight:800;display:grid;position:absolute;inset:0}.melodicRecallRollLegend{flex-wrap:wrap;justify-content:flex-start}.melodicRecallRollLegend span{align-items:center;gap:8px;display:inline-flex}.melodicRecallRollLegend i{border-radius:999px;width:24px;height:9px;display:inline-block}.melodicRecallReviewRow{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;display:grid}.melodicRecallReplayActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.melodicRecallReplayButton{align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:14px;display:inline-flex}.melodicRecallAiFeedbackButton{color:#5f4510;background:#fff4bf;border-color:#ffd45ccc}.melodicRecallInlineResult{text-align:right;gap:2px;max-width:280px;display:grid}.melodicRecallInlineResult span{color:#4e6b58;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.melodicRecallInlineResult strong{color:#2f9e6f;font-size:34px;line-height:1}.melodicRecallInlineResult small{color:#4e6b58;font-size:12px;font-weight:750;line-height:1.25}.melodicRecallTransportCard{background:linear-gradient(#fffffff0,#f6fbe9eb);flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.melodicRecallCommand{align-items:center;gap:10px;min-height:48px;display:inline-flex}.melodicRecallCommandPrimary{background:#2f9e6f}.melodicRecallCommand[data-recording=true]{color:#fff;background:#d71920}.melodicRecallMetronomeToggle{color:#4e6b58;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:10px;min-height:48px;padding:0 8px;font-size:13px;font-weight:850;display:inline-flex}.melodicRecallOctaveToggle{color:#4e6b58;min-height:48px;font:inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:#f6fbe9;border:2px solid #1f3d2a1f;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-size:13px;font-weight:850;display:inline-flex}.melodicRecallOctaveToggle input{accent-color:#2f9e6f;width:16px;height:16px}.melodicRecallOctaveToggle:has(input:checked){color:#1f6b45;background:#e2f1ea;border-color:#2f9e6f}.melodicRecallDone{margin-left:auto}.melodicRecallStatusCard{background:#ffffffe6;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.melodicRecallStatusCard svg{color:#2f9e6f;background:#e2f1ea;border-radius:14px;width:48px;height:48px;padding:10px}.melodicRecallStatusCard strong,.melodicRecallFooterMetric strong,.melodicRecallPhraseCard strong{color:#1f3d2a;font-size:22px;line-height:1.25;display:block}.melodicRecallFooterMetric{border-left:1px solid #d7d9dc;min-width:0;padding-left:18px}.melodicRecallFooterMetric strong{margin-top:4px;font-size:26px}.melodicRecallPhraseCard{background:#ffffffe6;gap:4px;display:grid}.melodicRecallPhraseCard span{color:#3f6049;font-weight:750}.melodicRecallAiReportCard{gap:16px;padding:22px;display:grid}.melodicRecallAiReportCard header{align-items:center;gap:12px;display:flex}.melodicRecallAiReportCard header svg{color:#d29614}.melodicRecallAiReportCard header span{color:#4e6b58;letter-spacing:.07em;text-transform:uppercase;font-size:12px;font-weight:850}.melodicRecallAiReportCard h2,.melodicRecallAiReportCard p{margin:0}.melodicRecallAiReportCard h2{color:#1f3d2a;font-size:22px;line-height:1.12}.melodicRecallAiReportCard p{color:#3f6049;font-weight:750;line-height:1.45}.melodicRecallAiReportGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.melodicRecallAiReportGrid section{background:#fff;border:2px solid #1f3d2a1a;border-radius:16px;align-content:start;gap:8px;padding:14px;display:grid}.melodicRecallAiReportGrid strong{color:#1f3d2a;font-size:14px}.melodicRecallAiReportGrid ul{color:#3f6049;gap:6px;margin:0;padding-left:18px;font-weight:750;line-height:1.35;display:grid}.melodicRecallSettingsCard{gap:22px;padding:26px;display:grid}.melodicRecallSettingsCard header{align-items:center;gap:12px;display:flex}.melodicRecallSettingsCard header svg{color:#2f9e6f}.melodicRecallSettingsCard label{gap:10px;display:grid}.melodicRecallSettingsCard select,.melodicRecallSettingsCard input[type=number]{color:#1f3d2a;min-width:0;min-height:48px;font:inherit;background:#fff;border:2px solid #1f3d2a1f;border-radius:14px;padding:0 14px;font-weight:750}.melodicRecallRangeLabel span{justify-content:space-between;align-items:center;gap:12px;display:flex}.melodicRecallRangeLabel input{accent-color:#2f9e6f;width:100%}.melodicRecallSettingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.melodicRecallSwitchRow{justify-content:space-between;align-items:center;gap:16px;display:flex!important}.melodicRecallFullButton{justify-content:center;width:100%}.melodicRecallResultCard{gap:10px;padding:22px;display:grid}.melodicRecallResultCard h2,.melodicRecallResultCard p{margin:0}.melodicRecallResultCard>strong{color:#2f9e6f;font-size:42px;line-height:1}.sightReadingPage{overscroll-behavior:contain;gap:34px;width:min(100%,1280px);height:calc(100vh - 96px);margin:0 auto;padding:clamp(28px,5vw,58px) clamp(18px,4vw,42px);display:grid;overflow-y:auto}.sightReadingScoreCard{box-shadow:none;background:#fff;border:1px solid #d7d9dc;border-radius:8px;gap:18px;padding:clamp(20px,3vw,30px);display:grid}.sightReadingScoreWrap{background:#f8f8f6;border:1px solid #d7d9dc;border-radius:8px;height:clamp(420px,62vh,720px);position:relative;overflow:auto}.sightReadingSvgHost{z-index:1;min-width:920px;padding:24px;position:relative}.sightReadingSvgHost svg{width:100%;height:auto;display:block}.gamifiedSightReadingPage{background:linear-gradient(#b4e1ffb8,#eafaebe6 56%,#c8eab5eb),repeating-linear-gradient(90deg,#ffffff29 0 24px,#0000 24px 64px);width:100%;max-width:none;position:relative;overflow:hidden auto}.gamifiedSightReadingBackdrop{pointer-events:none;background:linear-gradient(#b4e1ffb8,#eafaebe6 56%,#c8eab5eb),repeating-linear-gradient(90deg,#ffffff29 0 24px,#0000 24px 64px);position:fixed;inset:0;overflow:hidden}.gamifiedSightReadingSun{filter:drop-shadow(0 0 24px #ffc43e75);background:url(/images/sun.svg) 50%/contain no-repeat;width:106px;height:106px;animation:2.4s ease-in-out infinite gamifiedSightReadingSunPulse;position:absolute;top:118px;right:clamp(28px,8vw,112px)}.gamifiedSightReadingHill{border-radius:50% 50% 0 0;position:absolute;left:-8%;right:-8%}.gamifiedSightReadingHillBack{background:#9bd879b3;height:260px;bottom:-120px}.gamifiedSightReadingHillFront{background:radial-gradient(circle at 16% 18%,#ff7bb88a 0 10px,#0000 11px),radial-gradient(circle at 32% 11%,#ffd96a94 0 9px,#0000 10px),radial-gradient(circle at 72% 17%,#80d8c78f 0 10px,#0000 11px),linear-gradient(#79c765,#4ca15a);height:310px;bottom:-170px}.gamifiedSightReadingPage>:not(.gamifiedSightReadingBackdrop){z-index:1;position:relative}.gamifiedSightReadingPage .sightReadingScoreCard{background:#fffdf4e6;border-color:#2e403524;width:min(95vw,1900px);max-width:none;margin-left:auto;margin-right:auto;box-shadow:0 18px 44px #2e40351a}.gamifiedSightReadingPage .sightReadingScoreWrap{overscroll-behavior:contain;background:linear-gradient(#ffffffeb,#f3fcefeb),radial-gradient(circle at 18% 16%,#ffd96a33,#0000 28%);border-color:#2e403524;width:100%;overflow:auto}.gamifiedSightReadingMarkLayer{z-index:3;pointer-events:none;position:absolute;inset:0}.gamifiedSightReadingFlowerMark{filter:drop-shadow(0 7px 7px #26382f2e);background:url(/images/flower_01.svg) 50%/contain no-repeat;width:54px;height:54px;animation:.42s cubic-bezier(.2,1.35,.35,1) forwards gamifiedSightReadingFlowerPop;position:absolute;transform:translate(-50%,-50%)scale(0)}.gamifiedSightReadingFlowerMark[data-result=miss]{filter:drop-shadow(0 5px 5px #48302633);opacity:.86;transform-origin:50% 70%;background-image:url(/images/wilted-flower.svg)}.gamifiedSightReadingFlowerMark[data-result=miss][data-miss-variant=worm]{background-image:url(/images/worm.svg);width:58px;height:58px}.gamifiedSightReadingPage .gamifiedSightReadingHiddenNotehead{opacity:0!important}@keyframes gamifiedSightReadingFlowerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-12deg)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(7deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes gamifiedSightReadingSunPulse{0%,to{filter:drop-shadow(0 0 20px #ffc43e61)brightness();transform:scale(1)}50%{filter:drop-shadow(0 0 38px #ffc43eb8)brightness(1.1);transform:scale(1.1)}}.sightReadingPlayhead{z-index:5;opacity:0;pointer-events:none;background:#d71920;border-radius:999px;width:4px;min-height:48px;transition:opacity .12s;position:absolute;top:0;left:0;box-shadow:0 0 0 4px #d719202e}.sightReadingEmptyScore{color:#757570;text-align:center;place-items:center;padding:24px;font-weight:850;display:grid;position:absolute;inset:0}.sightReadingAttemptLogCard{border-radius:8px;gap:14px;display:grid}.sightReadingAttemptLogList{gap:8px;display:grid}.sightReadingAttemptLogList article{background:#f8f8f6;border:1px solid #26382f1f;border-radius:8px;grid-template-columns:64px minmax(72px,.5fr) minmax(72px,.5fr) 88px;align-items:center;gap:10px;padding:10px 12px;display:grid}.sightReadingAttemptLogList article[data-result=hit]{background:#2f8f3a14;border-color:#2f8f3a47}.sightReadingAttemptLogList article[data-result=miss]{background:#c9433214;border-color:#c9433242}.sightReadingAttemptLogList span,.sightReadingAttemptLogList em,.sightReadingAttemptLogEmpty{color:var(--ui-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:850}.sightReadingAttemptLogList strong,.sightReadingAttemptLogList small{min-width:0;color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-style:normal;font-weight:850;overflow:hidden}.sightReadingAttemptLogList small{color:var(--ui-text-muted)}.sightReadingAttemptLogList em{justify-self:end;font-style:normal}.sightReadingAttemptLogEmpty{background:#f8f8f6;border-radius:8px;margin:0;padding:12px;line-height:1.4}.sightReadingAnalyticsPage{min-height:100vh;color:var(--ui-text);background:#f4f2eb;align-content:start;gap:18px;padding:28px;display:grid}.sightReadingAnalyticsHeader{justify-content:space-between;align-items:end;gap:18px;display:flex}.sightReadingAnalyticsHeader h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:.95}.sightReadingAnalyticsHeader p:not(.eyebrow){color:var(--ui-text-muted);margin:8px 0 0}.sightReadingAnalyticsToggles{gap:10px;display:flex}.sightReadingAnalyticsToggles label{min-height:38px;color:var(--ui-text-muted);letter-spacing:.04em;text-transform:uppercase;background:#fff;border:1px solid #26382f24;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:850;display:inline-flex}.sightReadingAnalyticsSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sightReadingAnalyticsSummary article,.sightReadingPianoRollPanel,.sightReadingAnalyticsEmpty{background:#fff;border:1px solid #26382f24;border-radius:8px}.sightReadingAnalyticsSummary article{gap:6px;padding:14px;display:grid}.sightReadingAnalyticsSummary span{color:var(--ui-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:850}.sightReadingAnalyticsSummary strong{font-size:28px;line-height:1}.sightReadingPianoRollPanel{min-height:520px;overflow:hidden}.sightReadingPianoRollScroller{width:100%;height:min(68vh,680px);overflow:auto}.sightReadingPianoRoll{background:repeating-linear-gradient(90deg,#0000 0 83px,#26382f12 84px),#fbfbf8;min-height:100%;position:relative}.sightReadingPianoRollRow{border-bottom:1px solid #26382f14;position:absolute;left:0;right:0}.sightReadingPianoRollRow[data-black-key=true]{background:#26382f0a}.sightReadingPianoRollRow span{z-index:4;width:56px;height:100%;color:var(--ui-text-muted);background:#ffffffeb;border-right:1px solid #26382f29;align-items:center;padding-left:8px;font-size:11px;font-weight:850;display:inline-flex;position:sticky;left:0}.sightReadingPianoRollMarker{background:#26382f24;width:1px;position:absolute;top:0;bottom:0}.sightReadingPianoRollMarker span{color:var(--ui-text-muted);background:#ffffffe6;border-radius:999px;padding:3px 5px;font-size:10px;font-weight:850;display:inline-block;position:sticky;top:0;transform:translate(4px)}.sightReadingPianoRollNote{z-index:3;color:#fff;text-align:center;white-space:nowrap;border-radius:999px;height:12px;font-size:9px;font-weight:900;line-height:12px;position:absolute;overflow:hidden}.sightReadingPianoRollExpected{background:#2f6b3f;box-shadow:0 0 0 1px #2f6b3f40}.sightReadingPianoRollActual{z-index:5;background:#c2782a;box-shadow:0 0 0 2px #c2782a33}.sightReadingAnalyticsEmpty{width:min(720px,100%);margin:12vh auto 0;padding:24px}.sightReadingAnalyticsEmpty h1,.sightReadingAnalyticsEmpty p{margin:0}.sightReadingAnalyticsEmpty p{color:var(--ui-text-muted);margin-top:10px}.scalesExercisePage{overscroll-behavior:contain;color:#24302a;isolation:isolate;height:calc(100vh - 96px);padding:clamp(24px,4vw,52px);position:relative;overflow-y:auto}.scalesExerciseBackdrop{z-index:0;pointer-events:none;background:linear-gradient(#fff8e07a,#edf7e7bd 58%,#eefaf6e0),url(/images/landscapes/farm_01.png) bottom/cover no-repeat;position:fixed;inset:0}.scalesExerciseBackdrop:before{content:"";aspect-ratio:1;filter:drop-shadow(0 0 26px #ffc43e80);opacity:.94;pointer-events:none;background:url(/images/sun.svg) 50%/contain no-repeat;width:clamp(92px,12vw,148px);position:absolute;top:clamp(82px,11vh,132px);right:clamp(28px,9vw,132px)}.scalesExercisePage:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 12%,#ffd8603d,#0000 22%),linear-gradient(90deg,#ffffff6b,#ffffff2e);position:fixed;inset:0}.scalesExerciseHero{z-index:2;text-shadow:0 2px 12px #fff9;width:min(1120px,100%);margin:0 auto 20px;position:relative}.scalesExerciseHero h1{margin:4px 0 8px;font-size:clamp(42px,7vw,78px);line-height:.9}.scalesExerciseHero p:not(.eyebrow){color:#415145;max-width:760px;margin:0;font-size:clamp(16px,2vw,19px);font-weight:750;line-height:1.45}.scalesExerciseLayout{z-index:2;align-items:start;gap:18px;width:min(1320px,100%);margin:0 auto;display:grid;position:relative}.scalesExerciseMain{gap:16px;display:grid}.scalesTransportCard{background:#fffdf4eb;border:1px solid #374e3c29;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 18px 44px #374e3c1f}.scalesScoreCard{background:#fffdf4f0;border:1px solid #374e3c29;border-radius:8px;gap:18px;min-height:0;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 18px 44px #374e3c1f}.scalesScoreWrap{box-sizing:border-box;overscroll-behavior:contain;background:linear-gradient(#fffffff0,#f6fdf1f0),radial-gradient(circle at 18% 16%,#ffd96a2e,#0000 28%);border:1px solid #374e3c29;border-radius:8px;height:min(76vh,760px);min-height:0;max-height:max(360px,min(760px,100vh - 220px));position:relative;overflow:auto}.scalesSvgHost{z-index:1;min-width:920px;min-height:1100px;padding:24px;position:relative}.scalesSvgHost svg{width:100%;height:auto;display:block}.scalesPlayhead{background:#c7472e;box-shadow:0 0 0 4px #c7472e2e}.scalesHiddenNotehead{opacity:0!important}.scalesStatusCard{background:#ffffffe6;border:1px solid #374e3c29;grid-template-columns:auto minmax(0,1fr) minmax(140px,.45fr) minmax(120px,.35fr);align-items:center;gap:16px;padding:16px 18px;display:grid}.scalesStatusCard>svg{align-self:center}.scalesStatusCard span,.scalesAnalyticsCard span,.scalesSettingsCard label span{color:#627066;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:850;display:block}.scalesStatusCard strong,.scalesStatusCard small{min-width:0;display:block}.scalesStatusCard strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:900;overflow:hidden}.scalesStatusCard small{color:#627066;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:750;overflow:hidden}.scalesSettingsCard,.scalesPracticeCard,.scalesAnalyticsCard{background:#fffdf4f0;border:1px solid #374e3c29;padding:18px;box-shadow:0 18px 44px #374e3c1f}.scalesSettingsCard header{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:16px;display:flex}.scalesSettingsCard header svg{flex:none}.scalesSettingsCard h2{margin:0;font-size:24px}.scalesOptionsPanel header{margin-bottom:0}.scalesOptionsPanel header+div .scalesSettingsGrid{margin-top:16px}.scalesOptionsToggle{color:#24302a;min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:24px;font-weight:900;display:inline-flex}.scalesOptionsToggle span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.scalesOptionsToggle svg:last-child{transition:transform .16s}.scalesOptionsToggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.scalesOptionsCollapseButton{color:#405844;min-height:38px;font:inherit;cursor:pointer;background:#ffffffb3;border:1px solid #374e3c2e;border-radius:8px;margin-left:auto;padding:8px 12px;font-size:13px;font-weight:900}.scalesOptionsSummary{color:#405844;background:#ffffffa8;border:1px solid #374e3c24;border-radius:8px;margin:14px 0 0;padding:12px 14px;font-weight:850;line-height:1.35}.scalesSettingsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.scalesSettingsGrid label{gap:6px;display:grid}.scalesSettingsGrid select,.scalesSettingsGrid input{color:#24302a;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #374e3c2e;border-radius:8px;padding:8px 10px;font-weight:800}.scalesPracticeCard{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.scalesPracticeCard>svg{margin-top:2px}.scalesOptionsTarget{background:#ffffffa8;border:1px solid #374e3c24;border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.scalesOptionsTarget strong,.scalesOptionsTarget small{display:block}.scalesOptionsTarget small{color:#627066;margin-top:3px;font-weight:750}.scalesPracticeCard strong,.scalesPracticeCard span,.scalesPracticeCard small{display:block}.scalesPracticeCard span{color:#405844;margin-top:4px;font-weight:900}.scalesPracticeCard small{color:#627066;margin-top:5px;font-weight:750;line-height:1.4}.scalesAnalyticsCard{gap:16px;display:grid}.scalesMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scalesMetricGrid article{background:#ffffffc7;border:1px solid #374e3c24;border-radius:8px;gap:6px;min-height:98px;padding:14px;display:grid}.scalesMetricGrid strong{font-size:30px;line-height:1}.scalesMetricGrid small{color:#627066;font-size:13px;font-weight:750;line-height:1.3}.scalesAiFeedbackActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.scalesAiFeedbackActions span{color:#627066;text-transform:none}.scalesAiFeedback{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scalesAiFeedback p{background:#ffffffc7;border-radius:8px;grid-column:1/-1;margin:0;padding:12px 14px;font-weight:800;line-height:1.45}.scalesAiFeedback section{min-width:0}.scalesAiFeedback section strong{color:#24302a;margin-bottom:6px;display:block}.scalesAiFeedback ul{color:#405844;gap:6px;margin:0;padding-left:18px;font-size:14px;font-weight:750;line-height:1.35;display:grid}.scalesAttemptLogCard{background:#fffdf4f0}@media (max-width:980px){.intervalGardenHeader,.intervalGardenSettings{grid-template-columns:1fr}.intervalGardenHeader{width:100%}.intervalGardenStats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.scalesExerciseLayout,.scalesStatusCard{grid-template-columns:1fr}.scalesSettingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.scalesMetricGrid,.scalesAiFeedback{grid-template-columns:1fr}.scalesExercisePage{padding:20px 12px 32px}.scalesSvgHost{min-width:920px;padding:18px}.scalesSettingsCard header{flex-direction:column;align-items:stretch}.intervalGardenStage{min-height:620px}.intervalGardenLevelSign{justify-self:start;max-width:min(100%,420px);position:relative;top:auto;left:auto}.intervalCharacterPair{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,8vw,54px);width:100%;min-height:330px;margin-top:28px}.intervalGardenChoices{grid-template-columns:1fr}.melodicRecallPage,.sightReadingPage{height:auto;overflow:visible}.melodicRecallGrid{grid-template-columns:1fr}.sightReadingAttemptLogList article{grid-template-columns:64px minmax(0,1fr) 88px}.sightReadingAttemptLogList small{grid-column:2/4}.melodicRecallDone{margin-left:0}}@media (max-width:640px){.standaloneExercise[data-immersive=true]>.intervalGardenPage{padding-left:14px;padding-right:14px}.intervalGardenHeader h1{font-size:40px}.intervalGardenHeader p:not(.eyebrow){font-size:16px}.intervalGardenSettings{padding:10px}.intervalGardenStage{min-height:590px;padding-left:10px;padding-right:10px}.intervalGardenLevelSign{max-width:100%}.intervalCharacterPair{gap:10px;min-height:280px;margin-top:18px}.intervalCharacter{width:min(42vw,154px);height:246px}.intervalCharacterImage{width:min(42vw,154px)}.intervalSingingNotes{font-size:28px;right:-4px}.intervalCharacterSecond .intervalSingingNotes{left:-4px}.melodicRecallStatusCard{grid-template-columns:auto 1fr}.melodicRecallFooterMetric{border-left:0;grid-column:1/-1;padding-left:0}.melodicRecallSettingsGrid{grid-template-columns:1fr}.melodicRecallRollGrid{min-height:132px}.melodicRecallTimeRuler{font-size:11px}.melodicRecallReviewRow{grid-template-columns:1fr}.melodicRecallInlineResult{text-align:left;justify-self:start;max-width:none}.melodicRecallAiReportGrid{grid-template-columns:1fr}}.dictationWrongNote{color:#c62828;font-weight:850}.dictationCorrectNote{color:#f57c00;font-weight:850}.dictationExpectedDebug{color:#66665d;border-top:1px solid #e7e7df;grid-column:1/-1;padding-top:12px;font-size:13px}.dictationExpectedDebug summary{cursor:pointer;font-weight:700}.dictationExpectedDebug p{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.dictationFeedbackGrid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.dictationFeedbackList{background:#fafaf8;border:1px solid #e4e4dc;border-radius:8px;padding:14px}.dictationFeedbackList strong{margin-bottom:8px;display:block}.dictationFeedbackList p,.dictationFeedbackList ul{color:#55554d;margin:0;line-height:1.45}.dictationFeedbackList ul,.dictationSuggestions ul{padding-left:20px}.dictationSuggestions{margin-top:12px}.dictationError{max-width:1120px}.intervalInputMonitorPanel h2{margin-bottom:12px}.intervalInputMonitorGrid{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;display:grid}.intervalInputMonitorGrid span{color:#66665d;text-overflow:ellipsis;white-space:nowrap;background:#f8f8f4;border:1px solid #e4e4dc;border-radius:8px;min-width:0;padding:10px 12px;font-size:13px;overflow:hidden}.intervalInputMonitorGrid strong{color:#20201d}.intervalInputPanel label{color:#55554d;gap:6px;font-size:13px;font-weight:650;display:grid}.intervalInputPanel select{color:#20201d;min-height:40px;font:inherit;background:#fff;border:1px solid #d8d8cf;border-radius:8px}.intervalReproductionFeedback{max-width:1120px;margin-top:16px}.intervalReproductionOptions{grid-template-columns:minmax(220px,1fr) minmax(200px,260px) minmax(150px,180px) minmax(150px,180px) minmax(160px,auto) minmax(140px,auto)}.intervalReproductionPrompt h2{text-transform:none}.intervalReproductionPrompt p+p{margin-top:6px}.intervalReproductionPrompt strong{color:#20201d}.intervalOctaveOption{align-self:end}.learnSongPage{height:100%;padding:32px;overflow:auto}.learnSongHeader{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1120px;margin-bottom:24px;display:flex}.learnSongHeader h1{margin:0 0 10px;font-size:32px;line-height:1.15}.learnSongHeader p{color:#55554d;max-width:700px;margin:0;line-height:1.55}.learnSongGrid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:16px;max-width:1120px;display:grid}.learnSongPanel,.timelinePanel,.chordListPanel{background:#fff;border:1px solid #dfdfd8;border-radius:8px;padding:18px}.learnSongPanel h2,.timelinePanel h2,.chordListPanel h2{margin:0 0 14px;font-size:17px}.songUpload{color:#30302b;cursor:pointer;background:#fafaf8;border:1px dashed #b8b8ad;border-radius:8px;align-items:center;min-height:48px;margin-bottom:12px;padding:0 14px;display:flex}.songUpload input{display:none}.primaryAction{border:1px solid var(--ui-accent);background:var(--ui-accent);min-height:40px;color:var(--ui-accent-text);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:0 18px;font-weight:700;transition:filter .12s,transform 90ms}.primaryAction:hover{filter:brightness(1.05)}.primaryAction:active{transform:translateY(1px)}.primaryAction:disabled{filter:none;cursor:default;background:#b9c4ba;border-color:#b9c4ba}.secondaryAction{border:1px solid var(--ui-border-strong);background:var(--ui-surface);min-height:40px;color:var(--ui-text);font-family:var(--font-display);cursor:pointer;border-radius:999px;padding:0 18px;font-weight:700;transition:background .12s}.secondaryAction:hover{background:var(--ui-surface-muted)}.secondaryAction:disabled{color:#8b9b8e;cursor:default}.intervalLogActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.songPlayer{width:100%;margin-top:14px}.analysisError{color:#b91c1c;margin:12px 0 0;font-size:13px}.analysisStats{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;display:grid}.analysisStats div{background:#f8f8f4;border:1px solid #e4e4dc;border-radius:8px;min-height:78px;padding:12px}.analysisStats span{color:#6b6b61;margin-bottom:8px;font-size:12px;display:block}.analysisStats strong{font-size:22px}.mutedText{color:#66665d;margin:0}.timelinePanel,.chordListPanel{max-width:1120px;margin-top:16px}.nowPlayingPanel{background:#fff;border:1px solid #d8d8cf;border-radius:8px;max-width:1120px;margin-top:16px;padding:18px}.nowPlayingHeader{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.nowPlayingHeader h2{margin:0 0 4px;font-size:17px}.nowPlayingHeader span,.currentChordReadout span{color:#66665d;font-size:13px}.currentChordReadout{justify-items:end;gap:4px;display:grid}.currentChordReadout strong{font-size:28px;line-height:1}.lookaheadTimeline{background:linear-gradient(90deg,#1f1f1d12 0 1px,#0000 1px) 0 0/10% 100%,#fafaf8;border:1px solid #deded6;border-radius:8px;height:104px;position:relative;overflow:hidden}.lookaheadNowLine{z-index:3;background:#111;width:3px;position:absolute;top:0;bottom:0;left:0}.lookaheadChordBlock{color:#20201d;white-space:nowrap;background:#dfe7d8;border:1px solid #1f1f1d29;border-radius:7px;flex-direction:column;justify-content:center;gap:4px;min-width:58px;padding:0 10px;display:flex;position:absolute;top:14px;bottom:24px;overflow:hidden}.lookaheadChordBlock:nth-child(3n+2){background:#d9e3ea}.lookaheadChordBlock:nth-child(3n+3){background:#e7e0d3}.lookaheadChordBlock strong{font-size:20px;line-height:1}.lookaheadChordBlock span{color:#55554d;font-size:12px}.lookaheadTick{color:#74746a;pointer-events:none;font-size:11px;position:absolute;bottom:6px;transform:translate(-100%)}.timelineHeader{justify-content:space-between;align-items:baseline;gap:18px;display:flex}.timelineHeader span{color:#66665d;font-size:13px}.waveform{border-top:1px solid #ecece5;border-bottom:1px solid #ecece5;align-items:center;gap:2px;height:74px;padding:8px 0;display:flex}.waveform span{background:#8b8b80;border-radius:2px;flex:1;min-width:2px}.chordTimeline{background:#fafaf8;border:1px solid #e4e4dc;border-radius:8px;height:78px;margin-top:14px;position:relative;overflow:hidden}.chordBlock{color:#20201d;white-space:nowrap;background:#dfe7d8;border-right:1px solid #1f1f1d2e;align-items:center;min-width:38px;padding:0 8px;font-size:13px;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.chordBlock:nth-child(3n+2){background:#d9e3ea}.chordBlock:nth-child(3n+3){background:#e7e0d3}.chordList{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.chordListItem{background:#fafaf8;border:1px solid #e4e4dc;border-radius:8px;grid-template-columns:1fr;gap:4px;padding:10px;display:grid}.chordListItem span{color:#64645b;font-size:12px}.analysisWarning{color:#6b5d2f;margin:14px 0 0;font-size:13px}.layout-wrapper{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.layout{grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;display:grid;overflow:hidden}.musicxmlToolbar{background:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));align-items:stretch;gap:10px;padding:12px;display:grid;overflow-x:auto}.musicxmlToolGroup{background:#fbfbf8;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.musicxmlUploadTool{grid-column:span 2;padding:0;overflow:hidden}.musicxmlUploadTool .dropzone{align-items:center;gap:10px;width:100%;min-height:66px;display:flex;border:0!important;border-radius:0!important;padding:10px!important}.musicxmlUploadTool .dropzone>div:nth-child(2){display:none}.musicxmlUploadTool .dropzone>div:last-child{margin-left:auto;margin-top:0!important}.musicxmlUploadTool .musicxmlToolLabel{margin-left:10px}.musicxmlUploadTool strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.musicxmlBackLink{margin-left:auto;text-decoration:none}.musicxmlToolLabel{color:#66665d;text-transform:uppercase;flex-shrink:0;font-size:12px;font-weight:800}.musicxmlLoopTool{min-width:220px}.musicxmlLoopReadout{color:#20201d;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow:hidden}.musicxmlTempoTool strong{text-align:center;min-width:44px}.musicxmlMatchTool .uiSelectTrigger{width:100%;min-width:0}.musicxmlMetroVolume{color:#55554d;align-items:center;gap:8px;min-width:126px;font-size:12px;font-weight:700;display:flex}.musicxmlMetroVolume span{text-align:right;min-width:34px}.musicxmlMetroVolume .uiSlider{width:84px}.musicxmlFooter{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:10px;min-height:42px;padding:8px 12px;display:flex;overflow-x:auto}.musicxmlFooter .small{white-space:nowrap}.musicxmlHitWindow{color:#55554d;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.musicxmlHitWindow .uiSlider{width:150px}.musicxmlLibrary{background:#f7f7f2;grid-template-rows:auto auto minmax(0,1fr);gap:16px;min-height:0;padding:22px;display:grid}.musicxmlLibraryHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.musicxmlLibraryHeader h1{color:#20201d;margin:0 0 6px;font-size:28px;line-height:1.15}.musicxmlLibraryHeader p{color:#626259;margin:0;font-size:14px;line-height:1.45}.musicxmlAddButton{flex:none}.musicxmlLibraryStatus{color:#626259;font-size:13px;font-weight:700}.musicxmlExerciseList{background:#fff;border:1px solid #deded5;border-radius:8px;align-content:start;min-height:0;display:grid;overflow:auto}.musicxmlExerciseRow{min-height:46px;color:inherit;border-bottom:1px solid #ecece5;grid-template-columns:minmax(180px,1.3fr) minmax(180px,1fr) minmax(110px,auto);align-items:center;gap:16px;padding:9px 14px;text-decoration:none;display:grid}.musicxmlExerciseRow:nth-child(2n){background:#f8f8f4}.musicxmlExerciseRow:last-child{border-bottom:0}.musicxmlExerciseRow:hover,.musicxmlExerciseRow:focus-visible{background:#efefe7;outline:none}.musicxmlExerciseTitle{color:#20201d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;line-height:1.25;overflow:hidden}.musicxmlExerciseFilename,.musicxmlExerciseRow time{color:#67675e;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.35;overflow:hidden}.musicxmlExerciseRow time{text-align:right}.header{contain:layout paint style;background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;width:auto;max-width:380px;padding:20px;overflow:hidden auto;box-shadow:0 1px 3px #0000001a}.header-content{contain:layout paint style;max-width:350px}.header h1{margin:0 0 8px;font-size:24px}.header h3{margin:12px 0 8px;font-size:14px;font-weight:600}.body{contain:layout paint style;width:100%;min-width:0;min-height:0;padding:12px;overflow:auto}.scoreWrap{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;contain:layout paint style;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;height:100%;position:relative;overflow:auto}.metronomeToggle{color:#111;background:#fff}.metronomeToggle[data-enabled=true]{color:#fff;background:#111}.transportButton{color:#111;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 14px}.transportButtonPrimary{color:#fff;background:#aaa}.transportButtonPrimary[data-enabled=true]{background:#111}.transportButton:disabled{cursor:default;opacity:.5}.scoreWrap svg{pointer-events:none;width:100%;max-width:100%;height:auto;display:block}.playhead{pointer-events:none;z-index:9999;will-change:transform;background:#ff0000e6;width:3px;height:40px;position:absolute;top:0;left:0}.sectionSelection{pointer-events:none;z-index:9997;background:#3b82f629;border-top:1px solid #2563eb8c;border-bottom:1px solid #2563eb8c;position:absolute;top:0;left:0}.sectionHandle{pointer-events:none;z-index:9998;background:#374151;border-radius:999px;width:4px;position:absolute;top:0;left:-2px}.sectionHandle:before,.sectionHandle:after{content:"";background:#374151;border-radius:50%;width:14px;height:14px;position:absolute;left:50%;transform:translate(-50%)}.sectionHandle:before{top:-9px}.sectionHandle:after{bottom:-9px}.scoreMarkHit,.scoreMarkHit *{fill:#22c55e!important;stroke:#16a34a!important}.scoreMarkMiss,.scoreMarkMiss *{fill:#ef4444!important;stroke:#dc2626!important}@media (max-width:760px){.siteTopNav{padding:0 8px}.siteTopNavInner{justify-content:space-between;align-items:center;padding-right:0}.siteBrandLogoLink .siteLogo{width:auto;height:92px}.siteTopNavLinks{display:none}.siteMobileMenu{display:block}.siteBrandLink,.siteNavLink,.siteNavSummary{min-height:40px}.siteNavSection{position:static}.siteNavSubLinks{min-width:0;box-shadow:none;margin:2px 0 8px;position:static;left:8px;right:8px}.placeholderPage{padding:28px 22px}.myExercisesPage{padding:22px 14px}.learningUnitContextBanner{flex-direction:column;align-items:flex-start;width:calc(100% - 28px)}.myExercisesToday{flex-direction:column;align-items:stretch}.myExerciseRow{grid-template-columns:1fr;min-height:0}.myExerciseActions{justify-items:stretch;width:100%}.welcomePage{gap:0}.welcomeHeroContent{text-align:center;grid-template-columns:1fr}.welcomeHeroText{align-items:center}.welcomeSubheadline{max-width:100%}.welcomeHeroCta{justify-content:center}.welcomeHeroImage{max-width:320px}.welcomeQuickStartGrid{grid-template-columns:1fr 1fr}.welcomeFeatureSection,.welcomeFeatureReverse .welcomeFeatureVisual{order:0;grid-template-columns:1fr}.welcomeFeatureVisual{order:0!important}.welcomeFeatureImageWrapper{max-width:280px}.welcomeFeatureCopy{text-align:center;align-items:center}.welcomeFeatureCopy>p{max-width:100%}.welcomeFeaturePoints{text-align:left;align-items:flex-start}.lpStatsContent{flex-wrap:wrap;gap:20px}.lpStatDivider{display:none}.lpPathsGrid{grid-template-columns:1fr}.lpPathMeta{flex-direction:column;gap:8px}.dictationPage{padding:12px}.dictationPage[data-single-note=true]{gap:12px}.dictationPage[data-single-note=true]>*{width:100%}.dictationPage[data-single-note=true] .dictationCanvasPanel{width:min(100%,430px)}.dictationCameraCapture{min-height:180px}.dictationCameraActions{flex-direction:column;align-items:stretch}.dictationPage[data-single-note=true] .dictationModePanel,.dictationPage[data-single-note=true] .dictationEvaluatePanel,.staffRoadmapPanel,.staffRoadmapList{grid-template-columns:1fr}.staffChallengeSplash{padding:0 0 18px}.staffChallengeHero,.staffChallengeHero img{min-height:260px}.staffChallengeHero:after{background:linear-gradient(#ffffff14 0%,#ffffffb8 54%,#fffffff5 100%)}.staffChallengeHeroText{text-align:center;width:auto;inset:auto 18px 20px}.staffChallengeBody{padding:0 18px}.staffChallengeStats{grid-template-columns:1fr}.dictationPage[data-single-note=true] .dictationCanvasPrompt{flex-direction:column;align-items:stretch}.dictationSingleNotePrompt{grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);gap:10px}.dictationSingleNotePrompt>span{font-size:clamp(24px,9vw,34px)}.dictationPage[data-single-note=true] .dictationSingleNotePrompt h2{font-size:clamp(58px,20vw,78px)}.staffFinderRunHeader{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.staffFinderRunStats{grid-template-columns:repeat(3,minmax(0,1fr))}.guidedMasteryProgressHeader{display:grid}.guidedMasteryProgressBars,.guidedMasteryProgressStats{grid-template-columns:1fr}.staffChallengeProgressDots{justify-content:flex-start;min-width:0;padding:0 2px}.staffFinderRunStats div{min-height:56px;padding:8px}.staffFinderRunStats strong{font-size:22px}.staffFinderRunStage{align-content:start;gap:10px;padding:14px 12px 22px}.staffFinderRunGamified{padding-top:72px}.staffFinderRunGamified .staffFinderRunHeader{margin:0 12px}.staffFinderFreeScore{order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.staffFinderRunGamified .staffFinderRunStage{grid-template-columns:1fr;align-content:start;gap:8px;padding:14px 12px 22px}.staffFinderRunGamified .staffFinderRunBoard{width:min(100%,500px)}.staffFinderCoach{justify-self:center;width:min(62vw,285px);min-width:170px;position:relative;bottom:auto;right:auto;transform:translate(-24px)}.staffFinderRunGuided .staffFinderRunStage{gap:16px;padding:14px 12px 22px}.staffFinderRunPathGuided .staffFinderRunStage{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;height:auto;padding:12px 10px 20px;overflow:visible}.staffFinderRunPathGuided{grid-template-rows:auto;overflow:visible}.staffFinderRunPathGuided .guidedMasteryProgress{height:auto;overflow:visible}.staffFinderRunPathGuided .guidedMasteryProgressBars{grid-template-columns:repeat(3,minmax(0,1fr))}.staffFinderRunPrompt strong{font-size:clamp(54px,17vw,78px)}.staffFinderRunBoard{width:min(100%,540px);padding:8px 10px 12px}.noteNameReaderBoard{width:min(100%,440px)}.staffFinderRunGuided .noteNameReaderBoard{width:min(100%,560px);padding:20px 14px 18px}.staffFinderRunPathGuided .noteNameReaderBoard{width:min(100%,560px);padding:14px 12px 16px}.staffFinderRunGuided .noteNameReaderBoard .staffFinderRunCanvas,.staffFinderRunPathGuided .noteNameReaderBoard .staffFinderRunCanvas{aspect-ratio:auto}.noteNameReaderAnswers{grid-template-columns:repeat(7,minmax(38px,1fr));gap:6px}.staffFinderRunGuided .noteNameReaderAnswers{grid-template-columns:repeat(4,minmax(54px,1fr));gap:10px;width:min(100%,340px)}.noteNameAnswerButton{min-height:50px;font-size:22px}.gamifiedNoteNameExercise{border-radius:0;gap:10px;width:100%;max-width:100vw;min-height:100dvh;padding:72px 0 0}.standaloneExercise[data-immersive=true]>.gamifiedNoteNameExercise{padding-top:72px}.gamifiedNoteNameHeader{flex-direction:row;align-items:flex-start;margin:0 12px}.gamifiedNoteNameHeader p{font-size:14px}.gamifiedNoteNameStage{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:14px 12px 22px}.gamifiedNoteNameHud{order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.gamifiedGardenPatch{height:auto;min-height:0;position:absolute;inset:0}.gamifiedGardenCoach{justify-self:center;width:min(62vw,285px);min-width:170px;position:relative;bottom:auto;right:auto;transform:translate(-24px)scaleX(-1)}.gamifiedGardenCoach.tonieRiveMascot{transform:translate(-24px)}.gamifiedNoteNameHud div{min-height:54px;padding:8px}.gamifiedNoteNameHud strong{font-size:21px}.gamifiedNoteNameBoard{width:min(100%,500px);padding:10px}.gamifiedGardenPlayfield{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0}.gamifiedStaffFrame{grid-column:1;max-width:none;margin:0 auto}.gamifiedNoteheadAnchor{width:48px;height:48px}.gamifiedNoteNameAnswers,.gamifiedNoteNameFeedback{grid-column:1;width:min(100%,500px)}.gamifiedNoteNameAnswers{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.gamifiedNoteNameAnswers .noteNameAnswerButton{border-radius:14px;min-height:48px;font-size:22px}.playNoteNameShell{padding:72px 12px 24px}.playNoteNameRunHeader{grid-template-columns:1fr;align-items:start}.playNoteNameRunActions{justify-content:flex-start;justify-self:stretch;max-width:none}.playNoteNameRunActions small{text-align:left}.playNoteNameScoreCard{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.playNoteNameGardenStage{grid-template-columns:1fr;align-content:end;gap:6px}.playNoteNameStageInstruction{justify-self:center;width:min(100%,300px)}.playNoteNameBoard{width:min(72vw,290px)}.playNoteNameCharacterScene{justify-self:center;justify-items:center;width:min(72vw,300px)}.playNoteNameCharacter{translate:0 -18px}.settingsPage,.exercisesPage{padding:24px 18px}.exerciseCatalogHero{padding:20px}.exerciseCatalogHeroStats{width:100%}.exerciseCatalogToolbar{-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.exerciseCatalogFilters{width:100%}.exerciseCatalogFilterChip{flex:auto;justify-content:center}.exerciseCatalogLegendStrip{grid-template-columns:1fr}.exerciseCategorySection{border-radius:22px;padding:5px}.exerciseCategoryBanner{border-radius:16px 16px 8px 8px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:14px}.exerciseCategoryBanner>img{width:64px;height:64px}.exerciseCategoryBannerCount{grid-column:2;justify-self:start}.exerciseCardGrid{border-radius:0 0 16px 16px;grid-template-columns:1fr;padding:12px}.exerciseCardActions{flex-direction:column;align-items:stretch}.exerciseCard .exerciseAddControl{justify-items:stretch}.exerciseAccordion{padding:12px}.exerciseLegend{grid-template-columns:1fr}.exerciseCategoryPanel summary{grid-template-columns:76px minmax(0,1fr) auto;gap:6px 12px;padding:12px}.exerciseCategoryImage{width:64px;height:64px}.exerciseStoreHeader{flex-direction:column;align-items:stretch}.exercisePlanMiniCart{text-align:left;grid-template-columns:1fr auto auto;align-items:center;min-width:0}.exercisePlanMiniCart strong{font-size:26px}.exerciseStoreLayout{grid-template-columns:1fr}.exerciseStoreCategory{padding:12px}.exerciseStoreCategoryHeader{grid-template-columns:62px minmax(0,1fr);gap:10px}.exerciseStoreCategoryHeader img{width:62px;height:62px}.exerciseCategoryGrid{grid-template-columns:1fr}.exerciseAllExercisesList{gap:16px}.exerciseCatalogLegend{grid-template-columns:1fr}.exerciseCatalogGroupHeader{padding:14px}.exerciseCategoryCard{grid-template-rows:180px auto;min-height:0}.exerciseCategoryCard img{min-height:180px}.exerciseProductGrid{grid-template-columns:1fr}.exerciseProductRow{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;padding:16px 4px}.exerciseProductRowIcon .exerciseKindIcon{width:42px;height:42px}.exerciseProductRowActions{grid-column:2;grid-template-columns:1fr;justify-content:start;justify-items:start;margin-top:2px}.exerciseStartIconLink{width:40px;height:40px}.exerciseProductCard{min-height:0}.exerciseDetailPanel{position:static}.exerciseDetailPanel dl{grid-template-columns:1fr}.exerciseProductPage{padding:24px 18px}.exerciseProductDetailLayout{grid-template-columns:1fr}.exerciseDemoVideo{min-height:0;padding:18px;position:static}.exerciseProductDetail{padding:16px}.exerciseProductDetail dl{grid-template-columns:1fr}.exerciseCategoryIntro{grid-template-columns:72px minmax(0,1fr);gap:12px}.exerciseCategoryIntro>img{width:72px;height:72px}.exerciseCategoryProducts{padding:12px}.youtubePlayerPage{padding:24px 18px}.youtubePlayerControls{flex-direction:column;align-items:stretch}.youtubePlayerControls button{width:100%}.youtubePlayerTime{text-align:center;margin-left:0}.musicxmlLibrary{padding:22px 18px}.musicxmlLibraryHeader{flex-direction:column;align-items:stretch}.musicxmlAddButton{width:100%}.musicxmlToolbar{grid-template-columns:1fr;max-height:42vh;overflow-y:auto}.musicxmlUploadTool{grid-column:auto}.musicxmlToolGroup{min-height:var(--ui-touch)}.musicxmlFooter{flex-wrap:wrap;align-items:stretch;min-height:auto}.musicxmlHitWindow{width:100%;margin-left:0}.musicxmlHitWindow .uiSlider{flex:1;width:auto}.musicxmlExerciseRow{grid-template-columns:1fr;align-items:start;gap:4px;padding:12px 14px}.musicxmlExerciseRow time{text-align:left}.settingsPanelHeader{flex-direction:column;align-items:stretch}.audioSetupOverlay{align-items:stretch;padding:8px}.audioSetupDialog{max-height:calc(100vh - 16px)}.audioSetupDialogHeader{flex-direction:column;padding:14px}.audioSetupDialogBody{padding:12px}.settingsInputControls label{width:100%;min-width:0}.settingsThemeGrid,.settingsHubGrid{grid-template-columns:1fr}.settingsPreferenceControls label{grid-template-columns:1fr;gap:6px}.settingsMonitorGrid,.accountInfoGrid,.accountPanelGrid{grid-template-columns:1fr}.lessonPage{padding:28px 22px}.lessonTranscript{height:260px}.assistantRoot{bottom:68px;left:auto;right:12px}.assistantPanel{border-radius:10px 10px 8px 8px;width:100%;height:min(78vh,640px);margin-bottom:10px}.assistantLauncher{float:right;width:144px}.learnSongPage{padding:22px}.learnSongGrid,.analysisStats,.exerciseGrid{grid-template-columns:1fr}.exercisePage{padding:24px 18px}.intervalPromptPanel,.intervalLevelPanel,.intervalOptionsPanel,.intervalLogPanel,.exerciseFeedback{flex-direction:column;align-items:stretch}.intervalOptionsPanel,.intervalLogPanel{grid-template-columns:1fr}.intervalLevelPanel label{min-width:0}.exerciseStatsPanel{grid-template-columns:1fr}.nowPlayingHeader{flex-direction:column;align-items:flex-start}.currentChordReadout{justify-items:start}.playbackEngineGroup{flex-wrap:wrap}.playbackEngineGroup input[type=range]{width:min(180px,42vw)}.playbackSettingsSummary{max-width:100%;overflow:hidden}.playbackSettingsPill{display:none}.playbackSettingsPanel{grid-template-columns:1fr;width:calc(100vw - 28px);left:0;right:auto}}.dark{--background:#0a0a0a;--foreground:#fafafa;--card:#171717;--card-foreground:#fafafa;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--secondary:#262626;--secondary-foreground:#fafafa;--muted:#262626;--muted-foreground:#a1a1a1;--accent:#262626;--accent-foreground:#fafafa;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff26;--ring:#737373;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--sidebar:#171717;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-accent:#262626;--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-ring:#737373}@supports (color:lab(0% 0 0)){.dark{--background:lab(2.75381% 0 0);--foreground:lab(98.26% 0 0);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--muted:lab(15.204% 0 -.00000596046);--muted-foreground:lab(66.128% -.0000298023 .0000119209);--accent:lab(15.204% 0 -.00000596046);--accent-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--border:lab(100% 0 0/.1);--input:lab(100% 0 0/.15);--ring:lab(48.496% 0 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(7.78201% -.0000149012 0);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-accent:lab(15.204% 0 -.00000596046);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-ring:lab(48.496% 0 0)}}.coachIntroVideoShell{border:1px solid var(--ui-border);background:#111;border-radius:8px;overflow:hidden}.coachIntroVideo{aspect-ratio:16/9;background:#111;width:100%;display:block}.learningPathsPage{background:var(--ui-bg);min-height:100%;color:var(--ui-text);flex-direction:column;gap:0;display:flex;overflow-y:auto;width:100%!important;max-width:none!important}.learningPathDetailPage,.learningSkillDetailPage{gap:24px;margin-left:auto;margin-right:auto;padding:38px;width:min(100%,1180px)!important}.lpHero{text-align:center;background:radial-gradient(70px 70px at 86% 30%,#ffe9a8cc,#0000 70%),linear-gradient(#eaf6ff 0%,#f1fbef 55%,#dff2d3 100%);padding:clamp(48px,10vw,96px) clamp(20px,4vw,48px);position:relative;overflow:hidden}.lpHeroContent{z-index:1;max-width:720px;margin:0 auto;position:relative}.lpEyebrow{border:2px solid var(--ui-border-strong);color:var(--ui-text);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:8px;margin:0 0 16px;padding:7px 16px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px #43825e2e}.lpHeadline{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.lpHeadlineAccent{color:#2f9e6f}.lpSubheadline{color:var(--ui-text-muted);margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.6}.lpStatsBar{background:var(--ui-bg);padding:clamp(24px,4vw,40px) clamp(20px,4vw,48px)}.lpStatsContent{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;max-width:800px;margin:0 auto;display:flex}.lpStat{background:var(--ui-surface);text-align:center;border:3px solid #fff;border-radius:24px;flex-direction:column;align-items:center;gap:4px;min-width:150px;padding:18px 24px;display:flex;box-shadow:0 6px #43825e24}.lpStatValue{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(28px,4vw,40px);font-weight:800}.lpStatLabel{color:var(--ui-text-muted);font-size:13px;font-weight:700}.lpStatDivider{display:none}.lpPathsSection{background:var(--ui-bg);padding:clamp(48px,8vw,80px) clamp(20px,4vw,48px)}.lpPathsHeader{text-align:center;max-width:1120px;margin:0 auto clamp(32px,5vw,48px)}.lpPathsHeader h2{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:800}.lpPathsHeader p{color:var(--ui-text-muted);margin:0;font-size:16px}.lpPathsGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;max-width:1120px;margin:0 auto;display:grid}.lpPathCard{background:var(--ui-surface);color:inherit;border:3px solid #fff;border-radius:26px;flex-direction:column;padding:26px;text-decoration:none;transition:box-shadow .18s,transform .18s;display:flex;box-shadow:0 8px #43825e1f,0 16px 30px #43825e24}.lpPathCard:hover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 13px #43825e24,0 22px 36px #43825e2e}.lpPathCardComingSoon{opacity:.7;pointer-events:none}.lpPathCardArt{background:linear-gradient(#eaf6ff,#f4fbef);border:2px solid #fff;border-radius:22px;justify-content:center;align-items:center;height:150px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.lpPathCardArt[data-variant=sky]{background:linear-gradient(#e4f1ff,#f4fbef)}.lpPathCardArt[data-variant=mint]{background:linear-gradient(#e3f6ec,#f6fcf2)}.lpPathCardArt[data-variant=lavender]{background:linear-gradient(#efeafb,#f7f5fd)}.lpPathCardArt[data-variant=sun]{background:linear-gradient(#fff5d9,#fbfcef)}.lpPathCardArt[data-variant=peach]{background:linear-gradient(#ffeada,#fdf6ef)}.lpPathCardArtImage{object-fit:contain;filter:drop-shadow(0 6px 10px #1f3d2a29);width:auto;height:124px;transition:transform .22s}.lpPathCard:hover .lpPathCardArtImage{transform:translateY(-4px)rotate(-2deg)scale(1.04)}.lpPathCardComingSoon .lpPathCardArtImage{filter:grayscale(.35)drop-shadow(0 6px 10px #1f3d2a1f);opacity:.85}.lpPathCardArt .lpPathBadge,.lpPathCardArt .lpPathBadgeComingSoon{position:absolute;top:12px;right:12px}.lpPathBadge{background:var(--ui-positive-surface);color:var(--ui-positive);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.lpPathBadgeComingSoon{background:var(--ui-surface-muted);color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.lpPathCardBody{flex:1;margin-bottom:20px}.lpPathCategory{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.lpPathCardBody h3{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:700}.lpPathCardBody p{color:var(--ui-text-muted);margin:0;font-size:15px;line-height:1.55}.lpPathCardFooter{border-top:1px solid var(--ui-border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.lpPathMeta{gap:16px;display:flex}.lpPathMetaItem{color:var(--ui-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.lpPathMetaItem svg{color:var(--ui-text-faint)}.lpPathArrow{background:var(--ui-surface-muted);width:36px;height:36px;color:var(--ui-text-muted);border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.lpPathCard:hover .lpPathArrow{background:var(--ui-accent);color:var(--ui-accent-text)}.lpBottomCta{background:linear-gradient(#eef9ea,#cdeac0);padding:clamp(48px,8vw,80px) clamp(20px,4vw,48px)}.lpBottomCtaContent{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;display:flex}.lpBottomCtaContent h2{color:var(--ui-text);font-family:var(--font-display);margin:0;font-size:clamp(24px,3vw,32px);font-weight:800}.lpBottomCtaContent p{color:var(--ui-text-muted);margin:0;font-size:16px;line-height:1.6}.lpCtaButton{background:var(--ui-accent);color:var(--ui-accent-text);font-family:var(--font-display);box-shadow:0 6px 0 var(--ui-accent);border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:15px 28px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.lpCtaButton{box-shadow:0 6px 0 color-mix(in srgb,var(--ui-accent)55%,#1f3d2a)}}.lpCtaButton{transition:filter .1s,transform .1s,box-shadow .1s}.lpCtaButton:hover{filter:brightness(1.05)}.lpCtaButton:active{box-shadow:0 2px 0 var(--ui-accent);transform:translateY(4px)}@supports (color:color-mix(in lab, red, red)){.lpCtaButton:active{box-shadow:0 2px 0 color-mix(in srgb,var(--ui-accent)55%,#1f3d2a)}}.learningPathDetailHero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;display:grid}.learningPathBackLink{color:#456a5b;margin-bottom:14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.learningPathProgressCard{text-align:center;background:#26382f;min-width:150px}.learningPathProgressCard span,.learningPathProgressCard small{color:#fffaf0bd}.learningPathProgressCard strong{color:#fffaf0;font-size:42px}.learningPathDetailGrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.learningPathTimeline,.learningPathCoachPanel{background:#fffdf4d1;border:1px solid #393a3021;border-radius:28px;padding:18px;box-shadow:0 24px 70px #3e39291f}.learningPathTimeline{gap:12px;display:grid}.learningPathStep{background:#ffffff9e;border:1px solid #4347371c;border-radius:22px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;display:grid}.learningPathStep[data-state=current]{background:#fff5d8;border-color:#c7862561}.learningPathStep[data-state=mastered]{background:#edf6ec;border-color:#407a6952}.learningPathStep[data-state=locked]{opacity:.62}.learningPathStepMarker{color:#fffaf0;background:#26382f;border-radius:16px;place-items:center;width:44px;height:44px;font-size:13px;font-weight:900;display:grid}.learningPathStep[data-state=mastered] .learningPathStepMarker{background:#407a69}.learningPathStep[data-state=current] .learningPathStepMarker{background:#c78625}.learningPathStep[data-state=locked] .learningPathStepMarker{background:#8b8676}.learningPathStepTopline{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;display:flex}.learningPathStepTopline span,.learningPathStepTopline small{color:#35443d;text-transform:uppercase;background:#26382f14;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.learningPathStep h2,.learningPathCoachPanel h2{color:#20201d;letter-spacing:-.025em;margin:0 0 7px;font-size:22px}.learningPathStep p,.learningPathCoachPanel p{color:#565247;margin:0 0 10px;line-height:1.5}.learningPathStepBody>small{color:#756f60;font-size:12px;line-height:1.45}.learningPathStepLink{color:#26382f;margin-top:12px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.learningPathCoachPanel{position:sticky;top:18px}.learningPathPrimaryAction,.learningPathSecondaryAction{border-radius:16px;justify-content:center;margin-top:12px;padding:12px 14px;font-weight:850;text-decoration:none;display:flex}.learningPathPrimaryAction{color:#fffaf0;background:#26382f}.learningPathSecondaryAction{color:#26382f;background:#26382f1a}.learningPathOngoingPanel{background:#fffdf4d1;border:1px solid #393a3021;border-radius:28px;max-width:1120px;margin:24px auto 0;padding:22px;box-shadow:0 24px 70px #3e39291f}.learningPathOngoingHeader{margin-bottom:16px}.learningPathOngoingHeader h2{color:#20201d;letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(26px,4vw,38px);line-height:1}.learningPathOngoingHeader p{color:#565247;max-width:720px;margin:0;line-height:1.55}.learningPathOngoingCards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.learningPathOngoingCard{background:radial-gradient(circle at 12% 0,#407a6921,#0000 36%),#ffffffad;border:1px solid #4347371c;border-radius:22px;gap:12px;padding:18px;display:grid}.learningPathOngoingCardTopline{flex-wrap:wrap;gap:8px;display:flex}.learningPathOngoingCardTopline span,.learningPathOngoingCardTopline small{color:#35443d;text-transform:uppercase;background:#26382f14;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.learningPathOngoingCard h3{color:#20201d;letter-spacing:-.03em;margin:0;font-size:24px}.learningPathOngoingCard p{color:#565247;margin:0;line-height:1.5}.learningPathOngoingCard dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0;display:grid}.learningPathOngoingCard dl div{background:#26382f12;border-radius:14px;padding:10px}.learningPathOngoingCard dt{color:#756f60;text-transform:uppercase;font-size:10px;font-weight:850}.learningPathOngoingCard dd{color:#26382f;margin:5px 0 0;font-size:16px;font-weight:900}.learningSkillDetailPage{gap:26px;display:grid}.learningSkillHero,.learningSkillGrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px;display:grid}.learningSkillHero{background:radial-gradient(circle at 12% 0,#407a6929,#0000 30%),linear-gradient(135deg,#fff7df,#f3ead2);border:1px solid #4347371f;border-radius:32px;padding:30px;box-shadow:0 24px 70px #3e39291f}.learningSkillHero h1{color:#20201d;letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(34px,5vw,60px);line-height:.95}.learningSkillHero p{color:#4e4b42;max-width:760px;margin:0;font-size:17px;line-height:1.55}.learningSkillPanel{background:#ffffffad;border:1px solid #4347371c;border-radius:24px;padding:20px;box-shadow:0 18px 52px #3e392917}.learningSkillWidePanel{grid-column:1/2}.learningSkillFactGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.learningSkillFactGrid div{background:#26382f12;border-radius:18px;padding:14px}.learningSkillFactGrid dt{color:#756f60;text-transform:uppercase;font-size:11px;font-weight:850}.learningSkillFactGrid dd{color:#20201d;margin:6px 0 0;font-size:18px;font-weight:900}.learningSkillRuleList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.learningSkillRuleList li{color:#35443d;background:#c786251f;border-radius:16px;padding:12px 14px;font-weight:800}.learningSkillResourceList{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.learningSkillResourceCard{min-height:104px;color:inherit;background:#fffaf0b8;border:1px solid #4347371a;border-radius:16px;gap:6px;padding:14px;text-decoration:none;display:grid}.learningSkillResourceCard[href]:hover{border-color:#43473738}.learningSkillResourceCard[data-placeholder=true]{opacity:.72}.learningSkillResourceCard strong{color:#20201d;font-size:15px;line-height:1.2}.learningSkillResourceCard span{color:#6f6a5d;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:850}.learningSkillResourceCard p{color:#565047;margin:0;font-size:13px;line-height:1.4}.learningSkillMethodList{gap:12px;display:grid}.learningSkillMethodCard{background:#fffaf0b8;border:1px solid #4347371a;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.learningSkillMethodCard span{color:#35443d;text-transform:uppercase;background:#26382f14;border-radius:999px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.learningSkillMethodCard h2{color:#20201d;letter-spacing:-.025em;margin:0 0 6px;font-size:20px}.learningSkillMethodCard p{color:#565247;margin:0 0 8px;line-height:1.45}.learningSkillMethodCard small,.learningSkillActionNote{color:#756f60;font-size:12px;line-height:1.45}.learningSkillActionsPanel{gap:10px;display:grid;position:sticky;top:18px}.learningSkillActionsPanel form{margin:0}.learningPathSecondaryButton,.learningPathSubtleButton{width:100%;font:inherit;cursor:pointer;border:0;border-radius:16px;padding:12px 14px;font-weight:850}.learningPathSecondaryButton{color:#26382f;background:#26382f1a}.learningPathSubtleButton{color:#5f594c;background:#756f601f}@media (max-width:820px){.learningPathDetailPage,.learningSkillDetailPage{padding:22px}.learningPathDetailHero,.learningPathDetailGrid,.learningPathCard,.learningSkillHero,.learningSkillGrid,.learningSkillMethodCard{grid-template-columns:1fr}.learningPathProgressCard{width:100%}.learningPathCoachPanel{order:-1;position:static}.learningPathCard dl{grid-template-columns:1fr}.learningPathOngoingCard dl{grid-template-columns:1fr 1fr}.learningSkillWidePanel{grid-column:auto}.learningSkillFactGrid{grid-template-columns:1fr}}.learningPathStep[data-state=tested_out]{background:#edf6ec;border-color:#407a6952}.learningPathStep[data-state=skipped]{background:#f0eee7;border-color:#756f6047}.learningPathStep[data-state=tested_out] .learningPathStepMarker{background:#407a69}.learningPathStep[data-state=skipped] .learningPathStepMarker{background:#756f60}@media (max-width:500px){.welcomeQuickStartGrid{grid-template-columns:1fr}.welcomeHeroCta{flex-direction:column;width:100%}.welcomeCtaPrimary,.welcomeCtaSecondary{justify-content:center;width:100%}}.lpPathCardFooterStacked{flex-direction:column;align-items:stretch;gap:18px}.lpPathCardFooterStacked .lpPathMeta{flex-wrap:wrap}.lpPathActions{flex-wrap:wrap;gap:10px;display:flex}.lpPathActions form{margin:0}.lpPathButton{min-height:44px;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:filter .12s,transform 90ms,background .12s;display:inline-flex}.lpPathButtonPrimary:hover,.lpPathButtonSecondary:hover{filter:brightness(1.04)}.lpPathButton:active{transform:translateY(2px)}.lpPathButtonPrimary{color:var(--ui-accent-text);background:var(--ui-accent)}.lpPathButtonSecondary{color:var(--ui-text);background:var(--ui-surface-muted)}.lpPathButtonLessonPlan{border:1px solid var(--ui-accent);color:var(--ui-accent);background:0 0}.lpPathButtonLessonPlan:hover,.lpPathButtonLessonPlan:focus-visible{background:var(--ui-accent-soft)}.lpPathButtonDisabled{color:var(--ui-text-muted);background:var(--ui-surface-muted);cursor:default}.coachIntroPracticeList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.coachIntroPracticeList li{color:#35443d;background:#26382f14;border-radius:16px;padding:12px 14px;font-weight:800}.learningPathPrimaryButton{color:#fffaf0;width:100%;font:inherit;cursor:pointer;background:#26382f;border:0;border-radius:16px;padding:12px 14px;font-weight:850}.coursePlayerShell{color:#22242a;background:radial-gradient(circle at 12% 10%,#7c4dcc14,#0000 24%),radial-gradient(circle at 86% 16%,#26c2811a,#0000 22%),#fffaf5;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:clamp(18px,3vw,36px);min-height:100vh;padding:clamp(18px,3vw,38px);display:grid}.coursePlayerNav,.courseIntroPanel,.courseCompletionPage section{border:2px solid var(--color-line);box-shadow:0 5px 0 var(--color-line);background:#fff;border-radius:18px}.coursePlayerNav{align-self:start;gap:16px;max-height:calc(100vh - 40px);padding:18px;display:grid;position:sticky;top:20px;overflow:auto}.coursePlayerNav .mnCourseBack{width:fit-content;margin:0}.coursePlayerNavTitle{gap:7px;padding:6px 2px 8px;display:grid}.coursePlayerNavTitle span,.courseIntroHero span,.courseIntroContent span,.courseCompletionPage span,.courseExerciseUnavailable span{color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:950}.coursePlayerNavTitle strong{color:#22242a;font-family:var(--font-display);font-size:30px;line-height:1}.coursePlayerNavTitle i{background:#ece7f5;border-radius:999px;height:9px;display:block;overflow:hidden}.coursePlayerNavTitle b{border-radius:inherit;background:linear-gradient(90deg,var(--color-brand),#26c281);height:100%;display:block}.coursePlayerNav ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.coursePlayerNav li{gap:7px;display:grid}.coursePlayerLessonLink{color:inherit;background:#fff;border:2px solid #ece7f5;border-radius:16px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:5px;padding:14px 15px;text-decoration:none;display:grid}.coursePlayerLessonLink img{object-fit:contain;filter:drop-shadow(0 5px 5px #7c4dcc1f);justify-self:center;width:42px;height:48px}.coursePlayerLessonLink div{gap:5px;min-width:0;display:grid}.coursePlayerNav li[data-active=true] .coursePlayerLessonLink{border-color:var(--color-brand);background:#f4efff;box-shadow:0 4px #7c4dcc2e}.coursePlayerNav small{color:#777083;font-size:12px;font-weight:900}.coursePlayerNav li strong{color:#22242a;font-size:16px;line-height:1.2}.coursePlayerNav li span{color:#777083;font-size:12px;font-weight:800}.coursePlayerExerciseList{gap:6px;padding:0 0 4px 20px;display:grid}.coursePlayerExerciseLink{color:#35323d;background:#fff;border:2px solid #f0edf7;border-radius:999px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;padding:8px 10px;text-decoration:none;display:grid}.coursePlayerExerciseLink span{min-width:42px;height:24px;color:var(--color-brand);background:#f4efff;border-radius:999px;place-items:center;padding:0 7px;font-size:11px;font-weight:950;display:grid}.coursePlayerExerciseLink strong{color:#35323d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.15;overflow:hidden}.coursePlayerExerciseLink[data-complete=true]{background:#f1fff8;border-color:#26c28152}.coursePlayerExerciseLink[data-complete=true] span{color:#fff;background:#26c281}.courseIntroPanel{grid-template-rows:minmax(260px,auto) minmax(0,1fr);display:grid;overflow:hidden}.courseIntroHero{background:linear-gradient(135deg,#fff 0%,#f4efff 54%,#eafff4 100%);grid-template-columns:minmax(0,1fr) minmax(120px,220px);align-items:end;gap:18px;padding:clamp(24px,4vw,52px);display:grid}.courseIntroHero img{object-fit:contain;filter:drop-shadow(0 18px 18px #7c4dcc29);justify-self:center;width:min(100%,220px);height:auto}.courseIntroHero h1,.courseCompletionPage h1{color:#22242a;font-family:var(--font-display);margin:0;font-size:clamp(36px,5vw,62px);line-height:1}.courseIntroHero p,.courseCompletionPage p{color:#57505f;max-width:760px;margin:0;font-size:18px;line-height:1.5}.courseIntroContent{align-content:start;gap:18px;padding:clamp(20px,3vw,40px);display:grid}.courseIntroContent h2{color:#22242a;margin:4px 0 0;font-size:26px}.courseIntroContent p{color:#57505f;margin:8px 0 0;font-size:16px;line-height:1.55}.courseIntroPreview{background:#fbfaff;border:2px solid #ece7f5;border-radius:18px;gap:12px;padding:22px;display:grid}.courseIntroPreview strong{color:#22242a;font-size:20px}.courseIntroPreview a,.courseCompletionPage a{width:fit-content;color:var(--color-brand);font-weight:950;text-decoration:none}.courseIntroWorkoutList{flex-wrap:wrap;gap:8px;display:flex}.courseIntroWorkoutList span{color:#35323d;letter-spacing:0;text-transform:none;background:#fff;border:2px solid #ece7f5;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;display:inline-flex}.courseExercisePage{background:#fffaf5;min-height:100vh;padding:12px;position:relative}.courseExercisePage .gamifiedNoteNameExercise{border-radius:8px;min-height:calc(100vh - 24px)}.courseExercisePage .gamifiedNoteNameHeader{display:none}.courseExerciseSkipForm{z-index:10;margin:0;position:fixed;top:18px;right:18px}.courseExerciseSkipForm button{color:#314437;min-height:42px;font:inherit;cursor:pointer;background:#fffdf4e6;border:1px solid #4f5b432e;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:950;box-shadow:0 10px 28px #5c4c2d1f}.courseExerciseSkipForm button:hover{background:#fffdf4;border-color:#4f5b4352}.courseCompletionPage{background:linear-gradient(#fffbe7e6,#ecf7e0eb),url(/images/landscapes/farm_01.png) 50%/cover no-repeat fixed;min-height:100vh;padding:clamp(16px,2.5vw,30px);display:grid}.courseCompletionPage section{align-content:center;justify-items:start;gap:16px;width:min(100%,920px);margin:auto;padding:clamp(28px,5vw,72px);display:grid}.courseExerciseUnavailable{border:2px solid var(--color-line);min-height:calc(100vh - 24px);box-shadow:0 5px 0 var(--color-line);text-align:center;background:#fff;border-radius:18px;place-items:center;gap:12px;padding:24px;display:grid}.courseExerciseUnavailable img{object-fit:contain;width:min(170px,45vw);height:auto}.courseExerciseUnavailable strong{color:#22242a;font-size:26px}.courseExerciseUnavailable p{color:#57505f;max-width:520px;margin:0;font-size:16px;line-height:1.5}.courseExerciseUnavailable button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:var(--color-brand);border:0;border-radius:999px;padding:10px 18px;font-weight:950}@media (max-width:900px){.coursePlayerShell{grid-template-columns:1fr}.coursePlayerNav{max-height:none;position:static}.courseIntroHero{grid-template-columns:1fr}.courseIntroHero img{max-width:150px}}.mnCoursePage{color:#26382f;background:radial-gradient(circle at 16% 8%,#ffd96a3d,#0000 22%),linear-gradient(#fff6df 0%,#f7eed8 45%,#edf6dc 100%);height:100vh;min-height:760px;padding:clamp(14px,1.6vw,24px);overflow:hidden;width:100%!important;max-width:none!important}.mnCourseBack{color:#2e6242;background:#fffdf4e0;border:1px solid #4f5b432e;border-radius:999px;align-items:center;gap:8px;min-height:42px;margin:0 0 14px;padding:9px 16px;font-size:14px;font-weight:950;text-decoration:none;display:inline-flex;box-shadow:0 8px 22px #424c3514}.mnCourseBack:before{content:"←";font-size:18px;line-height:1}.mnCourseTopbar{justify-content:space-between;align-items:center;gap:18px;width:min(100%,1780px);min-height:82px;margin:0 auto 14px;display:flex}.mnCourseLogoImage{flex:none;align-items:center;text-decoration:none;display:inline-flex}.mnCourseLogoImage img{object-fit:contain;width:clamp(210px,18vw,304px);height:auto}.mnCourseStats{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.mnCourseStat{background:#fffdf4db;border:1px solid #6a593624;border-radius:18px;align-items:center;gap:12px;min-width:190px;min-height:78px;padding:12px 20px;display:flex;box-shadow:0 10px 28px #5c4c2d14}.mnCourseStat>span{font-size:30px;line-height:1}.mnCourseStat div{gap:3px;display:grid}.mnCourseStat small{color:#5d715d;font-size:14px;font-weight:800}.mnCourseStat strong{color:#26382f;font-size:24px;line-height:1}.mnCourseLevel{min-width:300px}.mnCourseLevel img{object-fit:contain;width:56px;height:56px}.mnCourseIconButton{color:#314437;background:#fffdf4e0;border:1px solid #6a593624;border-radius:999px;place-items:center;width:62px;height:62px;font-size:28px;font-weight:950;text-decoration:none;display:grid;box-shadow:0 10px 28px #5c4c2d14}.mnCourseLevel i,.mnMasteryMetric i{background:#48604424;border-radius:999px;width:100%;height:9px;display:block;overflow:hidden}.mnCourseLevel b,.mnMasteryMetric b{border-radius:inherit;background:linear-gradient(90deg,#77bd4c,#4b9b61);height:100%;display:block}.mnCourseShell{grid-template-columns:minmax(330px,430px) minmax(0,1fr);gap:20px;width:min(100%,1780px);height:calc(100vh - 112px);min-height:640px;margin:0 auto;display:grid}.mnPathRail{min-width:0}.mnPathRailFrame{background:linear-gradient(180deg,#fffdf4f5,#faf6dfeb),var(--ui-surface);border:1px solid #6a593624;border-radius:22px;height:100%;position:sticky;top:0;overflow:hidden;box-shadow:0 18px 42px #5c4c2d1f}.mnPathRailFrame:before{content:"";pointer-events:none;background:url(/images/landscapes/flower_01.png) left 14px bottom 8px/62px no-repeat,url(/images/landscapes/bunny_02.png) right 24px bottom 7px/80px no-repeat,linear-gradient(#0000,#d8eaaebf);height:84px;position:absolute;inset:auto 0 0}.mnPathRailFrame>span{color:#355c3d;text-align:center;padding:28px 24px 18px;font-size:19px;font-weight:900;display:block}.mnPathRailFrame ol{gap:8px;max-height:calc(100% - 58px);margin:0;padding:12px 18px 110px;list-style:none;display:grid;position:relative;overflow:auto}.mnPathRailFrame ol:before{content:"";background:linear-gradient(#91c85e,#ffc757,#d8e0a9);border-radius:999px;width:5px;position:absolute;top:30px;bottom:118px;left:38px}.mnPathRailItem{background:#fffdf4b8;border:1px solid #475b3714;border-radius:18px;grid-template-columns:52px minmax(0,1fr) 64px;align-items:center;gap:12px;min-height:112px;padding:14px;display:grid;position:relative}.mnPathRailItem[data-state=current]{background:linear-gradient(90deg,#ecf7c4f0,#fffdf4e6);border-color:#6fa6446b;box-shadow:inset 5px 0 #76b849}.mnPathRailItem[data-state=locked]{opacity:.64}.mnPathNumber{z-index:1;color:#fff;background:#85bf47;border-radius:999px;place-items:center;width:48px;height:48px;font-size:19px;font-weight:900;display:grid;position:relative;box-shadow:0 4px #49813633}.mnPathRailItem[data-state=locked] .mnPathNumber{color:#77796a;background:#d9dac5}.mnPathCopy{gap:5px;min-width:0;display:grid}.mnPathCopy h2{color:#26382f;margin:0;font-size:16px;line-height:1.2}.mnPathCopy strong{color:#2e8f46;letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:900}.mnPathRailItem[data-state=current] .mnPathCopy strong{color:#e57d27}.mnPathRailItem[data-state=locked] .mnPathCopy strong{color:#8a8879}.mnPathCopy div{gap:4px;margin-top:4px;display:grid}.mnPathCopy span{color:#4b684c;font-size:12px;font-weight:800}.mnPathCopy span:before{content:"○";color:#9cae88;margin-right:8px}.mnPathCopy span[data-done=true]:before{content:"✓";color:#4b9b61}.mnPathRailItem>img{object-fit:contain;width:58px;height:58px}.mnCurrentUnit{background:#fffdf4eb;border:3px solid #8bbf53;border-radius:22px;grid-template-rows:auto auto minmax(0,1fr);gap:16px;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:0 22px 54px #424c3524}.mnUnitHero{background:linear-gradient(90deg,#fffdf4f0,#fffdf46b 52%,#0000),url(/images/landscapes/farm_03.png) 50%/cover no-repeat;border-radius:18px 18px 0 0;grid-template-columns:minmax(0,1fr) minmax(190px,290px);min-height:255px;display:grid;position:relative;overflow:hidden}.mnUnitHero>div{z-index:1;align-content:center;gap:12px;max-width:680px;padding:clamp(24px,4vw,58px);display:grid;position:relative}.mnUnitHero span,.mnMasteryTitle span,.mnExerciseHeader span{color:#49694a;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:950}.mnUnitHero h1{color:#285536;font-family:var(--font-display);margin:0;font-size:clamp(34px,5vw,54px);line-height:1}.mnUnitHero p{color:#39503c;margin:0;font-size:18px;line-height:1.5}.mnUnitHero img{filter:drop-shadow(0 12px 18px #374d2a2e);place-self:end center;width:min(86%,250px);height:auto}.mnMasteryBand{background:#fffdf4db;border:1px solid #5d684d29;border-radius:22px;grid-template-columns:minmax(220px,1.25fr) repeat(2,minmax(120px,.55fr)) minmax(210px,.7fr);align-items:center;gap:16px;margin:0 22px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #ffffffa6}.mnMasteryTitle{align-items:center;gap:12px;display:flex}.mnMasteryTitle img{object-fit:contain;width:54px;height:54px}.mnMasteryTitle div,.mnMasteryMetric{gap:5px;display:grid}.mnMasteryTitle strong,.mnMasteryMetric strong{color:#26382f;font-size:18px;line-height:1.15}.mnMasteryMetric span{color:#63745f;font-size:13px;font-weight:800}.mnGrowButton{color:#fff;width:100%;min-height:64px;font-size:20px;font-weight:950;font:inherit;cursor:pointer;background:linear-gradient(#5fb06f,#3f8f5b);border:0;border-radius:999px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:10px;padding:10px 18px;text-decoration:none;display:grid;box-shadow:inset 0 2px #ffffff47,0 6px #286a4038}.mnGrowForm{margin:0}.mnGrowButton span{grid-row:span 2;font-size:34px}.mnGrowButton small{color:#ffffffdb;font-size:12px;font-weight:800;display:block}.mnExercisePanel{background:linear-gradient(#fffdf4f5,#fffae8f0);border:1px solid #5d684d2e;border-radius:22px;grid-template-rows:minmax(0,1fr);gap:18px;min-height:0;margin:2px 22px 22px;padding:clamp(12px,1.4vw,22px);display:grid;overflow:hidden}.mnExerciseHeader{justify-content:space-between;align-items:start;gap:16px;display:none}.mnExerciseHeader div{gap:4px;display:grid}.mnExerciseHeader h2{color:#26382f;margin:0;font-size:18px}.mnExerciseHeader a{color:#2e8f46;font-size:14px;font-weight:900;text-decoration:none}.mnEmbeddedExercise{overscroll-behavior:contain;min-height:0;padding-right:4px;overflow:auto}.mnEmbeddedExercise .gamifiedNoteNameExercise{border-radius:18px;min-height:680px}.mnEmbeddedExercise .gamifiedNoteNameHeader{display:none}.mnExercisePreview{background:linear-gradient(#fffdf48c,#fffdf4e6),radial-gradient(circle at 50% 100%,#91c85e57,#0000 42%);border-radius:8px;justify-items:center;gap:18px;min-height:420px;padding:24px;display:grid;position:relative}.mnStaffPreview{background:#ffffffdb;border:2px solid #5c533d24;border-radius:8px;align-content:center;gap:15px;width:min(100%,640px);min-height:190px;margin-top:20px;padding:34px 60px 34px 95px;display:grid;position:relative;box-shadow:0 18px 38px #4a44301f}.mnStaffPreview i{background:#1f1f1b;height:2px;display:block}.mnTreble{color:#1f1f1b;font-size:96px;line-height:1;position:absolute;top:26px;left:40px}.mnStaffPreview b{background:#1f1f1b;border-radius:999px;width:34px;height:20px;position:absolute;top:50%;left:53%;transform:rotate(-12deg)}.mnNoteChoices{grid-template-columns:repeat(7,minmax(56px,92px));justify-content:center;align-items:end;gap:16px;display:grid}.mnNoteChoices span{color:#2b2b29;min-height:78px;font-family:var(--font-display);border:2px solid #3e43341f;border-radius:8px;place-items:center;font-size:40px;font-weight:900;display:grid;box-shadow:0 7px #364d301f}.mnNoteChoices span:first-child{background:#fff0bd}.mnNoteChoices span:nth-child(2){background:#bceaff}.mnNoteChoices span:nth-child(3){background:#ffd1e6}.mnNoteChoices span:nth-child(4){background:#d6f4db}.mnNoteChoices span:nth-child(5){background:#ffd3a8}.mnNoteChoices span:nth-child(6){background:#d8d0ff}.mnNoteChoices span:nth-child(7){background:#bdf1ed}.mnExercisePreview p{color:#3d553d;text-align:center;margin:0;font-size:18px;font-weight:900}.mnExercisePreview>img{width:92px;height:auto;position:absolute;bottom:12px;right:18px}.mnCourseActions{flex-wrap:wrap;gap:10px;padding:0 22px 22px;display:none}.mnCourseActions form{margin:0}.mnPage{gap:clamp(28px,4vw,44px);margin:0 auto;padding:clamp(20px,4vw,40px);width:min(100%,1080px)!important;max-width:none!important}@media (max-width:1080px){.mnCourseShell,.mnUnitHero,.mnMasteryBand{grid-template-columns:1fr}.mnPathRailFrame{position:static}.mnPathRailFrame ol{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding-bottom:24px}.mnPathRailFrame ol:before,.mnUnitHero img{display:none}.mnCourseTopbar{flex-direction:column;align-items:start}.mnCourseStats{justify-content:start}}@media (max-width:680px){.mnCoursePage{padding:10px}.mnCourseStats,.mnCourseStat,.mnCourseLevel{width:100%}.mnPathRailItem{grid-template-columns:42px minmax(0,1fr)}.mnPathRailItem>img{display:none}.mnMasteryBand,.mnExercisePanel{margin-left:12px;margin-right:12px}.mnExercisePanel{min-height:520px;max-height:calc(100vh - 240px);padding:12px}.mnNoteChoices{grid-template-columns:repeat(4,minmax(54px,1fr));gap:10px}.mnStaffPreview{padding-left:72px;padding-right:22px}.mnTreble{font-size:78px;left:18px}}.mnBackLink{color:var(--ui-text-muted);align-items:center;margin-bottom:18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.mnBackLink:hover{color:var(--ui-accent)}.mnHero{background:linear-gradient(#eaf6ff 0%,#f1fbef 55%,#dff2d3 100%);border:3px solid #fff;border-radius:32px;padding:clamp(24px,4vw,40px);position:relative;box-shadow:0 18px 40px #43825e33}.mnHeroSun{z-index:2;pointer-events:none;filter:drop-shadow(0 8px 14px #f5b94259);width:clamp(80px,10vw,120px);height:auto;animation:6s ease-in-out infinite mgFloat;position:absolute;top:clamp(-18px,-1.5vw,-8px);right:clamp(-12px,-1vw,-4px)}.mnHeroGrid{z-index:1;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:clamp(20px,3vw,36px);display:grid;position:relative}.mnEyebrow{border:2px solid var(--ui-border-strong);color:var(--ui-text);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:#fff;border-radius:999px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 3px #43825e2e}.mnTitle{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(36px,6vw,60px);font-weight:800;line-height:1.02}.mnLead{max-width:620px;color:var(--ui-text-muted);margin:0 0 22px;font-size:clamp(16px,1.8vw,19px);line-height:1.6}.mnHeroMeta{flex-wrap:wrap;gap:10px;display:flex}.mnMetaChip{border:2px solid var(--ui-border);color:var(--ui-text);font-family:var(--font-display);background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 3px #43825e24}.mnHeroCard{background:var(--ui-surface);border:3px solid #fff;border-radius:28px;flex-direction:column;gap:12px;padding:26px;display:flex;position:sticky;top:18px;box-shadow:0 10px #43825e1f,0 18px 34px #43825e29}.mnHeroCardLabel{color:var(--ui-text);font-size:15px;font-weight:800}.mnHeroCardText{color:var(--ui-text-muted);margin:0;font-size:14px;line-height:1.55}.mnProgressValue{color:var(--ui-text);font-size:44px;font-weight:800;line-height:1}.mnProgressValue span{color:var(--ui-text-muted);font-size:24px;font-weight:700}.mnHeroCardSub{color:var(--ui-text-muted);margin-top:-6px;font-size:13px;font-weight:600}.mnProgressTrack{background:var(--ui-surface-muted);border-radius:999px;height:8px;margin:4px 0 8px;overflow:hidden}.mnProgressFill{background:var(--ui-accent);border-radius:999px;height:100%;transition:width .2s}.mnHeroCardStatus{text-align:center;color:var(--ui-positive);font-size:13px;font-weight:700}.mnButton{width:100%;min-height:48px;font-family:var(--font-display);cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:12px 18px;font-size:15px;font-weight:800;text-decoration:none;transition:filter .12s,background .12s,border-color .12s,transform 90ms,box-shadow 90ms;display:inline-flex}.mnHeroCard form{margin:0}.mnButtonPrimary{background:var(--ui-accent);color:var(--ui-accent-text);box-shadow:0 5px 0 var(--ui-accent)}@supports (color:color-mix(in lab, red, red)){.mnButtonPrimary{box-shadow:0 5px 0 color-mix(in srgb,var(--ui-accent)55%,#1f3d2a)}}.mnButtonPrimary:hover{filter:brightness(1.05)}.mnButtonPrimary:active{box-shadow:0 1px 0 var(--ui-accent);transform:translateY(4px)}@supports (color:color-mix(in lab, red, red)){.mnButtonPrimary:active{box-shadow:0 1px 0 color-mix(in srgb,var(--ui-accent)55%,#1f3d2a)}}.mnButtonSecondary{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border-strong);box-shadow:0 4px #43825e29}.mnButtonSecondary:hover{background:var(--ui-surface-muted)}.mnButtonSecondary:active{transform:translateY(3px);box-shadow:0 1px #43825e29}.mnButtonGhost{color:var(--ui-text-muted);background:0 0}.mnButtonGhost:hover{color:var(--ui-accent)}.mnBody{flex-direction:column;gap:clamp(28px,4vw,44px);display:flex}.mnSectionHead h2{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(24px,3vw,32px);font-weight:800}.mnSectionHead p{color:var(--ui-text-muted);margin:0 0 22px;font-size:16px;line-height:1.55}.mnBenefitGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.mnBenefitCard{background:var(--ui-surface);border:3px solid #fff;border-radius:24px;padding:24px;transition:transform .18s,box-shadow .18s;box-shadow:0 7px #43825e1f,0 14px 26px #43825e1f}.mnBenefitCard:hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 11px #43825e24,0 20px 32px #43825e29}.mnBenefitCard h3{color:var(--ui-text);font-family:var(--font-display);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3}.mnBenefitCard p{color:var(--ui-text-muted);margin:0;font-size:15px;line-height:1.55}.mnSplit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,32px);display:grid}.mnIncludesPanel,.mnPracticePanel{background:var(--ui-surface);border:3px solid #fff;border-radius:28px;padding:clamp(20px,3vw,28px);box-shadow:0 8px #43825e1a,0 16px 30px #43825e1f}.mnLessonList{border-top:1px solid var(--ui-border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mnLessonList li{border-bottom:1px solid var(--ui-border);align-items:center;gap:12px;padding:9px 2px;display:flex}.mnLessonNumber{background:var(--ui-accent-muted);width:26px;height:26px;color:var(--ui-accent);font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.mnLessonName{color:var(--ui-text);font-size:14px;font-weight:600}.mnPracticeGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mnPracticeCard{background:linear-gradient(to bottom,var(--ui-accent-muted),var(--ui-surface)70%);border:2px solid #fff;border-radius:20px;padding:18px;box-shadow:0 4px #43825e1f}.mnPracticeCard h3{color:var(--ui-text);font-family:var(--font-display);margin:0 0 6px;font-size:15px;font-weight:700}.mnPracticeCard p{color:var(--ui-text-muted);margin:0;font-size:13px;line-height:1.5}.mnPathHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mnTrackChip{border:2px solid var(--ui-border-strong);color:var(--ui-text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;background:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 3px #43825e29}.mnTimeline{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.mnStep{background:var(--ui-surface);border:3px solid #fff;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:20px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:0 6px #43825e1a,0 12px 24px #43825e1a}.mnStep[data-state=current]{border-color:var(--ui-accent);box-shadow:0 6px 0 var(--ui-accent),0 12px 24px #43825e29}@supports (color:color-mix(in lab, red, red)){.mnStep[data-state=current]{box-shadow:0 6px 0 color-mix(in srgb,var(--ui-accent)50%,#1f3d2a),0 12px 24px #43825e29}}.mnStep[data-state=locked]{opacity:.6}.mnStepMarker{background:var(--ui-surface-muted);width:44px;height:44px;color:var(--ui-text);font-family:var(--font-display);border-radius:16px;place-items:center;font-size:16px;font-weight:800;display:grid}.mnStep[data-state=mastered] .mnStepMarker,.mnStep[data-state=tested_out] .mnStepMarker{background:var(--ui-positive-surface);color:var(--ui-positive)}.mnStep[data-state=current] .mnStepMarker{background:var(--ui-accent);color:var(--ui-accent-text)}.mnStepTop{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.mnStepTop h3{color:var(--ui-text);font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700}.mnStepStatus{background:var(--ui-surface-muted);color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.mnStepStatus[data-state=mastered],.mnStepStatus[data-state=tested_out]{background:var(--ui-positive-surface);color:var(--ui-positive)}.mnStepStatus[data-state=current]{background:var(--ui-accent);color:var(--ui-accent-text)}.mnStepBody p{color:var(--ui-text-muted);margin:0 0 10px;font-size:15px;line-height:1.55}.mnStepLink{color:var(--ui-accent);font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.mnStepLink:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:860px){.mnHeroGrid,.mnSplit{grid-template-columns:1fr}.mnHeroCard{position:static}}@media (max-width:520px){.mnPracticeGrid{grid-template-columns:1fr}}.coachIntroPage{place-items:center}.coachIntroCard{background:radial-gradient(circle at 15% 0,#407a6929,#0000 35%),linear-gradient(135deg,#fff7df,#f3ead2);border:1px solid #4347371f;border-radius:34px;width:min(100%,760px);padding:clamp(24px,5vw,42px);box-shadow:0 24px 70px #3e39291f}.coachIntroCard h1{color:#20201d;letter-spacing:-.055em;margin:0 0 12px;font-size:clamp(38px,6vw,64px);line-height:.95}.coachIntroLead{color:#4e4b42;margin:0 0 22px;font-size:18px;line-height:1.55}.coachIntroSection{gap:10px;margin-top:18px;display:grid}.coachIntroSection>span{color:#756f60;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:900}.coachIntroNotes{flex-wrap:wrap;gap:10px;display:flex}.coachIntroNotes strong{color:#fffaf0;background:#26382f;border-radius:18px;place-items:center;width:54px;height:54px;font-size:24px;display:grid}.coachIntroMastery{background:#c786251f;border-radius:18px;padding:16px}.coachIntroMastery p{color:#35443d;margin:0;font-weight:850}.coachIntroBegin{margin-top:24px}@media (max-width:820px){.courseDetailGrid,.courseDetailMetaGrid{grid-template-columns:1fr}.lpPathActions,.lpPathActions form,.lpPathButton{width:100%}}.lessonCompletionPanel{background:#fffdf4db;border:1px solid #393a3021;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px;display:flex;box-shadow:0 18px 52px #3e392917}.lessonCompletionPanel span{color:#756f60;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.lessonCompletionPanel strong{color:#20201d;letter-spacing:-.025em;font-size:22px;display:block}.lessonCompletionPanel p{margin:6px 0 0}.lessonCompletionPanel button,.lessonCompletionPanel a{color:#fffaf0;font:inherit;text-align:center;cursor:pointer;background:#26382f;border:0;border-radius:16px;flex:none;padding:12px 16px;font-weight:850;text-decoration:none}.lessonCompletionActions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.lessonCompletionPanel .lessonSkipButton{color:#26382f;background:#26382f14}@media (max-width:700px){.lessonCompletionPanel{flex-direction:column;align-items:stretch}.lessonCompletionActions,.lessonCompletionPanel button,.lessonCompletionPanel a{width:100%}}.staffFinderClefSelector{background:#1f1f1d0f;border:1px solid #1f1f1d1f;border-radius:999px;gap:6px;margin-top:10px;padding:4px;display:inline-flex}.staffFinderClefSelector button{color:#6c6c64;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;line-height:1}.staffFinderClefSelector button[data-active=true]{color:#fffaf0;background:#26382f}.earTrainingCoursePage{gap:28px;padding:clamp(28px,5vw,58px) clamp(18px,4vw,42px);display:grid}.earTrainingCourseHero{border:1px solid var(--ui-border);background:radial-gradient(circle at 12% 15%,#008f4629,transparent 34%),linear-gradient(135deg,var(--ui-surface),var(--ui-surface-muted));border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch;gap:24px;padding:clamp(24px,4vw,44px);display:grid;box-shadow:0 22px 62px #1f1f1d14}.earTrainingCourseHero h1{max-width:820px;color:var(--ui-text);letter-spacing:-.045em;margin:0;font-size:clamp(44px,7vw,78px);line-height:.94}.earTrainingCourseHero p:not(.eyebrow){max-width:680px;color:var(--ui-text-muted);margin:16px 0 0;font-size:18px;line-height:1.55}.earTrainingCourseCard{background:#fffdf4b8;border:1px solid #008f462e;border-radius:22px;align-content:center;gap:12px;padding:24px;display:grid}.earTrainingCourseCard span:not(.lpPathButton){color:var(--ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850}.earTrainingCourseCard strong{color:var(--ui-text);font-size:26px;line-height:1.1}.earTrainingCourseCard p{color:var(--ui-text-muted);margin:0}.earTrainingCourseCard form,.earTrainingCourseCard .lpPathButton{width:100%}.earTrainingExerciseGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.earTrainingExerciseGridSingle{grid-template-columns:minmax(280px,420px)}.earTrainingExerciseCard{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:22px;align-content:space-between;gap:18px;min-height:260px;padding:22px;display:grid;box-shadow:0 14px 40px #1f1f1d0f}.earTrainingExerciseCard span,.earTrainingExerciseCard small{color:var(--ui-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:850}.earTrainingExerciseCard h2{color:var(--ui-text);margin:8px 0 0;font-size:24px;line-height:1.1}.earTrainingExerciseCard p{color:var(--ui-text-muted);margin:10px 0 0;line-height:1.45}.earTrainingExerciseCard a{background:var(--ui-accent);min-height:42px;color:var(--ui-accent-text);border-radius:999px;justify-content:center;align-items:center;padding:9px 14px;font-weight:850;text-decoration:none;display:inline-flex}@media (max-width:860px){.earTrainingCourseHero,.earTrainingExerciseGrid{grid-template-columns:1fr}}@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-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}