@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:block;src:url(../media/8332ab670d3836ce-s.p.0u3dxrdmwacuo.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:block;src:url(../media/81c1a4ce2748626f-s.2ifibzm0u_w52.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:block;src:url(../media/70ee23b659996cb4-s.3gh49kvacfryn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped Fallback;src:local(Arial);ascent-override:117.56%;descent-override:32.92%;line-gap-override:0.0%;size-adjust:106.33%}.o95Eda_className{font-family:Noto Sans Thai Looped,Noto Sans Thai Looped Fallback;font-style:normal;font-weight:400}
@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3b69a59c30a84761-s.018fen7jq0xhs.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a23319256c53cceb-s.31_h-3_dncqho.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4d2e73a6fbf3b0ba-s.32zk6jmnf7ovs.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sriracha;font-style:normal;font-weight:400;font-display:swap;src:url(../media/409c52c0b1658041-s.2okvzu8tqefab.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sriracha Fallback;src:local(Arial);ascent-override:121.4%;descent-override:54.73%;line-gap-override:0.0%;size-adjust:100.49%}.-TpMPW_className{font-family:Sriracha,Sriracha Fallback;font-style:normal;font-weight:400}
@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.2z75p4w15d5s2.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.04__l9_-tseh0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.1w6wqe9i3pitw.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.1z9_nafow40zl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}._5jTYtG_className{font-family:Sarabun,Sarabun Fallback;font-style:normal;font-weight:400}
.story-reader{--paper:#f4ecd9;--ink:#2b241b;--phonetic:#6b5a48;--english:#8d7b67;background:var(--paper);min-width:0;color:var(--ink);padding:0 clamp(16px, 3vw, 40px) env(safe-area-inset-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.story-reader[data-theme=light]{--paper:#fff;--ink:#161616;--phonetic:#606060;--english:#888}.story-reader[data-theme=dark]{--paper:#171717;--ink:#f5f5f5;--phonetic:#b1b1b1;--english:#858585}.story-reader[data-audio=true]{padding-bottom:calc(134px + env(safe-area-inset-bottom))}.story-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.story-toolbar>span{overflow-wrap:anywhere;min-width:0}.story-reader button,.story-reader select{cursor:pointer}.story-toolbar button,.story-popover button{border:1px solid var(--english);border-radius:8px;padding:8px 12px}.story-reader button:disabled{opacity:.35;cursor:default}.story-reader :focus-visible{outline-offset:3px;outline:2px solid #c76a25}.story-settings{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px 20px;max-height:35%;padding:12px 0;font-size:14px;display:flex;overflow-y:auto}.story-settings label{align-items:center;gap:6px;min-width:0;display:flex}.story-settings select{border:1px solid var(--english);background:var(--paper);min-width:0;max-width:200px;color:var(--ink);border-radius:6px;padding:6px}.story-viewport{overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:hidden auto}.story-text{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;padding:12px 0 24px}.story-reader[data-audio=true][data-mode=scroll] .story-text{padding-bottom:max(24px,100dvh - 240px)}.story-paragraph{margin-bottom:1.2em}.story-text section{margin-bottom:1em}.story-thai{font-family:var(--story-font), sans-serif;font-size:var(--story-size);color:var(--ink);line-height:1.8}.story-thai button{white-space:nowrap;font:inherit;color:inherit;vertical-align:baseline;background:0 0;border:0;max-width:100%;padding:0;display:inline-block}.story-phonetic{font-size:calc(var(--story-size) * .56);color:var(--phonetic);margin-top:6px;line-height:1.7}.story-english{font-size:calc(var(--story-size) * .43);color:var(--english);margin-top:4px;line-height:1.7}.story-reader[data-mode=page] .story-viewport{touch-action:pan-y;overflow:hidden}.story-reader[data-mode=page] .story-text{column-width:var(--page-width);column-fill:auto;column-gap:32px;height:100%;padding:12px 0}.story-reader[data-mode=page] .story-text section{break-inside:avoid}.story-popover{z-index:50;background:var(--paper);width:264px;max-width:calc(100vw - 16px);color:var(--ink);border:1px solid var(--english);overflow-wrap:anywhere;border-radius:12px;padding:16px;position:fixed;box-shadow:0 4px 24px #0004}.story-popover p{color:var(--phonetic);margin:8px 0}.story-popover button+button{margin-left:8px}.story-help{color:var(--phonetic);flex-shrink:0;padding-bottom:8px;font-size:12px}.story-player{z-index:30;padding:8px max(20px, env(safe-area-inset-left)) calc(12px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border-top:1px solid color-mix(in srgb, var(--ink) 15%, var(--paper));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0001}.story-progress{font-variant-numeric:tabular-nums;max-width:640px;color:var(--phonetic);align-items:center;gap:12px;margin:auto;font-size:12px;display:flex}.story-progress input{min-width:44px;height:44px;accent-color:var(--ink);cursor:pointer;flex:1}.story-transport{justify-content:center;align-items:center;gap:20px;max-width:640px;margin:auto;display:flex}.story-transport button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;display:grid}.story-transport button:hover{background:color-mix(in srgb, var(--ink) 10%, var(--paper))}.story-transport .story-play{background:var(--ink);width:60px;height:60px;color:var(--paper)}.story-transport .story-play:hover{background:var(--phonetic)}.story-transport svg{width:24px;height:24px}.story-transport select{appearance:none;border:1px solid var(--english);background:var(--paper);min-width:64px;min-height:44px;color:var(--ink);text-align:center;border-radius:24px;padding:0 12px;font-size:16px}.story-text [data-speaking-sentence]{background:color-mix(in srgb, var(--ink) 8%, var(--paper));border-radius:6px}.story-thai [data-speaking]{color:#241a08;background:#f5c451;border-radius:4px;box-shadow:0 2px #a45510}