@font-face{font-family:Thai Looped;src:url(/fonts/NotoSansThaiLooped.woff2)format("woff2");font-weight:100 900;font-display:swap}.thai{--thai-font:"Thai Looped", var(--sans);--rom-font:-apple-system, "Helvetica Neue", Arial, sans-serif;padding-bottom:calc(var(--u) * 12)}.thai [lang=th]{font-weight:400;font-family:var(--thai-font);word-break:keep-all;overflow-wrap:anywhere}.thai-head{padding-block:calc(var(--u) * 7) calc(var(--u) * 5)}.thai-head h1[lang=th],.thai-head h1{margin-top:calc(var(--u) * 1.5);font-size:clamp(34px,5.4vw,56px);font-weight:600;line-height:1.3}.thai-head>p{color:var(--dim);margin:calc(var(--u) * 1.5) 0 0;max-width:40ch;font-size:17px}.thai-controls{margin-top:calc(var(--u) * 4);flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.thai-seg{border:1px solid var(--line);border-radius:999px;padding:4px;display:inline-flex}.thai-seg button{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 18px;font-size:15px}.thai-seg button[aria-pressed=true]{background:var(--on-night);color:var(--night);font-weight:500}.thai-switch{color:var(--dim);cursor:pointer;align-items:center;gap:8px;font-size:15px;display:inline-flex}.thai-switch input{width:18px;height:18px;accent-color:var(--coral)}.thai-body{gap:calc(var(--u) * 5);grid-template-columns:220px minmax(0,1fr);align-items:start;display:grid}.thai-toc{top:calc(var(--u) * 3);position:sticky}.thai-toc summary{display:none}.thai-toc nav{flex-direction:column;display:flex}.toc-group{color:var(--dim);margin:calc(var(--u) * 2.5) 0 calc(var(--u) * .5);font-size:13px}.toc-group:first-child{margin-top:0}.thai-toc a{color:var(--dim);grid-template-columns:2.2em 1fr;align-items:baseline;padding:5px 0;font-size:15px;line-height:1.45;text-decoration:none;display:grid}.thai-toc a .label{color:inherit}.thai-toc a:hover{color:var(--on-night)}.thai-toc a[aria-current=page]{color:var(--on-night);font-weight:500}.thai-toc a[aria-current=page] .label{color:var(--coral)}.thai-sheet{background:var(--paper);color:var(--ink);color-scheme:light;border-radius:28px;flex-direction:column;min-height:70vh;padding:clamp(24px,4vw,52px);display:flex}.thai-sheet .label{color:var(--ink-dim)}#stage{outline:none;flex:1}.st-head{margin-bottom:calc(var(--u) * 4)}.st-head h2{margin-top:6px;font-size:clamp(26px,3.4vw,36px);font-weight:700;line-height:1.35}.st-head p{color:var(--ink-dim);margin:calc(var(--u) * 1) 0 0;max-width:46ch;font-size:17px}.rom{font-family:var(--rom-font);color:var(--ink-dim);letter-spacing:.01em;font-size:14px;display:block}.thai.no-rom .rom{display:none}.say{border:1px solid var(--rule);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.say svg{width:18px;height:18px}.say.slow{width:auto;color:var(--ink-dim);border-radius:999px;padding:0 14px;font-size:14px}.say:hover{border-color:var(--ink);color:var(--ink)}.say-group{gap:8px;display:flex}.is-playing .say:first-child,.say.is-playing{border-color:var(--coral);color:var(--coral)}.lines{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.line{padding:calc(var(--u) * 2.25) 4px;border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:minmax(7em,13em) minmax(0,1fr) auto;align-items:center;gap:8px 28px;transition:background-color .15s ease-out;display:grid;position:relative}.line:hover{background:oklch(95% .01 95)}.line .zh{font-size:18px;font-weight:500}.line .th{font-size:clamp(24px,2.6vw,30px);line-height:1.4}.line .ex{color:var(--ink-dim);margin-top:2px;font-size:14px;display:block}.line.is-playing:before{content:"";background:var(--coral);border-radius:2px;width:3px;position:absolute;top:18%;bottom:18%;left:-14px}.line .mood{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.mood.up{background:var(--green)}.mood.down{background:var(--coral)}.digits{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.digit{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);cursor:pointer;flex-direction:column;gap:2px;padding:18px 18px 14px;display:flex;position:relative}.digit:hover{background:oklch(95% .01 95)}.digit .n{font-family:var(--latin);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:500;line-height:1}.digit .th{margin-top:8px;font-size:26px}.digit .near{color:var(--ink-dim);font-size:14px}.digit .say-group{margin-top:10px}.digit.is-playing .n{color:var(--coral)}.digits-note{margin:calc(var(--u) * 5) 0 calc(var(--u) * 2);font-size:17px}.dlg-tools{margin-bottom:calc(var(--u) * 3);flex-wrap:wrap;gap:10px;display:flex}.thai-pill{font:inherit;cursor:pointer;color:inherit;background:0 0;border:1px solid;border-radius:999px;padding:10px 20px;font-size:15px}.thai-sheet .thai-pill{color:var(--ink);border-color:var(--rule)}.thai-sheet .thai-pill:hover{border-color:var(--ink)}.thai-pill[aria-pressed=true],.thai-sheet .thai-pill.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.thai-pill:disabled{opacity:.3;cursor:default}.script{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.cue{padding:calc(var(--u) * 2) 4px;border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:5.5em minmax(0,1fr) auto;align-items:start;gap:6px 22px;display:grid;position:relative}.cue:hover{background:oklch(95% .01 95)}.cue .who{color:var(--ink-dim);padding-top:8px;font-size:15px}.cue.B .who{color:oklch(52% .1 158)}.cue .th{font-size:clamp(22px,2.4vw,27px);line-height:1.45}.cue .zh{color:var(--ink-dim);margin-top:2px;font-size:16px;display:block}.cue.is-playing:before{content:"";background:var(--coral);border-radius:2px;width:3px;position:absolute;top:18%;bottom:18%;left:-14px}.cue.masked .th,.cue.masked .rom{color:#0000;text-shadow:0 0 14px oklch(24% .012 95/.45);user-select:none}.cue.masked .zh{color:var(--ink);font-size:18px;font-weight:500}.notes{margin-top:calc(var(--u) * 4);gap:calc(var(--u) * 2);display:grid}.notes h3{color:var(--ink-dim);margin-bottom:6px;font-size:15px;font-weight:500}.words{flex-wrap:wrap;gap:6px 26px;margin:0;padding:0;font-size:16px;list-style:none;display:flex}.words [lang=th]{margin-right:8px;font-size:21px}.task{border-left:3px solid var(--green);padding:4px 0 4px 16px;font-size:18px}.dlg-hint{margin:0 0 calc(var(--u) * 1.5);color:var(--ink-dim);font-size:15px}.w{font:inherit;color:inherit;cursor:pointer;text-underline-offset:7px;background:0 0;border:0;border-radius:4px;margin:0 2px;padding:0 1px;text-decoration:underline 1.5px dotted oklch(24% .012 95/.3);position:relative}.w:hover{background:oklch(92% .02 95)}.w.on{color:var(--coral);text-decoration-color:var(--coral)}.tip{z-index:5;transform:translate(calc(-50% + var(--dx,0px)), 4px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);font-family:var(--sans);white-space:nowrap;border-radius:12px;padding:7px 12px;font-size:16px;font-weight:500;line-height:1.4;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;bottom:calc(100% + 10px);left:50%;box-shadow:0 10px 24px -12px oklch(10% 0 0/.6)}.tip:after{content:"";left:calc(50% - var(--dx,0px));border:7px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;transform:translate(-50%)}.w.on .tip{opacity:1;transform:translate(calc(-50% + var(--dx,0px)), 0)}.cue.masked .w .tip{display:none}.gnote{margin-top:calc(var(--u) * 5);background:oklch(94% .02 158);border-radius:22px;padding:clamp(18px,3vw,28px)}.gnote h3{margin:6px 0 8px;font-size:22px;font-weight:700}.gnote>p{margin:0 0 calc(var(--u) * 2);max-width:44ch;font-size:17px}.gnote .lines{border-top-color:oklch(86% .03 158)}.gnote .line{border-bottom-color:oklch(86% .03 158)}.gnote .line:hover{background:oklch(91% .03 158)}.gnote mark{color:oklch(48% .12 158);text-underline-offset:6px;background:0 0;font-weight:600;text-decoration:underline 2px}.order{margin-top:calc(var(--u) * 5);border-top:1px solid var(--rule);padding-top:calc(var(--u) * 3)}.order h3{margin:6px 0 calc(var(--u) * 2);font-size:22px;font-weight:700}.ord-grid{gap:calc(var(--u) * 4);grid-template-columns:minmax(140px,200px) minmax(0,1fr);align-items:center;display:grid}.ord-cup svg{display:block}.ord-cup .steam{animation:2.4s ease-in-out infinite steam}@keyframes steam{0%,to{opacity:.15;transform:translateY(4px)}50%{opacity:.6;transform:translateY(-3px)}}.ord-sliders{gap:calc(var(--u) * 2.5);display:grid}.ord-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.ord-k{color:var(--ink-dim);font-size:15px}.ord-v{font-size:18px;font-weight:600}.ord-slider input[type=range]{width:100%;height:28px;accent-color:var(--coral);cursor:pointer;margin:0}.ord-ticks{color:var(--ink-dim);justify-content:space-between;font-size:13px;display:flex}.ord-slider.off{opacity:.35}.ord-slider.off input{cursor:not-allowed}.order .ord-out{margin-top:calc(var(--u) * 3);padding-top:calc(var(--u) * 2.5);border-top:1px dashed var(--rule)}.order .ord-out .th{font-size:clamp(24px,3vw,32px);display:block}.formula{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:17px;display:flex}.formula span{background:oklch(93% .012 95);border-radius:999px;padding:8px 16px}.formula .not{background:var(--coral);color:#fff}.formula i{color:var(--ink-dim);background:0 0;padding:0;font-style:normal}.builder{margin-top:calc(var(--u) * 5);border-top:1px solid var(--rule);padding-top:calc(var(--u) * 3)}.builder h3{color:var(--ink-dim);margin-bottom:12px;font-size:15px;font-weight:500}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.sentence{margin-top:calc(var(--u) * 3);flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.sentence .th{font-size:clamp(30px,4vw,42px);line-height:1.35}.sentence .th .neg{color:var(--coral)}.sentence .zh{color:var(--ink-dim);font-size:18px}.pairs{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px clamp(16px,4vw,48px);display:grid}.pair{font:inherit;color:var(--ink);cursor:pointer;border:1px solid var(--rule);text-align:center;background:0 0;border-radius:16px;justify-content:center;align-items:center;min-height:76px;padding:12px 16px;font-size:19px;line-height:1.45;display:flex}.pair[lang=th]{font-size:24px}.pair:hover{border-color:var(--ink)}.pair.picked{border-color:var(--ink);background:oklch(93% .012 95)}.pair.done{color:oklch(38% .08 158);cursor:default;background:oklch(92% .05 158);border-color:#0000}.pair.miss{border-color:var(--coral)}.pair-status{margin-top:calc(var(--u) * 3);min-height:1.7em;font-size:17px}.roles{grid-template-columns:1fr 1fr;gap:clamp(16px,4vw,48px);display:grid}.role h3{border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:20px;font-weight:700}.role ol{counter-reset:step;margin:0;padding:0;list-style:none}.role li{counter-increment:step;border-bottom:1px solid var(--rule);cursor:pointer;grid-template-columns:1.8em minmax(0,1fr);align-items:start;gap:8px 10px;padding:16px 0;display:grid}.role li:before{content:counter(step);font-family:var(--mono);color:var(--ink-dim);padding-top:2px;font-size:13px}.role li .say-group{grid-column:2}.role .step{color:var(--ink-dim);font-size:15px;display:block}.role .th{font-size:23px;line-height:1.4}.quiz-bar{margin-bottom:calc(var(--u) * 3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-count{color:var(--ink-dim);font-size:15px}.quiz-listen{align-items:center;gap:8px;display:flex}.quiz-play{font:inherit;cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;line-height:1.4;display:inline-flex}.quiz-play svg{width:16px;height:16px}.thai-sheet .quiz-listen .thai-pill{line-height:1.4}.options{gap:10px;display:grid}.option{font:inherit;text-align:left;color:var(--ink);cursor:pointer;border:1px solid var(--rule);background:0 0;border-radius:16px;padding:14px 18px;font-size:20px}.option:hover{border-color:var(--ink)}.option.right{background:oklch(92% .05 158);border-color:#0000}.option.wrong{border-color:var(--coral);color:var(--coral)}.answer{margin-top:calc(var(--u) * 3);min-height:7.5em}.answer .rom{margin:2px 0 calc(var(--u) * 2)}.answer .th{font-size:28px}.goals{margin:0 0 calc(var(--u) * 5);border-top:1px solid var(--rule);padding:0;list-style:none}.goals li{border-bottom:1px solid var(--rule);grid-template-columns:2.2em minmax(0,1fr);gap:2px 12px;padding:14px 0;display:grid}.goals .label{padding-top:6px}.goals .th{font-size:22px}.goals .zh{color:var(--ink-dim);grid-column:2}.particle p{max-width:46ch;margin:0 0 calc(var(--u) * 2);font-size:17px}.thai-sheet.is-story{background:0 0;padding:0}.thai-sheet.is-story .thai-pager{color:var(--on-night);padding-inline:4px}.thai-sheet.is-story .thai-pager .label{color:var(--dim)}.thai-sheet.is-story .thai-pill{color:var(--on-night);border-color:var(--line)}.thai-sheet.is-story .thai-pill.solid{background:var(--on-night);color:var(--night);border-color:var(--on-night)}.story.cover{min-height:62vh;color:var(--on-night);margin:0}.story .cover-in{flex-direction:column;min-height:62vh;display:flex}.story h2{margin-top:calc(var(--u) * 3);font-size:clamp(30px,4.6vw,46px);font-weight:700;line-height:1.3}.story .story-body{max-width:34em;margin:calc(var(--u) * 3) 0 0;white-space:pre-line;font-size:19px;line-height:1.85}.story .story-empty{color:var(--dim);margin-top:calc(var(--u) * 3)}.thai-pager{margin-top:calc(var(--u) * 6);justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=860px){.thai-body{gap:calc(var(--u) * 2);grid-template-columns:1fr}.thai-toc{border:1px solid var(--line);border-radius:16px;padding:12px 16px;position:static}.thai-toc summary{cursor:pointer;color:var(--on-night);align-items:baseline;gap:10px;display:flex}.thai-toc nav{margin-top:10px}.line{grid-template-columns:minmax(0,1fr) auto}.line .zh{color:var(--ink-dim);grid-column:1/-1;font-size:16px}.cue{grid-template-columns:minmax(0,1fr)}.cue .who{grid-column:1/-1;padding-top:0;font-size:14px}.ord-grid{grid-template-columns:120px minmax(0,1fr);gap:16px}.roles{grid-template-columns:1fr}.pair{min-height:68px;font-size:17px}.pair[lang=th]{font-size:21px}.thai-sheet{border-radius:22px;padding:22px 18px}.line.is-playing:before,.cue.is-playing:before{left:-10px}}.wai{margin-top:calc(var(--u) * 4)}.wai-stage{grid-template-columns:250fr 270fr;gap:clamp(8px,2vw,24px);display:grid}.wai-stage figure{flex-direction:column;gap:6px;margin:0;display:flex}.wai-stage figcaption{text-align:center}.wai-canvas{aspect-ratio:250/252;width:100%;display:block}.wai-canvas.wai-side{aspect-ratio:270/252}.wai-panel{margin-top:calc(var(--u) * 3)}.wai-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.wai-btn{font:inherit;text-align:left;cursor:pointer;color:var(--on-night);border:1px solid var(--line);background:0 0;border-radius:16px;flex-direction:column;gap:2px;padding:12px 14px;font-size:18px;font-weight:500;display:flex}.wai-btn span{color:var(--dim);font-size:14px;font-weight:300;line-height:1.45}.wai-btn:hover{border-color:var(--dim)}.wai-btn[aria-pressed=true]{background:var(--on-night);color:var(--night);border-color:var(--on-night)}.wai-btn[aria-pressed=true] span{color:var(--night);opacity:.7}.wai-desc{min-height:3.6em;margin:calc(var(--u) * 2.5) 0;font-size:17px;line-height:1.75}.wai-desc strong{color:var(--sand);margin-right:.6em;font-weight:500}.wai-tour{font:inherit;cursor:pointer;color:var(--dim);text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.wai-tour:hover{color:var(--on-night)}@media (width<=860px){.wai-buttons{grid-template-columns:1fr 1fr}}.water{margin-top:calc(var(--u) * 4)}.wpage{background:#f3ede2;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px -30px oklch(5% 0 0/.9)}.wscene{width:100%;height:auto;display:block}.wit,.wnum{cursor:pointer;transition:opacity .3s ease-out}.wit:focus-visible{outline:none}.wit:focus-visible>*{filter:drop-shadow(0 0 3px var(--coral))}.wpage.has-pick .wit:not(.on){opacity:.38}.wpage.has-pick .wnum:not(.on){opacity:.55}.wnum.on circle{fill:var(--coral);stroke:var(--coral)}.wnum.on text{fill:#fff}.wit:hover{opacity:1!important}.wcard{min-height:128px;margin-top:calc(var(--u) * 2.5);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px 24px;padding:18px 22px;display:grid}.wcard-empty{text-align:center;color:var(--dim);grid-column:1/-1;margin:0;font-size:17px}.wc-n{font-family:var(--latin);color:var(--coral);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.wc-main{flex-direction:column;display:flex}.wc-word{font-size:clamp(36px,5vw,52px);font-weight:600;line-height:1.2}.wr-nam{color:var(--sand)}.wr-part{color:var(--coral)}.wc-rom{color:var(--dim);font-family:-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px}.wc-meta{flex-direction:column;gap:2px;display:flex}.wc-zh{font-size:24px;font-weight:700}.wc-lit{color:var(--dim);font-size:15px}.wc-say{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.wc-say button{font:inherit;cursor:pointer;color:var(--on-night);border:1px solid var(--line);background:0 0;border-radius:999px;padding:6px 16px;font-size:15px}.wc-say button[lang=th]{font-family:"Thai Looped", var(--sans);color:var(--coral);border-color:oklch(73% .16 42/.5);font-size:17px}.wc-say button:hover{border-color:var(--dim)}.windex{margin:calc(var(--u) * 2.5) 0 0;border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 20px;padding:0;list-style:none;display:grid}.windex button{font:inherit;cursor:pointer;text-align:left;width:100%;color:var(--on-night);border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:2em auto 1fr;align-items:baseline;gap:10px;padding:9px 2px;display:grid}.windex .wi-n{font-family:var(--mono);color:var(--dim);font-size:12px}.windex .wi-th{font-size:19px}.windex .wi-zh{color:var(--dim);text-align:right;font-size:14px}.windex button:hover .wi-th,.windex button.on .wi-th,.windex button.on .wi-n{color:var(--coral)}.w-steam{animation:3.2s ease-in-out infinite w-steam}@keyframes w-steam{0%,to{opacity:.1;transform:translateY(3px)}50%{opacity:.55;transform:translateY(-3px)}}.w-drip{animation:3s ease-in infinite w-drip}@keyframes w-drip{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.w-fall{animation:1.1s linear infinite w-fall}@keyframes w-fall{to{stroke-dashoffset:-13px}}.w-wave{animation:4s linear infinite w-wave}@keyframes w-wave{to{transform:translate(32px)}}.w-shower,.w-rain{animation:1.2s linear infinite w-shower}@keyframes w-shower{0%{opacity:0;transform:translateY(0)}25%{opacity:.9}to{opacity:0;transform:translateY(22px)}}@media (width<=860px){.wcard{grid-template-columns:auto minmax(0,1fr)}.wc-meta{grid-column:1/-1}.windex{grid-template-columns:1fr 1fr}.windex button{grid-template-columns:1.8em 1fr}.windex .wi-zh{text-align:left;grid-column:2}}.train{margin-top:calc(var(--u) * 4);grid-template-columns:minmax(200px,250px) minmax(0,1fr);align-items:stretch;gap:clamp(18px,3vw,32px);display:grid}.train-video{aspect-ratio:9/16;background:#000;border-radius:18px;width:100%;display:block;box-shadow:0 24px 50px -30px oklch(5% 0 0/.9)}.kws{border-top:1px solid var(--line);grid-template-rows:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid}.kw{border-bottom:1px solid var(--line);grid-template-columns:1.6em minmax(0,1fr);align-content:center;gap:0 10px;padding:8px 0;display:grid}.kw-n{font-family:var(--latin);color:var(--coral);grid-row:1/3;font-size:18px;font-weight:700}.kw-top{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.kw-zh{font-size:19px;font-weight:700}.kw-th{font:inherit;cursor:pointer;color:var(--sand);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:inline-flex}.kw-th [lang=th]{font-size:19px}.kw-th svg{opacity:.7;width:15px;height:15px}.kw-th:hover,.kw-th.is-playing{color:var(--coral)}.kw-note{color:oklch(86% .006 95);font-size:15px}@media (width<=760px){.train{grid-template-columns:1fr}.train-video{max-width:260px;margin-inline:auto}.kws{grid-template-rows:none}}