/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-200:oklch(.928 .006 264.531);--color-neutral-50:oklch(.985 0 0);--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--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: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-primary-lighter:var(--color-primary-lighter);--color-primary-light:var(--color-primary-light);--color-primary:var(--color-primary);--color-primary-hover:var(--color-primary-hover);--color-primary-active:var(--color-primary-active);--color-primary-contrast:var(--color-primary-contrast);--color-success:var(--color-success);--color-success-hover:var(--color-success-hover);--color-error:var(--color-error);--color-error-hover:var(--color-error-hover);--color-error-active:var(--color-error-active);--color-neutral-lightest:var(--color-neutral-lightest);--color-neutral-lighter:var(--color-neutral-lighter);--color-neutral-light:var(--color-neutral-light);--color-neutral:var(--color-neutral);--color-neutral-dark:var(--color-neutral-dark);--color-neutral-darker:var(--color-neutral-darker);--color-neutral-darkest:var(--color-neutral-darkest);--color-foreground:var(--color-foreground);--color-foreground-soft:var(--color-foreground-soft);--color-foreground-secondary:var(--color-foreground-secondary);--color-disabled:var(--color-disabled);--color-glossy-effect:var(--color-glossy-effect);--color-background:var(--color-background);--color-background-softer:var(--color-background-softer);--color-input-background:var(--color-input-background);--color-input-background-disabled:var(--color-input-background-disabled);--color-toggle-active:var(--color-toggle-active);--color-card-background:var(--color-card-background);--color-ball-active:var(--color-ball-active);--color-ball-active-pressed:var(--color-ball-active-pressed);--color-ball-active-contrast:var(--color-ball-active-contrast);--color-ball-inactive:var(--color-ball-inactive);--color-ball-inactive-pressed:var(--color-ball-inactive-pressed);--color-ball-inactive-contrast:var(--color-ball-inactive-contrast);--color-writing-base-line:var(--color-writing-base-line);--color-writing-top-line:var(--color-writing-top-line);--color-header-background:var(--color-header-background);--color-header-foreground:var(--color-header-foreground);--color-lesson-button-background:var(--color-lesson-button-background);--color-lesson-button-text-stroke:var(--color-lesson-button-text-stroke);--color-lesson-button-text-fill:var(--color-lesson-button-text-fill);--color-overlay:var(--color-overlay);--background-image-progress-conic:var(--gradient-progress-conic);--background-image-radial:var(--background-radial);--animate-hover:hover 1s ease-in-out infinite;--text-xxs:.625rem;--font-dyslexic:var(--font-dyslexic);--font-dyslexic-bold:var(--font-dyslexic-bold);--font-dyslexic-custom:var(--font-dyslexic-custom)}}@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%;-moz-tab-size:4;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}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,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;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}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}button:hover,a:hover{cursor:pointer}}@layer components;@layer utilities{.size-container{container-type:size}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-\[13\%\]{top:13%;right:13%;bottom:13%;left:13%}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-7{top:calc(var(--spacing)*7)}.top-20{top:calc(var(--spacing)*20)}.top-40{top:calc(var(--spacing)*40)}.top-\[8rem\]{top:8rem}.-right-5{right:calc(var(--spacing)*-5)}.right-0{right:calc(var(--spacing)*0)}.right-6{right:calc(var(--spacing)*6)}.-bottom-5{bottom:calc(var(--spacing)*-5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-1{bottom:calc(var(--spacing)*1)}.bottom-7{bottom:calc(var(--spacing)*7)}.bottom-10{bottom:calc(var(--spacing)*10)}.left-0{left:calc(var(--spacing)*0)}.left-1{left:calc(var(--spacing)*1)}.left-1\/2{left:50%}.left-6{left:calc(var(--spacing)*6)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.-mt-7{margin-top:calc(var(--spacing)*-7)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-24{margin-top:calc(var(--spacing)*24)}.mr-5{margin-right:calc(var(--spacing)*5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-5{margin-left:calc(var(--spacing)*5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-40{height:calc(var(--spacing)*40)}.h-60{height:calc(var(--spacing)*60)}.h-64{height:calc(var(--spacing)*64)}.h-\[0\.4em\]{height:.4em}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-128{max-height:calc(var(--spacing)*128)}.max-h-\[25vh\]{max-height:25vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[calc\(100vh-300px\)\]{max-height:calc(100vh - 300px)}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-20{min-height:calc(var(--spacing)*20)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-40{width:calc(var(--spacing)*40)}.w-60{width:calc(var(--spacing)*60)}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-24{min-width:calc(var(--spacing)*24)}.min-w-64{min-width:calc(var(--spacing)*64)}.min-w-\[0\.6ch\]{min-width:.6ch}.min-w-\[10rem\]{min-width:10rem}.flex-1{flex:1}.flex-2{flex:2}.shrink-0{flex-shrink:0}.origin-\[50\%_80\%\]{transform-origin:50% 80%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\(--glossy-effect-offset\){--tw-translate-x:var(--glossy-effect-offset);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x: 50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y: -75% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\(--glossy-effect-offset\){--tw-translate-y:var(--glossy-effect-offset);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[200\%\]{--tw-translate-y:200%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.6\]{scale:.6}.scale-\[0\.8\]{scale:.8}.rotate-\[-30deg\]{rotate:-30deg}.rotate-\[7\.5deg\]{rotate:7.5deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.animate-hover{animation:var(--animate-hover)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-x-12{column-gap:calc(var(--spacing)*12)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-t-\[10px\]{border-top-left-radius:10px;border-top-right-radius:10px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-error{border-color:var(--color-error)}.border-foreground{border-color:var(--color-foreground)}.border-header-background{border-color:var(--color-header-background)}.bg-background{background-color:var(--color-background)}.bg-ball-active{background-color:var(--color-ball-active)}.bg-ball-inactive{background-color:var(--color-ball-inactive)}.bg-card-background{background-color:var(--color-card-background)}.bg-current{background-color:currentColor}.bg-disabled{background-color:var(--color-disabled)}.bg-error{background-color:var(--color-error)}.bg-foreground\/5{background-color:color-mix(in oklab,var(--color-foreground)5%,transparent)}.bg-glossy-effect{background-color:var(--color-glossy-effect)}.bg-header-background{background-color:var(--color-header-background)}.bg-input-background{background-color:var(--color-input-background)}.bg-input-background-disabled{background-color:var(--color-input-background-disabled)}.bg-lesson-button-background{background-color:var(--color-lesson-button-background)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-darkest{background-color:var(--color-neutral-darkest)}.bg-neutral-light{background-color:var(--color-neutral-light)}.bg-overlay{background-color:var(--color-overlay)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-success{background-color:var(--color-success)}.bg-toggle-active{background-color:var(--color-toggle-active)}.bg-transparent{background-color:#0000}.bg-writing-base-line{background-color:var(--color-writing-base-line)}.bg-writing-top-line{background-color:var(--color-writing-top-line)}.bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.bg-\(image\:--background-image-dotted-line\){background-image:var(--background-image-dotted-line)}.bg-progress-conic{background-image:var(--background-image-progress-conic)}.bg-radial{background-image:var(--background-image-radial)}.bg-\(size\:--background-size-dotted-line\){background-size:var(--background-size-dotted-line)}.fill-neutral-dark\/30{fill:color-mix(in oklab,var(--color-neutral-dark)30%,transparent)}.stroke-foreground{stroke:var(--color-foreground)}.stroke-\[3px\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:calc(var(--spacing)*1)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-7{padding:calc(var(--spacing)*7)}.p-8{padding:calc(var(--spacing)*8)}.p-\[5\.8\%\]{padding:5.8%}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-7{padding-block:calc(var(--spacing)*7)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-\[0\.17em\]{padding-top:.17em}.pb-5{padding-bottom:calc(var(--spacing)*5)}.text-center{text-align:center}.font-dyslexic{font-family:var(--font-dyslexic)}.font-dyslexic-bold{font-family:var(--font-dyslexic-bold)}.font-dyslexic-custom{font-family:var(--font-dyslexic-custom)}.font-serif{font-family:var(--font-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-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-xxs{font-size:var(--text-xxs)}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[2rem\]{font-size:2rem}.text-\[4rem\]{font-size:4rem}.leading-10{--tw-leading:calc(var(--spacing)*10);line-height:calc(var(--spacing)*10)}.leading-\[1\.5em\]{--tw-leading:1.5em;line-height:1.5em}.leading-\[1em\]{--tw-leading:1em;line-height:1em}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.text-ball-active-contrast{color:var(--color-ball-active-contrast)}.text-ball-inactive-contrast{color:var(--color-ball-inactive-contrast)}.text-error{color:var(--color-error)}.text-foreground{color:var(--color-foreground)}.text-foreground-soft{color:var(--color-foreground-soft)}.text-header-foreground{color:var(--color-header-foreground)}.text-lesson-button-text-fill{color:var(--color-lesson-button-text-fill)}.text-neutral-dark{color:var(--color-neutral-dark)}.text-neutral-lighter{color:var(--color-neutral-lighter)}.text-primary-contrast{color:var(--color-primary-contrast)}.text-primary-light{color:var(--color-primary-light)}.text-primary-lighter{color:var(--color-primary-lighter)}.text-writing-base-line{color:var(--color-writing-base-line)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-neutral::placeholder{color:var(--color-neutral)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-button{--tw-shadow:0 2px 3px 0 var(--tw-shadow-color,oklch(0% 0 0/.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error{--tw-ring-color:var(--color-error)}.ring-foreground{--tw-ring-color:var(--color-foreground)}.ring-neutral{--tw-ring-color:var(--color-neutral)}.ring-primary-light{--tw-ring-color:var(--color-primary-light)}.ring-transparent{--tw-ring-color:transparent}.outline-hidden{outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.blur-xs{--tw-blur:blur(var(--blur-xs));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,)}.saturate-100{--tw-saturate:saturate(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,)}.saturate-\[0\.15\]{--tw-saturate:saturate(.15);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;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.paint-msf{paint-order:markers stroke fill}.text-stroke-8{-webkit-text-stroke-width:8px}.text-stroke-lesson-button-text-stroke{-webkit-text-stroke-color:var(--color-lesson-button-text-stroke)}.group-has-\[input\[data-input-otp-placeholder-shown\]\]\:opacity-20:is(:where(.group):has(:is(input[data-input-otp-placeholder-shown])) *){opacity:.2}.focus-within\:ring-neutral-dark:focus-within{--tw-ring-color:var(--color-neutral-dark)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:cursor-crosshair:hover{cursor:crosshair}.hover\:cursor-not-allowed:hover{cursor:not-allowed}.hover\:bg-disabled:hover{background-color:var(--color-disabled)}.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:text-neutral-darker:hover{color:var(--color-neutral-darker)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-error:focus{border-color:var(--color-error)}.focus\:border-primary-light:focus{border-color:var(--color-primary-light)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-error:focus{--tw-ring-color:var(--color-error)}.focus\:ring-primary-light:focus{--tw-ring-color:var(--color-primary-light)}.focus\:outline-hidden:focus{outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:animate-none:active{animation:none}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-ball-active-pressed:active{background-color:var(--color-ball-active-pressed)}.active\:bg-ball-inactive-pressed:active{background-color:var(--color-ball-inactive-pressed)}.active\:bg-error-active:active{background-color:var(--color-error-active)}.active\:bg-primary-active:active{background-color:var(--color-primary-active)}.active\:opacity-100:active{opacity:1}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-disabled\:opacity-30:has(:disabled){opacity:.3}@media (width>=40rem){.sm\:inset-2{inset:calc(var(--spacing)*2)}.sm\:top-10{top:calc(var(--spacing)*10)}.sm\:bottom-10{bottom:calc(var(--spacing)*10)}.sm\:-mt-10{margin-top:calc(var(--spacing)*-10)}.sm\:mt-10{margin-top:calc(var(--spacing)*10)}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:w-32{width:calc(var(--spacing)*32)}.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:max-w-md{max-width:var(--container-md)}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing)*5)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:py-10{padding-block:calc(var(--spacing)*10)}.sm\:py-20{padding-block:calc(var(--spacing)*20)}.sm\:pt-32{padding-top:calc(var(--spacing)*32)}.sm\:pb-20{padding-bottom:calc(var(--spacing)*20)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-\[3rem\]{font-size:3rem}}@media (width>=48rem){.md\:w-10{width:calc(var(--spacing)*10)}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:p-10{padding:calc(var(--spacing)*10)}.md\:px-10{padding-inline:calc(var(--spacing)*10)}.md\:px-20{padding-inline:calc(var(--spacing)*20)}.md\:text-\[3rem\]{font-size:3rem}.md\:text-\[7rem\]{font-size:7rem}}@media (width>=64rem){.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=80rem){.xl\:w-14{width:calc(var(--spacing)*14)}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:px-30{padding-inline:calc(var(--spacing)*30)}.xl\:text-\[2vw\]{font-size:2vw}.xl\:text-\[4rem\]{font-size:4rem}.xl\:text-\[10rem\]{font-size:10rem}.xl\:text-stroke-\[0\.5vw\]{-webkit-text-stroke-width:.5vw}}html{font-size:16px}body{overscroll-behavior:none}html body[data-scroll-locked]{margin-right:0!important}}@keyframes hover{0%{transform:scale(1);box-shadow:0 2px 3px #0000004d}50%{transform:scale(1.05);box-shadow:0 2px 6px #0000004d}to{transform:scale(1);box-shadow:0 2px 3px #0000004d}}:root{--gradient-story-mask:linear-gradient(to bottom,transparent 10px,black 40px,black calc(100% - 60px) ,transparent calc(100% + -0px) )}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-primary-lighter: oklch(71.4% .143 254.6);--color-primary-light: oklch(62.3% .188 259.8);--color-primary: oklch(54.6% .215 262.9);--color-primary-hover: oklch(48.8% .217 264.4);--color-primary-active: oklch(42.4% .181 265.6);--color-success: oklch(72.3% .192 149.6);--color-success-hover: oklch(62.7% .17 149.2);--color-error: oklch(63.7% .208 25.3);--color-error-hover: oklch(57.7% .215 27.3);--color-error-active: oklch(50.5% .19 27.5);--color-neutral-lightest: oklch(98.8% 0 0);--color-neutral-lighter: oklch(97% 0 0);--color-neutral-light: oklch(94% 0 0);--color-neutral: oklch(87.3% 0 0);--color-neutral-dark: oklch(55.2% 0 0);--color-neutral-darker: oklch(33.7% 0 0);--color-neutral-darkest: oklch(20.9% 0 0);--color-foreground: oklch(0% 0 0);--color-foreground-soft: oklch(21% .032 264.7);--color-foreground-secondary: oklch(55.1% .023 264.4);--color-placeholder: oklch(87.2% .009 258.3);--color-disabled: oklch(87.2% .009 258.3);--color-glossy-effect: oklch(100% 0 0 / .3);--glossy-effect-offset: -4px;--color-background: oklch(100% 0 0);--color-background-softer: oklch(96.7% .003 264.5);--color-input-background: var(--color-background);--color-input-background-disabled: var(--color-neutral-lightest);--color-toggle-active: oklch(62.7% .17 149.2);--color-card-background: var(--color-neutral-lighter);--color-ball-active: oklch(72.3% .192 149.6);--color-ball-active-pressed: oklch(62.7% .17 149.2);--color-ball-active-contrast: oklch(100% 0 0);--color-ball-inactive: oklch(55.1% .023 264.4);--color-ball-inactive-pressed: oklch(55.1% .023 264.4);--color-ball-inactive-contrast: oklch(100% 0 0);--color-writing-base-line: oklch(55.4% .121 66.4);--color-writing-top-line: oklch(63.7% .208 25.3);--color-header-background: oklch(87.1% .005 286.3);--color-header-foreground: var(--color-foreground);--color-lesson-button-background: oklch(71.1% .002 17.2);--color-lesson-button-text-stroke: oklch(0% 0 0);--color-lesson-button-text-fill: oklch(100% 0 0);--color-overlay: oklch(0% 0 0 / .4);--color-primary-contrast: oklch(100% 0 0);--background-image-radial: radial-gradient( circle at center, var(--color-background) 25%, oklch(62.3% .188 259.8 / .2) 100% );--background-image-dotted-line: linear-gradient(to right, oklch(86.1% .173 91.9) 50%, transparent 50%);--background-size-dotted-line: 18px 1px;--gradient-progress-conic: conic-gradient( oklch(62.9% .149 319.3) 0%, oklch(80.3% .108 330.8) 11%, oklch(56.8% .148 309.8) 22%, oklch(57.7% .132 290.5) 33%, oklch(76.5% .107 252.2) 44%, oklch(73.8% .087 255.2) 55%, oklch(62.3% .133 296.9) 66%, oklch(47.4% .144 299.4) 77%, oklch(62.9% .149 319.3) 88% );--font-dyslexic: OpenDyslexic3, sans-serif;--font-dyslexic-bold: OpenDyslexic3-Bold, sans-serif;--font-dyslexic-custom: OpenDyslexic3-Custom, sans-serif;--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}@media (prefers-color-scheme: dark){:root{--color-neutral-lightest: oklch(20.9% 0 0);--color-neutral-lighter: oklch(33.7% 0 0);--color-neutral-light: oklch(55.2% 0 0);--color-neutral: oklch(87.3% 0 0);--color-neutral-dark: oklch(94% 0 0);--color-neutral-darker: oklch(97% 0 0);--color-neutral-darkest: oklch(98.8% 0 0);--color-foreground: oklch(100% 0 0);--color-foreground-soft: oklch(94.3% 0 0);--color-foreground-secondary: oklch(55.1% .023 264.4);--color-disabled: var(--color-neutral-lightest);--color-glossy-effect: oklch(90% 0 0 / .3);--color-background: oklch(0% 0 0);--color-background-softer: oklch(3.3% .003 264.5);--color-placeholder: var(--color-neutral);--color-input-background: var(--color-neutral-lighter);--color-input-background-disabled: var(--color-neutral-light);--color-card-background: var(--color-neutral-lightest);--color-header-background: var(--color-neutral-lightest);--color-header-foreground: var(--color-foreground)}}