@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/andika-latin-400-normal-BTFTIZb-.woff2) format("woff2"),url(/assets/andika-latin-400-normal-BK42By1L.woff) format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/andika-latin-700-normal-Dk95f5lc.woff2) format("woff2"),url(/assets/andika-latin-700-normal-CAUSQC6x.woff) format("woff")}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Figtree Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--font-display:"Fraunces Variable", ui-serif, Georgia, serif;--font-tile:"Andika", "Figtree Variable", ui-sans-serif, sans-serif}}@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;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}}@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}.\!fixed{position:fixed!important}.fixed{position:fixed}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.lowercase{text-transform:lowercase}.ring{--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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--paper:#fbf5e9;--paper-deep:#f3e9d6;--card:#fffdf8;--ink:#2b2320;--ink-soft:#6d6058;--ink-faint:#a3978d;--hairline:#2b23201a;--go:#1f9d6b;--go-lip:#13744d;--go-wash:#e3f6ec;--go-deep:#178257;--go-deep-lip:#0f5c3d;--retry:#b3541e;--retry-wash:#fdeede;--focus:#3b6fe0;--spring:cubic-bezier(.2, .9, .25, 1.25);--u:64px;--b:28px;--ease:cubic-bezier(.2, .7, .2, 1)}html,body,#app{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 60;letter-spacing:-.015em;font-weight:560;line-height:1.1}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.tile{width:var(--u);height:calc(var(--u) * 1.1);border-radius:calc(var(--u) * .22);background:linear-gradient(180deg,var(--face-hi) 0%,var(--face) 78%);color:var(--tile-ink);font-family:var(--font-tile);font-weight:700;font-size:calc(var(--u) * .56);box-shadow:inset 0 calc(var(--u) * .035) 0 #fff9,inset 0 0 0 1px #ffffff38,0 calc(var(--u) * .085) 0 var(--lip),0 calc(var(--u) * .17) calc(var(--u) * .2) calc(var(--u) * -.06) #462d0a61;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.tile--wide{width:calc(var(--u) * 1.36)}.tile__letters{transform:translateY(-7%)}.tile__cue{align-items:center;gap:calc(var(--u) * .045);color:var(--tile-ink);opacity:.5;display:flex;position:absolute;bottom:11%}.cue-dot{width:calc(var(--u) * .085);height:calc(var(--u) * .085);background:currentColor;border-radius:50%}.cue-bar,.cue-dash{height:calc(var(--u) * .055);background:currentColor;border-radius:99px}.cue-bar{width:calc(var(--u) * .62)}.cue-dash{width:calc(var(--u) * .2)}.tile--consonant{--face-hi:#ffe89a;--face:#ffd250;--lip:#d99e12;--tile-ink:#3b2a00}.tile--vowel{--face-hi:#ffadc1;--face:#ff7fa1;--lip:#d6456e;--tile-ink:#4a0a1f}.tile--digraph{--face-hi:#adeeda;--face:#77dcbd;--lip:#34a583;--tile-ink:#053629}.tile--double{--face-hi:#c2dfff;--face:#8ec4ff;--lip:#4288d6;--tile-ink:#06284a}.tile--ending{--face-hi:#dcd4ff;--face:#b8aaff;--lip:#7460dc;--tile-ink:#21104d}.tile--vowel-team{--face-hi:#f7bbea;--face:#ea86d2;--lip:#b3479a;--tile-ink:#420a35}.tile--suffix{--face-hi:#d2f0ad;--face:#aee077;--lip:#68aa30;--tile-ink:#1e3905}.tile--word,.tile--capital{--face-hi:#fff8e6;--face:#ffedc4;--lip:#d9b56a;--tile-ink:#2b2320;width:auto;min-width:var(--u);padding:0 calc(var(--u) * .26);font-size:calc(var(--u) * .44);white-space:nowrap}.tile--capital{--face-hi:#ffe89a;--face:#ffd250;--lip:#d99e12;--tile-ink:#3b2a00}.tile--stop{--face-hi:#ffadc1;--face:#ff7fa1;--lip:#d6456e;--tile-ink:#4a0a1f;width:var(--u);font-size:calc(var(--u) * .66)}.btn{letter-spacing:.005em;white-space:nowrap;min-height:44px;color:var(--ink);transition:transform .12s var(--ease),box-shadow .12s var(--ease),background-color .15s;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:620;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn--soft{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 2px #2b23201a}.btn--soft:not(:disabled):active{box-shadow:inset 0 0 0 1px var(--hairline);transform:translateY(2px)}.btn--ghost:not(:disabled):hover{background:#2b23200f}.btn--primary{background:var(--ink);color:var(--paper);box-shadow:0 3px #0e0a08}.btn--primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 0 #0e0a08}.btn--go{background:var(--go-deep);color:#fff;box-shadow:0 4px 0 var(--go-deep-lip)}.btn--go:not(:disabled):active{box-shadow:0 0 0 var(--go-deep-lip);transform:translateY(4px)}.btn--xl{border-radius:20px;min-height:clamp(56px,8.5vh,84px);padding:0 clamp(20px,2.4vw,36px);font-size:clamp(18px,2.3vh,26px)}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px;font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.no-print{display:none!important}}html,body{overflow-x:hidden}.strip{flex-wrap:wrap;align-items:center;gap:8px clamp(12px,2vw,28px);min-height:56px;padding:0 4px;display:flex}.strip__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.strip__title{white-space:nowrap;font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;letter-spacing:-.01em;flex:none;align-items:baseline;gap:14px;font-size:22px;font-weight:560;display:flex}.strip__title small{font-family:var(--font-sans);letter-spacing:0;color:var(--ink-soft);font-size:14.5px;font-weight:500}.strip__hint{min-width:0;color:var(--ink-soft);flex:1 1 0;font-size:14.5px;font-weight:500}.strip__progress{gap:6px;display:grid}.strip__count{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:21px;font-weight:580;line-height:1}.strip__count small{font-family:var(--font-sans);color:var(--ink-soft);font-size:14px;font-weight:500}.strip__dots{gap:5px;display:flex}.strip__dots i{width:14px;height:6px;transition:background-color .2s,width .25s var(--spring);background:#2b232024;border-radius:99px}.strip__dots i.done{background:var(--go)}.strip__dots i.now{background:var(--ink);width:26px}.strip__cue{gap:1px;font-size:16px;font-weight:600;line-height:1.2;display:grid}@media(max-width:900px){.strip__title small,.strip__hint,.strip__cue{display:none}}.block{width:var(--b);height:var(--b);border-radius:calc(var(--b) * .24);background-color:var(--face);background-image:linear-gradient(#ffffff59,#fff0 55%),repeating-linear-gradient(0deg,var(--lip) 0 calc(var(--b) * .1),transparent calc(var(--b) * .1) var(--b));touch-action:none;flex:none;display:block;position:relative;box-shadow:inset 0 0 0 1px #2b232014}.block--stick{height:calc(var(--b) * 10)}.block--flat{width:calc(var(--b) * 10);height:calc(var(--b) * 10);background-image:linear-gradient(#ffffff4d,#fff0 55%),repeating-linear-gradient(90deg,#2b23201a 0 1px,transparent 1px var(--b)),repeating-linear-gradient(0deg,var(--lip) 0 calc(var(--b) * .1),transparent calc(var(--b) * .1) var(--b))}.block--ones{--face:#ffd250;--lip:#d99e12}.block--tens{--face:#ff7fa1;--lip:#d6456e}.block--hundreds{--face:#8ec4ff;--lip:#4288d6}.say{max-width:100%;font-size:clamp(17px,max(calc(var(--u) * .15),min(2.6vh,4.4vw)),26px);text-align:center;border-radius:99px;align-items:center;gap:10px;padding:.45em 1.1em;font-weight:650;line-height:1.2;display:inline-flex}.say--correct,.say--complete{background:var(--go-wash);color:#0d5a3a}.say--retry{background:var(--retry-wash);color:#7a3408}.say--revealed{background:var(--paper-deep)}.say--notice{background:var(--ink);color:var(--paper)}.say-enter-active,.say-leave-active{transition:opacity .16s,transform .24s var(--spring)}.say-enter-from,.say-leave-to{opacity:0;transform:translateY(8px)scale(.96)}.say .say__mallow.avatar{flex:none;width:1.7em;margin:-.3em 0 -.3em -.35em}.cheer-leave-active{transition:opacity .35s var(--ease)}.cheer-leave-to{opacity:0}.strip__kind{background:var(--paper-deep);border-radius:14px;flex-wrap:wrap;gap:2px;max-width:100%;padding:3px;display:inline-flex}.strip__kind-choice{white-space:nowrap;min-height:44px;color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:0 12px;font-size:14px;font-weight:620}.strip__kind-choice.is-chosen{background:var(--card);color:var(--ink);box-shadow:0 1px 0 var(--hairline)}.column--honey{--face:#ffd250;--lip:#d99e12}.column--rose{--face:#ff8fab;--lip:#d6456e}.column--mint{--face:#77dcbd;--lip:#34a583}.column--sky{--face:#8ec4ff;--lip:#4288d6}.column--lavender{--face:#b8aaff;--lip:#7460dc}.column--berry{--face:#ea86d2;--lip:#b3479a}.column--leaf{--face:#aee077;--lip:#68aa30}@media(max-width:700px){.strip{flex-wrap:wrap;gap:8px 12px;min-width:0}.strip__actions{flex-wrap:wrap;width:100%;margin-left:0}.strip__title{white-space:normal;flex-wrap:wrap;flex:100%;min-width:0}.strip__title small,.strip__hint{flex-basis:100%;display:block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.avatar[data-v-9833271a]{display:block;width:100%;height:auto;overflow:visible}.mallow[data-v-de2f4ad2]{display:inline-flex;align-items:center;gap:.36em;font-size:24px}.mallow__face[data-v-de2f4ad2]{width:1.7em;flex:none}.mallow__word[data-v-de2f4ad2]{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-weight:600;letter-spacing:-.02em;line-height:1}.foot[data-v-0207db88]{margin-top:clamp(28px,6vw,64px);padding:clamp(28px,5vw,48px) 16px 28px;background:var(--paper-deep);border-radius:32px 32px 0 0}.foot__inner[data-v-0207db88]{display:grid;justify-items:center;gap:16px;max-width:1080px;margin:0 auto;text-align:center}.foot__brand[data-v-0207db88]{border-radius:14px}.foot__brand[data-v-0207db88] .mallow{font-size:22px}.foot__line[data-v-0207db88]{max-width:62ch;color:var(--ink-soft)}.foot__tools[data-v-0207db88]{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px}.foot__tools a[data-v-0207db88]{display:inline-grid;place-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);font-size:14.5px;font-weight:620;color:var(--ink);transition:box-shadow .15s}.foot__tools a[data-v-0207db88]:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.foot__legal[data-v-0207db88],.strip__links[data-v-0207db88]{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-faint)}.foot__legal[data-v-0207db88]{font-size:14px}.foot__legal a[data-v-0207db88],.strip__links a[data-v-0207db88]{padding:8px 4px;margin:-8px -4px;font-weight:620;color:var(--ink-soft)}.foot__legal a[data-v-0207db88]:hover,.strip__links a[data-v-0207db88]:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.strip[data-v-0207db88]{display:flex;justify-content:center;padding:6px 16px 8px;font-size:12px;line-height:1.3}.icon[data-v-fdaf9c4f]{width:1.2em;height:1.2em;flex:none}.scrim[data-v-b6a9a888]{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:#2b232052}.drawer[data-v-b6a9a888]{display:flex;flex-direction:column;width:min(500px,94vw);height:100%;background:var(--paper);box-shadow:-20px 0 50px -20px #2b232066}.drawer__head[data-v-b6a9a888]{display:flex;align-items:flex-start;gap:12px;padding:22px 16px 14px 24px}.drawer__head h2[data-v-b6a9a888]{font-size:26px}.drawer__head p[data-v-b6a9a888]{margin-top:6px;font-size:14.5px;color:var(--ink-soft)}.ladder[data-v-b6a9a888]{flex:1;overflow:auto;padding:4px 16px 24px 24px;overscroll-behavior:contain}.rung[data-v-b6a9a888]{position:relative;display:flex;align-items:center;gap:8px}.rung[data-v-b6a9a888]:before{content:"";position:absolute;left:17px;top:0;bottom:0;width:2px;background:#2b23201f}.rung[data-v-b6a9a888]:first-child:before{top:50%}.rung[data-v-b6a9a888]:last-child:before{bottom:50%}.rung--on[data-v-b6a9a888]:before{background:var(--go)}.rung__main[data-v-b6a9a888]{position:relative;flex:1;display:flex;align-items:center;gap:14px;padding:10px 6px 10px 0;border-radius:14px;text-align:left;cursor:pointer}.rung__step[data-v-b6a9a888]{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 2px #2b232029;font-weight:700;font-size:14px;color:var(--ink-soft)}.rung--on .rung__step[data-v-b6a9a888]{background:var(--go-deep);box-shadow:none;color:#fff}.rung__text[data-v-b6a9a888]{display:grid;gap:2px;font-size:13.5px;line-height:1.3;color:var(--ink-soft)}.rung__text strong[data-v-b6a9a888]{font-size:16px;font-weight:650;color:var(--ink)}.rung__tiles[data-v-b6a9a888]{--u: 22px;display:flex;flex-wrap:wrap;align-items:center;gap:5px 4px;margin-top:5px;padding-bottom:3px}.rung__more[data-v-b6a9a888]{margin-left:4px;font-weight:650}.switch[data-v-b6a9a888]{flex:none;width:50px;height:30px;padding:3px;border-radius:99px;background:#2b23202e;transition:background-color .18s;cursor:pointer}.switch i[data-v-b6a9a888]{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s var(--spring)}.switch[aria-checked=true][data-v-b6a9a888]{background:var(--go)}.switch[aria-checked=true] i[data-v-b6a9a888]{transform:translate(20px)}.drawer-enter-active[data-v-b6a9a888],.drawer-leave-active[data-v-b6a9a888]{transition:background-color .22s}.drawer-enter-active .drawer[data-v-b6a9a888],.drawer-leave-active .drawer[data-v-b6a9a888]{transition:transform .26s var(--ease)}.drawer-enter-from[data-v-b6a9a888],.drawer-leave-to[data-v-b6a9a888]{background:transparent}.drawer-enter-from .drawer[data-v-b6a9a888],.drawer-leave-to .drawer[data-v-b6a9a888]{transform:translate(100%)}.brand[data-v-a71812d1]{display:inline-flex;align-items:center;gap:10px}.brand__mark[data-v-a71812d1]{position:relative;flex:none;width:34px;height:32px}.brand__mark i[data-v-a71812d1]{position:absolute;width:21px;height:22px;border-radius:6px}.brand__mark i[data-v-a71812d1]:first-child{left:0;top:0;background:#ffd250;box-shadow:0 3px #d99e12}.brand__mark i[data-v-a71812d1]:last-child{right:0;bottom:3px;background:#ff7fa1;box-shadow:0 3px #d6456e}.brand__mark--tenstick i[data-v-a71812d1]:first-child{left:4px;width:11px;height:31px;border-radius:4px;background:#ff7fa1 repeating-linear-gradient(0deg,#d6456e 0 1.5px,transparent 1.5px 6.2px);box-shadow:none}.brand__mark--tenstick i[data-v-a71812d1]:last-child{right:2px;bottom:1px;width:13px;height:13px;border-radius:4px;background:#ffd250;box-shadow:0 2.5px #d99e12}.brand__mark--classgraph i[data-v-a71812d1]:first-child{left:3px;top:8px;width:12px;height:24px;border-radius:4px 4px 2px 2px;background:#ffd250;box-shadow:0 3px #d99e12}.brand__mark--classgraph i[data-v-a71812d1]:last-child{right:3px;top:0;bottom:auto;width:12px;height:32px;border-radius:4px 4px 2px 2px;background:#8ec4ff;box-shadow:0 3px #4288d6}.brand__mark--clockhands i[data-v-a71812d1]:first-child{left:1px;top:0;width:32px;height:32px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 2px var(--ink),0 3px #e1d3bb}.brand__mark--clockhands i[data-v-a71812d1]:last-child{inset:7px auto auto 16px;width:3px;height:10px;border-radius:2px;background:var(--ink);box-shadow:none}.brand__mark--clockhands i[data-v-a71812d1]:last-child:after{content:"";position:absolute;left:0;bottom:0;width:3px;height:7px;border-radius:2px;background:#4288d6;transform-origin:50% 100%;transform:rotate(90deg)}.brand__mark--cointray i[data-v-a71812d1]:first-child{left:0;top:8px;width:22px;height:22px;border-radius:50%;background:#cf8550;box-shadow:0 3px #8d4f22}.brand__mark--cointray i[data-v-a71812d1]:last-child{right:0;top:0;bottom:auto;width:24px;height:24px;border-radius:50%;background:#e8c35a;box-shadow:0 3px #a98a2a}.brand__words[data-v-a71812d1]{display:grid;line-height:1}.brand__name[data-v-a71812d1]{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:21px;font-weight:600;letter-spacing:-.02em}.brand__by[data-v-a71812d1]{display:inline-flex;align-items:center;gap:3px;margin-top:3px;font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--ink-soft)}.brand__mallow[data-v-a71812d1]{width:19px;margin:-3px 0 0 1px}@media(max-width:1080px){.brand--compact .brand__words[data-v-a71812d1]{display:none}}.brand__mark--hundredchart i[data-v-a71812d1]:first-child{left:0;top:0;width:34px;height:32px;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 7px,rgb(43 35 32 / .18) 7px 8px),repeating-linear-gradient(0deg,transparent 0 7px,rgb(43 35 32 / .18) 7px 8px),var(--card);box-shadow:inset 0 0 0 2px var(--ink),0 3px #e1d3bb}.brand__mark--hundredchart i[data-v-a71812d1]:last-child{inset:9px auto auto 17px;width:11px;height:11px;border-radius:50%;background:#4288d6;box-shadow:0 2px #2b63a8}.brand__mark--sentencetile i[data-v-a71812d1]:first-child{left:0;top:5px;width:23px;height:20px;border-radius:5px;background:#ffedc4;box-shadow:0 3px #d9b56a}.brand__mark--sentencetile i[data-v-a71812d1]:last-child{inset:12px auto auto 25px;width:9px;height:13px;border-radius:3px;background:#ff7fa1;box-shadow:0 3px #d6456e}.brand__mark--shapetile i[data-v-a71812d1]:first-child{left:0;top:3px;width:26px;height:24px;border-radius:0;background:#ffd250;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:none}.brand__mark--shapetile i[data-v-a71812d1]:last-child{inset:13px auto auto 20px;width:14px;height:13px;border-radius:0;background:#5cb85c;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}.bar[data-v-c1b16198]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px clamp(10px,1.6vw,22px)}.bar__start[data-v-c1b16198]{justify-self:start;display:flex;align-items:center;gap:10px}.bar__home[data-v-c1b16198]{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 2px #2b23201a}.bar__home[data-v-c1b16198] .avatar{width:30px}.bar__brand[data-v-c1b16198]{border-radius:12px}.tabs[data-v-c1b16198]{display:flex;gap:2px;padding:4px;border-radius:16px;background:var(--paper-deep)}.tabs__tab[data-v-c1b16198]{display:grid;place-items:center;min-width:84px;min-height:44px;padding:0 16px;border-radius:12px;font-weight:620;font-size:15px;text-align:center;color:var(--ink-soft);transition:background-color .15s,color .15s}.tabs__tab.router-link-exact-active[data-v-c1b16198]{background:var(--card);color:var(--ink);box-shadow:0 1px #2b23201f,0 4px 10px -6px #2b23204d}.bar__end[data-v-c1b16198]{justify-self:end;display:flex;flex-direction:row-reverse;align-items:center;gap:8px}.taught[data-v-c1b16198]{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 16px 4px 12px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 2px #2b23201a;text-align:left;cursor:pointer}.taught__text[data-v-c1b16198]{display:grid;line-height:1.15}.taught__value[data-v-c1b16198]{font-weight:650;font-size:15px}@media(max-width:760px){.tabs__tab[data-v-c1b16198]{min-width:0;padding:0 12px}}@media(max-width:640px){.bar[data-v-c1b16198]{grid-template-columns:1fr auto;gap:8px 12px}.tabs[data-v-c1b16198]{grid-column:1 / -1;grid-row:2;justify-self:stretch;overflow-x:auto}.bar__end[data-v-c1b16198]{grid-column:2;grid-row:1}.tabs__tab[data-v-c1b16198]{flex:1;text-align:center}.taught__text[data-v-c1b16198]{display:none}.taught[data-v-c1b16198]{padding:0 10px}}.waiting[data-v-bfe26961]{--u: 56px;display:grid;place-content:center;justify-items:center;gap:16px;height:100%;padding:24px;text-align:center;animation:waiting-arrive-bfe26961 .25s var(--ease) backwards}.waiting__mallow[data-v-bfe26961]{width:132px;animation:waiting-bob-bfe26961 2.4s ease-in-out infinite}.waiting__tiles[data-v-bfe26961]{display:flex;gap:8px;min-height:calc(var(--u) * 1.2)}.waiting__tiles .tile[data-v-bfe26961]{animation:waiting-set-out-bfe26961 3.6s var(--spring) infinite backwards;animation-delay:calc(.35s + var(--nth) * .45s)}.waiting__now[data-v-bfe26961]{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:24px;font-weight:560;color:var(--ink)}.waiting__more[data-v-bfe26961]{max-width:34ch;font-size:15.5px;color:var(--ink-soft)}@keyframes waiting-arrive-bfe26961{0%{opacity:0}}@keyframes waiting-bob-bfe26961{50%{transform:translateY(-7px)}}@keyframes waiting-set-out-bfe26961{0%{opacity:0;transform:translateY(-18px) scale(.6)}11%,84%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(6px) scale(.9)}}@media(prefers-reduced-motion:reduce){.waiting[data-v-bfe26961],.waiting__mallow[data-v-bfe26961],.waiting__tiles .tile[data-v-bfe26961]{animation:none;opacity:1}}.app[data-v-a650b18b]{display:flex;flex-direction:column;height:100dvh}.app__main[data-v-a650b18b]{flex:1;min-height:0;overflow:auto}.app__wait[data-v-a650b18b]{display:grid;place-content:center;justify-items:center;gap:14px;height:100%;padding:24px;text-align:center;color:var(--ink-soft)}.app__wait h1[data-v-a650b18b]{font-size:30px;color:var(--ink)}@media print{.app[data-v-a650b18b]{display:block;height:auto}.app__main[data-v-a650b18b]{overflow:visible}}.line[data-v-2ff569e2]{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--u) * .1);min-height:calc(var(--u) * 1.5)}.slot[data-v-2ff569e2]{position:relative;flex:none;width:var(--u);height:calc(var(--u) * 1.5)}.slot--wide[data-v-2ff569e2]{width:calc(var(--u) * 1.36)}.slot--closed[data-v-2ff569e2]{width:0;margin-left:calc(var(--u) * -.1);visibility:hidden}.slot__tile[data-v-2ff569e2]{display:grid;justify-items:center;gap:calc(var(--u) * .2);touch-action:none;cursor:grab;border-radius:calc(var(--u) * .22)}.slot__gap[data-v-2ff569e2]{display:block;width:100%;height:calc(var(--u) * 1.1);border-radius:calc(var(--u) * .22);border:calc(var(--u) * .035) dashed rgb(43 35 32 / .28);background:#2b23200a}.slot__dot[data-v-2ff569e2]{width:calc(var(--u) * .16);height:calc(var(--u) * .16);border-radius:50%;background:#2b232021;transition:background-color .15s,transform .3s var(--spring)}.is-tapped .slot__dot[data-v-2ff569e2]{background:var(--ink);transform:scale(1.35)}.is-tapped[data-v-2ff569e2] .tile{animation:tap-2ff569e2 .32s var(--spring)}@keyframes tap-2ff569e2{40%{transform:translateY(calc(var(--u) * .07)) scale(.96)}}.slot-move[data-v-2ff569e2]{transition:transform .24s var(--ease)}.slot-enter-active[data-v-2ff569e2]{transition:transform .26s var(--spring),opacity .12s}.slot-enter-from[data-v-2ff569e2]{opacity:0;transform:translateY(calc(var(--u) * -.25)) scale(.9)}.slot-leave-active[data-v-2ff569e2]{position:absolute;transition:transform .16s var(--ease),opacity .16s}.slot-leave-to[data-v-2ff569e2]{opacity:0;transform:translateY(calc(var(--u) * .3)) scale(.85)}.slot--gap.slot-enter-active[data-v-2ff569e2],.slot--gap.slot-leave-active[data-v-2ff569e2]{transition:none}.line--correct .slot[data-v-2ff569e2] .tile{animation:hop-2ff569e2 .5s var(--spring) both;animation-delay:calc(var(--i) * 90ms)}@keyframes hop-2ff569e2{35%{transform:translateY(calc(var(--u) * -.24))}}.line--retry[data-v-2ff569e2]{animation:nudge-2ff569e2 .4s var(--ease)}@keyframes nudge-2ff569e2{25%{transform:translate(-7px)}60%{transform:translate(6px)}}.slot--hinted[data-v-2ff569e2]:after{content:"";position:absolute;inset:calc(var(--u) * -.09) calc(var(--u) * -.07) auto;height:calc(var(--u) * 1.37);border-radius:calc(var(--u) * .28);border:calc(var(--u) * .045) solid var(--retry);animation:ring-2ff569e2 1.1s ease-in-out infinite;pointer-events:none}@keyframes ring-2ff569e2{50%{opacity:.35;transform:scale(1.04)}}.drag-layer[data-v-f153ead9]{position:fixed;inset:0;z-index:40;pointer-events:none}.ghost[data-v-f153ead9]{position:absolute;left:0;top:0;will-change:transform}.ghost[data-v-f153ead9] .tile{position:absolute;translate:-50% -62%;rotate:-4deg;scale:1.06;box-shadow:inset 0 calc(var(--u) * .035) 0 #fff9,0 calc(var(--u) * .085) 0 var(--lip),0 calc(var(--u) * .42) calc(var(--u) * .5) calc(var(--u) * -.12) #462d0a80;transition:rotate .15s var(--ease),scale .15s var(--ease),opacity .15s}.ghost--aimed[data-v-f153ead9] .tile{rotate:0deg;scale:1}.ghost--refused[data-v-f153ead9] .tile{opacity:.55;rotate:7deg}.boxes[data-v-1bd1bd0c]{--u: min(var(--mat-u, 90px), 11vw);display:flex;justify-content:center;gap:calc(var(--u) * .12)}.box[data-v-1bd1bd0c]{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--u) * .9 * var(--span, 1) + var(--u) * .12 * (var(--span, 1) - 1));height:calc(var(--u) * .9);border-radius:calc(var(--u) * .16);background:var(--paper);box-shadow:inset 0 0 0 3px #3b6fe059}.box__counter[data-v-1bd1bd0c]{width:62%;aspect-ratio:1;border-radius:50%;background:#4288d6;box-shadow:0 3px #2b63a8;animation:counter-drop-1bd1bd0c .18s var(--spring)}.boxes--reading .box[data-v-1bd1bd0c]{width:auto;min-width:calc(var(--u) * 1.2 * var(--span, 1));height:auto;padding:calc(var(--u) * .14) calc(var(--u) * .1) calc(var(--u) * .2);border-radius:calc(var(--u) * .24)}@keyframes counter-drop-1bd1bd0c{0%{transform:translateY(-40%) scale(.6);opacity:0}}@media(prefers-reduced-motion:reduce){.box__counter[data-v-1bd1bd0c]{animation:none}}.pace[data-v-d4167b2d]{display:inline-flex;align-items:center;gap:2px;padding:3px 3px 3px 12px;border-radius:16px;background:var(--paper-deep);color:var(--ink-soft)}.pace>.icon[data-v-d4167b2d]{margin-right:6px}.pace__step[data-v-d4167b2d]{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--card);color:var(--ink);box-shadow:0 1px 0 var(--hairline);cursor:pointer}.pace__step[data-v-d4167b2d]:disabled{background:transparent;color:var(--ink-faint);box-shadow:none;cursor:default}.pace__now[data-v-d4167b2d]{min-width:76px;text-align:center;font-weight:650;font-size:15px;color:var(--ink)}.cheer[data-v-25cc4939]{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,#fffdf8e6 0,#fffdf800 46%)}.cheer--low[data-v-25cc4939]{place-items:end center;padding-bottom:10px;background:none}.cheer--low .cheer__mallow[data-v-25cc4939]{width:112px}.cheer--low .cheer__child[data-v-25cc4939]{width:84px}.cheer__spot[data-v-25cc4939]{position:relative}.cheer__faces[data-v-25cc4939]{display:flex;align-items:flex-end;gap:14px}.cheer__mallow[data-v-25cc4939]{width:150px;animation:cheer-hop-25cc4939 1.5s var(--spring) both}.cheer__child[data-v-25cc4939]{width:104px;animation:cheer-hop-25cc4939 1.5s var(--spring) .14s both}.cheer--big .cheer__mallow[data-v-25cc4939]{width:190px}.cheer__burst[data-v-25cc4939]{position:absolute;left:50%;top:50%}.cheer__piece[data-v-25cc4939]{--b: 15px;position:absolute;left:0;top:0;margin:-8px;animation:cheer-fly-25cc4939 1.25s var(--ease) both}.cheer__puff[data-v-25cc4939]{width:17px;height:15px;border-radius:6px;background:#fff;box-shadow:0 3px #e2d2b4,0 0 0 1px #2b23200f}@keyframes cheer-hop-25cc4939{0%{opacity:0;transform:translateY(60px) scale(.3)}22%{opacity:1;transform:translateY(-26px) scale(1.08)}38%{transform:translateY(0) scale(1.04,.94)}54%{transform:translateY(-16px) scale(1)}70%{transform:translateY(0) scale(1.03,.96)}82%,to{opacity:1;transform:none}}@keyframes cheer-fly-25cc4939{0%{opacity:0;transform:rotate(var(--angle)) translateY(-30px) scale(.3)}14%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(calc(var(--far) * -1)) rotate(var(--spin)) scale(1)}}@media(prefers-reduced-motion:reduce){.cheer__mallow[data-v-25cc4939],.cheer__child[data-v-25cc4939]{animation:none}.cheer__burst[data-v-25cc4939]{display:none}}.hold[data-v-104cc326]{position:relative;overflow:hidden;touch-action:none}.hold__fill[data-v-104cc326]{position:absolute;inset:0;background:#2b232024;transform:scaleX(0);transform-origin:left}.is-holding .hold__fill[data-v-104cc326]{transform:scaleX(1);transition:transform var(--hold) linear}.hold__label[data-v-104cc326]{position:relative;display:inline-flex;align-items:center;gap:8px}.peek[data-v-326d730b]{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:190px;padding:0 16px 0 14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--hairline);touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer}.peek__mask[data-v-326d730b]{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:14.5px;color:var(--ink-soft)}.peek__word[data-v-326d730b]{font-family:var(--font-tile);font-weight:700;font-size:22px;line-height:1}.is-peeking[data-v-326d730b]{background:var(--ink);color:var(--paper)}.is-peeking .eyebrow[data-v-326d730b]{color:#fbf5e9a6}.strip__toggle[data-v-4560128c]{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;font-weight:620;font-size:14.5px;color:var(--ink-soft);cursor:pointer}.strip__toggle input[data-v-4560128c]{width:20px;height:20px;accent-color:var(--ink)}.tray[data-v-e73e3850]{--u: clamp(44px, min(4.8vw, 7vh), 84px);display:grid;grid-template-columns:auto auto;justify-content:center;gap:calc(var(--u) * .14) calc(var(--u) * .6);padding:calc(var(--u) * .2) calc(var(--u) * .36) calc(var(--u) * .3);border-radius:26px;background:var(--paper-deep);box-shadow:inset 0 2px 6px #5a3c141a}.tray__zone[data-v-e73e3850]{display:flex;flex-wrap:wrap;align-content:flex-start;gap:calc(var(--u) * .14) calc(var(--u) * .5)}.tray__zone--vowels[data-v-e73e3850]{flex-direction:column}.tray__zone--units[data-v-e73e3850],.tray__zone--sentence[data-v-e73e3850]{grid-column:1 / -1;justify-content:center}@media(max-width:700px){.tray[data-v-e73e3850]{grid-template-columns:1fr}}.tray__group[data-v-e73e3850]{display:flex;flex-direction:column;gap:calc(var(--u) * .08)}.tray__group--consonant[data-v-e73e3850]{max-width:calc(var(--u) * 1.16 * 11)}.tray__label[data-v-e73e3850]{font-size:clamp(10px,1.25vh,13px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);padding-left:2px}.tray__tiles[data-v-e73e3850]{display:flex;flex-wrap:wrap;gap:calc(var(--u) * .26) calc(var(--u) * .16);padding-bottom:calc(var(--u) * .1)}.tray__tile[data-v-e73e3850]{display:grid;border-radius:calc(var(--u) * .22);touch-action:none;cursor:grab;transition:transform .14s var(--spring)}.tray__tile[data-v-e73e3850]:hover{transform:translateY(-2px)}.tray__tile[data-v-e73e3850]:active{transform:translateY(calc(var(--u) * .05)) scale(.97)}.board[data-v-4626a7fa]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100%;padding:8px clamp(10px,1.6vw,22px) 10px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}.board[data-v-4626a7fa] .drag-layer{--u: var(--mat-u)}.mat[data-v-4626a7fa]{--u: var(--mat-u);position:relative;display:grid;grid-template-rows:minmax(58px,1fr) auto minmax(60px,1.25fr);min-height:0;border-radius:30px;background:radial-gradient(circle at 50% 0%,#fff 0%,transparent 60%),radial-gradient(rgb(43 35 32 / .07) 1.2px,transparent 1.4px) 0 0 / 22px 22px,var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 1px #fff,0 22px 40px -30px #5a370a80;overflow:hidden}.mat__say[data-v-4626a7fa]{display:grid;grid-template-columns:1fr auto 1fr;place-items:center;padding:8px 16px calc(var(--u) * .16 + 8px);min-height:0}.mat__pace[data-v-4626a7fa]{grid-column:3;grid-row:1;place-self:start end;margin:4px -2px 0 12px}.mat__say .say[data-v-4626a7fa]{grid-column:2;grid-row:1}.ruled[data-v-4626a7fa]{position:relative;padding:0 28px}.ruled[data-v-4626a7fa]:before,.ruled[data-v-4626a7fa]:after{content:"";position:absolute;left:28px;right:28px;pointer-events:none}.ruled[data-v-4626a7fa]:before{top:calc(var(--u) * -.16);height:calc(var(--u) * 1.37);border-top:2px solid rgb(59 111 224 / .2);border-bottom:2px solid rgb(59 111 224 / .32)}.ruled[data-v-4626a7fa]:after{top:calc(var(--u) * .52);border-top:2px dashed rgb(214 69 110 / .24)}.ruled[data-v-4626a7fa] .line{z-index:1}.mat__prompt[data-v-4626a7fa]{position:absolute;inset:0 0 auto;z-index:1;height:calc(var(--u) * 1.1);display:grid;place-items:center;font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:clamp(17px,calc(var(--u) * .2),30px);color:var(--ink-soft);pointer-events:none}.mat__prompt span[data-v-4626a7fa]{padding:.2em .9em;border-radius:99px;background:var(--card)}.ruled--boxes[data-v-4626a7fa]{display:grid;align-content:start;height:calc(var(--u) * 1.1)}.mat__say .mat__read[data-v-4626a7fa]{--u: clamp(30px, calc(var(--mat-u) * .36), 52px);grid-column:2;grid-row:2;margin-top:8px;pointer-events:none}.mat__actions[data-v-4626a7fa]{position:absolute;z-index:2;right:clamp(12px,1.6vw,22px);bottom:clamp(10px,1.8vh,20px);display:flex;align-items:flex-end;gap:10px}@media(max-width:640px){.board[data-v-4626a7fa]{height:auto;min-height:100%;overflow:visible;touch-action:pan-y}.mat[data-v-4626a7fa]{grid-template-rows:auto auto auto auto;padding-bottom:12px}.mat__actions[data-v-4626a7fa]{position:static;flex-wrap:wrap;justify-content:flex-end;margin:18px 12px 0}}.chipin[data-v-91c16f02]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;width:fit-content;max-width:100%;margin-inline:auto;padding:7px 7px 7px 20px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 3px #2b23200f;font-size:15px;line-height:1.35;color:var(--ink-soft)}.chipin__button[data-v-91c16f02]{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px 0 13px;border-radius:999px;background:#ffd250;box-shadow:0 3px #d99e12;font-weight:700;color:#3b2a00;white-space:nowrap;transition:transform .12s var(--ease),box-shadow .12s var(--ease)}.chipin__button[data-v-91c16f02]:hover{transform:translateY(-1px);box-shadow:0 4px #d99e12}.chipin__button[data-v-91c16f02]:active{transform:translateY(2px);box-shadow:0 1px #d99e12}.chipin__button[data-v-91c16f02]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.chipin__heart[data-v-91c16f02]{width:17px;height:17px;fill:#e2557a}@media(max-width:560px){.chipin[data-v-91c16f02]{flex-direction:column;padding:14px 16px;border-radius:22px;text-align:center}}@media(prefers-reduced-motion:reduce){.chipin__button[data-v-91c16f02]{transition:none}}.home[data-v-efa51e30]{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vw,40px);max-width:1080px;margin:0 auto;padding:clamp(14px,2.6vw,28px) clamp(16px,2.6vw,28px) 8px}.home__bar[data-v-efa51e30]{display:flex;justify-content:center}.home__chipin[data-v-efa51e30]{margin-top:-6px}.hero[data-v-efa51e30]{display:grid;justify-items:center;gap:12px;text-align:center}.hero h1[data-v-efa51e30]{max-width:22ch;font-size:clamp(32px,5.4vw,60px);letter-spacing:-.025em;line-height:1.04}.hero__lede[data-v-efa51e30]{max-width:50ch;font-size:clamp(16px,1.9vw,20px);color:var(--ink-soft)}.tools[data-v-efa51e30]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}.tool[data-v-efa51e30]{display:grid;border-radius:24px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 4px #2b232014;overflow:hidden}.tool__open[data-v-efa51e30]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 18px 12px}.tool__open:hover strong[data-v-efa51e30],.tool__open:focus-visible strong[data-v-efa51e30]{text-decoration:underline;text-underline-offset:4px}.tool__text[data-v-efa51e30]{display:grid;gap:2px}.tool__text strong[data-v-efa51e30]{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:25px;font-weight:600;letter-spacing:-.015em}.tool__text span[data-v-efa51e30]{color:var(--ink-soft);line-height:1.35}.tool__go[data-v-efa51e30]{font-size:22px;color:var(--ink-soft)}.tool__lessons[data-v-efa51e30]{display:flex;align-items:center;min-height:44px;padding:0 18px 0 108px;border-top:1px solid var(--hairline);font-weight:650;font-size:15px;color:var(--ink-soft)}.tool__lessons[data-v-efa51e30]:hover,.tool__lessons[data-v-efa51e30]:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.how[data-v-efa51e30]{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,3.4vw,34px);padding-top:clamp(4px,1.5vw,16px)}.how__panel[data-v-efa51e30]{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:clamp(26px,4.4vw,48px) clamp(18px,4.4vw,52px) clamp(22px,4vw,44px);border-radius:32px;background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline),0 4px #2b232014;text-align:center}.how__panel h2[data-v-efa51e30]{font-size:clamp(28px,3.8vw,42px);letter-spacing:-.02em}.how__lede[data-v-efa51e30]{margin-top:10px;max-width:44ch;font-size:clamp(16px,1.8vw,19px);text-wrap:balance;color:var(--ink-soft)}.how__uses[data-v-efa51e30]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,36px);width:100%;max-width:880px;margin:clamp(26px,3.6vw,38px) 0 0;padding:0;list-style:none}.use[data-v-efa51e30]{display:grid;justify-items:center;align-content:start;gap:16px}.use__text[data-v-efa51e30]{display:grid;gap:4px;max-width:32ch;text-wrap:balance}.use__text strong[data-v-efa51e30]{font-family:var(--font-display);font-variation-settings:"SOFT" 100,"opsz" 40;font-size:clamp(20px,2vw,23px);font-weight:600;letter-spacing:-.012em;line-height:1.15}.use__text span[data-v-efa51e30]{color:var(--ink-soft);line-height:1.4}.use__mark[data-v-efa51e30]{display:grid;place-items:center;width:64px;height:58px;margin-bottom:6px;border-radius:17px;font-size:25px}.use__mark--honey[data-v-efa51e30]{background:#ffd250;box-shadow:0 6px #d99e12;color:#3b2a00}.use__mark--sky[data-v-efa51e30]{background:#8ec4ff;box-shadow:0 6px #4288d6;color:#0c2c57}.use__mark--rose[data-v-efa51e30]{background:#ff7fa1;box-shadow:0 6px #d6456e;color:#4a0a1f}.how__example[data-v-efa51e30]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;width:100%;max-width:760px;margin-top:clamp(28px,4vw,42px);padding-top:clamp(22px,3vw,30px);border-top:1px dashed var(--hairline)}.how__caption[data-v-efa51e30]{flex:1 1 100%;color:var(--ink-soft)}.how__address[data-v-efa51e30]{display:flex;align-items:center;gap:10px;flex:1 1 340px;min-width:0;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--hairline);font-size:15px;color:var(--ink);text-align:left}.how__address-icon[data-v-efa51e30]{font-size:18px;color:#d6456e}.how__address-text[data-v-efa51e30]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.how__host[data-v-efa51e30]{color:var(--ink-soft)}.how__try[data-v-efa51e30]{min-height:48px;padding:0 20px;border-radius:999px}@media(max-width:900px){.how__address[data-v-efa51e30]{flex-basis:100%;justify-content:center}}@media(max-width:760px){.how__uses[data-v-efa51e30]{grid-template-columns:minmax(0,1fr);gap:18px;max-width:440px}.use[data-v-efa51e30]{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:18px;text-align:left}.use__mark[data-v-efa51e30]{width:56px;height:52px;margin-bottom:6px;border-radius:15px;font-size:23px}.use__text[data-v-efa51e30]{max-width:none}}@media(max-width:560px){.how__panel[data-v-efa51e30]{border-radius:26px}.how__example[data-v-efa51e30]{display:grid;grid-template-columns:minmax(0,1fr)}.how__address[data-v-efa51e30]{align-items:flex-start;justify-content:flex-start;padding:12px 16px 12px 14px;border-radius:20px;font-size:14px;line-height:1.4}.how__address-icon[data-v-efa51e30]{margin-top:1px}.how__address-text[data-v-efa51e30]{white-space:normal}.how__address-text>span[data-v-efa51e30]{display:inline-block}.how__try[data-v-efa51e30]{justify-content:center}}.tool__mark[data-v-efa51e30]{position:relative;width:74px;height:70px}.tool__mark i[data-v-efa51e30]{position:absolute;width:46px;height:48px;border-radius:13px}.tool__mark i[data-v-efa51e30]:first-child{left:0;top:0;background:#ffd250;box-shadow:0 6px #d99e12}.tool__mark i[data-v-efa51e30]:last-child{right:0;bottom:6px;background:#ff7fa1;box-shadow:0 6px #d6456e}.tool__mark--tenstick i[data-v-efa51e30]:first-child{left:12px;width:22px;height:68px;border-radius:8px;background:#ff7fa1 repeating-linear-gradient(0deg,#d6456e 0 2.5px,transparent 2.5px 13.6px);box-shadow:none}.tool__mark--tenstick i[data-v-efa51e30]:last-child{right:4px;bottom:4px;width:26px;height:26px;border-radius:8px;background:#ffd250;box-shadow:0 5px #d99e12}.tool__mark--classgraph i[data-v-efa51e30]:first-child{left:8px;top:22px;width:24px;height:48px;border-radius:8px 8px 4px 4px;background:#ffd250;box-shadow:0 5px #d99e12}.tool__mark--classgraph i[data-v-efa51e30]:last-child{right:8px;top:2px;bottom:auto;width:24px;height:68px;border-radius:8px 8px 4px 4px;background:#8ec4ff;box-shadow:0 5px #4288d6}.tool__mark--clockhands i[data-v-efa51e30]:first-child{left:2px;top:0;width:68px;height:68px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 4px var(--ink),0 6px #e1d3bb}.tool__mark--clockhands i[data-v-efa51e30]:last-child{inset:14px auto auto 33px;width:6px;height:22px;border-radius:3px;background:var(--ink);box-shadow:none}.tool__mark--clockhands i[data-v-efa51e30]:last-child:after{content:"";position:absolute;left:0;bottom:0;width:6px;height:16px;border-radius:3px;background:#4288d6;transform-origin:50% 100%;transform:rotate(90deg)}.tool__mark--cointray i[data-v-efa51e30]:first-child{left:0;top:18px;width:46px;height:46px;border-radius:50%;background:#cf8550;box-shadow:0 6px #8d4f22}.tool__mark--cointray i[data-v-efa51e30]:last-child{right:0;top:0;bottom:auto;width:50px;height:50px;border-radius:50%;background:#e8c35a;box-shadow:0 6px #a98a2a}.tool__mark--hundredchart i[data-v-efa51e30]:first-child{left:0;top:0;width:70px;height:66px;border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 13px,rgb(43 35 32 / .18) 13px 14px),repeating-linear-gradient(0deg,transparent 0 13px,rgb(43 35 32 / .18) 13px 14px),var(--card);box-shadow:inset 0 0 0 4px var(--ink),0 6px #e1d3bb}.tool__mark--hundredchart i[data-v-efa51e30]:last-child{inset:18px auto auto 32px;width:22px;height:22px;border-radius:50%;background:#4288d6;box-shadow:0 4px #2b63a8}.tool__mark--sentencetile i[data-v-efa51e30]:first-child{left:0;top:14px;width:48px;height:42px;border-radius:11px;background:#ffedc4;box-shadow:0 6px #d9b56a}.tool__mark--sentencetile i[data-v-efa51e30]:last-child{inset:26px auto auto 52px;width:20px;height:30px;border-radius:7px;background:#ff7fa1;box-shadow:0 6px #d6456e}.tool__mark--shapetile i[data-v-efa51e30]:first-child{left:0;top:6px;width:54px;height:48px;border-radius:0;background:#ffd250;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:none}.tool__mark--shapetile i[data-v-efa51e30]:last-child{inset:28px auto auto 44px;width:30px;height:26px;border-radius:0;background:#5cb85c;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:none}