@font-face{font-family:Besley;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/besley/besley-roman.woff2) format("woff2")}@font-face{font-family:Besley;font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/besley/besley-italic.woff2) format("woff2")}@font-face{font-family:Niramit;font-style:normal;font-weight:400;font-display:swap;size-adjust:108.5%;unicode-range:U+0000-002C,U+002E-10FFFF;src:url(/fonts/niramit/niramit-regular.woff2) format("woff2")}@font-face{font-family:Niramit;font-style:normal;font-weight:500;font-display:swap;size-adjust:108.5%;unicode-range:U+0000-002C,U+002E-10FFFF;src:url(/fonts/niramit/niramit-medium.woff2) format("woff2")}@font-face{font-family:Niramit;font-style:italic;font-weight:400;font-display:swap;size-adjust:108.5%;unicode-range:U+0000-002C,U+002E-10FFFF;src:url(/fonts/niramit/niramit-italic.woff2) format("woff2")}@font-face{font-family:Didact Gothic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/didact-gothic/didact-gothic.woff2) format("woff2")}@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:300 500;font-stretch:100%;font-display:swap;src:url(/fonts/noto-serif-thai/k3kHo80MPvpLmixYH7euCxWpSMu3-gcWGj0hHAKGvUQleOfz-VpL-DdULg.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Fahkwang;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fahkwang/Fahkwang-Regular.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mali;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/mali/mali-thai.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:La Belle Aurore;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/la-belle-aurore/la-belle-aurore.woff2) format("woff2")}:root{--paper: #f2ead8;--lacquer: #9a2b1f;--on-lacquer: #f2ead8;--word-rom: var(--lacquer);--ink: #1c1710;--ink-2: #5a5146;--ink-3: #655c50;--hair: rgba(28, 23, 16, .14);--press-line: color-mix(in srgb, var(--ground-ink) 55%, var(--type-on-ink));--paper-raised: #f8f2e4;--lacquer-hover: color-mix(in srgb, var(--lacquer) 86%, var(--ground-ink));--balloon-ink: #1a1612;--trail-core: #f6c7a4;--ground-ink: #1c1710;--ink-raised: #251f16;--type-on-ink: #f2ead8;--type-on-ink-2: #c9bfae;--hair-on-ink: rgba(242, 234, 216, .16);--lacquer-on-ink: #d0705b;--navy: #1b2d4f;--wash-peach: #f8e0c6;--wash-cream: #f4e8d4;--wash-green: #e4ecd0;--wash-moss: #6d7a52;--mark-right: var(--wash-moss);--moss-on-ink: color-mix(in srgb, var(--wash-moss) 78%, var(--type-on-ink));color-scheme:light;--display: "Besley", "Didact Gothic", "Noto Serif Thai", "Iowan Old Style", Georgia, serif;--ui: "Niramit", "Didact Gothic", "Noto Serif Thai", system-ui, sans-serif;--phonetic: "Didact Gothic", "Niramit", "Noto Serif Thai", sans-serif;--thai: "Noto Serif Thai", serif;--wordmark: "Fahkwang", var(--thai);--balloon: "Mali", var(--thai);--hand: "La Belle Aurore", cursive;--rom-adjust: .5;--field-label: 15px;--field-text: 20px;--prompt-rom: 60px;--prompt-thai: 68px;--prompt-en: 56px;--answer: 32px;--pick: 40px;--desk-gap: 52px;--ease: cubic-bezier(.16, 1, .3, 1)}@media(max-width:520px){:root{--prompt-rom: 44px;--prompt-thai: 50px;--prompt-en: 42px;--answer: 28px;--desk-gap: 36px}}::selection{background:var(--lacquer);color:var(--paper)}button{font:inherit;color:inherit}input{font:inherit;color:var(--ink)}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}.hear-key{position:relative}.hear-mark{position:absolute;left:calc(100% + 6px);top:50%;width:16px;height:14px;transform:translateY(-50%);color:var(--lacquer);opacity:0;pointer-events:none}.hear-key:focus-visible .hear-mark{opacity:1}@media(hover:hover){.hear-key:hover .hear-mark{opacity:1}}.hear-key.hear-icon{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;color:var(--ink-2);text-decoration:none}.hear-key.hear-icon .hear-mark{position:static;left:auto;top:auto;width:23px;height:23px;transform:none;opacity:1;color:currentColor}.hear-key.hear-icon.playing{color:var(--lacquer)}.prompt-tools:has(>.hear-key){column-gap:36px}.preview-stage .hear-mark{width:20px;height:18px}.rom,.prompt-rom,.roman-field,.reveal,.pair-line.rom{font-family:var(--phonetic);font-synthesis:none;font-size-adjust:var(--rom-adjust)}.thai{font-family:var(--thai)}.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;padding:0 14px;border:2px solid transparent;border-radius:2px;font-family:var(--ui);font-size:16px;font-weight:500;letter-spacing:0;line-height:1;text-decoration:none}.btn.primary,.btn.commit{background:var(--lacquer);color:var(--on-lacquer);border-color:var(--lacquer)}.btn[aria-busy=true]{position:relative;overflow:hidden;opacity:1;cursor:default}.btn[aria-busy=true]:after{content:"";position:absolute;top:auto;left:0;right:0;bottom:0;height:3px;background:var(--on-lacquer);transform-origin:left center}:is(.btn.secondary,.btn.danger)[aria-busy=true]:after{bottom:3px;left:14px;right:14px;height:2px}.btn.secondary[aria-busy=true]:after{background:var(--ink)}.btn.danger[aria-busy=true]:after{background:var(--lacquer)}@media(prefers-reduced-motion:no-preference){.btn[aria-busy=true]:after{animation:btn-work 1.2s var(--ease, ease-in-out) infinite}}@keyframes btn-work{0%{transform:scaleX(0);transform-origin:left center}50%{transform:scaleX(1);transform-origin:left center}50.01%{transform:scaleX(1);transform-origin:right center}to{transform:scaleX(0);transform-origin:right center}}.btn.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn.danger{background:transparent;color:var(--lacquer);border:2px solid var(--lacquer)}@media(hover:hover){.btn.primary:hover:not(:disabled),.btn.commit:hover:not(:disabled),.btn.primary:active:not(:disabled),.btn.commit:active:not(:disabled){background:var(--lacquer-hover);border-color:var(--lacquer-hover)}.btn.secondary:hover:not(:disabled),.btn.secondary:active:not(:disabled){background:var(--ink);color:var(--paper)}.btn.danger:hover:not(:disabled),.btn.danger:active:not(:disabled){background:var(--lacquer);color:var(--on-lacquer)}}.btn.primary:active:not(:disabled),.btn.commit:active:not(:disabled){background:var(--lacquer-hover);border-color:var(--lacquer-hover)}.btn.secondary:active:not(:disabled){background:var(--ink);color:var(--paper)}.btn.danger:active:not(:disabled){background:var(--lacquer);color:var(--on-lacquer)}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:2px solid var(--ink);border-radius:2px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:12px 12px;cursor:pointer;flex:none}@media(hover:hover){input[type=checkbox]:hover:not(:disabled){border-color:var(--lacquer)}}input[type=checkbox]:active:not(:disabled){border-color:var(--lacquer)}input[type=checkbox]:checked{border-color:var(--lacquer);background-color:var(--lacquer);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.2 8.1 6.4 11.3 12.8 4.6' fill='none' stroke='%23f2ead8' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/></svg>")}input[type=checkbox]:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}input[type=checkbox]:disabled{cursor:default;opacity:.4}.text-btn,.consent-act a{color:var(--ink-2);text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.text-btn:active,.consent-act a:active{color:var(--ink);text-decoration-color:var(--lacquer)}@media(hover:hover){.text-btn:hover,.text-btn:active,.consent-act a:hover,.consent-act a:active{color:var(--ink);text-decoration-color:var(--lacquer)}}.text-btn.current,.text-btn.marked{color:var(--ink);text-decoration-color:var(--lacquer);text-decoration-thickness:2px}.text-btn.current{cursor:default}.text-btn:disabled{color:var(--ink-2);text-decoration-color:transparent}.answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;align-items:end;position:relative}.answer-form:after{content:"";grid-column:1 / -1;grid-row:1;align-self:end;height:2px;background:var(--ink);pointer-events:none}.answer-form:focus-within:after{background:var(--lacquer)}.answer-form.bare:after{content:none}.roman{display:contents}.roman-line{grid-column:1;grid-row:1;min-width:0}.answer-form>.btn.commit{grid-column:2;grid-row:1;align-self:end;margin-bottom:2px;border-radius:2px 2px 0 0}.answer-form.bare>.btn.commit{margin-bottom:0;border-radius:2px}.roman-field,.answer-said{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;margin:0;background:transparent;border:0;padding:0 0 10px;font-size:32px;line-height:1.2;outline:none;caret-color:var(--lacquer)}.answer-form .roman-field,.answer-form .answer-said{line-height:1.4;margin-top:-.1em;padding-bottom:calc(12px - .1em)}.answer-form .roman-field.en{margin-top:calc(-.1em - 4px);padding-top:4px}.answer-said{grid-column:1;grid-row:1;min-width:0;min-height:1.2em;color:var(--ink-2);overflow-wrap:anywhere}.text-btn:focus-visible,.btn:focus-visible,.strip-k:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}.roman-field.en,.answer-said.en{font-family:var(--ui);font-size-adjust:none;font-size:22px;font-weight:400}.roman-field::placeholder{color:var(--ink-2)}.pop-k{font-size:13px;font-weight:500;color:var(--ink-2)}.strip{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 44px;margin-top:12px;min-height:30px}.strip-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}.strip-k{display:inline-flex;align-items:baseline;gap:6px;padding:2px 0;color:var(--ink-2)}.strip-k .rom{font-size:28px;line-height:1;text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.strip-k.tone .rom{display:inline-block;width:1.3em;white-space:nowrap;text-align:left}.strip-k .pop-k{font-size:16px}.strip-k:active:not(:disabled){color:var(--ink)}.strip-k:active:not(:disabled) .rom{text-decoration-color:var(--lacquer)}@media(hover:hover){.strip-k:hover:not(:disabled){color:var(--ink)}.strip-k:hover:not(:disabled) .rom{text-decoration-color:var(--lacquer)}}.strip-k.swap{color:var(--ink)}.strip-k.swap .rom{text-decoration-color:var(--lacquer);text-decoration-thickness:2px}.strip-k.swap .pop-k{color:var(--lacquer)}.strip-k:disabled .rom{text-decoration-color:transparent}.balloon{position:absolute;left:calc(var(--bx) * 1%);top:calc(var(--by) * 1%);width:calc(var(--bw) * .74%);height:calc(var(--bh) * .66%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;font-family:var(--balloon);font-weight:500;line-height:1.35;color:var(--balloon-ink);font-size:min(calc(var(--bw) * .7cqw / var(--em, 4)),calc(var(--bh) * .58cqw * 9 / 16 / var(--lines, 1) / 1.35));pointer-events:none}.pair-line{margin:0;color:var(--lacquer);font-family:var(--display);font-size:22px;font-weight:400;line-height:1.2}.pair-line.thai{font-family:var(--thai);font-size:32px}.feedback{margin-top:24px;color:var(--ink-2)}.session-feedback{margin:0;min-height:1.5em}.session-feedback.ok{color:var(--ink)}.session-feedback.ok:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;background:var(--mark-right);vertical-align:.1em}.session-feedback.miss{color:var(--lacquer)}.hear-warn{color:var(--lacquer);font-size:15px}@media(max-width:520px){.roman-field,.answer-said{font-size:28px}.hear-key{display:inline-flex;align-items:center;min-height:44px;padding:10px 2px}.pop-k{font-size:14px}.answer-form{container-type:inline-size}.strip{gap:8px 0;margin-top:8px;min-height:44px;align-items:stretch}.strip-group{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0 4px;align-items:stretch;flex:1 1 100%;min-width:0}.strip-k{position:relative;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:12px 0 0;border:1px solid var(--hair);border-radius:2px}.strip-k .pop-k{position:absolute;top:3px;left:5px;font-size:14px;line-height:1}.strip-k .rom,.strip-k.tone .rom{width:auto;font-size:clamp(18px,6vw,24px);text-align:center;text-decoration:none}.strip-k.tone .rom[data-letters="3"]{font-size:clamp(15px,4.7vw,19px)}.strip-k.tone .rom[data-letters="4"],.strip-k.tone .rom[data-letters="5"],.strip-k.tone .rom[data-letters="6"]{font-size:15px}.strip-k:active:not(:disabled){border-color:var(--lacquer)}.strip-k.swap{border-width:2px;border-color:var(--lacquer);padding-top:11px}.strip-k.swap .pop-k{top:2px;left:4px}.strip-k:disabled{border-color:transparent}@container (min-width: 292px){.strip{flex-wrap:nowrap;gap:0 12px}.strip-group{flex:1 1 0}}}@media(pointer:coarse),(max-width:520px){.hear-key{min-height:44px;min-width:44px}.strip-k{min-height:44px}}@media(pointer:coarse)and (min-width:521px){.strip-k{min-width:44px}}.wordmark .wordmark-rom{color:var(--word-rom)}:is(a,button).wordmark:focus-visible .wordmark-th,:is(a,button).wordmark:active .wordmark-th{color:var(--word-rom)}:is(a,button).wordmark:focus-visible .wordmark-rom,:is(a,button).wordmark:active .wordmark-rom{color:var(--ink)}@media(hover:hover){:is(a,button).wordmark:hover .wordmark-th{color:var(--word-rom)}:is(a,button).wordmark:hover .wordmark-rom{color:var(--ink)}}.wordmark:focus-visible{outline:2px solid var(--word-rom);outline-offset:3px}.trail,.login-bar,.offline-bar{--paper: var(--ground-ink);--ink: var(--type-on-ink);--ink-2: var(--type-on-ink-2);--ink-3: var(--type-on-ink-2);--hair: var(--hair-on-ink);--lacquer: var(--lacquer-on-ink);--word-rom: var(--lacquer-on-ink);color:var(--ink);background:var(--ground-ink)}.trail,.login-bar{border-image:linear-gradient(var(--ground-ink) 0 0) fill 0 / 0 / 0 100vw}.trail-net{display:flex;align-items:center;gap:8px;min-height:36px;font-size:16px;font-weight:500;line-height:1;white-space:nowrap}.trail-net[data-net=offline]{color:var(--lacquer)}.trail-net[data-net=done],.trail-net[data-net=online]{color:var(--moss-on-ink)}.net-cloud{width:24px;height:24px;flex:none;display:block}.btn.secondary.net-sync{white-space:nowrap}@media(prefers-reduced-motion:no-preference){.wordmark .wordmark-th,.wordmark .wordmark-rom{transition:color .68s var(--ease)}}p:has(.tone-rom){padding-top:.4em}.slip{color:var(--lacquer)}.tone-syl{position:relative;display:inline-block}.tone-line{position:absolute;left:50%;bottom:calc(100% - .12em);width:.66em;height:.38em;transform:translate(-50%);overflow:visible;pointer-events:none}.tone-line path{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.tone-line .tone-is{opacity:.5;transition:opacity .7s ease}.slip .tone-line .tone-is{opacity:1}.tone-line .tone-was{stroke:var(--ink-3);stroke-dasharray:3 5}.tone-line .tone-lit{stroke:var(--lacquer);stroke-dasharray:1 2;stroke-dashoffset:1;transition:opacity .7s ease}.tone-line .tone-trail{opacity:1;transition:none}.voice-rest .tone-line .tone-lit{opacity:0}.voice-rest .tone-line .tone-trail{opacity:0;transition:opacity .7s ease}.tone-line .tone-trail path{stroke:none}.tone-line .tone-glow{fill:var(--lacquer);opacity:.5;filter:blur(.05em)}.tone-line .tone-body{fill:var(--lacquer)}.tone-line .tone-core{fill:var(--trail-core);opacity:0;transition:opacity .14s ease;filter:blur(.012em)}.tone-line .tone-bloom{fill:var(--lacquer);opacity:0;transition:opacity .14s ease;filter:blur(.075em)}.tone-line .tone-dot{fill:var(--lacquer);stroke:none;opacity:0;transition:opacity .14s ease}.tone-line .tone-spark{fill:var(--paper);opacity:0;transition:opacity .14s ease}.tone-syl[data-lit] .tone-is{opacity:.35}@media(prefers-reduced-motion:no-preference){.tone-line .tone-is{stroke-dasharray:1 2;stroke-dashoffset:1;animation:tone-draw .56s var(--ease) calc(var(--i, 0) * .12s + .14s) forwards}}@keyframes tone-draw{to{stroke-dashoffset:0}}.consent{position:fixed;z-index:20;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));max-width:440px;margin:0;padding:16px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:2px;font-family:var(--ui);font-size:15px;line-height:1.45}.consent-text{margin:0 0 12px;text-wrap:pretty}.consent-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}html[data-keyboard=open] .consent{display:none}@media(min-width:721px){.consent{right:auto}}.letter-ink{position:relative}.written{position:relative;display:inline-block}.letter-ink .ink-under,.written .ink-under{color:transparent}.written .ink-pos{position:absolute;top:-.199em;display:block}.letter-ink .ink-again{position:absolute;top:-.199em;display:block;line-height:inherit}.letter-ink svg,.written svg{display:block;width:auto;overflow:visible}.letter-ink .ink-fill,.written .ink-fill{fill:currentColor}.letter-ink .ink-trace,.written .ink-trace{fill:none;stroke:currentColor;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:0}@media(prefers-reduced-motion:no-preference){.letter-ink .ink-trace,.written:not(.still) .ink-trace{opacity:1;stroke-dasharray:1;stroke-dashoffset:1;animation:ink-trace var(--t) cubic-bezier(.45,0,.55,1) var(--d) forwards,ink-settle .56s ease calc(var(--draw) - 60ms) forwards}.letter-ink .ink-fill,.written:not(.still) .ink-fill{opacity:0;animation:ink-fill .56s ease calc(var(--draw) - .14s) forwards}}@keyframes ink-trace{to{stroke-dashoffset:0}}@keyframes ink-fill{to{opacity:1}}@keyframes ink-settle{to{opacity:0}}.fill-gap{display:inline-block;min-width:2.5em;border-bottom:2px solid var(--ink);line-height:1.1;text-align:center}.fill-gap.gloss{padding:0 .2em;font-family:var(--display);font-style:italic;font-size:.5em;color:var(--ink-2);min-width:5em}.fill-gap.filled{display:inline;border-bottom-color:transparent;min-width:0;color:var(--lacquer)}.fill-mark{font-style:italic}[data-scene=awning]{--bx: 52.6;--by: 21.5;--bw: 18;--bh: 14.9}[data-scene=bargain]{--bx: 32;--by: 15.5;--bw: 18;--bh: 25.1}[data-scene=bike]{--bx: 48.2;--by: 15.3;--bw: 15.5;--bh: 24.2}[data-scene=bill]{--bx: 47.9;--by: 19.4;--bw: 24.9;--bh: 23.8}[data-scene=birthday]{--bx: 48.3;--by: 23.4;--bw: 15.2;--bh: 16.8}[data-scene=cash]{--bx: 52.6;--by: 16.5;--bw: 23;--bh: 24.3}[data-scene=chicken]{--bx: 39.5;--by: 13.4;--bw: 17;--bh: 15.4}[data-scene=children]{--bx: 63.1;--by: 15.4;--bw: 20.2;--bh: 24.4}[data-scene=coffee]{--bx: 83.6;--by: 15.3;--bw: 23.8;--bh: 24.2}[data-scene=dinner]{--bx: 66.3;--by: 15.4;--bw: 19.1;--bh: 24.4}[data-scene=directions]{--bx: 57.3;--by: 24;--bw: 28.6;--bh: 24.4}[data-scene=door]{--bx: 53.8;--by: 20.4;--bw: 16.6;--bh: 19.4}[data-scene=dropoff]{--bx: 26.6;--by: 25.6;--bw: 19.8;--bh: 12.5}[data-scene=eaten]{--bx: 64.6;--by: 16.5;--bw: 22;--bh: 24.4}[data-scene=exit]{--bx: 57.5;--by: 15.3;--bw: 22.7;--bh: 19}[data-scene=from]{--bx: 21.7;--by: 15.5;--bw: 25.5;--bh: 25.1}[data-scene=fruit]{--bx: 61.1;--by: 13.1;--bw: 18.7;--bh: 18.1}[data-scene=headache]{--bx: 43.6;--by: 9.1;--bw: 22.6;--bh: 13.5}[data-scene=heat]{--bx: 38;--by: 19.4;--bw: 22.6;--bh: 17.8}[data-scene=help]{--bx: 71;--by: 18.7;--bw: 16.8;--bh: 19.3}[data-scene=hotel]{--bx: 61.3;--by: 15.3;--bw: 20.5;--bh: 24.2}[data-scene=howmuch]{--bx: 40.9;--by: 13.3;--bw: 15.6;--bh: 15.3}[data-scene=hungry]{--bx: 40.4;--by: 15.8;--bw: 19.3;--bh: 20.8}[data-scene=jasmine]{--bx: 41.5;--by: 13.9;--bw: 20.4;--bh: 18.1}[data-scene=laugh]{--bx: 26.6;--by: 10.1;--bw: 19.8;--bh: 14.9}[data-scene=left]{--bx: 40.7;--by: 20.1;--bw: 18;--bh: 16.9}[data-scene=lesssweet]{--bx: 40.3;--by: 13;--bw: 19.6;--bh: 18.2}[data-scene=mango]{--bx: 66.1;--by: 16;--bw: 15.5;--bh: 18.6}[data-scene=mototaxi]{--bx: 59.3;--by: 21.8;--bw: 19;--bh: 15.8}[data-scene=mum]{--bx: 25.8;--by: 15;--bw: 21.9;--bh: 25}[data-scene=name]{--bx: 60.9;--by: 15.3;--bw: 19.5;--bh: 24.2}[data-scene=noodles]{--bx: 35.3;--by: 13.1;--bw: 18.8;--bh: 18.6}[data-scene=nospicy]{--bx: 19.2;--by: 13.7;--bw: 20.3;--bh: 21.8}[data-scene=passenger]{--bx: 33.2;--by: 9.4;--bw: 23;--bh: 15.1}[data-scene=pharmacy]{--bx: 44.4;--by: 18.8;--bw: 24.7;--bh: 28.2}[data-scene=photo]{--bx: 56.9;--by: 13.8;--bw: 16.7;--bh: 16.7}[data-scene=praise]{--bx: 88.4;--by: 44.6;--bw: 21.4;--bh: 24.7}[data-scene=pretty]{--bx: 65.2;--by: 14;--bw: 20.3;--bh: 19.6}[data-scene=pricey]{--bx: 11.8;--by: 15.4;--bw: 20.2;--bh: 24.4}[data-scene=qr]{--bx: 75.9;--by: 14.9;--bw: 17.3;--bh: 17.9}[data-scene=scan]{--bx: 56.3;--by: 8.7;--bw: 19.5;--bh: 13.2}[data-scene=shake]{--bx: 40.4;--by: 10.4;--bw: 20.7;--bh: 15.6}[data-scene=slowly]{--bx: 50.6;--by: 22.2;--bw: 25.3;--bh: 18.6}[data-scene=sorry]{--bx: 40.4;--by: 10.8;--bw: 24.3;--bh: 16.9}[data-scene=spicy]{--bx: 36.7;--by: 23.7;--bw: 15.5;--bh: 17.4}[data-scene=stairs]{--bx: 50.9;--by: 15.3;--bw: 17.2;--bh: 24.2}[data-scene=stall]{--bx: 26.8;--by: 15.2;--bw: 19;--bh: 24.3}[data-scene=stop]{--bx: 36.4;--by: 8.5;--bw: 15.6;--bh: 12.9}[data-scene=table]{--bx: 50.7;--by: 25.3;--bw: 20.4;--bh: 24.2}[data-scene=tasty]{--bx: 67;--by: 26.9;--bw: 21.8;--bh: 17.2}[data-scene=tea]{--bx: 74.1;--by: 17.9;--bw: 12.6;--bh: 12.8}[data-scene=thanks]{--bx: 43.9;--by: 15.3;--bw: 20.5;--bh: 16.1}[data-scene=tired]{--bx: 40;--by: 17.4;--bw: 15.9;--bh: 12.5}[data-scene=toastie]{--bx: 20.7;--by: 22.1;--bw: 14.3;--bh: 12.8}[data-scene=toilet]{--bx: 9.6;--by: 18.8;--bw: 17.3;--bh: 23.8}[data-scene=tomorrow]{--bx: 24;--by: 14.3;--bw: 13;--bh: 15}[data-scene=tooth]{--bx: 46.4;--by: 12.2;--bw: 20.8;--bh: 18.2}[data-scene=umbrella]{--bx: 72.2;--by: 21.5;--bw: 22.2;--bh: 15.4}[data-scene=water]{--bx: 74.3;--by: 14.3;--bw: 20.5;--bh: 25}[data-scene=well]{--bx: 43.9;--by: 17;--bw: 21.9;--bh: 13.2}.course-reel{margin:0 0 14px;padding-top:14px;border-top:2px solid var(--ink)}.reel-line{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:end;column-gap:18px;margin:0}.reel-n{font-family:var(--display);font-size:44px;line-height:1;color:var(--lacquer)}.reel-name{font-family:var(--display);font-size:28px;line-height:1.2;text-wrap:balance}.reel-thai{font-family:var(--thai);font-size:28px;line-height:1.5;color:var(--ink-2)}.reel-rail{position:relative;display:flex;justify-content:space-between;align-items:center;height:44px;margin-top:8px;touch-action:pan-y;cursor:ew-resize}.reel-tick{width:2px;height:10px;background:var(--ink);opacity:.22}.reel-tick:nth-child(5n+1){height:18px}.reel-tick.past{opacity:.8}.reel-mark{position:absolute;left:0;top:50%;width:4px;height:28px;margin-top:-14px;background:var(--lacquer)}@media(prefers-reduced-motion:no-preference){.reel-tick{transition:opacity .4s ease}.reel-mark{transition:transform .6s var(--ease)}}.course-art{margin:0 0 6px;aspect-ratio:16 / 9;border:2px solid var(--ink);background:var(--paper)}.course-letter{display:grid;place-items:center}.course-letter .prompt-thai{margin:0;font-size:104px;line-height:1.3}.course-scene{position:relative;overflow:hidden;container-type:inline-size}.course-scene-art{display:block;width:100%;height:100%;object-fit:cover}.course-words{list-style:none;display:grid;align-content:center;gap:8px;padding:14px 20px}.course-words li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.word-thai{font-family:var(--thai);font-size:18px}.word-rom{font-family:var(--phonetic);font-size:16px;color:var(--word-rom)}.word-en{font-size:15px;color:var(--ink-3)}.word-due{margin-left:auto;font-size:15px;color:var(--lacquer)}.course-letter,.course-pools{position:relative;overflow:hidden;container-type:inline-size}.abc{position:absolute;top:0;right:0;bottom:0;left:0;--abc-size: min(52px, 14cqw, calc(118cqw / var(--n, 6)))}.abc-field,.abc-flyers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.abc-spot{position:absolute;transform:translate(-50%,-50%);opacity:.2}.abc-glyph{display:block;font-family:var(--thai);font-size:22px;line-height:1.6;color:var(--ink)}.abc-word{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:2px}.abc-lines{display:grid}.abc-thai,.abc-fly{margin:0;font-family:var(--thai);font-size:var(--abc-size);line-height:1.7;white-space:nowrap}.abc-thai{grid-area:1 / 1;color:var(--ink)}.abc-new{color:var(--lacquer)}.abc-c{display:inline-block;opacity:0}.abc-say{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;opacity:0}.abc-rom{font-family:var(--phonetic);font-size:18px;color:var(--word-rom)}.abc-en{font-size:15px;color:var(--ink-3)}.abc-fly{position:absolute;left:0;top:0;color:var(--lacquer);opacity:0;will-change:transform,opacity}.abc-still .abc-c,.abc-still .abc-say{opacity:1}.abc-still .abc-new{visibility:hidden}.course-scene[data-on] .day-layer{position:absolute;top:0;right:0;bottom:0;left:0}.day-c{display:inline-block;opacity:0}.course-pools .course-words{box-sizing:border-box;height:100%;margin:0}.course-pools[data-on] .course-words{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pools{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pool-name{margin:0;padding:8px 10px;font-size:15px;line-height:1.2;color:var(--ink-3)}.pool-name+.pool-name{border-left:1px solid var(--hair)}.pool-name.pool-due{color:var(--lacquer)}.pool-word{position:absolute;left:0;top:0;display:grid;white-space:nowrap}.pool-word .word-thai{font-size:16px;line-height:1.45}.pool-word .word-rom{font-size:15px;line-height:1.2}.pool-mark{position:absolute;left:-7px;top:4px;bottom:4px;width:3px;background:var(--lacquer);opacity:0}.pool-word.is-due .pool-mark{opacity:1}@container (max-width: 299px){.pool-word .word-rom{display:none}}@media(prefers-reduced-motion:no-preference){.abc-spot{animation:abc-drift var(--drift, 6s) ease-in-out var(--at, 0s) infinite alternate}[data-paused] .abc-spot{animation-play-state:paused}.pool-word{transition:transform .7s var(--ease)}.pool-mark{transition:opacity .3s ease}.pools-still .pool-word,.pools-still .pool-mark{transition:none}}@keyframes abc-drift{0%{transform:translate(-50%,calc(-50% + 4px)) rotate(-4deg)}to{transform:translate(-50%,calc(-50% - 4px)) rotate(4deg)}}@media(max-width:720px){.reel-line{grid-template-columns:2em minmax(0,1fr);align-items:center}.reel-n{grid-row:span 2;font-size:36px}.reel-name,.reel-thai{font-size:22px}}.course-lookup{position:relative;overflow:hidden;container-type:inline-size;display:grid;align-content:center;gap:18px;padding:0 9%}.lookup-field{display:flex;align-items:center;min-height:44px;margin:0;border-bottom:2px solid var(--ink);font-size:22px;line-height:1.3}.lookup-query{white-space:pre}.lookup-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;background:var(--lacquer)}.lookup-found{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;margin:0}.lookup-found .word-thai{font-size:min(48px,11cqw);line-height:1.5}.lookup-found .word-rom{font-size:20px}.lookup-found .word-en{flex-basis:100%;font-size:16px}@container (max-width: 299px){.lookup-field{font-size:18px;min-height:36px}.lookup-found .word-rom{flex-basis:100%;font-size:18px}}@media(prefers-reduced-motion:no-preference){.course-lookup[data-on]:not([data-paused]) .lookup-caret{animation:lookup-caret 1.1s steps(1) infinite}}@keyframes lookup-caret{50%{opacity:0}}.offline-art{display:block;padding:0;overflow:hidden}.offline-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:12px 16px}.offline-bar .logo{width:28px;height:28px;flex:none;display:block}.offline-card{padding:22px 24px 26px}.offline-say{margin:0;font-family:var(--display);font-style:italic;font-size:18px;color:var(--ink-2)}.offline-word{margin:4px 0 0;font-family:var(--display);font-weight:400;font-size:40px;line-height:1.1;letter-spacing:-.02em}[data-motion=offline][data-press] .net-sync{background:var(--ink);color:var(--paper)}.offline-stack{display:grid;align-content:center;gap:14px;padding:24px;background:linear-gradient(165deg,var(--wash-peach) 0%,var(--paper) 52%,var(--wash-green) 100%)}.offline-stack>.offline-bar{border:2px solid var(--ground-ink)}.offline-stack[data-beat=off]>.offline-bar:nth-child(1),.offline-stack[data-beat=send]>.offline-bar:nth-child(2),.offline-stack[data-beat=live]>.offline-bar:nth-child(3){border-color:var(--lacquer)}*{box-sizing:border-box}html{scroll-padding-top:88px}html,body{min-height:100%}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--ui);font-size:18px;line-height:1.45;caret-color:var(--lacquer);-webkit-font-smoothing:antialiased;touch-action:manipulation}body:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(8px + env(safe-area-inset-top,0px));background:var(--lacquer);z-index:4}a{color:inherit}h1,h2,h3,p{margin:0}h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,36px);line-height:1.15;text-wrap:balance}h3{font-family:var(--display);font-weight:400;font-size:22px;line-height:1.2}.lede{color:var(--ink-2);max-width:34em;text-wrap:pretty}.wrap{max-width:1280px;margin:0 auto;padding:0 max(32px,env(safe-area-inset-right,0px)) 0 max(32px,env(safe-area-inset-left,0px))}:root{--ring: var(--lacquer);--ink-band: var(--ink);--on-dark-2: color-mix(in srgb, var(--on-lacquer) 82%, var(--ink));--on-dark-3: color-mix(in srgb, var(--on-lacquer) 50%, var(--ink));--lacquer-shade: color-mix(in srgb, var(--lacquer) 94%, var(--ground-ink))}html[data-stuck] .site-bar,.sitting,.close,.site-foot{--ring: var(--on-lacquer)}html[data-stuck] .site-bar{--press-line: color-mix(in srgb, var(--on-lacquer) 70%, var(--lacquer))}:focus-visible,.text-btn:focus-visible,.btn:focus-visible,.strip-k:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.roman-field:focus-visible,.signin-field:focus-visible{outline:none}@property --site-bar-top{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --site-bar-foot{syntax: "<color>"; inherits: false; initial-value: transparent;}.site-bar{position:sticky;top:0;z-index:5;padding-top:8px;--site-bar-top: transparent;--site-bar-foot: transparent;background:linear-gradient(to bottom,var(--site-bar-top),var(--site-bar-foot));transition:--site-bar-top .42s var(--ease),--site-bar-foot .42s var(--ease)}html[data-stuck] .site-bar{--site-bar-top: var(--lacquer-shade);--site-bar-foot: var(--lacquer)}@media(min-width:721px),(max-height:600px){.consent[data-where=top]{position:static;max-width:none;margin:12px 32px 0;box-shadow:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}.consent[data-where=top] .consent-text{margin:0;max-width:56em}}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-marks{position:relative;width:var(--mark);height:var(--mark);flex:none}.logo-marks .logo-mark{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .42s var(--ease)}.logo-marks .logo-mark-bar,html[data-stuck] .nav .logo-marks .logo-mark{opacity:0}html[data-stuck] .nav .logo-marks .logo-mark-bar{opacity:1}html[data-stuck] .nav .wordmark{--ink: var(--on-lacquer);--word-rom: var(--on-lacquer);color:var(--on-lacquer)}.wordmark{--th: 26px;--rom: 16px;--mark: calc(var(--th) + var(--rom) * 1.05);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;line-height:1.05;text-decoration:none;color:var(--ink);white-space:nowrap;flex-shrink:0}.logo-mark{display:block;width:var(--mark);height:var(--mark);flex:none}.wordmark-name{display:flex;flex-direction:column;align-items:flex-start}.wordmark-th{font-family:var(--wordmark);font-size:var(--th);font-weight:400;line-height:1;color:var(--ink)}.wordmark-rom{font-family:var(--phonetic);font-synthesis:none;font-size:var(--rom);line-height:1.05}.nav-links{display:flex;align-items:center;gap:28px;font-size:16px}.nav-login{position:relative}.nav-short{display:none}.nav-links a:not(.btn){color:var(--ink-2);text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.nav-links a:not(.btn):active{color:var(--ink);text-decoration-color:var(--lacquer)}@media(hover:hover){.nav-links a:not(.btn):hover,.nav-links a:not(.btn):active{color:var(--ink);text-decoration-color:var(--lacquer)}}html[data-stuck] .nav-links a:not(.btn){color:color-mix(in srgb,var(--on-lacquer) 82%,var(--lacquer))}html[data-stuck] .nav-links a:not(.btn):active{color:var(--on-lacquer);text-decoration-color:var(--on-lacquer)}@media(hover:hover){html[data-stuck] .nav-links a:not(.btn):hover{color:var(--on-lacquer);text-decoration-color:var(--on-lacquer)}}html[data-stuck] .nav-login .btn.secondary{border-color:var(--on-lacquer);color:var(--on-lacquer);background:transparent}html[data-stuck] .nav-login .btn.secondary:active:not(:disabled){background:var(--on-lacquer);color:var(--ink);border-color:var(--on-lacquer)}@media(hover:hover){html[data-stuck] .nav-login .btn.secondary:hover:not(:disabled),html[data-stuck] .nav-login .btn.secondary:active:not(:disabled){background:var(--on-lacquer);color:var(--ink);border-color:var(--on-lacquer)}}.nav .nav-wait{display:none}html[data-stuck] .nav .nav-wait{display:grid;position:relative;width:auto;justify-items:end}html[data-session=in] .nav .nav-wait{display:none}html[data-session=in]:not([data-stuck]) .nav-login{display:none}html[data-account] .nav .nav-signup,html[data-account]:not([data-account-settled]) .nav-login,html[data-account]:not([data-account-settled]) .nav .nav-wait{display:none!important}@media(max-width:480px){html[data-account]:not([data-stuck]) .nav-login{display:none}}.nav-account{position:relative;display:flex;align-items:center}.nav-account[hidden]{display:none}.nav-account-key{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0 2px;border:0;background:none;color:var(--ink);font-family:var(--ui);font-size:16px;cursor:pointer}.nav-account-face{display:grid;place-items:center;flex:none;width:32px;height:32px;box-sizing:border-box;border:2px solid var(--ink);border-radius:2px;overflow:hidden;background:var(--paper-raised);font-family:var(--display);font-size:18px;line-height:1}.nav-account-face img{display:block;width:100%;height:100%;object-fit:cover}.nav-account-face [hidden]{display:none}.nav-account-name{max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.nav-account-key:hover .nav-account-name{text-decoration:underline;text-decoration-color:var(--lacquer);text-underline-offset:4px}}html[data-stuck] .nav-account-key{color:var(--on-lacquer)}html[data-stuck] .nav-account-face{border-color:var(--on-lacquer);color:var(--ink)}html[data-stuck] .nav-account-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:720px){.nav-account-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.nav-account-menu{--ring: var(--lacquer);position:absolute;top:calc(100% + 8px);right:0;z-index:6;display:grid;width:max-content;min-width:14em;max-width:min(24em,calc(100vw - 32px));padding:8px 0;background:var(--paper);border:2px solid var(--ink);border-radius:2px}.nav-account-menu[hidden]{display:none}.nav-account-who{padding:4px 16px 8px;color:var(--ink-2);font-size:15px;overflow-wrap:break-word}html .nav-links .nav-account-menu :is(a,button).nav-account-item{display:flex;align-items:center;min-height:44px;margin:0;padding:0 16px;border:0;background:none;color:var(--ink);font-family:var(--ui);font-size:16px;text-align:left;text-decoration:none;cursor:pointer}html .nav-links .nav-account-menu :is(a,button).nav-account-item[hidden]{display:none}html .nav-links .nav-account-menu :is(a,button).nav-account-item:active{color:var(--ink);text-decoration-color:var(--lacquer)}@media(hover:hover){html .nav-links .nav-account-menu :is(a,button).nav-account-item:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lacquer);text-underline-offset:4px}}.open-course{display:none}html[data-session=in] .open-course{display:inline-flex}html[data-session=in] form.waitlist:not(.nav-wait),html[data-session=in] .plans-join{display:none}.cell.title .open-course{margin-top:auto;width:100%;height:48px;font-size:18px}.close-copy .open-course{height:48px;padding:0 22px;font-size:18px}.choose-plan,.nav .nav-signup{display:none}html[data-sales=open] form[data-waitlist],html[data-sales=open] .nav .nav-wait,html[data-sales=open] .plans-join{display:none!important}html[data-sales=open]:not([data-session=in]) .choose-plan{display:inline-flex}html[data-sales=open][data-stuck]:not([data-session=in]) .nav .nav-signup{display:inline-flex}@media(min-width:520px){html[data-sales=open]:not([data-session=in]) .nav .nav-signup{display:inline-flex}html:not([data-sales=open]):not([data-sales-settled]):not([data-session=in]) .nav .nav-signup{display:inline-flex;visibility:hidden}}.cell.title .choose-plan{margin-top:auto;width:100%;height:48px;font-size:18px}.close-copy .choose-plan{height:48px;padding:0 22px;font-size:18px}html[data-stuck] .nav-join,html[data-stuck] .nav-signup,html[data-stuck] .nav-login .btn.commit{white-space:nowrap;background:var(--on-lacquer);color:var(--lacquer);border:2px solid var(--on-lacquer)}html[data-stuck] .nav-join.btn.commit:active:not(:disabled),html[data-stuck] .nav-signup.btn.commit:active:not(:disabled),html[data-stuck] .nav-login .btn.commit:active:not(:disabled){background:var(--paper-raised);border-color:var(--paper-raised);color:var(--lacquer)}@media(hover:hover){html[data-stuck] .nav-join.btn.commit:hover:not(:disabled),html[data-stuck] .nav-join.btn.commit:active:not(:disabled),html[data-stuck] .nav-signup.btn.commit:hover:not(:disabled),html[data-stuck] .nav-signup.btn.commit:active:not(:disabled),html[data-stuck] .nav-login .btn.commit:hover:not(:disabled),html[data-stuck] .nav-login .btn.commit:active:not(:disabled){background:var(--paper-raised);border-color:var(--paper-raised);color:var(--lacquer)}}.site-bar :is(a,button,input){scroll-margin-top:-88px}html[data-stuck] .nav .nav-wait[data-open]{width:auto}html[data-stuck] .nav .nav-wait[data-open] [data-waitlist-open]{display:inline-flex}html[data-stuck] .nav .nav-wait .waitlist-row [data-waitlist-note]{grid-column:1 / -1}html[data-stuck] .nav .nav-wait[data-open] .waitlist-row{position:absolute;top:calc(100% + 10px);right:0;z-index:6;width:min(340px,calc(100vw - 40px));padding:20px;background:var(--paper);border:2px solid var(--ink);color:var(--ink);--ring: var(--lacquer)}html:not([data-comic]) .comic .cell[data-slot]:not([data-hero]){visibility:hidden}.wrap:has(>.comic){container-type:inline-size;container-name:comic;max-width:none}body:has(.comic) .nav.wrap{max-width:none}.comic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:12px;margin:12px 0 0;list-style:none;padding:0}.cell{position:relative;aspect-ratio:16 / 9;border:2px solid var(--ink);background:var(--paper);overflow:hidden;container-type:inline-size;min-width:0}.cell.title{aspect-ratio:auto;grid-row:span 2}.comic[data-layout=right] .cell.title{grid-column:-2 / -1}@container comic (min-width: 1148px){.comic{grid-template-columns:repeat(3,minmax(0,1fr))}.cell[data-slot="0"]{grid-column:span 2;grid-row:span 2}.cell[data-slot="7"]{display:none}}@container comic (max-width: 1147px){.cell[data-slot="2"],.cell[data-slot="3"],.cell[data-slot="4"],.cell[data-slot="5"],.cell[data-slot="6"],.cell[data-slot="7"]{display:none}}@container comic (max-width: 683px){.cell[data-slot="0"],.cell[data-slot="1"],.cell[data-slot="2"]{display:block;grid-column:span 2}.cell.title,.comic[data-layout=right] .cell.title{grid-column:1 / -1;grid-row:auto}}.panel{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.panel img,.try-art,.close-art{display:block;width:100%;height:100%;object-fit:cover}.panel:focus-visible{outline-offset:-4px}.caption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:10px 12px 12px;background:var(--paper);border-top:2px solid var(--ink);transform:translateY(100%)}.caption .rom{font-size:clamp(15px,7cqw,20px);color:var(--ink)}.caption .en{font-size:15px;color:var(--ink-2)}.panel:focus-visible .caption{transform:none}@media(hover:hover){.panel:hover .caption{transform:none}}@media(hover:none){.caption{transform:none}}.cell[data-slot="0"] .caption{transform:none}.cell.title{display:flex;flex-direction:column;justify-content:center;padding:6%;min-width:0}.cell.title h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,13cqw,6rem);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;margin-bottom:5cqw}.cell.title h1 em{font-style:italic;font-weight:400;color:var(--lacquer);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--lacquer);text-decoration-skip-ink:auto;text-underline-offset:.22em}.cell.title .waitlist{margin-top:auto;width:100%}.cell.title .waitlist [data-waitlist-open],.cell.title .waitlist button[type=submit]{width:100%;height:48px;font-size:18px}.cell.title .waitlist[data-open] .waitlist-row{grid-template-columns:minmax(0,1fr)}.cell.title .waitlist-row button[type=submit]{margin-top:8px}@container comic (min-width: 684px){.cell.title .waitlist [data-waitlist-open]{display:none}.cell.title .waitlist .waitlist-row{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch}.cell.title{display:grid;grid-template-rows:1fr auto auto 1fr auto}.cell.title h1{grid-row:2}.cell.title>.lede{grid-row:3}.cell.title .waitlist,.cell.title .open-course,.cell.title .choose-plan{grid-row:5;margin-top:0}.cell.title noscript{grid-row:6}}.cell.title .lede{font-size:clamp(15px,5cqw,24px);line-height:1.4}.cell.title>.lede{margin-bottom:5cqw}.waitlist{display:grid;gap:8px;justify-items:start;position:relative}.waitlist-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.waitlist-row{display:none;width:100%}.waitlist[data-open]{width:100%}.waitlist[data-open] [data-waitlist-open]{display:none}.waitlist[data-open] .waitlist-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end}.waitlist-row .signin-label{grid-column:1 / -1}.waitlist[data-sent] .signin-label,.waitlist[data-sent] .signin-field{display:none}.waitlist[data-sent] .waitlist-row{grid-template-columns:auto;width:auto;justify-self:start}.waitlist[data-sent] .btn.commit{opacity:1;cursor:default;justify-self:start}.waitlist[data-sent] [data-waitlist-note]{order:-1;color:var(--ink-2)}.signin-label{font-size:var(--field-label);color:var(--ink-2)}.signin-field{width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid var(--ink);border-radius:0;padding:0 0 10px;font-size:var(--field-text);line-height:1.45;outline:none;color:var(--ink)}.signin-field:focus{border-bottom-color:var(--lacquer)}.close .signin-field:focus{border-bottom-color:var(--lacquer-on-ink)}.close .signin-field{caret-color:var(--lacquer-on-ink)}.close .signin-miss:not([data-plain]){color:var(--lacquer-on-ink)}.signin-miss{min-height:0;color:var(--lacquer);font-size:15px}.signin-miss[data-plain]{color:var(--ink-2)}.signin-miss:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-waitlist-note]:focus{outline:none}.section{padding-top:88px}.section-head{display:grid;gap:12px;max-width:40em;margin-bottom:36px}.sitting{margin-top:72px;padding:72px 0;background:var(--navy);color:var(--on-lacquer)}.sitting+.close{margin-top:0}.sitting-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,480px);gap:32px 56px;align-items:center}.sitting .section-head{margin-bottom:0;gap:28px}.sitting .btn.commit{justify-self:start;text-decoration:none}#preview .section-head .btn.commit{height:48px;padding:0 22px;font-size:18px}.sitting-panel{margin:0;aspect-ratio:16 / 9;border:2px solid var(--on-lacquer);overflow:hidden}.sitting-panel img{display:block;width:100%;height:100%;object-fit:cover}.try-sheet{border:2px solid var(--ink);padding:36px 32px 40px}#try .lede{max-width:none}.try{display:grid;grid-template-columns:minmax(0,560px) minmax(0,520px);gap:48px;align-items:stretch}.try-panel{position:relative;align-self:start;aspect-ratio:16 / 9;border:2px solid var(--ink);container-type:inline-size;overflow:hidden}.try-art{height:100%}.try-desk{display:flex;min-width:0;max-width:560px;min-height:100%}.try-stage{flex:1;display:flex;flex-direction:column;gap:28px;width:100%;min-height:100%;padding:8px 0 4px 28px;border-left:2px solid var(--ink)}.try-copy{flex:1;display:grid;align-content:center;gap:12px}.try-act{display:grid;gap:16px}.try-go,.try-next{display:flex;justify-content:flex-end}.try[data-phase=look] .try-stage{justify-content:center}.try[data-phase=look] .try-copy{flex:none}.try[data-phase=look] .try-go{justify-content:flex-start}.try[data-phase=look] .try-go .btn{height:48px;padding:0 22px;font-size:18px}.try .prompt{font-size:18px;color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}.prompt-tools{display:inline-flex;align-items:baseline;gap:8px 22px}#try-card .prompt-tools .hear-mark{width:20px;height:18px}.try-rom{font-size:clamp(28px,3vw,36px);line-height:1.2}.try-en{font-family:var(--display);font-size:clamp(32px,3.4vw,44px);line-height:1.15;text-wrap:balance}.try .answer-form{margin-top:0}.try .roman-field{font-size:34px}.try .feedback{margin-top:4px}.try .slip-line{margin:0;font-size:28px;line-height:1.2}.try-keys{grid-column:1 / -1;grid-row:4;margin:10px 0 0;max-width:34em;color:var(--ink-2);font-size:15px;text-wrap:pretty}.try-keys-touch{display:none}.try .answer-form>.try-note{display:none}.try-act:has(.try-next){grid-template-columns:minmax(0,1fr) auto;align-items:baseline}@media(max-width:720px){.try-act:has(.try-wait){grid-template-columns:minmax(0,1fr)}}.try-pair{display:grid;gap:4px;padding:8px 0 4px}.try-pair .pair-line{font-size:30px}.try-pair .pair-line.rom{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 20px}.try-pair .prompt-tools{font-family:var(--ui);font-size:18px;font-size-adjust:none}.try-pair .pair-line.thai{font-size:34px}.try-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 22px}.try-wait{font-size:16px;white-space:nowrap}.plans{--plans: 960px;text-align:center}.plans .section-head{width:min(var(--plans),100%);max-width:var(--plans);margin-inline:auto;margin-bottom:28px}.plans .lede{max-width:none}.plans-offer{display:grid;grid-template-columns:minmax(320px,5fr) minmax(0,7fr);gap:12px;text-align:left}.plans-offer[hidden]{display:none}.plans-ride{aspect-ratio:auto}.plans-ride .panel{position:relative;inset:auto;aspect-ratio:16 / 9}.plans-ride .balloon{--em: 4.76}.plans-ride .caption{position:static;transform:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}.plans-ride .caption .rom{font-size:18px}.plans-offer-words{display:flex;flex-direction:column;justify-content:center;gap:12px;margin:0;padding:24px 28px;border:2px solid var(--ink);background:var(--paper)}.plans-offer-words>span:first-child{font-family:var(--display);font-size:28px;line-height:1.15;color:var(--ink);text-wrap:balance}.plans-offer-words>span+span{font-size:18px;color:var(--ink-2)}.plan-cards{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:min(var(--plans),100%);max-width:var(--plans);text-align:left}.plan-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;min-width:0}.plan-kicker,.plan-recommend{margin:0;min-height:22px;font-family:var(--ui);font-size:15px;font-weight:400;line-height:1.45}.plan-recommend{display:flex;align-items:center;gap:8px;width:fit-content;padding-left:8px;color:var(--ink)}.plan-recommend-word{text-decoration:underline;text-decoration-color:var(--lacquer);text-decoration-thickness:2px;text-underline-offset:4px}.plan-star{display:block;flex:none;width:16px;height:16px;color:var(--lacquer);fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.plan-card{container-type:inline-size;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:4px;padding:28px 30px 30px;border:2px solid var(--ink);background:var(--paper)}.plan-card [data-buy],.plan-card [data-member-key],.plan-card .plan-buy{align-self:end}.plan-card [data-member-key]{justify-self:start;margin-top:20px;height:auto;min-height:36px;padding-block:8px;line-height:1.25;text-align:center;text-wrap:balance}.plan-card>.plan-holds{grid-row:4}.plan-card>:is([data-buy],[data-member-key],.plan-buy,.plan-pick){grid-row:5}.plan-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 14px}.plan-now{font-family:var(--display);font-size:min(72px,22cqw);line-height:1;letter-spacing:-.01em}.plan-was{color:var(--ink-3);font-size:18px}.plan-was s{font-family:var(--display);font-size:22px;text-decoration:line-through;text-decoration-color:var(--lacquer);text-decoration-thickness:2px}.plan-note{color:var(--ink-2);font-size:18px;max-width:24em}.plan-note .word-name,.plan-why .word-name{color:var(--word-rom)}.plan-holds{display:grid;align-content:start;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--hair)}.plan-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plan-list li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:12px;align-items:start;font-size:16px;line-height:1.45;text-wrap:pretty}.plan-check{display:block;width:16px;height:16px;margin-top:calc((1lh - 16px)/2);fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter}.plan-why{margin:0;font-family:var(--display);font-style:italic;font-size:20px;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.plans-foot{margin:22px auto 0;color:var(--ink-2);font-size:16px;width:min(var(--plans),100%);max-width:var(--plans);text-align:left}.plans-join{margin-top:28px;height:48px;padding:0 22px;font-size:18px}.plans [hidden]{display:none}.plan-card--mine{border-color:var(--lacquer);background:var(--wash-peach)}.plans[data-member=year] .plan-cards{align-items:start}.plans:is([data-member=forever],[data-member=comp]) .plan-cards{grid-template-columns:minmax(0,1fr);width:min(560px,100%)}.plans-offer-words [data-share]{align-self:flex-start}.plans-offer-words span[data-share]{min-height:1.45em;margin-top:-4px;font-size:15px;line-height:1.45;color:var(--ink-3)}@media(max-width:719px){.plan-cards{grid-template-columns:minmax(0,1fr);gap:16px}.plans-offer{grid-template-columns:minmax(0,1fr)}.plans-offer-words{padding:20px}.plan-kicker{display:none}.plan-kicker[data-member]{display:flex}.plan-card{padding:22px 22px 24px}.plan-now{font-size:min(60px,22cqw)}}html[data-doors] form[data-waitlist],html[data-doors] .nav .nav-wait{display:none!important}html[data-doors] .plans-join{display:none}.plan-card [data-buy],.plan-buy{margin-top:18px;justify-self:start}.plans-status{margin:14px auto 0;color:var(--lacquer);font-size:16px;width:min(var(--plans),100%);max-width:var(--plans);text-align:left}.plans-status:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.doors-paid{display:grid;gap:14px;justify-items:start;max-width:680px;margin:28px auto 0;padding:22px 24px;border:2px solid var(--ink);background:var(--paper);font-size:20px}.doors-paid:focus{outline:none}.close,.site-foot{background:var(--ink-band);color:var(--on-lacquer);--paper: var(--ink-band);--ink: var(--on-lacquer);--ink-2: var(--on-dark-2);--ink-3: var(--on-dark-3);--hair: color-mix(in srgb, var(--on-lacquer) 16%, transparent);--word-rom: color-mix(in srgb, var(--lacquer) 55%, var(--on-lacquer))}.close{margin-top:72px;padding:80px 0 0}.site-foot{padding:72px 0 calc(48px + env(safe-area-inset-bottom,0px))}.site-foot .footer{margin-top:0}.close-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px 72px;align-items:center}.close-art{border:2px solid var(--ink);aspect-ratio:16 / 9;height:auto}.close-copy{display:grid;gap:28px;max-width:520px}.close-line{font-family:var(--display);font-size:clamp(30px,3.2vw,42px);line-height:1.12;text-wrap:balance}.close-copy .btn.commit{justify-self:start;text-decoration:none}.close-copy [data-waitlist-open]{height:48px;padding:0 22px;font-size:18px}.footer{margin-top:72px;padding-top:32px;border-top:1px solid var(--hair);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:36px 48px;font-size:15px;color:var(--ink-2)}.footer .wordmark{--th: 26px;justify-self:start}.footer-ways{display:flex;flex-wrap:wrap;justify-content:flex-end;column-gap:28px}.footer-ways>p{display:flex;flex-wrap:wrap;column-gap:28px}.footer-ways a,.footer-ways .text-btn,.footer-credits a{color:var(--ink-2);text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.footer-ways a:active,.footer-ways .text-btn:active,.footer-credits a:active{color:var(--ink);text-decoration-color:var(--word-rom)}@media(hover:hover){.footer-ways a:hover,.footer-ways .text-btn:hover,.footer-ways .text-btn:active,.footer-credits a:hover,.footer-credits a:active{color:var(--ink);text-decoration-color:var(--word-rom)}}.footer-ways [aria-current=page]{color:var(--ink);text-decoration-color:var(--word-rom);text-decoration-thickness:2px;cursor:default}.footer-contact a{color:var(--lacquer-on-ink);text-decoration-color:var(--lacquer-on-ink)}.footer-contact a:active{color:var(--ink)}@media(hover:hover){.footer-contact a:hover,.footer-contact a:active{color:var(--ink)}}.footer-credits{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 48px;color:var(--ink-3)}@media(max-width:759px){.footer{grid-template-columns:minmax(0,1fr);gap:20px}.footer-ways{justify-content:flex-start;column-gap:24px}.footer-ways>p{column-gap:24px}.footer-credits{flex-direction:column;margin-top:8px}}.legal{max-width:720px;padding:48px max(32px,env(safe-area-inset-right,0px)) 72px max(32px,env(safe-area-inset-left,0px))}.legal.wrap{padding-block:48px 72px}.legal h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,6vw,44px);line-height:1.05;margin:0 0 16px}.legal h2{margin:36px 0 10px;font-size:28px}.legal p,.legal li{max-width:38em}.legal p+p{margin-top:12px}.legal ul{margin:8px 0 0;padding-left:1.15em}.legal li{margin:8px 0}.legal a,.plans-foot a{color:var(--ink-2);text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.legal a:active,.plans-foot a:active{color:var(--ink);text-decoration-color:var(--lacquer)}@media(hover:hover){.legal a:hover,.legal a:active,.plans-foot a:hover,.plans-foot a:active{color:var(--ink);text-decoration-color:var(--lacquer)}}.legal code{font-family:var(--ui);font-weight:500}.legal .meta{margin-top:40px;color:var(--ink-3);font-size:15px}.legal-foot{margin-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.btn{position:relative}.btn:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.wordmark,.nav-links a:not(.btn),.try-wait,.footer-legal a,.footer-contact a,.footer-choices .text-btn,.consent-act a{min-height:44px}.nav-links a:not(.btn),.try-wait,.footer-legal a,.footer-contact a,.footer-choices .text-btn,.consent-act a{display:inline-flex;align-items:center}.signin-field{min-height:44px}.wordmark,.footer-legal a{min-width:44px}.footer-legal a{white-space:nowrap}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.cell{animation:ink-in .48s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}html[data-stuck] .nav-wait{animation:bar-join .42s var(--ease) backwards}.cell.title h1 em{animation:motto-speak 1.1s var(--ease) .42s both}.balloon{animation:letter-in .36s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms + .38s)}.try-panel .balloon{animation:letter-in .36s var(--ease) both}.caption{transition:transform .26s var(--ease)}}@keyframes ink-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes bar-join{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes motto-speak{0%{color:var(--ink);text-decoration-color:transparent}to{color:var(--lacquer);text-decoration-color:var(--lacquer)}}@keyframes letter-in{0%{opacity:0}to{opacity:1}}.cell.title h1 .hero-alt{display:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.cell.title h1[data-morph]{position:relative;--morph-ms: .8s;--morph-blur: 6px;--morph-lag: .16s;--cap: 12cqw}.cell.title h1[data-morph] [data-part]{transition:opacity var(--morph-ms) var(--ease),filter var(--morph-ms) var(--ease)}.cell.title h1[data-morph]>[data-part=lacquer]{transition-delay:var(--morph-lag)}.cell.title h1[data-morph] .hero-alt{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-style:normal;font-synthesis:none;letter-spacing:0;line-height:1.08}.cell.title h1[data-morph] .hero-rom{font-family:var(--phonetic);--fit: .96;top:-.058em;right:0;bottom:.058em;left:0}.cell.title h1[data-morph] .hero-th{font-family:var(--wordmark);--fit: .96;top:.015em;right:0;bottom:-.015em;left:0}.cell.title h1[data-morph] .hero-alt [data-part]{font-size:min(calc(1em * var(--fit)),calc(var(--cap) * var(--fit)));opacity:0;filter:blur(var(--morph-blur))}.cell.title h1[data-morph] .hero-alt [data-part]:before{content:attr(data-t)}.cell.title h1[data-morph] .hero-alt [data-part=lacquer]{color:var(--lacquer);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--lacquer);text-decoration-skip-ink:auto;text-underline-offset:calc(.22em / var(--fit))}.cell.title h1[data-morph][data-stage=rom]>[data-part],.cell.title h1[data-morph][data-stage=th]>[data-part]{opacity:0;filter:blur(var(--morph-blur));transition-delay:0s}.cell.title h1[data-morph][data-stage=rom] .hero-rom [data-part],.cell.title h1[data-morph][data-stage=th] .hero-th [data-part]{opacity:1;filter:none}.cell.title h1[data-morph][data-stage=rom] .hero-rom [data-part=lacquer],.cell.title h1[data-morph][data-stage=th] .hero-th [data-part=lacquer]{transition-delay:var(--morph-lag)}}@media(prefers-reduced-motion:reduce){.site-bar,.logo-marks .logo-mark,.nav-wait{transition:none;animation:none}}@media(max-width:1199px){.try,.close-grid{grid-template-columns:minmax(0,1fr)}.try-panel,.close-art{max-width:560px}}@media(max-width:720px)and (min-height:601px){.footer{padding-bottom:var(--consent-room, 0px)}html:has(.consent[data-where=top]){scroll-padding-bottom:calc(var(--consent-room, 0px) + 32px + env(safe-area-inset-bottom,0px))}}@media(max-width:720px){.wrap{padding:0 max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px))}.nav-links{gap:14px;font-size:15px}.nav-login .btn{padding:0 12px}.section{padding-top:64px}.sitting-grid{grid-template-columns:minmax(0,1fr)}.try-sheet{padding:24px 20px 28px}.try-panel,.close-art{max-width:none}.try[data-phase=write]{gap:16px;align-items:start}.try[data-phase=write] .try-panel{width:min(36vw,140px);max-width:min(36vw,140px)}.try[data-phase=write] .try-stage{padding-left:0;border-left:none;gap:12px;min-height:0}.try[data-phase=write] .try-en{font-size:clamp(22px,5.2vw,28px)}.try[data-phase=write] .try-copy{gap:8px}.try[data-phase=write] .try-act{gap:10px}.try .answer-form{column-gap:12px}.try .answer-form>.btn.commit{grid-column:2;grid-row:1;margin-bottom:2px}.try .answer-form>.try-note{display:block;grid-column:1 / -1;grid-row:3;margin-top:10px}.try-keys-wide{display:none}.try-keys-touch{display:block}.try[data-phase=write] .try-act .feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.close{margin-top:64px;padding-top:56px}}@media(max-width:599px){.comic{gap:10px}.nav-long{display:none}.nav-short{display:inline}.nav{gap:16px}html[data-stuck] .nav .wordmark-name,html[data-stuck] .nav .nav-preview,html[data-session=in] .nav .nav-preview,html[data-session=in] .nav .nav-wait{display:none}.try .roman-field{font-size:28px}html[data-stuck] .nav .nav-wait[data-open] .waitlist-row{position:fixed;top:82px;left:20px;right:20px;width:auto}}@media(max-width:349px){html[data-stuck]:not([data-session=in]) .nav .nav-login{display:none}}@media(max-width:359px){.nav .wordmark-name{display:none}}@media(max-width:720px){html[data-keyboard=open] #try .section-head,html[data-keyboard=open] .try[data-phase=write] .try-panel,html[data-keyboard=open] .try-keys{display:none}html[data-keyboard=open] .try[data-phase=write]{gap:0}html[data-keyboard=open] .try[data-phase=write] .try-stage{gap:8px;padding-top:0}html[data-keyboard=open] .try[data-phase=write] .prompt{font-size:15px;gap:6px 14px}html[data-keyboard=open] .site-bar{display:none}html[data-keyboard=open]{scroll-padding-top:12px}html[data-keyboard=open] .try-sheet{padding-top:16px;padding-bottom:16px}html[data-keyboard=open] #try.section{padding-top:16px}}.how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px}.how-step{display:grid;grid-row:span 3;grid-template-rows:subgrid}.how-frame{display:grid;align-content:center;gap:4px;padding:22px 24px;border:2px solid var(--ink);background:var(--paper)}.how-step h3{display:flex;align-items:baseline;gap:10px;margin-top:8px}.how-n{font-family:var(--display);font-size:22px;color:var(--lacquer)}.how-step>p{color:var(--ink-2);text-wrap:pretty}.how-rom{font-family:var(--phonetic);font-size:28px;line-height:1.7}.how-thai{font-family:var(--thai);font-size:20px;color:var(--ink-2)}.how-en{color:var(--ink-3);font-size:16px}.how-hear{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:8px;font-size:16px}.how-field{min-height:calc(1.4em + 10px);padding-bottom:10px;border-bottom:2px solid var(--lacquer);font-family:var(--phonetic);font-size:28px;line-height:1.4}.how-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.12em;background:var(--lacquer)}.how-keys{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:12px}.how-keys .strip-group{gap:8px 16px}@media(max-width:520px){.how-keys .strip-group{gap:0 4px}.how-keys .strip-k.pressed{border-color:var(--lacquer)}}@media(min-width:385px)and (max-width:520px){.how-keys{flex-wrap:nowrap;gap:0 12px}.how-keys .strip-group{flex:1 1 0}}.how-keys .strip-k{transition:color .16s var(--ease)}.how-keys .strip-k.pressed,.how-keys .strip-k.pressed .pop-k{color:var(--lacquer)}.how-keys .strip-k.pressed .rom{text-decoration-color:var(--lacquer);text-decoration-thickness:2px}.how-waiting{color:var(--ink-3)}.how-said{color:var(--lacquer);font-size:16px;text-wrap:pretty}.how-note{margin-top:28px;max-width:40em;color:var(--ink-2);text-wrap:pretty}.course-figures{list-style:none;margin:0 0 48px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.course-figures li{display:grid;gap:6px;align-content:end;padding-top:14px;border-top:2px solid var(--ink)}.course-figure{font-family:var(--display);font-size:clamp(56px,7vw,88px);line-height:1;letter-spacing:-.01em}.course-figure-about{display:block;margin-bottom:6px;font-family:var(--ui);font-size:16px;letter-spacing:0;color:var(--ink-3)}.course-figure-label{color:var(--ink-2)}.course-levels{list-style:none;margin:0 0 56px;padding:0;columns:3;column-gap:40px}.course-all{margin:0 0 56px}.course-all summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font-size:18px;color:var(--ink-2);text-decoration-line:underline;text-decoration-color:var(--press-line);text-decoration-thickness:1px;text-underline-offset:.28em}.course-all summary::-webkit-details-marker{display:none}.course-all summary:after{content:"";width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--lacquer);border-bottom:2px solid var(--lacquer);transform:rotate(45deg)}.course-all[open] summary:after{margin-top:4px;transform:rotate(225deg)}.course-all summary:active{color:var(--ink);text-decoration-color:var(--lacquer)}@media(hover:hover){.course-all summary:hover{color:var(--ink);text-decoration-color:var(--lacquer)}}.course-all summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.course-all .course-levels{margin:14px 0 0}.course-levels li{display:grid;grid-template-columns:2em minmax(0,1fr) auto;align-items:baseline;gap:10px;padding:7px 0;border-top:1px solid var(--hair);break-inside:avoid}.level-n{font-family:var(--display);color:var(--lacquer)}.level-thai{font-family:var(--thai);font-size:16px;color:var(--ink-3)}.course-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.course-card{display:grid;grid-template-rows:auto auto 1fr;gap:10px;align-content:start}.course-card>p{color:var(--ink-2);text-wrap:pretty}@media(prefers-reduced-motion:no-preference){html[data-moments] .how-steps[data-moments]:not(.seen) .how-step,html[data-moments] .course-figures:not(.seen) li,html[data-moments] .course-cards:not(.seen) .course-card,html[data-moments] .how-said:not(.on){opacity:0}.how-steps.seen .how-step,.course-figures.seen li,.course-cards.seen .course-card{animation:ink-in .48s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}.course-all[open] .course-levels li{animation:ink-in .42s var(--ease) both;animation-delay:calc(var(--i, 0) * 30ms)}.how-said.on{animation:letter-in .42s var(--ease) .3s both}}@media(max-width:1000px){.course-levels{columns:2}}.legal .word-name{color:var(--word-rom)}.legal .about-sign{margin-top:20px;font-family:var(--display);font-style:italic;font-size:20px}.faq .section-head{margin-inline:auto;text-align:center}.faq-list{max-width:44em;margin-inline:auto;border-top:2px solid var(--ink)}.faq-list details{border-bottom:1px solid var(--hair)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font-family:var(--display);font-size:20px;line-height:1.3}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";flex:none;width:9px;height:9px;margin-right:4px;border-right:2px solid var(--lacquer);border-bottom:2px solid var(--lacquer);transform:rotate(45deg)}.faq-list details[open] summary:after{transform:rotate(225deg)}.faq-list details p{padding-bottom:20px;max-width:40em;color:var(--ink-2);text-wrap:pretty}@media(max-width:720px){.how-steps,.course-figures,.course-cards{grid-template-columns:minmax(0,1fr)}.course-figures{gap:0}.course-figures li{grid-template-columns:7.4em minmax(0,1fr);align-items:end;column-gap:14px;padding-block:12px;border-top-width:1px}.course-figure{font-size:44px}.course-levels{columns:1}.course-levels li{padding:5px 0}.faq-list summary{font-size:18px}}.phrase-crumbs{margin-bottom:8px;font-size:15px;color:var(--ink-3)}.phrase-card{display:grid;gap:6px;margin:8px 0 24px;padding:22px 26px 24px;border:2px solid var(--ink);background:var(--paper)}.legal .phrase-card p{margin:0;max-width:none}.phrase-thai{font-family:var(--thai);font-size:28px;line-height:1.35}.phrase-rom{font-family:var(--phonetic);font-size:28px;line-height:1.2;color:var(--word-rom)}.phrase-en{color:var(--ink-2)}.phrase .rom{font-family:var(--phonetic)}.legal .phrase-tones,.legal .phrase-lines,.legal .phrase-more ul,.legal .phrase-hub{list-style:none;padding-left:0}.phrase-line{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px}.phrase-line>:not(.phrase-who){grid-column:2}.phrase-who{grid-row:1 / span 3;font-family:var(--display);color:var(--lacquer)}.phrase-line-thai{font-family:var(--thai);font-size:20px}.phrase-line-en{color:var(--ink-3);font-size:16px}.phrase-try{margin-top:36px;padding:24px 26px 26px;border:2px solid var(--ink)}.legal .phrase-try h2{margin-top:0;font-size:22px}.phrase-try-keys{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px}.legal .phrase-try-keys .btn.commit{color:var(--on-lacquer);text-decoration:none}.legal .phrase-hub li{margin:0;border-top:1px solid var(--hair)}.legal .phrase-hub a{display:grid;gap:2px;padding:12px 0;text-decoration:none}.phrase-hub-name{font-family:var(--display);font-size:20px;color:var(--ink)}.phrase-hub-thai{font-family:var(--thai)}@media(hover:hover){.legal .phrase-try-keys .btn.commit:hover{color:var(--on-lacquer)}.legal .phrase-hub a:hover .phrase-hub-name{color:var(--lacquer)}}.offline-steps .how-frame{display:block;padding:0;overflow:hidden}.offline-steps[data-beat=off]>.how-step:nth-child(1) .how-frame,.offline-steps[data-beat=send]>.how-step:nth-child(2) .how-frame,.offline-steps[data-beat=live]>.how-step:nth-child(3) .how-frame{border-color:var(--lacquer)}.offline-install{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:24px}.offline-install .how-note{margin:0}.offline-install>.btn[hidden]{display:none}