/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-lg:.5rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-base-100:oklch(97% .018 var(--palette-hue));--color-base-200:oklch(92% .032 var(--palette-hue));--color-base-300:oklch(86% .045 var(--palette-hue));--color-base-content:oklch(28% .04 var(--palette-hue));--color-primary:oklch(83% .08 var(--palette-hue));--color-primary-ink:oklch(44% .08 var(--palette-hue));--color-primary-content:oklch(25% .035 var(--palette-hue));--color-info:oklch(44% .09 245);--color-info-content:oklch(99% .005 245);--color-success:oklch(44% .09 155);--color-warning:oklch(44% .09 75);--color-error:oklch(44% .12 25);--color-error-content:oklch(99% .005 25);--color-equation:oklch(44% .1 300);--color-answer:oklch(44% .1 350);--color-paper:oklch(99% .006 var(--palette-hue));--color-play:oklch(83% .14 83);--color-play-content:oklch(29% .05 60)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color-scheme:light;background-color:var(--color-base-100);color:var(--color-base-content);scrollbar-color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 35%, transparent) transparent}@supports (color:color-mix(in lab, red, red)){:root{scrollbar-color:color-mix(in oklab, var(--color-base-content) 35%, transparent) transparent}}}@layer components;@layer utilities{.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}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.left-\[calc\(1\/2\*100\%-9\.42px\)\]{left:calc(50% - 9.42px)}.z-50{z-index:50}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.row-start-1{grid-row-start:1}.row-end-4{grid-row-end:4}.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-\[1em\]{margin-inline:1em}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-1{margin-left:var(--spacing)}.hero-arrow-path{--hero-arrow-path:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-arrow-path);-webkit-mask:var(--hero-arrow-path);-webkit-mask:var(--hero-arrow-path);mask:var(--hero-arrow-path);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-arrow-right{--hero-arrow-right:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%204.5%2021%2012m0%200-7.5%207.5M21%2012H3%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-arrow-right);-webkit-mask:var(--hero-arrow-right);-webkit-mask:var(--hero-arrow-right);mask:var(--hero-arrow-right);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-arrow-up-on-square{--hero-arrow-up-on-square:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%208.25H7.5a2.25%202.25%200%200%200-2.25%202.25v9a2.25%202.25%200%200%200%202.25%202.25h9a2.25%202.25%200%200%200%202.25-2.25v-9a2.25%202.25%200%200%200-2.25-2.25H15m0-3-3-3m0%200-3%203m3-3V15%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-arrow-up-on-square);-webkit-mask:var(--hero-arrow-up-on-square);-webkit-mask:var(--hero-arrow-up-on-square);mask:var(--hero-arrow-up-on-square);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-backspace{--hero-backspace:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209.75%2014.25%2012m0%200%202.25%202.25M14.25%2012l2.25-2.25M14.25%2012%2012%2014.25m-2.58%204.92-6.374-6.375a1.125%201.125%200%200%201%200-1.59L9.42%204.83c.21-.211.497-.33.795-.33H19.5a2.25%202.25%200%200%201%202.25%202.25v10.5a2.25%202.25%200%200%201-2.25%202.25h-9.284c-.298%200-.585-.119-.795-.33Z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-backspace);-webkit-mask:var(--hero-backspace);-webkit-mask:var(--hero-backspace);mask:var(--hero-backspace);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-check{--hero-check:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-check);-webkit-mask:var(--hero-check);-webkit-mask:var(--hero-check);mask:var(--hero-check);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-chevron-left{--hero-chevron-left:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%2019.5%208.25%2012l7.5-7.5%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-chevron-left);-webkit-mask:var(--hero-chevron-left);-webkit-mask:var(--hero-chevron-left);mask:var(--hero-chevron-left);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-exclamation-circle{--hero-exclamation-circle:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-exclamation-circle);-webkit-mask:var(--hero-exclamation-circle);-webkit-mask:var(--hero-exclamation-circle);mask:var(--hero-exclamation-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-heart{--hero-heart:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%208.25c0-2.485-2.099-4.5-4.688-4.5-1.935%200-3.597%201.126-4.312%202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1%203.75%203%205.765%203%208.25c0%207.22%209%2012%209%2012s9-4.78%209-12Z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-heart);-webkit-mask:var(--hero-heart);-webkit-mask:var(--hero-heart);mask:var(--hero-heart);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-information-circle{--hero-information-circle:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-information-circle);-webkit-mask:var(--hero-information-circle);-webkit-mask:var(--hero-information-circle);mask:var(--hero-information-circle);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-pencil-square{--hero-pencil-square:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.862%204.487%201.687-1.688a1.875%201.875%200%201%201%202.652%202.652L10.582%2016.07a4.5%204.5%200%200%201-1.897%201.13L6%2018l.8-2.685a4.5%204.5%200%200%201%201.13-1.897l8.932-8.931Zm0%200L19.5%207.125M18%2014v4.75A2.25%202.25%200%200%201%2015.75%2021H5.25A2.25%202.25%200%200%201%203%2018.75V8.25A2.25%202.25%200%200%201%205.25%206H10%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-pencil-square);-webkit-mask:var(--hero-pencil-square);-webkit-mask:var(--hero-pencil-square);mask:var(--hero-pencil-square);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-play-solid{--hero-play-solid:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.5%205.653c0-1.427%201.529-2.33%202.779-1.643l11.54%206.347c1.295.712%201.295%202.573%200%203.286L7.28%2019.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-play-solid);-webkit-mask:var(--hero-play-solid);-webkit-mask:var(--hero-play-solid);mask:var(--hero-play-solid);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-sparkles{--hero-sparkles:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.813%2015.904%209%2018.75l-.813-2.846a4.5%204.5%200%200%200-3.09-3.09L2.25%2012l2.846-.813a4.5%204.5%200%200%200%203.09-3.09L9%205.25l.813%202.846a4.5%204.5%200%200%200%203.09%203.09L15.75%2012l-2.846.813a4.5%204.5%200%200%200-3.09%203.09ZM18.259%208.715%2018%209.75l-.259-1.035a3.375%203.375%200%200%200-2.455-2.456L14.25%206l1.036-.259a3.375%203.375%200%200%200%202.455-2.456L18%202.25l.259%201.035a3.375%203.375%200%200%200%202.456%202.456L21.75%206l-1.035.259a3.375%203.375%200%200%200-2.456%202.456ZM16.894%2020.567%2016.5%2021.75l-.394-1.183a2.25%202.25%200%200%200-1.423-1.423L13.5%2018.75l1.183-.394a2.25%202.25%200%200%200%201.423-1.423l.394-1.183.394%201.183a2.25%202.25%200%200%200%201.423%201.423l1.183.394-1.183.394a2.25%202.25%200%200%200-1.423%201.423Z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-sparkles);-webkit-mask:var(--hero-sparkles);-webkit-mask:var(--hero-sparkles);mask:var(--hero-sparkles);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-star-solid{--hero-star-solid:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.788%203.21c.448-1.077%201.976-1.077%202.424%200l2.082%205.006%205.404.434c1.164.093%201.636%201.545.749%202.305l-4.117%203.527%201.257%205.273c.271%201.136-.964%202.033-1.96%201.425L12%2018.354%207.373%2021.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434%202.082-5.005Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-star-solid);-webkit-mask:var(--hero-star-solid);-webkit-mask:var(--hero-star-solid);mask:var(--hero-star-solid);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-x-mark{--hero-x-mark:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E);-webkit-mask:var(--hero-x-mark);-webkit-mask:var(--hero-x-mark);-webkit-mask:var(--hero-x-mark);mask:var(--hero-x-mark);vertical-align:middle;background-color:currentColor;width:1.5rem;height:1.5rem;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-\[1em\]{height:1em}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[100dvh\]{min-height:100dvh}.w-0{width:0}.w-6{width:calc(var(--spacing) * 6)}.w-80{width:calc(var(--spacing) * 80)}.w-\[1em\]{width:1em}.w-auto{width:auto}.w-full{width:100%}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-base-content\/10>:not(:last-child)){border-color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){:where(.divide-base-content\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.self-center{align-self:center}.self-start{align-self:flex-start}.overflow-x-auto{overflow-x:auto}.\[overscroll-behavior\:none\]{overscroll-behavior:none}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-base-content\/15{border-color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 15%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-base-content\/15{border-color:color-mix(in oklab, var(--color-base-content) 15%, transparent)}}.border-base-content\/20{border-color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-base-content\/20{border-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.border-error{border-color:var(--color-error)}.border-error\/30{border-color:#89312f4d}@supports (color:color-mix(in lab, red, red)){.border-error\/30{border-color:color-mix(in oklab, var(--color-error) 30%, transparent)}}.border-info\/30{border-color:#1f57814d}@supports (color:color-mix(in lab, red, red)){.border-info\/30{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)}}.border-primary-content\/15{border-color:color-mix(in srgb, oklch(25% .035 var(--palette-hue)) 15%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-primary-content\/15{border-color:color-mix(in oklab, var(--color-primary-content) 15%, transparent)}}.border-transparent{border-color:#0000}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-content\/10{background-color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-base-content\/10{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[2rem\]{font-size:2rem}.text-\[16px\]{font-size:16px}.text-\[32px\]{font-size:32px}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.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)}.text-wrap{text-wrap:wrap}.text-answer{color:var(--color-answer)}.text-base-content{color:var(--color-base-content)}.text-base-content\/70{color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base-content\/70{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}}.text-equation{color:var(--color-equation)}.text-error{color:var(--color-error)}.text-error-content{color:var(--color-error-content)}.text-info{color:var(--color-info)}.text-info-content{color:var(--color-info-content)}.text-primary-content{color:var(--color-primary-content)}.text-primary-ink{color:var(--color-primary-ink)}.text-success{color:var(--color-success)}.accent-primary-ink{accent-color:var(--color-primary-ink)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-\[border-color\,outline-color\]{transition-property:border-color,outline-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,box-shadow\,translate\]{transition-property:color,background-color,border-color,box-shadow,translate;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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-70:is(:where(.group):hover *){opacity:.7}}.placeholder\:text-base-content\/70::placeholder{color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-base-content\/70::placeholder{color:color-mix(in oklab, var(--color-base-content) 70%, transparent)}}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-base-300:hover{background-color:var(--color-base-300)}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 90%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}.hover\:text-primary-content:hover{color:var(--color-primary-content)}}.focus\:border-error\!:focus{border-color:var(--color-error)!important}.focus\:border-primary-ink:focus{border-color:var(--color-primary-ink)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-error\/40\!:focus{outline-color:#89312f66!important}@supports (color:color-mix(in lab, red, red)){.focus\:outline-error\/40\!:focus{outline-color:color-mix(in oklab, var(--color-error) 40%, transparent)!important}}.focus\:outline-primary-ink\/40:focus{outline-color:color-mix(in srgb, oklch(44% .08 var(--palette-hue)) 40%, transparent)}@supports (color:color-mix(in lab, red, red)){.focus\:outline-primary-ink\/40:focus{outline-color:color-mix(in oklab, var(--color-primary-ink) 40%, transparent)}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-primary-ink:focus-visible{outline-color:var(--color-primary-ink)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-base-200:disabled{background-color:var(--color-base-200)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-60:disabled{opacity:.6}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-spin{animation:var(--animate-spin)}}@media (min-width:40rem){.sm\:h-9{height:calc(var(--spacing) * 9)}.sm\:w-96{width:calc(var(--spacing) * 96)}.sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.sm\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.\[\&_td\]\:px-4 td{padding-inline:calc(var(--spacing) * 4)}.\[\&_td\]\:py-3 td{padding-block:calc(var(--spacing) * 3)}.\[\&_th\]\:px-4 th{padding-inline:calc(var(--spacing) * 4)}.\[\&_th\]\:py-3 th{padding-block:calc(var(--spacing) * 3)}.\[\&\>tr\:nth-child\(even\)\]\:bg-base-200>tr:nth-child(2n){background-color:var(--color-base-200)}}:root,:root[data-palette=mint]{--palette-hue:160;--palette-companion-hue:85}:root[data-palette=sky]{--palette-hue:245;--palette-companion-hue:170}:root[data-palette=lavender]{--palette-hue:300;--palette-companion-hue:350}:root[data-palette=rose]{--palette-hue:350;--palette-companion-hue:45}:root[data-palette=peach]{--palette-hue:45;--palette-companion-hue:85}:root[data-palette=honey]{--palette-hue:85;--palette-companion-hue:160}:root[data-palette=ocean]{--palette-hue:205;--palette-companion-hue:285}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(22% .025 var(--palette-hue));--color-base-200:oklch(28% .035 var(--palette-hue));--color-base-300:oklch(34% .045 var(--palette-hue));--color-base-content:oklch(92% .018 var(--palette-hue));--color-primary:oklch(73% .085 var(--palette-hue));--color-primary-ink:oklch(73% .085 var(--palette-hue));--color-primary-content:oklch(22% .025 var(--palette-hue));--color-secondary:oklch(70% .075 var(--palette-companion-hue));--color-secondary-content:oklch(22% .025 var(--palette-companion-hue));--color-accent:oklch(75% .08 var(--palette-companion-hue));--color-accent-content:oklch(22% .025 var(--palette-companion-hue));--color-neutral:oklch(38% .035 var(--palette-hue));--color-neutral-content:oklch(92% .018 var(--palette-hue));--color-info:oklch(73% .085 245);--color-info-content:oklch(22% .025 245);--color-success:oklch(73% .085 155);--color-success-content:oklch(22% .025 155);--color-warning:oklch(76% .085 75);--color-warning-content:oklch(22% .025 75);--color-error:oklch(73% .1 25);--color-error-content:oklch(22% .025 25);--color-equation:oklch(73% .085 300);--color-answer:oklch(73% .1 350)}}[data-phx-session],[data-phx-teleported-src]{display:contents}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}body{-webkit-font-smoothing:antialiased;font-family:Avenir Next,Trebuchet MS,ui-rounded,system-ui,sans-serif}.app-shell{max-width:1080px;margin:0 auto;padding:0 32px}.app-header{justify-content:space-between;align-items:center;gap:20px;height:104px;display:flex}.brand-link{border-radius:16px;align-items:center;display:inline-flex}.brand-link:focus-visible{outline:3px solid var(--color-primary-ink);outline-offset:6px}.header-note,.session-note{color:var(--color-base-content);opacity:.75;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.back-circle{background:var(--color-paper);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.home-page{padding-bottom:20px}.welcome-card{background:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 40%, oklch(99% .006 var(--palette-hue)));border-radius:32px;align-items:center;min-height:264px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.welcome-card{background:color-mix(in oklab, var(--color-primary) 40%, var(--color-paper))}}.welcome-card{box-shadow:0 18px 38px -28px color-mix(in srgb, oklch(44% .08 var(--palette-hue)) 40%, transparent)}@supports (color:color-mix(in lab, red, red)){.welcome-card{box-shadow:0 18px 38px -28px color-mix(in oklab, var(--color-primary-ink) 40%, transparent)}}.welcome-copy{z-index:1;width:62%;padding:30px 36px;position:relative}.eyebrow{letter-spacing:.12em;align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.welcome-copy .eyebrow{letter-spacing:.035em}h1,h2,h3{letter-spacing:-.035em}.welcome-copy h1{margin:12px 0;font-size:clamp(30px,4vw,42px);font-weight:850;line-height:1.12}.welcome-copy p{max-width:350px;font-size:13px;line-height:1.7}.welcome-note{align-items:center;gap:7px;margin-top:18px;font-size:11px;font-weight:650;display:inline-flex}.little-star{color:var(--color-warning);font-size:20px}.welcome-illustration{object-fit:contain;filter:drop-shadow(0 16px 12px #30263d0d);width:300px;height:280px;position:absolute;bottom:12px;right:26px}.section-heading{justify-content:space-between;align-items:end;gap:16px;padding:34px 2px 20px;display:flex}.section-heading .eyebrow{color:var(--color-primary-ink)}.section-heading h2{margin-top:5px;font-size:24px;font-weight:800}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.activity-card{--card-color:oklch(87% .075 10);--card-ink:oklch(30% .055 10);background:var(--color-paper);box-shadow:0 7px 22px -12px color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 18%, transparent);border-radius:26px;padding:10px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.activity-card{box-shadow:0 7px 22px -12px color-mix(in oklab, var(--color-base-content) 18%, transparent)}}.activity-card{transition:transform .2s,box-shadow .2s}.activity-card--blue{--card-color:oklch(86% .075 245);--card-ink:oklch(30% .055 245)}.activity-card--lilac{--card-color:oklch(87% .075 300);--card-ink:oklch(30% .055 300)}.activity-card--mint{--card-color:oklch(87% .075 160);--card-ink:oklch(30% .055 160)}.activity-card--honey{--card-color:oklch(88% .095 85);--card-ink:oklch(30% .055 85)}.activity-card--peach{--card-color:oklch(87% .075 45);--card-ink:oklch(30% .055 45)}.activity-art{height:110px;color:var(--card-ink);background:var(--card-color);border-radius:19px;position:relative;overflow:hidden}.activity-orbit{border:20px solid #ffffff30;border-radius:50%;width:120px;height:120px;position:absolute;top:-64px;right:-15px}.activity-symbol{opacity:.85;font-size:65px;font-weight:800;line-height:1;position:absolute;top:14px;left:20px;transform:rotate(-12deg)}.activity-example{background:#ffffff8c;border-radius:12px;padding:8px 14px;font-size:22px;font-weight:800;position:absolute;bottom:25px;right:20px;transform:rotate(7deg);box-shadow:0 8px 0 -3px #ffffff38}.activity-spark{font-size:21px;position:absolute;top:12px;left:46%}.activity-dot{opacity:.4;background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;bottom:12px;left:16px}.activity-copy{padding:16px 12px 4px}.activity-level{letter-spacing:.025em;color:var(--color-primary-ink);font-size:10px;font-weight:700}.activity-copy h3{margin:5px 0;font-size:17px;font-weight:800;line-height:1.35}.activity-copy p{color:color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 75%, oklch(99% .006 var(--palette-hue)));font-size:12px;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.activity-copy p{color:color-mix(in oklab, var(--color-base-content) 75%, var(--color-paper))}}.activity-bottom{justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;font-weight:650;display:flex}.activity-play{background:var(--color-play);width:34px;height:34px;color:var(--color-play-content);border-radius:50%;place-items:center;transition:transform .2s;display:grid;box-shadow:0 4px 10px -5px #b58542a0}.activity-card:focus-visible{outline:3px solid var(--color-primary-ink);outline-offset:4px}.home-footer{color:var(--color-primary-ink);justify-content:center;align-items:center;gap:7px;padding:30px 0 10px;font-size:11px;display:flex}.practice-page{padding:16px 0 40px}.practice-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.practice-panel{background:var(--color-paper);min-width:0;min-height:418px;box-shadow:0 14px 40px -30px color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 25%, transparent);border-radius:30px;padding:28px}@supports (color:color-mix(in lab, red, red)){.practice-panel{box-shadow:0 14px 40px -30px color-mix(in oklab, var(--color-base-content) 25%, transparent)}}.practice-heading{color:var(--color-primary-ink);justify-content:space-between;align-items:center;gap:12px;display:flex}.exercise-counter{background:var(--color-base-200);color:var(--color-base-content);border-radius:10px;padding:5px 10px;font-size:12px;font-weight:750}.practice-panel h1{margin-top:16px;font-size:25px;font-weight:800;line-height:1.25}.exercise-progress{gap:5px;margin-top:18px;display:flex}.progress-step{background:var(--color-base-200);border-radius:5px;flex:1;height:6px}.progress-step.is-complete{background:var(--color-primary-ink)}.exercise-workspace{justify-content:center;align-items:center;min-height:238px;padding:25px 0;display:flex}.arithmetic-stage{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.exercise-expression{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.answer-slot{border:2px dashed var(--color-primary-ink);background:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 12%, oklch(99% .006 var(--palette-hue)));border-radius:18px;flex-wrap:wrap;justify-content:center;width:min(100%,12.5rem);min-height:68px;padding:8px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.answer-slot{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-paper))}}.answer-placeholder{color:var(--color-primary-ink);font-size:32px;font-weight:750;line-height:48px}.practice-encouragement{color:var(--color-primary-ink);justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.written-stage{max-width:100%;padding:8px 0;overflow-x:auto}.exercise-loading{color:var(--color-primary-ink);font-size:14px}.exercise-keyboard{background:var(--color-paper);border-radius:30px;padding:24px}.keyboard-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;font-weight:750;display:flex}.keyboard-heading span+span{font-size:9px;font-weight:500}.keyboard-grid{gap:9px;display:grid}.keyboard-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.keyboard-key{border:1px solid color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 10%, transparent);border-radius:15px;justify-content:center;align-items:center;min-width:0;height:53px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.keyboard-key{border:1px solid color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.keyboard-key{color:var(--color-base-content);background:var(--color-base-200);cursor:pointer;border-bottom-width:3px;font-size:21px;font-weight:650;transition:transform .15s,background-color .15s}.keyboard-key:active{transform:translateY(2px)}.keyboard-key:focus-visible{outline:3px solid var(--color-primary-ink);outline-offset:2px}.keyboard-submit-slot{align-items:end;min-height:64px;display:flex}.keyboard-submit{width:100%;margin-top:16px}.keyboard-submit>button{background:var(--color-play);width:100%;color:var(--color-play-content)}.results-page{max-width:580px;margin:0 auto}.celebration-card{text-align:center;background:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 30%, oklch(99% .006 var(--palette-hue)));border-radius:30px;flex-direction:column;align-items:center;padding:28px 20px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.celebration-card{background:color-mix(in oklab, var(--color-primary) 30%, var(--color-paper))}}.celebration-star{background:var(--color-play);width:64px;height:64px;color:var(--color-play-content);border-radius:22px;place-items:center;margin-bottom:18px;display:grid;transform:rotate(-8deg);box-shadow:0 10px 24px -12px #ba862590}.celebration-card h1{margin:8px 0;font-size:28px;font-weight:800}.celebration-card>p{font-size:12px;line-height:1.7}.result-score{letter-spacing:-.06em;color:var(--color-primary-ink);margin-top:16px;font-size:56px;font-weight:850;line-height:1.15}.result-summary{margin-top:5px;font-weight:650}.results-review{background:var(--color-paper);border-radius:26px;margin:20px 0;padding:24px}.results-review h2{margin-bottom:14px;font-size:17px;font-weight:800}.result-row{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;display:flex}.result-row+.result-row{border-top:1px solid var(--color-base-200)}.result-status{background:color-mix(in srgb, oklch(44% .12 25) 10%, oklch(99% .006 var(--palette-hue)));border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}@supports (color:color-mix(in lab, red, red)){.result-status{background:color-mix(in oklab, var(--color-error) 10%, var(--color-paper))}}.result-status{color:var(--color-error)}.result-status.is-correct{color:var(--color-success);background:color-mix(in srgb, oklch(44% .09 155) 10%, oklch(99% .006 var(--palette-hue)))}@supports (color:color-mix(in lab, red, red)){.result-status.is-correct{background:color-mix(in oklab, var(--color-success) 10%, var(--color-paper))}}.result-actions{gap:12px;display:flex}.result-actions>button{flex:1}@media (hover:hover){.activity-card:hover{box-shadow:0 16px 30px -16px color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 24%, transparent);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.activity-card:hover{box-shadow:0 16px 30px -16px color-mix(in oklab, var(--color-base-content) 24%, transparent)}}.activity-card:hover .activity-play{transform:translate(2px)}.keyboard-key:hover{background:var(--color-base-300)}}@media (prefers-color-scheme:dark){:root{--color-paper:oklch(27% .025 var(--palette-hue))}.welcome-card,.celebration-card{background:color-mix(in srgb, oklch(83% .08 var(--palette-hue)) 12%, oklch(99% .006 var(--palette-hue)))}@supports (color:color-mix(in lab, red, red)){.welcome-card,.celebration-card{background:color-mix(in oklab, var(--color-primary) 12%, var(--color-paper))}}.activity-art{filter:saturate(.8)brightness(.85)}}@media (max-width:820px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-layout{grid-template-columns:1fr;gap:16px;max-width:580px;margin:0 auto}.practice-panel{min-height:0}.exercise-workspace{min-height:190px}.welcome-illustration{width:260px;height:260px;right:0}}@media (max-width:520px){.app-shell{padding:0 18px}.app-header{height:80px}.header-note{display:none}.welcome-card{border-radius:26px;align-items:start;min-height:302px}.welcome-copy{width:100%;padding:25px 24px}.welcome-copy h1{font-size:31px}.welcome-copy p{max-width:180px;font-size:12px}.welcome-copy .eyebrow{font-size:9px}.welcome-note{max-width:160px;margin-top:17px;font-size:10px;line-height:1.5}.welcome-illustration{width:150px;height:150px;bottom:12px;right:0}.section-heading{padding-top:28px}.section-heading h2{font-size:22px}.session-note{display:none}.activity-grid{gap:12px}.activity-card{border-radius:21px;padding:7px}.activity-art{border-radius:15px;height:95px}.activity-symbol{font-size:49px;left:12px}.activity-example{padding:7px 9px;font-size:15px;bottom:18px;right:10px}.activity-copy{padding:12px 7px 5px}.activity-copy h3{min-height:44px;font-size:16px}.activity-copy p{min-height:39px;font-size:12px}.activity-level{font-size:10px}.activity-bottom{margin-top:8px;font-size:11px}.activity-play{width:30px;height:30px}.practice-page{padding:2px 0 18px}.practice-panel .exercise-progress{flex-shrink:0}.practice-panel .progress-step{min-height:6px}.practice-panel h1{font-size:22px}.exercise-workspace{padding:12px 0}.keyboard-heading{display:none}.keyboard-key{border-radius:13px;height:48px}.keyboard-heading span+span{display:none}.celebration-card h1{font-size:25px}.result-actions{flex-direction:column}.result-actions>button{flex:auto}}@media (max-width:350px){.activity-grid{grid-template-columns:1fr}.activity-copy h3,.activity-copy p{min-height:0}}@media (prefers-reduced-motion:reduce){.activity-card,.activity-play,.keyboard-key{transition:none}.activity-card:hover{transform:none}}.written-stage [data-col]{border:1px dashed var(--color-primary-ink);cursor:pointer}@media (max-width:820px),(max-width:950px) and (max-height:520px) and (orientation:landscape){:root{--mobile-header-height:calc(64px + env(safe-area-inset-top,0px));--keyboard-key-height:clamp(44px, 6.2dvh, 56px);--keyboard-gap:8px;--keyboard-rows:5;--keyboard-row-gaps:4;--keyboard-padding:14px;--keyboard-action-height:56px;--keyboard-dock-height:calc(var(--keyboard-key-height) * var(--keyboard-rows) + var(--keyboard-gap) * var(--keyboard-row-gaps) + var(--keyboard-action-height) + var(--keyboard-padding) * 2 + env(safe-area-inset-bottom,0px) + 1px)}.app-shell{padding-inline:max(18px, env(safe-area-inset-left,0px)) max(18px, env(safe-area-inset-right,0px))}.app-header{height:var(--mobile-header-height);padding-top:env(safe-area-inset-top,0px);z-index:10;background:var(--color-base-100);position:sticky;top:0}.back-circle{width:44px;height:44px}.header-note{display:none}.home-page,.results-page{padding-bottom:max(20px, env(safe-area-inset-bottom,0px))}html:has(.practice-layout),body:has(.practice-layout){overscroll-behavior:none;height:100dvh;min-height:0;overflow:hidden}.practice-page:has(.practice-layout){padding:0}.practice-layout{inset:var(--mobile-header-height) 0 var(--keyboard-dock-height);max-width:580px;height:auto;padding:10px max(16px, env(safe-area-inset-right,0px)) 14px max(16px, env(safe-area-inset-left,0px));margin-inline:auto;display:block;position:fixed}.practice-panel{border-radius:26px;flex-direction:column;height:100%;min-height:0;padding:20px;display:flex;overflow:hidden}.practice-heading,.practice-panel h1,.exercise-progress,.practice-encouragement{flex-shrink:0}.exercise-workspace{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 0;overflow:auto}.arithmetic-stage,.written-stage{flex-shrink:0;margin-block:auto}.written-stage{padding-block:4px}.written-stage [role=separator]{height:8px;margin:6px 0}.practice-panel:has(.written-stage) .practice-encouragement{display:none}.exercise-keyboard{z-index:20;width:100%;max-width:580px;height:var(--keyboard-dock-height);padding:var(--keyboard-padding) max(16px, env(safe-area-inset-right,0px)) calc(var(--keyboard-padding) + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));border:1px solid color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 8%, transparent);margin-inline:auto;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){.exercise-keyboard{border:1px solid color-mix(in oklab, var(--color-base-content) 8%, transparent)}}.exercise-keyboard{box-shadow:0 -12px 32px -24px color-mix(in srgb, oklch(28% .04 var(--palette-hue)) 40%, transparent);border-bottom:0;border-radius:28px 28px 0 0}@supports (color:color-mix(in lab, red, red)){.exercise-keyboard{box-shadow:0 -12px 32px -24px color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.exercise-keyboard{touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}.keyboard-heading{display:none}.keyboard-grid,.keyboard-row{gap:var(--keyboard-gap)}.keyboard-key{height:var(--keyboard-key-height);border-radius:14px}.keyboard-submit-slot{min-height:var(--keyboard-action-height);align-items:end;display:flex}.keyboard-submit{width:100%;margin:12px 0 0}.keyboard-submit>button{height:44px}}@media (max-width:820px) and (max-height:740px){.practice-panel{padding:16px}.practice-panel h1{margin-top:10px;font-size:20px}.exercise-progress{margin-top:12px}.practice-encouragement{display:none}.arithmetic-stage{gap:10px}.exercise-workspace{padding-block:8px}.arithmetic-stage [class~="text-[32px]"]{line-height:1.2}.answer-slot{min-height:48px;padding-block:4px}.answer-placeholder{line-height:38.4px}.written-stage [class~="text-[32px]"]{font-size:22px;line-height:1.2}.written-stage [role=separator]{height:4px;margin:4px 0}.practice-panel:has(.written-stage) h1{margin-top:6px;font-size:16px;line-height:1.1}}@media (max-width:950px) and (max-height:520px) and (orientation:landscape){:root{--mobile-header-height:calc(48px + env(safe-area-inset-top,0px));--keyboard-key-height:clamp(32px, calc((100dvh - var(--mobile-header-height) - 110px) / 5), 48px);--keyboard-gap:6px;--keyboard-padding:10px}.app-header{height:var(--mobile-header-height)}.practice-layout{inset:var(--mobile-header-height) 52% 0 0;max-width:none;padding:8px 12px}.exercise-keyboard{top:var(--mobile-header-height);border-radius:24px 0 0;width:52%;max-width:none;height:auto;left:48%}.practice-panel{padding:14px}.practice-panel h1{margin-top:8px;font-size:18px}.exercise-workspace{padding-block:8px}.practice-encouragement{display:none}}@media (max-width:820px) and (max-height:620px) and (orientation:portrait){:root{--mobile-header-height:calc(56px + env(safe-area-inset-top,0px));--keyboard-rows:4;--keyboard-row-gaps:3;--keyboard-gap:7px;--keyboard-padding:12px}.keyboard-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.keyboard-row{display:contents}.keyboard-grid [id=key_7]{grid-area:1/1}.keyboard-grid [id=key_8]{grid-area:1/2}.keyboard-grid [id=key_9]{grid-area:1/3}.keyboard-grid [id=key_\(]{grid-area:1/4}.keyboard-grid [id=key_\)]{grid-area:1/5}.keyboard-grid [id=key_4]{grid-area:2/1}.keyboard-grid [id=key_5]{grid-area:2/2}.keyboard-grid [id=key_6]{grid-area:2/3}.keyboard-grid [id=key_\:]{grid-area:2/4}.keyboard-grid [id=key_·]{grid-area:2/5}.keyboard-grid [id=key_1]{grid-area:3/1}.keyboard-grid [id=key_2]{grid-area:3/2}.keyboard-grid [id=key_3]{grid-area:3/3}.keyboard-grid [id=key_-]{grid-area:3/4}.keyboard-grid [id=key_\+]{grid-area:3/5}.keyboard-row:last-child>div:first-child{grid-area:4/1}.keyboard-grid [id=key_0]{grid-area:4/2}.keyboard-row:last-child>div:nth-child(3){grid-area:4/3}.keyboard-grid [id=key_backspace]{grid-area:4/4}.keyboard-grid [id=key_\=]{grid-area:4/5}.practice-panel{padding:12px}.practice-panel h1,.practice-panel:has(.written-stage) h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.exercise-progress{margin-top:8px}.exercise-workspace{padding-block:4px}.written-stage [class~="text-[32px]"]{font-size:20px}}.written-answer-row{min-height:1lh}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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-duration{syntax:"*";inherits:false}@property --tw-ease{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}@keyframes spin{to{transform:rotate(360deg)}}