:root{--casita-paper:#fbf7f0;--casita-surface:#fff;--casita-surface-subtle:#f7f2ea;--casita-surface-sunk:#f0e9dd;--casita-sheet:#fffefb;--casita-line:#e6ddcf;--casita-line-strong:#cfc2ae;--casita-ink:#1f2d3a;--casita-ink-soft:#52616a;--casita-ink-faint:#66727a;--casita-on-primary:#fff;--casita-primary:#236d7b;--casita-primary-strong:#1a525c;--casita-primary-soft:#dcecec;--casita-accent:#d9642b;--casita-accent-strong:#b04d1c;--casita-accent-soft:#fbe4d8;--casita-success:#276b44;--casita-success-soft:#dcefe2;--casita-scheduled:#8a5a00;--casita-scheduled-soft:#fbefcf;--casita-notice:#6b4a00;--casita-notice-soft:#fdf3dc;--casita-info:#2b5f73;--casita-info-soft:#e4f0f2;--casita-danger:#b3372e;--casita-danger-soft:#f8dedb;--casita-muted-soft:#eee8de;--casita-unreleased:#7a2e3f;--casita-unreleased-soft:#f3dfe3;--casita-focus:#236d7b;--casita-focus-width:3px;--casita-focus-offset:2px;--casita-font:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--casita-font-display:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--casita-text-xs:.8125rem;--casita-text-sm:.875rem;--casita-text-md:1rem;--casita-text-lg:1.125rem;--casita-text-xl:1.375rem;--casita-text-2xl:1.75rem;--casita-text-3xl:2.25rem;--casita-text-4xl:3rem;--casita-text-5xl:3.75rem;--casita-tracking-display:-.025em;--casita-tracking-eyebrow:.08em;--casita-weight-regular:500;--casita-weight-bold:700;--casita-space-1:4px;--casita-space-2:8px;--casita-space-3:12px;--casita-space-4:16px;--casita-space-5:24px;--casita-space-6:32px;--casita-space-7:48px;--casita-space-8:64px;--casita-radius-sm:8px;--casita-radius-md:12px;--casita-radius-lg:16px;--casita-radius-xl:24px;--casita-radius-pill:999px;--casita-touch-min:44px;--casita-touch-student:60px;--casita-touch-student-primary:72px;--casita-shadow-raised:0 1px 2px #1f2d3a0d, 0 2px 8px #1f2d3a0a;--casita-shadow-paper:0 1px 0 #1f2d3a0a, 0 12px 32px -14px #1f2d3a38;--casita-shadow-sheet:0 16px 48px #1f2d3a2e;--casita-duration:.14s;--casita-ease:cubic-bezier(.2, 0, 0, 1)}@media (prefers-reduced-motion:reduce){:root{--casita-duration:0s}}html,body,#root{height:100%;margin:0}*,:before,:after{box-sizing:border-box}body{background:var(--casita-paper);color:var(--casita-ink);font-family:var(--casita-font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;font-size:18px;line-height:1.35}button,input{font:inherit;color:inherit}button{appearance:none}:focus-visible{outline:var(--casita-focus-width) solid var(--casita-focus);outline-offset:var(--casita-focus-offset)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;width:24px;height:24px}.big-button{min-height:var(--casita-touch-student);min-width:var(--casita-touch-student);border-radius:var(--casita-radius-md);font-size:var(--casita-text-lg);cursor:pointer;touch-action:manipulation;transition:background-color var(--casita-duration) var(--casita-ease), border-color var(--casita-duration) var(--casita-ease);border:2px solid #0000;justify-content:center;align-items:center;padding:0 20px;font-weight:700;display:inline-flex}.big-button>*+*{margin-left:8px}.big-button--primary{background:var(--casita-primary);color:var(--casita-on-primary)}.big-button--primary:not(:disabled):active{background:var(--casita-primary-strong)}.big-button--quiet{background:var(--casita-surface);color:var(--casita-ink);border-color:var(--casita-line-strong)}.big-button--quiet:active{background:var(--casita-surface-sunk)}.big-button--plain{color:var(--casita-ink-soft);background:0 0}.big-button--plain:active{background:var(--casita-surface-sunk)}.big-button:disabled{opacity:.4;cursor:not-allowed}.big-button--primary:disabled{opacity:.75;background:var(--casita-primary-soft);color:var(--casita-primary)}.segmented{border-radius:var(--casita-radius-md);background:var(--casita-surface-sunk);align-items:stretch;margin:3px;padding:3px;display:inline-flex}.segmented__option{border-radius:var(--casita-radius-sm);min-width:44px;min-height:44px;color:var(--casita-ink-soft);font-size:var(--casita-text-sm);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.segmented__option>*+*{margin-left:6px}.segmented__option .icon{width:20px;height:20px}.segmented__option--on{background:var(--casita-surface);color:var(--casita-ink);box-shadow:var(--casita-shadow-raised)}.segmented__option:disabled{opacity:.4;cursor:default}.center{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.state{text-align:center;background:var(--casita-sheet);border:1px solid var(--casita-line);border-radius:var(--casita-radius-xl);max-width:520px;box-shadow:var(--casita-shadow-paper);flex-direction:column;align-items:center;padding:32px 28px;display:flex}.state>*+*{margin-top:12px}.state__icon{background:var(--casita-surface-sunk);width:56px;height:56px;color:var(--casita-ink-soft);border-radius:50%;justify-content:center;align-items:center;display:flex}.state__icon .icon{width:28px;height:28px}.state--error .state__icon{background:var(--casita-danger-soft);color:var(--casita-danger)}.state__title{font-size:var(--casita-text-xl);margin:12px 0 0;font-weight:800}.state__text{color:var(--casita-ink-soft);font-size:var(--casita-text-lg)}.state__action{flex-wrap:wrap;justify-content:center;margin:8px -6px 0;display:flex}.state__action>*{margin:6px}.spinner{border:5px solid var(--casita-primary-soft);border-top-color:var(--casita-primary);border-radius:50%;width:48px;height:48px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.login{flex-direction:column;min-height:100%;display:flex}.login__stage{border-bottom:1px solid var(--casita-line);background:var(--casita-sheet);flex:none;height:68px;position:relative;overflow:hidden}.login__pauta{position:absolute;inset:6px 0}.login__pauta--rows{display:none}.pauta svg{width:100%;height:100%;display:block}.login__panel{flex:1 0 auto;width:100%;max-width:560px;margin:0 auto;padding:24px 20px 28px}.login__panel>*+*,.login__panel form>*+*{margin-top:18px}.login__brand{color:var(--casita-ink);font-family:var(--casita-font-display);font-weight:700;font-size:var(--casita-text-xl);letter-spacing:-.02em;align-items:center;margin:0;display:flex}.login__brand .icon{width:28px;height:28px;color:var(--casita-primary)}.login__brand>*+*{margin-left:10px}.login__title{font-family:var(--casita-font-display);font-size:var(--casita-text-3xl);letter-spacing:var(--casita-tracking-display);margin-bottom:0;font-weight:700;line-height:1.05}.login__panel>.login__title{margin-top:28px}.login__hello{display:block}.login__howto{border-top:1px solid var(--casita-line);border-bottom:1px solid var(--casita-line);font-size:var(--casita-text-lg);align-items:center;padding:18px 0;line-height:1.3;display:flex}.login__howto p{margin:0 0 0 18px}.login__qr{color:var(--casita-ink-soft);flex:none;justify-content:center;align-items:center;display:flex}.login__qr .icon{width:52px;height:52px}.login__action{width:100%;min-height:var(--casita-touch-student-primary);font-size:var(--casita-text-xl)}.login__panel .login__back{width:auto;min-width:44px;min-height:44px;font-size:var(--casita-text-md);margin-left:auto;margin-right:auto;padding:0 14px;display:flex}.login__help{color:var(--casita-ink-soft);font-size:var(--casita-text-md);margin:8px 0 0}.login__message{border-radius:var(--casita-radius-md);align-items:flex-start;margin-bottom:0;padding:12px 14px;font-weight:600;animation:.16s ease-out login-appear;display:flex}@keyframes login-appear{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.login__message{animation:none}}.login__message>*+*{margin-left:10px}.login__message--notice{background:var(--casita-notice-soft);color:var(--casita-notice)}.login__message--error{background:var(--casita-danger-soft);color:var(--casita-danger)}@media (width<=700px){.login--typing .login__stage{display:none}.login--typing .login__panel{padding-top:16px}.login--typing .login__panel>.login__title{font-size:var(--casita-text-2xl);margin-top:14px}.login--typing .login__panel>*+*,.login--typing .login__panel form>*+*{margin-top:14px}}@media (width>=701px){.login__stage{border:1px solid var(--casita-line);border-radius:var(--casita-radius-xl);height:30vh;min-height:220px;box-shadow:var(--casita-shadow-paper);margin:24px 24px 0}.login__pauta{top:18%;bottom:18%}.login__panel{flex-direction:column;justify-content:center;max-width:608px;margin:0 0 0 24px;padding:40px 24px 14vh;display:flex}.login__title{font-size:var(--casita-text-4xl)}.login__howto{font-size:var(--casita-text-xl);padding:22px 0}}@media (width>=701px) and (orientation:landscape){.login{flex-direction:row-reverse;align-items:stretch}.login__stage{flex:auto;height:auto;min-height:0;margin:24px 24px 24px 0}.login__pauta{top:16%;bottom:16%}.login__pauta--row{display:none}.login__pauta--rows{display:block}.login__panel{flex-direction:column;flex:none;justify-content:center;width:48%;max-width:600px;margin:0;padding:40px;display:flex}}@media (width>=1100px) and (orientation:landscape){.login__panel{width:52%;max-width:760px;padding:56px 48px 56px 64px}}@media (width>=1400px) and (orientation:landscape){.login__title{font-size:var(--casita-text-5xl)}}@media (width>=701px) and (orientation:portrait){.login--typing .login__stage{height:18vh;min-height:150px}.login--typing .login__panel{justify-content:flex-start;padding-bottom:32px}}@media (height<=500px) and (orientation:landscape){.login__stage{margin:12px 12px 12px 0}.login__panel{padding:16px 24px}.login__panel>*+*,.login__panel form>*+*,.login__panel>.login__title{margin-top:12px}.login__title{font-size:var(--casita-text-2xl)}.login--typing .login__stage{display:none}.login--typing .login__panel{width:100%;max-width:600px;margin:0 auto}.login__howto{font-size:var(--casita-text-md);padding:10px 0}.login__qr .icon{width:40px;height:40px}}.field{display:block}.field__label{margin-bottom:8px;font-weight:700;display:block}.field__input{width:100%;min-height:var(--casita-touch-student);border:2px solid var(--casita-line-strong);border-radius:var(--casita-radius-md);background:var(--casita-surface);font-size:var(--casita-text-xl);padding:0 18px;display:block}.field__input:focus{border-color:var(--casita-primary);box-shadow:0 0 0 4px var(--casita-primary-soft);outline:none}.field__input--code{letter-spacing:.06em;text-align:center;text-transform:uppercase;scroll-margin-top:24px;scroll-margin-bottom:170px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:1.6rem}.field__input--code::placeholder{color:var(--casita-ink-faint);opacity:.7;letter-spacing:.12em;font-size:1.15rem}.home{flex-direction:column;max-width:1180px;min-height:100%;margin:0 auto;padding:4px 16px 12px;display:flex}.topbar{flex-wrap:wrap;flex:none;align-items:center;min-height:52px;display:flex}.topbar__brand{color:var(--casita-primary);margin-right:10px;display:flex}.topbar__brand .icon{width:26px;height:26px}.topbar__who{flex-wrap:wrap;flex:1;align-items:baseline;min-width:0;display:flex}.topbar__hello{font-size:var(--casita-text-lg);overflow-wrap:anywhere;margin-right:10px;font-weight:800;line-height:1.2}.topbar__class{color:var(--casita-ink-faint);font-size:var(--casita-text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar .topbar__switch{min-width:44px;min-height:44px;font-size:var(--casita-text-sm);padding:0 12px}.topbar .topbar__switch .icon{width:22px;height:22px}.topbar .topbar__back{min-height:44px;font-size:var(--casita-text-md);margin-left:-8px;margin-right:8px;padding:0 10px}.topbar__confirm{flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:-4px;display:flex}.topbar__confirm>*{margin:4px}.topbar__confirm .big-button{min-height:48px;font-size:var(--casita-text-md)}.topbar__question{font-weight:700}.class-picker{flex-wrap:wrap;margin:0 -4px 4px;display:flex}.chip{border:1px solid var(--casita-line-strong);border-radius:var(--casita-radius-pill);background:var(--casita-surface);min-height:44px;font-size:var(--casita-text-md);cursor:pointer;margin:4px;padding:0 18px;font-weight:700}.chip--on{background:var(--casita-primary);border-color:var(--casita-primary);color:var(--casita-on-primary)}.home__empty{flex:1;justify-content:center;align-items:center;display:flex}.letters__body{width:100%;max-width:1120px;margin:0 auto;padding-bottom:28px}.letters__head{margin:18px 0}.letters__title{letter-spacing:-.015em;margin:0;font-size:2rem;line-height:1.1}.letters__lead{color:var(--casita-ink-soft);font-size:var(--casita-text-lg);margin:4px 0 0}.letter-cards{grid-gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.letter-cards__item{position:relative}.letter-cards__item:before{content:"";padding-top:100%;display:block}.letter-card{border:1px solid var(--casita-line-strong);border-radius:var(--casita-radius-xl);background:var(--casita-sheet);width:100%;box-shadow:0 3px 0 var(--casita-line);cursor:pointer;touch-action:manipulation;transition:border-color var(--casita-duration) var(--casita-ease), background-color var(--casita-duration) var(--casita-ease);justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0}.letter-card:active{background:var(--casita-primary-soft);border-color:var(--casita-primary);box-shadow:none;transform:translateY(2px)}.letter-card__svg{pointer-events:none;width:100%;height:100%;display:block}.letter-card__svg svg{width:100%;height:100%;display:block}.activity{max-width:560px;margin-top:32px}.activity__kicker{color:var(--casita-ink-soft);font-size:var(--casita-text-sm);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-weight:800}.activity__card{text-align:left;border:1px solid var(--casita-line-strong);border-radius:var(--casita-radius-xl);background:var(--casita-surface);width:100%;min-height:88px;box-shadow:0 3px 0 var(--casita-line);cursor:pointer;touch-action:manipulation;align-items:center;padding:14px 16px;display:flex}.activity__card:active{background:var(--casita-primary-soft);border-color:var(--casita-primary);box-shadow:none;transform:translateY(2px)}.activity__icon{border-radius:var(--casita-radius-lg);background:var(--casita-primary);width:56px;height:56px;color:var(--casita-on-primary);flex:none;justify-content:center;align-items:center;margin-right:16px;display:flex}.activity__icon .icon{width:28px;height:28px}.activity__text{flex-direction:column;flex:1;min-width:0;display:flex}.activity__title{color:var(--casita-ink);font-size:var(--casita-text-xl);font-weight:800;line-height:1.2}.activity__help{color:var(--casita-ink-soft);font-size:var(--casita-text-md);margin-top:3px;line-height:1.3}.activity__go{color:var(--casita-primary);flex:none;margin-left:12px}.letter__title{letter-spacing:-.01em;flex:none;align-items:center;margin:4px 0;font-size:1.5rem;line-height:1.15;display:flex}.letter__model{width:88px;height:72px;margin-left:6px;display:block}.letter__model svg{width:100%;height:100%;display:block}.letter__model--wide{width:150px}.letter__head{flex-wrap:wrap;flex:none;align-items:center;display:flex}.letter__head .letter__title{margin-right:24px}.letter__vowels{align-items:center;max-width:100%;margin:4px 0;display:flex}.letter__vowels>.composer__label{flex:none;width:auto}.letter-key[aria-pressed=true]{background:var(--casita-primary-soft);border-color:var(--casita-primary);box-shadow:none}.composer{flex:none}.composer__title{letter-spacing:-.01em;margin:4px 0 8px;font-size:1.5rem;line-height:1.15}.composer__field{position:relative}.composer__input{border:2px solid var(--casita-line-strong);border-radius:var(--casita-radius-lg);background:var(--casita-surface);letter-spacing:.05em;width:100%;min-height:64px;transition:border-color var(--casita-duration) var(--casita-ease), box-shadow var(--casita-duration) var(--casita-ease);padding:0 72px 0 20px;font-size:2.1rem;font-weight:700;display:block}.composer__input::placeholder{color:var(--casita-ink-faint);font-size:var(--casita-text-xl);letter-spacing:0;font-weight:600}.composer__input:focus{border-color:var(--casita-primary);box-shadow:0 0 0 4px var(--casita-primary-soft);outline:none}.composer__erase{border-radius:var(--casita-radius-md);background:var(--casita-surface-subtle);width:52px;height:48px;color:var(--casita-ink-soft);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.composer__erase:active{background:var(--casita-surface-sunk)}.composer__erase:disabled{opacity:.35;cursor:default}.composer__erase .icon{width:26px;height:26px}.composer__band{flex-wrap:wrap;align-items:center;margin:6px -4px 0;display:flex}.composer__group{align-items:center;margin:4px 20px 4px 4px;display:flex}.composer__group--ideas{flex:1;min-width:280px;margin-right:4px;position:relative}.composer__label{color:var(--casita-ink-soft);font-size:var(--casita-text-sm);white-space:nowrap;flex:none;margin-right:10px;font-weight:700}.composer__keys,.composer__ideas{flex-wrap:wrap;align-items:center;margin:-3px;display:flex}.composer__keys{border-radius:var(--casita-radius-lg);background:var(--casita-surface-sunk);margin:0;padding:2px}.composer__group--ideas{border-left:1px solid var(--casita-line);padding-left:16px}.letter-key{border:1px solid var(--casita-line-strong);border-radius:var(--casita-radius-md);background:var(--casita-surface);width:52px;height:52px;box-shadow:0 2px 0 var(--casita-line);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;margin:3px;padding:4px;display:flex}.letter-key:active{background:var(--casita-primary-soft);border-color:var(--casita-primary);box-shadow:none;transform:translateY(1px)}.letter-key.letter-key--space{width:auto;min-width:88px;color:var(--casita-ink-soft);font-size:var(--casita-text-sm);padding:0 14px;font-weight:700}.letter-key.letter-key--space:disabled{opacity:.35;box-shadow:none;cursor:default}.letter-key__svg{pointer-events:none;width:100%;height:100%;display:block}.letter-key__svg svg{width:100%;height:100%;display:block}.idea{border:1px solid var(--casita-line);border-radius:var(--casita-radius-pill);min-height:44px;color:var(--casita-ink);font-size:var(--casita-text-md);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;background:0 0;margin:3px;padding:0 14px;font-weight:700}.idea:active{background:var(--casita-surface-sunk)}.idea--on{background:var(--casita-primary-soft);border-color:var(--casita-primary)}.idea--more{color:var(--casita-primary);border-color:#0000;font-weight:700}.idea--more[aria-expanded=true]{background:var(--casita-primary-soft)}.ideas-more{z-index:5;border:1px solid var(--casita-line);border-radius:var(--casita-radius-lg);background:var(--casita-surface);box-shadow:var(--casita-shadow-sheet);flex-wrap:wrap;margin-top:6px;padding:8px;display:flex;position:absolute;top:100%;left:0;right:0}.ideas-more__empty{color:var(--casita-ink-soft);font-size:var(--casita-text-md);margin:6px 8px}.home__board{flex-direction:column;flex:1;min-height:320px;margin-top:10px;display:flex}.sheet{border:1px solid var(--casita-line);border-radius:var(--casita-radius-xl);background:var(--casita-sheet);box-shadow:var(--casita-shadow-paper);flex-direction:column;flex:1;display:flex;overflow:hidden}.practice__board{touch-action:none;flex:1;min-height:200px;position:relative}.practice__surface{position:absolute;inset:0}.practice__surface g[data-layer=model] path{stroke-opacity:.3}.board-error{color:var(--casita-danger);margin:16px 0;font-weight:700}.sheet__note{z-index:2;border-radius:var(--casita-radius-pill);max-width:90%;font-size:var(--casita-text-md);text-align:center;pointer-events:none;align-items:center;margin:0;padding:6px 14px;font-weight:700;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.sheet__note>*+*{margin-left:8px}.sheet__note .icon{width:20px;height:20px}.sheet__note--hint{color:var(--casita-ink-faint);font-weight:600}.sheet__note--notice{background:var(--casita-notice-soft);color:var(--casita-notice)}.sheet__note--quiet{background:var(--casita-surface-subtle);color:var(--casita-ink-soft);font-weight:600;top:auto;bottom:12px}.sheet__note--playing{background:var(--casita-accent-soft);color:var(--casita-accent-strong)}.sheet__note--error{background:var(--casita-danger-soft);color:var(--casita-danger);top:auto;bottom:12px}.toolbar{border-top:1px solid var(--casita-line);background:var(--casita-surface-subtle);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.toolbar__group{flex-wrap:wrap;flex:none;align-items:center;max-width:100%;display:flex}.toolbar__group--watch{flex:1 0 auto;justify-content:flex-end}.toolbar .tool{min-width:48px;min-height:48px;font-size:var(--casita-text-sm);margin:3px 2px;padding:0 9px}.toolbar .tool>*+*{margin-left:6px}.toolbar .tool .icon{width:22px;height:22px}.toolbar .tool--watch{background:var(--casita-primary-soft);color:var(--casita-primary-strong);border-color:#0000}.toolbar .tool--watch:active{background:var(--casita-surface-sunk)}.toolbar .tool[aria-pressed=true]{background:var(--casita-primary-soft);color:var(--casita-primary-strong)}.toolbar .tool--done{font-size:var(--casita-text-md);margin-left:8px;padding:0 16px}@media (width>=701px) and (width<=1099px) and (height>=501px),(pointer:coarse) and (width>=701px) and (height>=501px){.toolbar{padding:4px 8px}.toolbar__group{flex-wrap:nowrap}.toolbar .tool{min-width:44px;min-height:44px;margin:2px 1px;padding:0 10px}.toolbar .tool--icon{padding:0}.toolbar .tool--icon>span,.segmented--tools .segmented__option>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toolbar .tool--icon>.icon,.segmented--tools .segmented__option>.icon{margin:0}.segmented{margin:2px;padding:2px}.segmented__option{min-height:44px}.segmented--tools .segmented__option{min-width:44px;padding:0 10px}.segmented--speed .segmented__option{min-width:0;padding:0 9px}.toolbar .tool--mode,.toolbar .tool--watch{margin-left:13px;position:relative}.toolbar .tool--mode:before,.toolbar .tool--watch:before{content:"";background:var(--casita-line-strong);pointer-events:none;width:1px;position:absolute;top:9px;bottom:9px;left:-9px}.toolbar .segmented--speed{margin-left:10px}.toolbar .tool--done{margin-left:10px;padding:0 14px}}@media (width>=701px) and (width<=1099px) and (height>=501px) and (orientation:landscape),(pointer:coarse) and (width>=701px) and (height>=501px) and (orientation:landscape){.toolbar{flex-wrap:nowrap}.toolbar__group{flex:none;max-width:none}.toolbar__group--watch{flex:auto;min-width:0}}@media (width>=701px) and (width<=1120px) and (height>=501px) and (orientation:landscape){.toolbar .tool--order{padding:0}.toolbar .tool--order>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toolbar .tool--order>.icon{margin:0}}@media (width>=701px) and (width<=1000px) and (height>=501px) and (orientation:landscape){.toolbar .tool--repeat{padding:0}.toolbar .tool--repeat>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toolbar .tool--repeat>.icon{margin:0}}.celebrate{z-index:10;background:#1f2d3a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.celebrate__card{border-radius:var(--casita-radius-xl);background:var(--casita-sheet);width:100%;max-width:420px;box-shadow:var(--casita-shadow-sheet);text-align:center;padding:28px 24px}.celebrate__mark{background:var(--casita-success-soft);width:72px;height:72px;color:var(--casita-success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.celebrate__mark .icon{width:40px;height:40px}.celebrate__title{font-size:var(--casita-text-3xl);margin:12px 0 0}.celebrate__text{color:var(--casita-ink-soft);font-size:var(--casita-text-xl);margin:6px 0 0}.celebrate__actions{flex-wrap:wrap;justify-content:center;margin:18px -6px 0;display:flex}.celebrate__actions .big-button{min-width:160px;margin:6px}@media (width>=1100px){.home{max-width:1400px;padding:8px 32px 20px}.topbar,.composer,.class-picker{width:100%;max-width:1120px;margin-left:auto;margin-right:auto}.composer__title{font-size:1.75rem}.letter-key{width:56px;height:56px}}@media (orientation:portrait) and (width>=701px){.sheet{flex:0 auto}.practice__board{flex:0 60vw}.composer__group--ideas{border-left:0;flex-basis:100%;padding-left:0}.composer__label{width:76px}.letter-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (orientation:portrait) and (width<=700px){.sheet{flex:0 auto}.practice__board{flex:0 100vw}}@media (width<=700px){.home{padding:2px 12px 10px}.topbar__switch>span{display:none}.topbar__switch>.icon{margin:0}.letters__head{margin:10px 0 14px}.letters__title{font-size:1.75rem}.letters__lead{font-size:var(--casita-text-md)}.letter-cards{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.activity{max-width:none;margin-top:24px}.activity__card{min-height:80px;padding:12px 14px}.activity__icon{width:48px;height:48px;margin-right:12px}.activity__title{font-size:var(--casita-text-lg)}.activity__help{font-size:var(--casita-text-sm)}.letter__title{font-size:1.25rem}.topbar__confirm{justify-content:flex-start;width:100%;margin-top:4px}.topbar__question{width:100%}.composer__title{font-size:1.25rem}.composer__input{min-height:56px;padding-right:64px;font-size:1.75rem}.composer__input::placeholder{font-size:var(--casita-text-lg)}.composer__erase{width:48px;height:44px;top:6px;right:6px}.composer__group{width:100%;margin-right:4px}.composer__label{width:64px}.composer__group--ideas{border-left:0;min-width:0;padding-left:0}.letter-key{width:48px;height:48px}.idea{min-height:44px;padding:0 12px}.home__board{min-height:280px}.toolbar{padding:4px}.toolbar__group,.toolbar__group--watch{flex-wrap:nowrap;justify-content:space-between;width:100%}.toolbar .tool{min-width:0;min-height:54px;font-size:var(--casita-text-xs);flex-direction:column;flex:1 1 0;padding:2px 3px;line-height:1.1}.toolbar .tool>*+*{margin-top:3px;margin-left:0}.toolbar .tool>span{white-space:normal;text-align:center}.segmented{flex:none}.segmented--tools .segmented__option{min-height:48px;font-size:var(--casita-text-xs);flex-direction:column;padding:0 8px}.segmented--tools .segmented__option>*+*{margin-top:2px;margin-left:0}.segmented--speed .segmented__option{font-size:var(--casita-text-xs);padding:0 7px}.toolbar .tool--done{margin-left:3px;padding:2px 6px}}@media (height<=500px){.home{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);height:100%;padding:4px 16px 8px;display:grid}.topbar{flex-wrap:nowrap;grid-area:1/1;align-self:start;max-width:320px;min-height:52px;margin-right:12px}.topbar__who{flex-wrap:nowrap}.topbar__class{display:none}.topbar__back>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.topbar__back>.icon{margin:0}.letters.home{height:auto;min-height:100%}.letters__body{grid-area:3/1/auto/3;padding-bottom:12px}.letters__head{margin:2px 0 10px}.letters__title{font-size:1.5rem;display:inline}.letters__lead{font-size:var(--casita-text-md);margin-left:12px;display:inline}.letter-cards{grid-gap:12px;grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.activity{margin-top:16px}.letter .letter__head{flex-wrap:nowrap;grid-area:1/2;align-self:center}.letter .letter__title{margin:0 16px 0 0;font-size:1.25rem}.letter .letter__vowels .composer__label,.topbar__switch>span{display:none}.topbar__switch>.icon{margin:0}.topbar__confirm{flex-wrap:wrap}.class-picker{grid-area:2/1/auto/3}.composer{grid-area:1/2}.home__empty{grid-area:3/1/auto/3}.home__board{grid-area:3/1/auto/3;min-height:0;margin-top:6px}.composer__title{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.composer__input{min-height:52px;font-size:1.5rem}.composer__erase{height:44px;top:4px;right:4px}.composer__band{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-top:2px;overflow-x:auto}.composer__band::-webkit-scrollbar{display:none}.composer__keys,.composer__ideas{flex-wrap:nowrap}.composer__group,.composer__group--ideas{flex:none;min-width:0}.letter-key{width:44px;height:44px}.practice__board{min-height:140px}.toolbar{flex-wrap:nowrap;padding:3px 6px}.toolbar__group--watch{justify-content:flex-end}.toolbar .tool{min-width:44px;min-height:44px}.toolbar .tool:not(.tool--done)>span{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.toolbar .tool:not(.tool--done)>.icon{margin:0}}.activity__link{min-height:48px;color:var(--casita-primary-strong);font:inherit;font-size:var(--casita-text-md);cursor:pointer;background:0 0;border:0;align-items:center;margin-top:14px;padding:0 6px;font-weight:700;display:inline-flex}.activity__link .icon{width:22px;height:22px;margin-right:8px}.worksheet__head{flex:none}.worksheet__title{color:var(--casita-ink-soft);font-size:var(--casita-text-md);flex-wrap:wrap;align-items:baseline;margin:2px 0 0;display:flex}.worksheet__name{overflow-wrap:anywhere;margin-right:12px;font-weight:700}.worksheet__pos{color:var(--casita-ink-faint);white-space:nowrap;font-weight:700}.worksheet__instruction{flex-wrap:wrap}.worksheet__print{color:var(--casita-ink);margin-left:10px;font-weight:800}.worksheet__tail{margin-left:8px}.worksheet__part{color:var(--casita-ink-faint);font-size:var(--casita-text-sm);margin:0 0 4px;font-weight:700}.worksheet__nav{flex:none;justify-content:space-between;margin-top:10px;display:flex}.worksheet__nav .big-button{min-height:60px;padding:0 22px}.worksheet__nav .big-button .icon+span,.worksheet__nav .big-button span+.icon{margin-left:8px}.worksheet-done .celebrate__mark{margin:0}.open-sheet{width:100%}.open-sheet .field{text-align:left;width:100%;margin-top:8px}@media (height<=500px){.worksheet__nav .big-button{min-height:44px}.worksheet__title{display:none}}