:root{--paper: #f2ead8;--lacquer: #9a2b1f;--on-lacquer: #f2ead8;--word-rom: var(--lacquer);--ink: #1c1710;--ink-2: #5a5146;--ink-3: #6b6155;--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}.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:hover .hear-mark,.hear-key:focus-visible .hear-mark{opacity:1}.prompt-tools:has(>.hear-key){column-gap:36px}.rom,.prompt-rom,.roman-field,.reveal,.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)}.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.primary:hover:not(:disabled),.btn.commit:hover:not(:disabled),.btn.primary:focus-visible,.btn.commit:focus-visible{background:color-mix(in srgb,var(--lacquer) 86%,#1c1710);border-color:color-mix(in srgb,var(--lacquer) 86%,#1c1710)}.btn.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}.btn.secondary:hover:not(:disabled),.btn.secondary:focus-visible{background:var(--ink);color:var(--paper)}.btn.danger{background:transparent;color:var(--lacquer);border:2px solid var(--lacquer)}.btn.danger:hover:not(:disabled),.btn.danger:focus-visible{background:var(--lacquer);color:var(--on-lacquer)}.btn.quiet{height:32px;padding:0 12px;background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,transparent)}.btn.quiet:hover:not(:disabled),.btn.quiet:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.quiet.current{color:var(--lacquer);border-color:var(--lacquer)}.btn.quiet.current:hover:not(:disabled),.btn.quiet.current:focus-visible{background:var(--lacquer);border-color: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}input[type=checkbox]:hover: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{color:var(--ink-2);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:5px}.text-btn:hover,.text-btn.current{color:var(--ink);text-decoration-color:var(--lacquer)}.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 12px;font-size:32px;line-height:1.2;outline:none;caret-color:var(--lacquer)}.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:26px;font-weight:400}.roman-field::placeholder{color:var(--ink-2)}.pop-k{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-2)}.strip{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 32px;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:26px;line-height:1;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:7px}.strip-k.tone .rom{display:inline-block;min-width:1.3em;text-align:left}.strip-k:hover{color:var(--ink)}.strip-k:hover .rom{text-decoration-color:var(--lacquer)}.strip-k.swap{color:var(--ink)}.strip-k.swap .rom{text-decoration-color:var(--lacquer)}.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,.answer-said{font-size:28px}.roman-field.en,.answer-said.en{font-size:22px}.hear-key{display:inline-flex;align-items:center;min-height:44px;padding:10px 2px}.strip{gap:10px 24px;margin-top:8px}.strip-group{gap:8px 16px}.strip-k{min-height:44px;padding:8px 6px;align-items:center}.strip-k .rom{font-size:24px;text-underline-offset:6px}.pop-k{font-size:14px}}.wordmark .wordmark-rom{color:var(--word-rom)}.wordmark:hover .wordmark-th,.wordmark:focus-visible .wordmark-th{color:var(--word-rom)}.wordmark:hover .wordmark-rom,.wordmark:focus-visible .wordmark-rom{color:var(--ink)}.wordmark:focus-visible{outline:2px solid var(--word-rom);outline-offset:4px}@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}.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;stroke-dashoffset:1;transition:opacity .7s ease}.voice-rest .tone-line .tone-lit{opacity:0}.tone-line .tone-dot{fill:var(--lacquer);stroke:none;opacity:0;transition:opacity .14s ease}@media(prefers-reduced-motion:no-preference){.tone-line .tone-is{stroke-dasharray:1;stroke-dashoffset:1;animation:tone-draw .56s var(--ease) calc(var(--i, 0) * .12s + .14s) forwards}}@keyframes tone-draw{to{stroke-dashoffset:0}}[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=children]{--bx: 66.3;--by: 15.1;--bw: 29.9;--bh: 16.5}[data-scene=coffee]{--bx: 44.4;--by: 15.9;--bw: 36.3;--bh: 18.6}[data-scene=dinner]{--bx: 61;--by: 16;--bw: 30.5;--bh: 16.2}[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;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:24px;line-height:1.2}.lede{color:var(--ink-2);max-width:34em;text-wrap:pretty}@media(min-width:600px){.lede br.narrow{display:none}}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}.roman-field:focus-visible{outline:none}.site-bar{position:sticky;top:0;z-index:5;padding-top:8px;background:transparent;transition:background-color .42s var(--ease)}html[data-stuck] .site-bar{background:var(--lacquer)}.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:"Fahkwang",var(--thai);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-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[data-stuck] .nav-links a:not(.ghost){color:color-mix(in srgb,var(--on-lacquer) 82%,var(--lacquer))}html[data-stuck] .nav-links a:not(.ghost):hover{color:var(--on-lacquer)}html[data-stuck] .nav a.ghost{border-width:2px;border-color:var(--on-lacquer);color:var(--on-lacquer);background:transparent}html[data-stuck] .nav a.ghost:hover{background:var(--on-lacquer);color:var(--ink);border-color:var(--on-lacquer)}html[data-stuck][data-session=in] .nav a.ghost{background:var(--on-lacquer);border-color:var(--on-lacquer);color:var(--ink)}.nav .nav-wait{display:none}html[data-stuck] .nav .nav-wait{display:grid;position:relative;width:auto;justify-items:end}html[data-stuck] .nav-join{height:36px;padding:0 14px;white-space:nowrap;background:var(--on-lacquer);color:var(--lacquer);border:2px solid var(--on-lacquer);font-size:16px}html[data-stuck] .nav-join:hover:not(:disabled){background:#fffaf3;border-color:#fffaf3}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)}html:not([data-comic]) .comic{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: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.08;letter-spacing:-.01em;text-wrap:balance}.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 .btn.commit:hover:not([data-waitlist-open]){filter:brightness(.92)}.cell.title [data-waitlist-open]{position:relative;overflow:hidden;isolation:isolate;width:100%;height:80px;padding:0 32px;font-size:26px}.cell.title [data-waitlist-open]:before,.cell.title [data-waitlist-open]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-101%);pointer-events:none}.cell.title [data-waitlist-open]:before{background:#1c1710}.cell.title [data-waitlist-open]:after{background:#1b2d4f}.waitlist-label{display:grid;place-items:center;position:relative;z-index:1}.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)}.signin{display:none;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);gap:8px}html[data-gate=open] .signin,.signin:target{display:grid}.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{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[data-waitlist-note]:focus{outline:none}.signin-reset{justify-self:start;font-size:14px}html[data-session=in] .signin-reset,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}.sitting{margin-top:72px;padding:72px 0;background:#1b2d4f;color:#f2ead8}.sitting+.close{margin-top:0}.sitting .lede{color:#c9bfae}.sitting-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:32px 56px;align-items:center}.sitting .section-head,.sitting .lede{margin-bottom:0}.sitting .btn.commit{justify-self:start;text-decoration:none}.sitting-panel{margin:0;aspect-ratio:1;border:2px solid #f2ead8;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{display:grid;grid-template-columns:minmax(0,420px) minmax(0,620px);gap:48px;align-items:stretch}.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: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 .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-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-act:has(.try-next){grid-template-columns:minmax(0,1fr) auto;align-items:baseline}.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}.close{margin-top:72px;padding:80px 0 48px;background:#1c1710;color:#f2ead8;--paper: #1c1710;--ink: #f2ead8;--ink-2: #c9bfae;--ink-3: #8a8074;--hair: rgba(242, 234, 216, .16);--word-rom: #c68b7b}.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}.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{--th: 22px}.footer-note{flex-basis:100%;color:var(--ink-2);font-size:14px}.footer-legal{flex-basis:100%;display:flex;gap:16px;margin:0;color:var(--ink-2);font-size:14px}.legal{max-width:720px;padding:48px 32px 72px}.legal h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,56px);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{text-underline-offset:3px}.legal .meta{margin-top:40px;color:var(--ink-3);font-size:15px}.legal-foot{margin-bottom:48px}@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)}.cell.title [data-waitlist-open]:before,.cell.title [data-waitlist-open]:after{transition:transform .9s var(--ease)}.cell.title [data-waitlist-open]:hover:before,.cell.title [data-waitlist-open]:focus-visible:before,.cell.title [data-waitlist-open]:hover:after,.cell.title [data-waitlist-open]:focus-visible:after{transform:none}.cell.title [data-waitlist-open]:hover:after,.cell.title [data-waitlist-open]:focus-visible:after{transition-delay:.9s}.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 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}}@media(prefers-reduced-motion:reduce){.site-bar,.logo-marks .logo-mark,.nav-wait{transition:none;animation:none}[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){.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}.section{padding-top:64px}.sitting-grid{grid-template-columns:minmax(0,1fr)}.sitting-panel{max-width:280px}.try-sheet{padding:24px 20px 28px}.try-panel,.night-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}.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}html[data-stuck] .nav .wordmark-name{display:none}.try .roman-field{font-size:28px}.try .strip-group:has(.strip-k.tone){display:grid;grid-template-columns:repeat(2,max-content);gap:8px 16px}html[data-stuck] .nav .nav-wait[data-open] .waitlist-row{position:fixed;top:82px;left:20px;right:20px;width:auto}}@media(max-width:374px){html[data-stuck] .nav .nav-login{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[data-phase=write] .try-en{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}}