:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f2e7;--ink:#2d2822;--ink-soft:#6b6154;--accent:#46557f;--gold:#c19b3c;--rule:#d8cfbc;--plate:#f7f2e7;--plate-shadow:none;--w-new:oklch(52% .15 252);--w-new-page:oklch(42% .055 252);--w-learning:oklch(68% .135 70);--dot-known:oklch(56% .11 152);--sheet-shadow:0 -8px 28px #2d282229}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#161b29;--ink:#d9d2c0;--ink-soft:#8d8878;--accent:#93a5d9;--gold:#d0ab52;--rule:#2d3450;--plate:#f3eddd;--plate-shadow:0 2px 14px #00000073;--w-new:oklch(72% .12 252);--w-new-page:oklch(76% .045 252);--w-learning:oklch(78% .12 80);--dot-known:oklch(70% .1 152);--sheet-shadow:0 -8px 28px #0000008c}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#161b29;--ink:#d9d2c0;--ink-soft:#8d8878;--accent:#93a5d9;--gold:#d0ab52;--rule:#2d3450;--plate:#f3eddd;--plate-shadow:0 2px 14px #00000073;--w-new:oklch(72% .12 252);--w-new-page:oklch(76% .045 252);--w-learning:oklch(78% .12 80);--dot-known:oklch(70% .1 152);--sheet-shadow:0 -8px 28px #0000008c}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Trirong,Sathu,serif}.book{max-width:41rem;margin:0 auto;padding:4.5rem 1.6rem 6rem}.book.sheet-open{padding-bottom:55vh}header.opener{text-align:center;margin-bottom:4rem}.book-title{color:var(--ink-soft);letter-spacing:.02em;margin:0 0 .4rem;font-family:Charm,Trirong,cursive;font-size:1.35rem;font-weight:400}.author{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 3.5rem;font-size:.8rem;font-weight:500}.chapter-no{color:var(--accent);margin:0;font-size:5.5rem;font-weight:200;line-height:1}.chapter-word{color:var(--ink-soft);letter-spacing:.35em;margin:1.1rem 0 0;font-size:.95rem}.opener hr{border:0;border-top:1px solid var(--rule);width:6rem;margin:2.4rem auto 0}main p{text-align:justify;text-indent:2.6em;margin:0;font-size:1.32rem;font-weight:400;line-height:2.05}main p.no-indent{text-indent:0}figure{text-align:center;margin:2.6rem auto}figure .plate{background:var(--plate);box-shadow:var(--plate-shadow);border-radius:2px;padding:.9rem 1.4rem;display:inline-block}figure img{mix-blend-mode:multiply;max-width:min(21rem,82%);height:auto;margin:0 auto;display:block}figcaption{color:var(--ink-soft);margin-top:1rem;font-size:.92rem}.fin{text-align:center;color:var(--gold);letter-spacing:.8em;margin-top:4rem;padding-left:.8em;font-size:1.1rem}.next{text-align:center;color:var(--ink-soft);margin-top:2.6rem;font-size:.95rem}.next span{color:var(--accent)}@media (width<=480px){.book{padding-top:3rem}main p{font-size:1.22rem}.chapter-no{font-size:4.5rem}}.sent{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-tap-highlight-color:transparent;border-radius:.3em;margin:0 -.1em;padding:.04em .1em;transition:background-color .14s}.sent.active{background:color-mix(in oklab, var(--accent) 14%, transparent)}.sent.speaking{background:color-mix(in oklab, var(--gold) 28%, transparent)}.w-new{color:var(--w-new)}main .w-new{color:var(--w-new-page)}.w-learning{color:var(--w-learning)}.w-known,.w-ignored{color:inherit}.sheet{z-index:20;background:var(--paper);border-top:1px solid var(--rule);height:45vh;box-shadow:var(--sheet-shadow);border-radius:20px 20px 0 0;flex-direction:column;animation:.22s cubic-bezier(.22,.72,.28,1) sheet-rise;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}.sent{transition:none}}.sheet-grip{touch-action:none;cursor:grab;justify-content:center;padding:.75rem 0 .45rem;display:flex}.grip-bar{background:var(--rule);border-radius:999px;width:3.2rem;height:.28rem;display:block}.sheet-close{width:2.8rem;height:2.8rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:1.05rem;line-height:1;position:absolute;top:.35rem;right:.5rem}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;padding:.1rem 1.5rem 2.2rem;overflow-y:auto}.sheet-body::-webkit-scrollbar{display:none}.sheet-thai{margin:0 0 1rem;font-size:1.05rem;line-height:1.95}.sheet-actions{gap:.7rem;margin:0 0 1.2rem;display:flex}.act{border:1px solid color-mix(in oklab, var(--accent) 38%, transparent);background:color-mix(in oklab, var(--accent) 8%, transparent);min-width:5rem;min-height:3.1rem;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.3rem .9rem;font-family:inherit;font-size:1rem;display:flex}.act.is-on{background:color-mix(in oklab, var(--accent) 20%, transparent)}.act-label{letter-spacing:.1em;color:var(--ink-soft);font-size:.72rem}.sheet-translit{color:var(--ink-soft);margin:0 0 1.1rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.75}.sheet-natural{margin:0 0 .75rem;font-size:1.18rem;line-height:1.6}.sheet-literal{color:var(--ink-soft);margin:0 0 1rem;font-size:.93rem;line-height:1.6}.mini-label{letter-spacing:.2em;color:var(--ink-soft);margin-right:.6rem;font-size:.78rem;font-variant-caps:small-caps}.sheet-empty{color:var(--ink-soft);margin:0;font-size:.95rem}.sheet-notes{margin:0 0 .6rem}.sheet-notes summary{letter-spacing:.2em;color:var(--ink-soft);cursor:pointer;padding:.35rem 0;font-size:.82rem;font-variant-caps:small-caps}.sheet-notes ul{color:var(--ink-soft);margin:.2rem 0 0;padding-left:1.2rem;font-size:.92rem;line-height:1.65}.breakdown{border-top:1px solid var(--rule);margin-top:1.1rem;padding-top:.7rem}.breakdown-head{margin:0 0 .3rem;display:block}.bd-row{border-bottom:1px solid color-mix(in oklab, var(--rule) 55%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:1.8rem minmax(4.5rem,max-content) 1fr max-content;align-items:center;gap:.7rem;padding:.5rem .1rem;display:grid}.bd-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.8rem;height:1.8rem;margin-left:-.35rem;padding:0;display:grid}.bd-dot:before{content:"";border-radius:50%;width:.72rem;height:.72rem;display:block}.dot-new:before{background:var(--w-new)}.dot-learning:before{background:var(--w-learning)}.dot-known:before{background:var(--dot-known)}.dot-ignored:before{box-shadow:inset 0 0 0 1.5px var(--ink-soft);background:0 0}.bd-thai{font-size:1.04rem}.bd-gloss{color:var(--ink-soft);font-size:.86rem;line-height:1.4}.bd-reading{color:var(--ink-soft);text-align:right;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.76rem}@media (width<=480px){.sheet{height:52vh}.sheet-body{padding-left:1.1rem;padding-right:1.1rem}}