:root{--paper: #f2ead8;--lacquer: #9a2b1f;--ink: #1c1710;--ink-2: #5a5146;--ink-3: #8a8074;--hair: rgba(28, 23, 16, .14);color-scheme:light;--display: "Brygada 1918", "Noto Serif Thai", "Iowan Old Style", Georgia, serif;--ui: "Onest", "Didact Gothic", "Noto Serif Thai", system-ui, sans-serif;--phonetic: "Didact Gothic", "Onest", "Noto Serif Thai", sans-serif;--thai: "Noto Serif Thai", serif;--rom-adjust: .5;--ease: cubic-bezier(.16, 1, .3, 1)}::selection{background:var(--lacquer);color:var(--paper)}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.4}.rom,.prompt-rom,.roman-field,.reveal,.strip-k,.pair-line.rom,.glyphs-tbl td,.tone-chart-rom{font-family:var(--phonetic);font-synthesis:none;font-size-adjust:var(--rom-adjust)}.thai{font-family:var(--thai)}.text-btn{color:var(--ink-2);text-underline-offset:3px}.text-btn:hover,.text-btn.current{color:var(--ink);text-decoration:underline}.btn.commit{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;background:var(--lacquer);color:var(--paper);border-radius:2px;font-size:16px;font-weight:500}.answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;position:relative}.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:center}.roman-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 16px 14px;font-size:36px;line-height:1.25;outline:none}.roman-field:focus-visible,.text-btn:focus-visible,.btn.commit:focus-visible,.pop-opt:focus-visible,.strip-k:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}.roman-field.en{font-family:var(--ui);font-size-adjust:none;font-size:28px;font-weight:400}.roman-field:focus{border-bottom-color:var(--lacquer)}.roman-field::placeholder{color:var(--ink-3)}.popover{display:flex;gap:16px;flex-wrap:wrap;padding:8px 0 4px;grid-column:1 / -1;position:absolute;left:0;right:0;top:4.6rem;z-index:2;background:var(--paper)}.pop-opt{display:inline-flex;gap:6px;align-items:baseline;color:var(--ink-2)}.pop-opt:hover{color:var(--ink)}.pop-k{font-size:14px;font-variant-numeric:tabular-nums}.strip{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;grid-column:1 / -1;min-height:28px}.strip-k{font-size:28px;color:var(--ink-2);line-height:1}.strip-k:hover{color:var(--ink)}.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:"Mali",var(--thai);font-weight:500;line-height:1.35;color:#1a1612;font-size:min(calc(var(--bw) * .7cqw / var(--em, 4)),calc(var(--bh) * .58cqw / var(--lines, 1) / 1.35));pointer-events:none}.pair-line{margin:0;color:var(--lacquer);font-family:var(--display);font-size:26px;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(--lacquer);vertical-align:.1em}.session-feedback.miss{color:var(--lacquer)}.hear-warn{color:var(--lacquer);font-size:15px}@media(max-width:520px){.roman-field{font-size:28px}.roman-field.en{font-size:24px}}[data-scene=bike]{--bx: 45.1;--by: 13.8;--bw: 34.3;--bh: 20.6}[data-scene=bill]{--bx: 41.8;--by: 17.7;--bw: 39.4;--bh: 22.1}[data-scene=cash]{--bx: 62.9;--by: 15.2;--bw: 37;--bh: 18.9}[data-scene=coffee]{--bx: 44.4;--by: 15.9;--bw: 36.3;--bh: 18.6}[data-scene=door]{--bx: 45;--by: 13.8;--bw: 34.3;--bh: 20.5}[data-scene=eaten]{--bx: 71.8;--by: 23.6;--bw: 31.3;--bh: 16.5}[data-scene=from]{--bx: 61.7;--by: 14.6;--bw: 40.1;--bh: 19.6}[data-scene=heat]{--bx: 36.7;--by: 21.4;--bw: 32.8;--bh: 18.8}[data-scene=help]{--bx: 42;--by: 14.9;--bw: 31.4;--bh: 16.7}[data-scene=hotel]{--bx: 43;--by: 14.5;--bw: 29;--bh: 16.6}[data-scene=howmuch]{--bx: 43.5;--by: 16.1;--bw: 35.2;--bh: 18.3}[data-scene=hungry]{--bx: 44.6;--by: 16.3;--bw: 35.7;--bh: 18.8}[data-scene=jasmine]{--bx: 61.3;--by: 16.2;--bw: 51.2;--bh: 23.6}[data-scene=laugh]{--bx: 26.5;--by: 16.2;--bw: 39.3;--bh: 19.3}[data-scene=left]{--bx: 47.2;--by: 14.5;--bw: 34;--bh: 15.4}[data-scene=mango]{--bx: 57.6;--by: 15.9;--bw: 40.4;--bh: 19.1}[data-scene=name]{--bx: 65.1;--by: 16.9;--bw: 37.2;--bh: 19.3}[data-scene=nospicy]{--bx: 39.2;--by: 15.8;--bw: 37.1;--bh: 19.4}[data-scene=passenger]{--bx: 47.6;--by: 14.1;--bw: 35.2;--bh: 15.2}[data-scene=pharmacy]{--bx: 44.2;--by: 15.6;--bw: 35.8;--bh: 18.2}[data-scene=praise]{--bx: 55.2;--by: 15.2;--bw: 40.9;--bh: 20.4}[data-scene=pricey]{--bx: 45.4;--by: 15.7;--bw: 35;--bh: 17.9}[data-scene=scan]{--bx: 60.7;--by: 16;--bw: 40;--bh: 20.3}[data-scene=slowly]{--bx: 49.4;--by: 15.4;--bw: 39.8;--bh: 19.8}[data-scene=sorry]{--bx: 44.8;--by: 13.6;--bw: 33.3;--bh: 18.5}[data-scene=stairs]{--bx: 43.9;--by: 16.5;--bw: 36;--bh: 17.7}[data-scene=stall]{--bx: 43.2;--by: 14.6;--bw: 42.1;--bh: 25.4}[data-scene=stop]{--bx: 44.7;--by: 19.1;--bw: 34.8;--bh: 17.2}[data-scene=table]{--bx: 42.3;--by: 15.8;--bw: 36.3;--bh: 19.3}[data-scene=tasty]{--bx: 57.8;--by: 17;--bw: 40.5;--bh: 21.1}[data-scene=tea]{--bx: 62.9;--by: 16;--bw: 33.2;--bh: 17}[data-scene=thanks]{--bx: 43.2;--by: 15.8;--bw: 35;--bh: 18.3}[data-scene=tired]{--bx: 43;--by: 18;--bw: 31.6;--bh: 17.1}[data-scene=toilet]{--bx: 44.4;--by: 15.7;--bw: 36.1;--bh: 19.1}[data-scene=tooth]{--bx: 31.6;--by: 18.6;--bw: 30.4;--bh: 17}[data-scene=umbrella]{--bx: 44.3;--by: 14.8;--bw: 31.4;--bh: 14.7}[data-scene=water]{--bx: 42.1;--by: 15.8;--bw: 34.6;--bh: 18.1}[data-scene=well]{--bx: 44.7;--by: 17.9;--bw: 27.4;--bh: 15.3}*{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}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:24px;line-height:1.2}.lede{color:var(--ink-2);max-width:34em;text-wrap:pretty}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}.nav{height:64px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink);white-space:nowrap;flex-shrink:0}.wordmark-th{font-family:"Fahkwang",var(--thai);font-size:26px;line-height:1}.wordmark-rom{font-family:var(--phonetic);font-synthesis:none;font-size:17px}.wordmark-rom b{font-weight:400;color:var(--lacquer)}.wordmark-swap{display:grid;align-items:baseline}.wordmark-swap>*{grid-area:1 / 1}.wordmark-en{font-family:var(--ui);font-size:17px;color:var(--ink-2);opacity:0;pointer-events:none}a.wordmark:hover .wordmark-rom,a.wordmark:focus-visible .wordmark-rom{opacity:0}a.wordmark:hover .wordmark-en,a.wordmark:focus-visible .wordmark-en{opacity:1}.nav-links{display:flex;align-items:center;gap:28px;font-size:16px}.nav-links a{color:var(--ink-2);text-decoration:none}.nav-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.ghost{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1.5px solid var(--ink);border-radius:2px;color:var(--ink);white-space:nowrap}.nav-links a.ghost{color:var(--ink)}.nav-links a.ghost:hover{background:var(--ink);color:var(--paper);text-decoration:none}html[data-session=in] .nav-links a.ghost{background:var(--lacquer);border-color:var(--lacquer);color:var(--paper)}html[data-session=in] .nav-links a.ghost:hover{background:var(--ink);border-color:var(--ink)}html:not([data-comic]) .comic{visibility:hidden}.wrap:has(>.comic){container-type:inline-size;container-name:comic;max-width:none}header.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:1;border:2px solid var(--ink);background:var(--paper);overflow:hidden;container-type:inline-size;min-width:0}.cell.title,.cell[data-slot="0"]{grid-column:span 2;grid-row:span 2}.comic[data-layout=right] .cell.title{grid-column:-3 / -1}@container comic (min-width: 684px){.comic{grid-template-columns:repeat(3,minmax(0,1fr))}}@container comic (min-width: 916px){.comic{grid-template-columns:repeat(4,minmax(0,1fr))}.cell[data-slot="0"]{grid-column:auto;grid-row:auto}}@container comic (min-width: 1148px){.comic{grid-template-columns:repeat(5,minmax(0,1fr))}.cell[data-slot="0"]{grid-column:span 2;grid-row:span 2}}@container comic (max-width: 915px){.cell[data-slot="0"]{grid-column:auto;grid-row:auto}.cell[data-wide],.cell[data-endwide]{grid-column:auto}.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"]{grid-column:span 2;grid-row:span 2}.cell[data-slot="1"]{display:none}.comic[data-phone=after] .cell[data-slot="0"]{order:0}.comic[data-phone=after] .cell.title{order:1}.comic[data-phone=after] .cell[data-slot]:not([data-slot="0"]){order:2}}.panel{display:block;position:absolute;top:0;right:0;bottom:0;left:0;color:inherit;text-decoration:none}.panel img,.try-art,.night-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%);transition:transform .26s var(--ease)}.caption .rom{font-size:clamp(13px,7cqw,20px);color:var(--ink)}.caption .en{font-size:clamp(12px,5.6cqw,15px);color:var(--ink-2)}.panel:hover .caption,.panel:focus-visible .caption{transform:none}.cell.title{display:flex;flex-direction:column;justify-content:center;gap:4cqw;padding:6%;min-width:0}.cell.title h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,12cqw,4rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.cell.title .waitlist{margin-top:auto;width:100%}.cell.title .waitlist .btn.commit:hover:not([data-waitlist-open]){filter:brightness(.92)}.cell.title [data-waitlist-open]{width:100%;height:80px;padding:0 32px;font-size:26px}.waitlist-label{display:grid;place-items:center}.waitlist-label>span{grid-area:1 / 1}.waitlist-rom,.waitlist-th{opacity:0}.waitlist-rom{font-family:var(--phonetic);font-synthesis:none;font-size-adjust:var(--rom-adjust)}.waitlist-th{font-family:var(--thai)}.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)}.cell.title .signin{display:none}.cell.title:has(.signin:target),html[data-gate=open] .cell.title{justify-content:flex-start}.cell.title:has(.signin:target) .waitlist,html[data-gate=open] .cell.title .waitlist{margin-top:0}.cell.title .signin:target,html[data-gate=open] .cell.title .signin{display:grid}.signin{display:grid;gap:8px}.signin-label{font-size:14px;color:var(--ink-2)}.signin-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.signin-field{width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:0 0 6px;font-size:22px;line-height:1.2;outline:none;color:var(--ink)}.signin-field:focus{border-bottom-color:var(--lacquer)}.signin-field:focus-visible{outline:2px solid var(--lacquer);outline-offset:4px}.signin-miss{min-height:0;color:var(--lacquer);font-size:15px}.signin-miss:empty{display:none}html[data-session=in] .signin .signin-label,html[data-session=in] .signin .signin-field{display:none}html[data-session=in] .signin-row{grid-template-columns:auto;justify-content:start}.section{padding-top:88px}.section-head{display:grid;gap:12px;max-width:40em;margin-bottom:36px}.try{display:grid;grid-template-columns:minmax(0,420px) minmax(0,620px);gap:48px;align-items:start}.try-panel{position:relative;aspect-ratio:1;border:2px solid var(--ink);container-type:inline-size;overflow:hidden}.try-art{height:100%}.try-panel .balloon{animation:letter-in .36s var(--ease) both}.try-desk{display:grid;gap:16px;padding-top:8px;max-width:560px}.try .prompt{font-size:18px;color:var(--ink-2);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}.prompt-tools{display:inline-flex;gap:16px}.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:8px}.try .roman-field{font-size:34px}.try .feedback{margin-top:4px}.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:8px 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}.close{margin-top:96px;padding:80px 0 48px;background:#1c1710;color:#f2ead8;--paper: #1c1710;--ink: #f2ead8;--ink-2: #c9bfae;--ink-3: #8a8074;--hair: rgba(242, 234, 216, .16)}.close-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px 72px;align-items:center}.night-art{border:2px solid #f2ead8;aspect-ratio:1;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;color:#f2ead8}.footer{margin-top:72px;padding-top:20px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:15px;color:var(--ink)}.footer a{color:inherit;text-underline-offset:3px}.footer a:hover{text-decoration-thickness:2px}.footer .wordmark-rom b{color:#c68b7b}.footer .wordmark-th{font-size:22px}.footer-note{flex-basis:100%;color:var(--ink-2);font-size:14px}@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)}.balloon{animation:letter-in .36s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms + .38s)}.wordmark-rom,.wordmark-en{transition:opacity .48s var(--ease),filter .48s var(--ease),transform .48s var(--ease)}.wordmark-en{filter:blur(7px);transform:translateY(3px)}a.wordmark:hover .wordmark-rom,a.wordmark:focus-visible .wordmark-rom{filter:blur(7px);transform:translateY(-3px)}a.wordmark:hover .wordmark-en,a.wordmark:focus-visible .wordmark-en{filter:blur(0);transform:none}.waitlist-label>span{transition:opacity .42s var(--ease),filter .42s var(--ease)}[data-waitlist-open]:hover .waitlist-en,[data-waitlist-open]:focus-visible .waitlist-en{opacity:0;filter:blur(6px)}[data-waitlist-open]:hover .waitlist-rom,[data-waitlist-open]:focus-visible .waitlist-rom{transition:none;animation:waitlist-rom 2.2s var(--ease) forwards}[data-waitlist-open]:hover .waitlist-th,[data-waitlist-open]:focus-visible .waitlist-th{transition:none;animation:waitlist-th 2.2s var(--ease) forwards}}@keyframes waitlist-rom{0%{opacity:0;filter:blur(6px)}16%{opacity:1;filter:none}42%{opacity:1;filter:none}62%,to{opacity:0;filter:blur(6px)}}@keyframes waitlist-th{0%,42%{opacity:0;filter:blur(6px)}66%,to{opacity:1;filter:none}}@keyframes ink-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes letter-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){[data-waitlist-open]:hover .waitlist-en,[data-waitlist-open]:focus-visible .waitlist-en{opacity:0}[data-waitlist-open]:hover .waitlist-th,[data-waitlist-open]:focus-visible .waitlist-th{opacity:1}}@media(max-width:1199px){.cell.title .signin{max-width:520px}.try,.close-grid{grid-template-columns:minmax(0,1fr)}.try-panel,.night-art{max-width:420px}}@media(max-width:720px){.wrap{padding:0 20px}.nav-links{gap:18px;font-size:15px}.nav-links a:not(.ghost){display:none}.ghost{height:34px;padding:0 12px}.wordmark{gap:10px}.wordmark-th{font-size:22px}.wordmark-rom{font-size:15px}.section{padding-top:64px}.try-panel,.night-art{max-width:none}.close{margin-top:64px;padding-top:56px}}@media(max-width:599px){.comic{gap:10px}.signin-row{grid-template-columns:minmax(0,1fr)}.signin-row .btn.commit{justify-self:start}}