: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,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--ui);font-size:18px;line-height:1.45;background-color:var(--paper);caret-color:var(--lacquer);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}.app{min-height:100vh;padding:calc(32px + env(safe-area-inset-top,0px)) 24px calc(80px + env(safe-area-inset-bottom,0px));background-color:var(--paper);background-image:radial-gradient(ellipse 70% 55% at 100% 0%,color-mix(in srgb,var(--lacquer) 8%,transparent),color-mix(in srgb,var(--lacquer) 2.5%,transparent) 42%,transparent 70%),radial-gradient(ellipse 85% 60% at 0% 100%,color-mix(in srgb,#6d7a52 12%,transparent),transparent 68%),linear-gradient(156deg,#f8e0c6 0%,#f4e8d4 36%,var(--paper) 58%,#e4ecd0 100%)}.app.in-session{--session-gutter: 24px;min-height:100dvh;padding:0 0 calc(36px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}.shell{max-width:640px;margin:0 auto}.app.home .shell{max-width:none;width:100%}.splash{margin:0 0 36px;max-width:420px;aspect-ratio:1;border:2px solid var(--ink);overflow:hidden}.splash img{display:block;width:100%;height:100%;object-fit:cover}.app.in-session .shell{flex:1;display:flex;flex-direction:column;width:100%;max-width:none;min-height:0}.app.in-session .trail{position:sticky;top:0;z-index:3;flex:0 0 auto;width:100%;margin:0 0 28px;align-items:center;padding:calc(18px + env(safe-area-inset-top,0px)) max(var(--session-gutter),calc((100% - 640px)/2)) 10px;background:transparent}.app.in-session .wordmark-name{transform:translateY(-3px)}.app.in-session .trail-mid{justify-self:center;width:max-content;max-width:100%;grid-template-columns:auto 64px auto;align-items:center;column-gap:14px;row-gap:0;margin-inline:28px}.app.in-session .trail-mid-copy,.app.in-session .trail-meter,.app.in-session .trail-left{grid-row:1;grid-column:auto}.app.in-session .trail-meter{width:64px;align-self:center}.app.in-session .page.session{width:100%;align-items:center;justify-content:flex-start;padding-top:clamp(24px,11vh,112px);padding-inline:var(--session-gutter)}.trail{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin:0 0 40px;padding-bottom:10px;border-bottom:1px solid var(--hair)}.wordmark{--th: 26px;--rom: 16px;--mark: calc(var(--th) + var(--rom) * 1.05);justify-self:start;display:flex;flex-direction:row;align-items:center;gap:10px;line-height:1.05;text-align:left;font-style:normal}.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}.trail-mid{justify-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:baseline;margin-inline:20px;min-width:0;color:var(--ink-2);font-size:15px;font-variant-numeric:tabular-nums}.trail-mid-copy{grid-column:1;grid-row:1;line-height:1.2}.trail-tracks{grid-column:1 / -1;grid-row:1;display:flex;gap:16px;align-items:baseline}.trail-left{grid-column:3;grid-row:1;justify-self:end;line-height:1.2;color:var(--ink);font-size:15px;font-variant-numeric:tabular-nums}.meter{display:block;height:1px;background:var(--hair)}.meter:after{content:"";display:block;height:inherit;width:calc(var(--done, 0) * 1%);background:var(--lacquer)}.row-meter{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}.trail-meter{grid-column:1 / -1;grid-row:2;width:100%;height:2px}.lede:has(+.lesson-progress){margin-bottom:12px}.finish .finish-line{margin:6px 0 24px}.finish .lesson-progress{margin-bottom:28px}.finish-actions{display:flex;align-items:center;gap:28px;margin:24px 0 56px}.lede:has(+.lede){margin-bottom:12px}.lesson-progress{display:grid;gap:8px;max-width:28em;margin:0 0 36px;color:var(--ink-3);font-size:15px;font-variant-numeric:tabular-nums}.trail-end{justify-self:end;display:flex;gap:16px;align-items:center}.page{max-width:640px}.page.journey{max-width:none}.journey .contents{max-width:640px}.journey .contents.hub{max-width:none}.journey:has(.splash){display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.splash-pair{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.journey:has(.splash) .splash-pair .splash{margin:0;max-width:none;width:100%}.contents.hub .contents-row:not(.here):hover .contents-title,.contents.hub .contents-row:not(.here):focus-visible .contents-title{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--lacquer);text-underline-offset:.18em}.preview-stage{display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;width:min(520px,100%)}.preview-stage>*{grid-column:1;min-width:0}.preview-stage .session-no,.preview-stage .preview-word{grid-row:1}.preview-word .prompt-tools{margin-top:18px;gap:8px 36px}.preview-desk{grid-row:2;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin-top:28px;padding-top:20px;border-top:1px solid var(--hair)}.preview-desk>.btn.commit{align-self:flex-start}.preview-stage .session-feedback.miss{display:flex;align-items:baseline;gap:16px}.preview-hint{margin:0;color:var(--ink-2);font-size:16px;max-width:28em}.preview-learned{margin:0;color:var(--lacquer);font-size:15px}.preview-nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;width:100%;margin:12px 0 0;padding-top:16px;border-top:1px solid var(--hair);font-size:16px}.preview-count{color:var(--ink-2);font-variant-numeric:tabular-nums}.preview-finish{width:min(720px,100%)}.preview-finish-h{margin:0 0 28px;font-size:clamp(30px,4vw,44px);line-height:1.15;text-wrap:balance}.preview-finish-lede{margin:28px 0 16px;color:var(--ink-2);max-width:34em}.preview-finish-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.preview-stage .answer-form{width:100%;margin-top:0}.preview-word{display:flex;flex-direction:column;gap:2px}.preview-stage .prompt-thai{font-size:72px;margin:0;line-height:1.1}.preview-stage .prompt-rom{font-size:48px;margin:0;line-height:1.15}.preview-stage .prompt-en{font-size:48px;margin:14px 0 0;color:var(--ink)}.preview-word.right{padding-bottom:14px;border-bottom:3px solid var(--lacquer)}.page.session{flex:1;max-width:none;width:100%;min-height:0;display:flex;flex-direction:column}.session-stage{display:grid;grid-template-columns:minmax(0,1fr);align-items:baseline;width:min(640px,100%)}.session-stage>*{grid-column:1;min-width:0}.session-stage .session-prompt{grid-row:1}.session-stage .session-no,.session-stage .session-stimulus{grid-row:2}.session-stage .prompt-tools{grid-row:3;margin-top:14px}.session-stage .session-desk{grid-row:4;margin-top:52px}.session-stage .session-feedback{grid-row:5;margin-top:14px}.session-stage .prompt-en{font-size:56px}.session-stage .prompt-rom,.session-stage .reveal{font-size:60px;line-height:1.12}.session-stage .prompt-thai{font-size:72px}.session-stage .roman-field,.session-stage .answer-said{font-size:32px}.session-stage .roman-field.en,.session-stage .answer-said.en{font-size:26px}.session-no{justify-self:start;transform:translate(calc(-100% - 20px));font-family:var(--display);font-size:28px;line-height:1;color:var(--lacquer);font-variant-numeric:tabular-nums lining-nums}h1{font-family:var(--display);font-weight:400;font-size:clamp(32px,6vw,44px);line-height:1.15;margin:0 0 16px}.account-now{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 48px;margin:4px 0 8px}.account-now p{margin:0}.account-n{display:block;font-family:var(--display);font-size:48px;font-weight:400;line-height:.9;font-variant-numeric:tabular-nums;color:var(--lacquer)}.account-n.ink{color:var(--ink);font-size:32px}.account-k{display:block;margin-top:8px;font-size:15px;color:var(--ink-2)}.account-quiet{margin:0 0 2px;color:var(--ink-2);font-size:15px}h2{font-family:var(--display);font-weight:400;font-size:22px;margin:40px 0 16px}.journey>section:first-child h2{margin-top:0}.journey .track-block .lede{margin-bottom:20px}.yours-filters{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 8px}.yours-list{margin:0 0 16px}.yours-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1.2fr) auto;justify-content:start;justify-items:start;align-items:center}.yours-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 8px;padding-top:14px;border-top:1px solid var(--hair)}.yours-go{display:flex;gap:16px;align-items:center}.compose{list-style:none;padding:0;margin:0 0 32px}.compose li{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-bottom:1px solid var(--hair)}.compose-parts{color:var(--ink-2)}.compose-then{color:var(--ink-3);font-size:15px}.compose-word{font-size:22px}.from-voice{color:var(--ink-3);font-size:15px}.lede{margin:0 0 40px;color:var(--ink-2);max-width:28em}.contents{list-style:none;padding:0;margin:0}.contents li{border-top:1px solid var(--hair)}.contents.hub li:first-child{border-top:0}.contents li:last-child{border-bottom:1px solid var(--hair)}.contents-row{position:relative;width:100%;display:grid;grid-template-columns:1.75rem 1fr auto;column-gap:14px;align-items:baseline;text-align:left;padding:14px 0}.contents-n{text-align:right;font-family:var(--display);font-size:20px;font-weight:400;font-variant-numeric:tabular-nums lining-nums;line-height:1.2}.contents-row.here .contents-n{color:var(--lacquer)}.track-block .contents-row:not(.here) .contents-rom{display:none}.contents-row.here{grid-template-rows:auto auto;row-gap:10px}.contents-row.here .row-meter{position:relative;left:auto;right:auto;bottom:auto;grid-column:2;grid-row:2;height:2px;background:var(--hair);align-self:center}.contents-end{display:contents}.contents-row.here .contents-meta{grid-column:3;grid-row:2;justify-self:end;align-self:center}.contents-go{grid-column:3;grid-row:1;justify-self:end;align-self:end;color:var(--lacquer);font-size:16px}.contents.hub .contents-row:hover,.contents.hub .contents-row:focus-visible{background:color-mix(in srgb,var(--lacquer) 7%,transparent)}.contents-row.here .contents-title{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--lacquer);text-underline-offset:.18em;text-decoration-skip-ink:auto}.contents-title{font-size:20px;line-height:1.2}.contents-rom{display:block;font-size:15px;color:var(--ink-3);margin-top:2px}.contents-meta{font-size:15px;color:var(--ink-3);font-variant-numeric:tabular-nums}.intro h2{margin:0 0 16px}.intro h2.quiet{font-size:16px;color:var(--ink-2);margin:0 0 14px}.lesson{margin:0 0 40px}.examples{margin:0 0 32px}.focus,.preview{list-style:none;padding:0;margin:0}.preview:not(.yours-list){display:grid;grid-template-columns:max-content minmax(0,1fr);width:100%}.preview:not(.yours-list):has(.preview-thai){grid-template-columns:max-content max-content minmax(0,1fr)}.preview:not(.yours-list)>.quiet-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:baseline;column-gap:28px;row-gap:0;padding:10px 0;border-bottom:1px solid var(--hair)}.focus li{padding:12px 0;border-bottom:1px solid var(--hair);color:var(--ink)}.focus .rom,.focus .thai{display:block}.focus .thai{font-size:22px}.focus .note{display:block;margin-top:2px;color:var(--ink-2);font-size:16px;font-family:var(--ui)}.system-source{margin:14px 0 0;color:var(--ink-2);font-size:15px}.preview li{padding:8px 0;border-bottom:1px solid var(--hair);color:var(--ink-2)}.quiet-row{display:grid;width:100%;gap:12px 16px;text-align:left;align-items:baseline}.quiet-row:hover{color:var(--ink)}li.quiet-row{cursor:default}.preview-thai{min-width:2.5rem;font-size:22px;color:var(--ink)}.warn{color:var(--lacquer)}.intro-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.tone-chart-aside{font-size:12px;color:var(--ink-3);line-height:1.2}.tone-charts{margin:0 0 32px}.tone-charts figcaption{margin:0 0 14px;color:var(--ink-2);font-size:16px}.tone-charts-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 10px}.tone-chart{display:flex;flex-direction:column;gap:4px;min-width:0}.tone-chart svg{display:block;width:100%;height:auto;color:var(--lacquer)}.tone-chart-frame{fill:none;stroke:var(--hair);stroke-width:1px;vector-effect:non-scaling-stroke}.tone-chart-path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tone-chart-name{font-size:13px;color:var(--ink-2);line-height:1.2}.tone-chart-rom{font-size:16px;line-height:1.2;color:var(--ink)}.prompt{font-size:20px;font-weight:400;margin:0 0 8px}.session-prompt{margin:0 0 8px;font-family:var(--display);font-style:italic;font-size:20px;line-height:1.3;color:var(--ink-2)}.prompt-tools{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;margin:0;font-size:15px}.contents-row:disabled{opacity:1;cursor:default}.contents-row:disabled .contents-title,.contents-row:disabled .contents-n{color:var(--ink)}.contents-row:disabled .contents-meta{color:var(--ink-3)}.session-stimulus{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}.session-stimulus.right>.prompt-en,.session-stimulus.right>.prompt-rom,.session-stimulus.right>.prompt-thai{background:linear-gradient(var(--lacquer),var(--lacquer)) 0 100% / 100% 3px no-repeat;padding-bottom:.08em}@media(prefers-reduced-motion:no-preference){.session-stimulus.right>.prompt-en,.session-stimulus.right>.prompt-rom,.session-stimulus.right>.prompt-thai{animation:ink-under .62s var(--ease) both}}@keyframes ink-under{0%{background-size:0% 3px}}.slip-line{margin:4px 0 0;font-size:32px;line-height:1.2;color:var(--ink)}.session-stage:has(.slip-line) .session-feedback.miss{color:var(--ink)}.session-stage .prompt-listen:empty{display:none}.session-stage:has(.session-stimulus>.prompt-listen:only-child) .prompt-tools{grid-row:2;margin-top:0;gap:8px 32px;font-size:26px}.session-desk{width:100%}.session-feedback{margin:0;min-height:0;font-size:16px}.sense-line{margin:0;color:var(--ink-2);font-size:16px}.prompt-note{margin:4px 0 0;max-width:34em;color:var(--ink-2);font-family:var(--ui);font-size:16px;line-height:1.45;text-wrap:pretty}.prompt-note+.prompt-note{margin-top:0}.prompt-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:16px;margin:0 0 24px}.prompt-en{font-family:var(--display);font-size:44px;font-weight:400;line-height:1.15;margin:0}.prompt-listen{margin:0;min-height:1.15em;font-size:48px}.prompt-rom{font-size:48px;line-height:1.2;margin:0}.prompt-thai{font-size:64px;line-height:1.2;margin:0}.pick-rom{font-size:22px;color:var(--ink-2)}.glyph-picks{display:flex;gap:20px;flex-wrap:wrap;margin:0;align-items:end}.glyph-pick{font-size:40px;line-height:1;color:var(--ink);padding:4px 8px}.glyph-pick:hover{color:var(--lacquer)}.reveal{font-size:40px;margin:0}.tone-picks{display:flex;gap:20px;flex-wrap:wrap;margin:0;align-items:end}.tone-word .pop-k,.glyph-pick .pop-k{font-family:var(--ui);margin-right:6px}.tone-word{color:var(--ink-2);text-underline-offset:4px}.tone-word:hover{color:var(--ink);text-decoration:underline}.contents-row:focus-visible,.tone-word:focus-visible,.glyph-pick:focus-visible,.alpha-cell:focus-visible{outline:2px solid var(--lacquer);outline-offset:3px}@media(prefers-reduced-motion:reduce){.tone-chart-path{animation:none;transition:none}}.heat-wrap{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:36px;align-items:center;width:100%;margin:8px 0}.heat{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(7,14px);grid-template-columns:repeat(12,14px);grid-auto-flow:column;gap:6px}.heat-months{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(12,14px);gap:6px;margin-top:8px;color:var(--ink-3);font-size:13px}.heat-day{grid-column:2;grid-row:1 / span 2;align-self:center;min-width:0}.heat-when{margin:0;font-size:22px;line-height:1.2}.heat-sum{margin:4px 0 0;color:var(--ink-2);font-size:16px}.heat-done{list-style:none;margin:12px 0 0;padding:0;color:var(--ink-2);font-size:16px}.heat-done li{margin:0;line-height:1.45}.heat-done .miss{color:var(--lacquer)}.heat-months span{min-width:0;overflow:visible;white-space:nowrap}.heat-c{display:block;width:14px;height:14px;min-width:0;min-height:0;padding:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer}.heat-c.c1{background:color-mix(in srgb,var(--lacquer) 35%,transparent);box-shadow:none}.heat-c.c2{background:color-mix(in srgb,var(--lacquer) 65%,transparent);box-shadow:none}.heat-c.c3{background:var(--lacquer);box-shadow:none}.heat-c.today{box-shadow:inset 0 0 0 1.5px var(--lacquer)}.heat-c.on{box-shadow:inset 0 0 0 1.5px var(--ink)}.heat-c.today.on{box-shadow:inset 0 0 0 1.5px var(--lacquer)}.status{list-style:none;padding:0;margin:0 0 16px}.status li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:16px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--hair);color:var(--ink-2);font-size:16px}.status li:first-child{border-top:1px solid var(--hair)}.status-value{color:var(--ink);font-variant-numeric:tabular-nums}.status-value.warn{color:var(--lacquer)}.status-note{margin:0 0 20px}.mini-index{list-style:none;padding:0;margin:0 0 40px}.mini-index li{display:grid;grid-template-columns:2rem 1fr auto;gap:12px;padding:6px 0;border-bottom:1px solid var(--hair);font-size:16px}.mini-index li>span:first-child{text-align:right}.mini-index li{align-items:center}.mini-count{display:grid;justify-items:end;gap:6px;color:var(--ink-2);font-variant-numeric:tabular-nums}.mini-count .meter{width:72px;height:2px}.mini-soon{color:var(--ink-3)}.field,.check{display:grid;gap:8px;margin:0 0 20px;color:var(--ink-2)}.rate-name{display:flex;justify-content:space-between;gap:16px}.field.rate input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}.field.rate input[type=range]:disabled{cursor:default;opacity:.4}.field.rate input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--lacquer) calc(var(--at, .5) * 100%),var(--hair) calc(var(--at, .5) * 100%))}.field.rate input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-5px;border:0;border-radius:1px;background:var(--lacquer)}.field.rate input[type=range]::-moz-range-track{height:2px;background:var(--hair);border:0}.field.rate input[type=range]::-moz-range-progress{height:2px;background:var(--lacquer)}.field.rate input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:1px;background:var(--lacquer)}.check{grid-template-columns:auto 1fr;align-items:center;gap:12px}.field input[type=text],.field input[type=email],.field input[type=password],.field .roman-field.en{font-size:20px;border-bottom:1px solid var(--hair)}.name-line{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--hair)}.name-khun{font-size:20px;color:var(--ink-2)}.name-line .roman-field.en{flex:1;min-width:0;border-bottom:0;padding:8px 0 10px}.account-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:8px 0 32px}.account-block{margin-top:56px;padding-top:28px;border-top:2px solid var(--ink)}.account-block h2{margin:0 0 16px}.confirm{margin:auto;padding:0;border:2px solid var(--ink);border-radius:2px;background:var(--paper);color:var(--ink);box-shadow:none;width:min(26rem,calc(100vw - 48px));max-width:none}.confirm::backdrop{background:#1c17105c}.confirm-sheet{padding:32px 32px 28px}.confirm h2{margin:0 0 12px;font-size:28px}.confirm p{margin:0 0 28px;color:var(--ink-2);max-width:36ch}.confirm-acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}@media(prefers-reduced-motion:no-preference){.confirm[open]{animation:confirm-in .48s var(--ease)}.confirm[open]::backdrop{animation:confirm-fade .48s var(--ease)}}@keyframes confirm-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}.account-block .account-actions,.account-block .mini-index{margin-bottom:0}.import-box{margin:0 0 24px;color:var(--ink-2)}.tbl{width:100%;border-collapse:collapse;font-size:16px}.tbl th{text-align:left;color:var(--ink-3);font-weight:400;padding:6px 8px 6px 0}.tbl td{padding:8px 8px 8px 0;border-top:1px solid var(--hair)}.glyphs-tbl td{font-size:24px}.alpha-block{margin:0 0 36px}.alpha-block h2.quiet{font-size:16px;color:var(--ink-2);margin:0 0 10px}.alpha-note{margin:12px 0 16px;font-size:16px;max-width:36em;color:var(--ink-2);font-family:var(--ui)}.alpha-block .contents-row{margin-bottom:0}.alpha-block .contents-row:not(.here):hover .contents-title,.alpha-block .contents-row:not(.here):focus-visible .contents-title{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--lacquer);text-underline-offset:.18em}.thai-inline{font-family:var(--thai),var(--ui)}.alpha-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px 16px}.alpha-grid:empty{display:none}.alpha-cell{position:relative;width:100%;min-height:96px;padding:12px 10px 10px;display:grid;align-content:start;gap:4px;text-align:left;background:var(--paper);color:var(--ink-3)}.alpha-cell:not(:disabled):hover .alpha-char{color:var(--lacquer)}.alpha-cell:disabled{opacity:1;cursor:default}.alpha-cell.seen{color:var(--ink)}.alpha-cell.seen .alpha-char{color:var(--lacquer)}.alpha-cell.retired .alpha-char{text-decoration:line-through;text-decoration-thickness:1px}.alpha-char{font-size:40px;line-height:1}.alpha-cell .alpha-char{overflow-wrap:anywhere}.tone-mark-row{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tone-mark-row li{display:flex;flex-direction:column;gap:4px}.tone-mark-row .thai{font-size:32px;line-height:1.2}.alpha-sub{font-size:13px;line-height:1.2}.alpha-item{position:relative}.alpha-level{position:absolute;top:6px;right:6px;padding:2px 4px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}.alpha-level:not(:disabled):hover,.alpha-level:focus-visible{color:var(--ink);text-decoration-color:var(--lacquer)}.alpha-level:disabled{opacity:1}@media(max-width:760px){.session-stage .session-no{grid-row:1;transform:none;font-size:20px}.session-stage .session-prompt{padding-left:2.1rem}.preview-stage .session-no{grid-row:1;transform:none;font-size:28px;line-height:1;align-self:start;margin:0 0 8px}.preview-stage .preview-word{grid-row:2;padding-left:0}.preview-stage .preview-desk{grid-row:3}}@media(max-width:760px){html[data-keyboard=open] .app.in-session .trail,html[data-keyboard=open] .preview-stage .session-no,html[data-keyboard=open] .preview-stage .prompt-thai,html[data-keyboard=open] .preview-stage .prompt-rom{display:none}html[data-keyboard=open] .preview-stage .preview-word{gap:0}html[data-keyboard=open] .preview-stage .prompt-en{font-size:22px;margin:0}html[data-keyboard=open] .preview-word .prompt-tools{margin-top:8px}html[data-keyboard=open] .preview-desk{margin-top:12px;padding-top:12px;gap:10px}html[data-keyboard=open] .preview-nav,html[data-keyboard=open] .preview-learned{display:none}html[data-keyboard=open] .app.in-session .page.session{padding-top:12px}html[data-keyboard=open] .app.in-session{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media(max-width:860px){.journey:has(.splash){grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.app{padding:calc(28px + env(safe-area-inset-top,0px)) 16px calc(64px + env(safe-area-inset-bottom,0px))}.app.in-session{--session-gutter: 16px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.prompt-en{font-size:34px}.session-stage .prompt-en{font-size:42px}.session-stage .prompt-rom,.session-stage .reveal,.session-stage .prompt-thai{font-size:44px}.session-stage .roman-field,.session-stage .answer-said{font-size:28px}.session-stage .roman-field.en,.session-stage .answer-said.en{font-size:22px}.prompt-rom,.prompt-thai,.prompt-listen,.reveal{font-size:28px}.preview-stage .prompt-thai{font-size:48px}.preview-stage .prompt-rom{font-size:32px}.preview-stage .prompt-en{font-size:32px;margin-top:10px}.preview-desk{margin-top:20px;padding-top:16px;gap:12px}.app.in-session .page.session{padding-top:20px}.session-stage .session-prompt{font-size:18px}.session-stage .session-desk{margin-top:36px}.slip-line{font-size:26px}.app.in-session .trail{grid-template-columns:auto minmax(0,1fr) auto}.app.in-session .trail-mid{grid-column:2;grid-row:1;justify-self:end;margin-inline:12px;grid-template-columns:40px auto}.app.in-session .trail-mid-copy{display:none}.app.in-session .trail-meter{width:40px}.app.in-session .trail-end{grid-column:3}.tone-charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.tone-chart-name{font-size:12px}.tone-chart-rom{font-size:15px}.trail{grid-template-columns:1fr auto;row-gap:8px}.wordmark{grid-column:1;grid-row:1}.trail-end{justify-self:end;grid-column:2;grid-row:1}.trail-mid{grid-column:1 / -1;grid-row:2;justify-self:start}.quiet-row,.yours-row{grid-template-columns:minmax(0,1fr)}.alpha-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.alpha-char{font-size:28px}.tone-mark-row{grid-template-columns:repeat(2,minmax(0,1fr))}.splash{margin-bottom:28px}}.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}}.her-day .day-count{margin:-8px 0 24px;color:var(--ink-2);font-size:15px}.day-strip{list-style:none;margin:8px 0 56px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.day-cell{min-width:0}.day-panel{position:relative;margin:0;aspect-ratio:1;border:2px solid var(--ink);overflow:hidden;container-type:inline-size}.day-panel img{display:block;width:100%;height:100%;object-fit:cover}.day-caption{margin:10px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:34px;row-gap:2px}.day-caption .day-hear{color:var(--ink);font-size:17px;text-align:start}.day-caption .day-en,.day-later{color:var(--ink-2);font-size:14px}.day-night{grid-column:1 / -1;justify-self:center;width:calc(50% - 6px)}@media(prefers-reduced-motion:no-preference){.day-cell[data-fresh] .balloon{opacity:0}.day-cell[data-fresh][data-in-view] .balloon{animation:day-letter-in .9s var(--ease) calc(var(--k, 0) * .16s + .25s) both}}@keyframes day-letter-in{0%{opacity:0}to{opacity:1}}html[data-turning=out] .app .page{view-transition-name:page-out}html[data-turning=in] .app .page{view-transition-name:page-in}::view-transition-old(root),::view-transition-new(root){animation:none}@media(prefers-reduced-motion:no-preference){::view-transition-old(page-out){animation:page-leave .15s cubic-bezier(.4,0,1,1) both}::view-transition-new(page-in){animation:page-arrive .26s var(--ease) 40ms both}html[data-turn=back]::view-transition-old(page-out){animation-name:page-leave-back}html[data-turn=back]::view-transition-new(page-in){animation-name:page-arrive-back}}@keyframes page-leave{to{opacity:0;transform:translate(-12px)}}@keyframes page-arrive{0%{opacity:0;transform:translate(16px)}}@keyframes page-leave-back{to{opacity:0;transform:translate(12px)}}@keyframes page-arrive-back{0%{opacity:0;transform:translate(-16px)}}