@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2)format("woff2"),url(./ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2)format("woff2"),url(./ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-thai-thai-500-normal-BrMc1XKn.woff2)format("woff2"),url(./ibm-plex-sans-thai-thai-500-normal-BoHUoq0p.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-thai-latin-500-normal-DQcnnbdd.woff2)format("woff2"),url(./ibm-plex-sans-thai-latin-500-normal-h5t7erDE.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2)format("woff2"),url(./ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff)format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2)format("woff2"),url(./ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff)format("woff")}:root{--bg-0:#060e1a;--bg-1:#0b1729;--ink:#f3eee3;--ink-2:#f3eee3b8;--ink-3:#f3eee375;--line:#f3eee31a;--line-2:#f3eee32e;--glass:#0d1b30bd;--gold:#d6b06a;--gold-2:#ecd29e;--paper:#fdfcf9;--navy:#13233f;--ratio:.707;--flip-ms:.8s;--ease:cubic-bezier(.22, .61, .36, 1);--font:"IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", "Leelawadee UI", "Noto Sans Thai", Thonburi, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg-0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%}html,body{overscroll-behavior:none;margin:0}body{height:100dvh;font-family:var(--font);color:var(--ink);background-color:var(--bg-0);background-image:radial-gradient(1100px 640px at 50% 44%, #d6b06a17, transparent 62%), radial-gradient(1000px 520px at 50% 118%, #1f468280, transparent 70%), linear-gradient(180deg, var(--bg-1), var(--bg-0));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit;color:inherit}a{color:var(--gold-2)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}.sprite{width:0;height:0;position:absolute;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;transition:background-color .15s,color .15s,opacity .15s,transform .15s;display:inline-grid}.btn svg{width:20px;height:20px}.btn:hover:not(:disabled){background:#f3eee317}.btn:active:not(:disabled){transform:scale(.93)}.btn:disabled{opacity:.3;cursor:default}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.button svg{width:18px;height:18px}.button--gold{background:var(--gold);color:#1d160a}.button--gold:hover{background:var(--gold-2)}.button--ghost{border-color:var(--line-2);color:var(--ink);background:0 0}.button--ghost:hover{border-color:#d6b06a99}.button--navy{background:var(--navy);color:#fbf8f1;width:100%}.button--navy:hover{background:#1d355f}.topbar{z-index:4;padding:max(14px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) 6px max(22px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand__mark{width:36px;height:36px;color:var(--gold);background:#d6b06a1a;border-radius:11px;flex:none;padding:7px;box-shadow:inset 0 0 0 1px #d6b06a47}.brand__text{min-width:0}.brand__title{letter-spacing:.005em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15.5px;font-weight:600;line-height:1.4;overflow:hidden}.brand__meta{color:var(--ink-3);margin:0;font-size:12.5px;line-height:1.4}.brand__meta:empty{display:none}.share-btn{border:1px solid var(--line-2);cursor:pointer;background:#f3eee30a;border-radius:999px;flex:none;align-items:center;gap:8px;height:38px;padding:0 15px 0 12px;font-size:13.5px;font-weight:500;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.share-btn svg{width:19px;height:19px;color:var(--gold)}.share-btn:hover:not(:disabled){color:var(--gold-2);background:#d6b06a14;border-color:#d6b06a99}.share-btn:disabled{opacity:.4;cursor:default}.stage{z-index:1;isolation:isolate;min-height:0;position:relative}.book{opacity:0;pointer-events:none;transition:opacity .7s var(--ease), transform .9s var(--ease);position:absolute;inset:18px 28px 14px;transform:translateY(10px)scale(.985)}body.is-ready .book{opacity:1;pointer-events:auto;transform:none}.book__inner{transition:transform var(--flip-ms) cubic-bezier(.45, .05, .3, 1);position:absolute;inset:0}.book__flip.stf__parent,.book__flip .stf__wrapper{position:absolute;inset:0}.book__base{--sl:0px;--sr:0px;width:0;height:0;transition:left .45s var(--ease), width .45s var(--ease), top .3s, height .3s;background:#efebe2;border-radius:2px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #00000059,0 16px 30px -10px #0000008c,0 46px 90px -26px #000000b3}.book__base:before,.book__base:after{content:"";transition:width .45s var(--ease);background:repeating-linear-gradient(90deg,#f1ece1 0 1px,#cfc6b3 1px 2px);position:absolute;top:2px;bottom:2px}.book__base:before{width:var(--sl);border-radius:2px 0 0 2px;right:100%}.book__base:after{width:var(--sr);border-radius:0 2px 2px 0;left:100%}.page{background:var(--paper);overflow:hidden}.page__img{object-fit:contain;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .3s;display:block;position:absolute;inset:0}.page.is-loaded .page__img{opacity:1}.page__shade{pointer-events:none;position:absolute;inset:0}.page.--left .page__shade{background:linear-gradient(270deg,#00000029,#0000000f 2.2%,#00000004 6%,#0000 10%)}.page.--right .page__shade{background:linear-gradient(90deg,#00000029,#0000000f 2.2%,#00000004 6%,#0000 10%)}.page.--hard .page__shade{opacity:.5}.book.is-resizing .book__inner,.book.is-resizing .book__base,.book.is-resizing .book__base:before,.book.is-resizing .book__base:after{transition:none}.page.is-error:before{content:"ไม่สามารถแสดงหน้านี้ได้";text-align:center;color:#13233f8c;place-items:center;padding:16px;font-size:13px;display:grid;position:absolute;inset:0}.page:not(.is-loaded):after{content:"";border:2px solid #13233f1a;border-top-color:#13233f73;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.9s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.side-nav{z-index:3;border:1px solid var(--line);width:52px;height:52px;color:var(--ink-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b3080;border-radius:50%;place-items:center;margin-top:-26px;padding:0;transition:color .15s,border-color .15s,opacity .25s,background-color .15s;display:none;position:absolute;top:50%}.side-nav svg{width:24px;height:24px}.side-nav--prev{left:26px}.side-nav--next{right:26px}.side-nav:hover:not(:disabled){color:var(--gold-2);background:#0d1b30cc;border-color:#d6b06a8c}.side-nav:disabled,body:not(.is-ready) .side-nav{opacity:0;pointer-events:none}@media (width>=900px) and (hover:hover){.side-nav{display:grid}.book{inset:22px 100px 16px}}.scrollview{overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow:auto}.sv-page{width:min(100%,860px);aspect-ratio:var(--ratio);background:var(--paper);margin:0 auto 18px;position:relative;box-shadow:0 12px 30px -12px #0009}.sv-page img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.sv-page.is-loaded img{opacity:1}.sv-page:not(.is-loaded):after{content:"";border:2px solid #13233f1a;border-top-color:#13233f73;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.9s linear infinite spin;position:absolute;top:50%;left:50%}.zoom{z-index:5;opacity:0;background:#070f1cf7;transition:opacity .2s;position:absolute;inset:0}.zoom.is-open{opacity:1}.zoom__scroller{overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:#f3eee340 transparent;display:flex;position:absolute;inset:0;overflow:auto}.zoom__scroller:focus{outline:none}.zoom__scroller.is-dragging{cursor:grabbing}.zoom__content{flex:none;margin:auto;display:flex;box-shadow:0 30px 70px -20px #000000b3}.zoom__page{background:var(--paper);flex:none;position:relative;overflow:hidden}.zoom__page img,.zoom__page canvas{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.zoom__page:after{content:"";pointer-events:none;position:absolute;inset:0}.zoom__page--left:after{background:linear-gradient(270deg,#00000024,#0000 4%)}.zoom__page--right:after{background:linear-gradient(90deg,#00000024,#0000 4%)}.zoom__close{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:12px;right:14px}.zoom__level{background:var(--glass);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;border-radius:999px;padding:5px 12px;font-size:12.5px;transition:opacity .3s;position:absolute;top:16px;left:50%;transform:translate(-50%)}.zoom__level.is-visible{opacity:1}.loader{z-index:6;text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}body.is-ready .loader,body.has-error .loader{opacity:0;visibility:hidden}.loader__book{perspective:320px;width:76px;height:52px;position:relative}.loader__book:before,.loader__book:after{content:"";background:linear-gradient(90deg, #e6dfcf, var(--paper));width:36px;height:48px;position:absolute;bottom:0;box-shadow:0 10px 22px -10px #000000b3}.loader__book:before{background:linear-gradient(270deg, #e6dfcf, var(--paper));border-radius:3px 0 0 3px;left:2px}.loader__book:after{border-radius:0 3px 3px 0;right:2px}.loader__book span{z-index:1;transform-origin:0;opacity:0;background:linear-gradient(90deg,#ddd4c0,#fbf9f4);border-radius:0 3px 3px 0;width:36px;height:48px;animation:2.4s cubic-bezier(.45,.05,.4,1) infinite leaf;position:absolute;bottom:0;left:38px}.loader__book span:nth-child(2){animation-delay:.3s}.loader__book span:nth-child(3){animation-delay:.6s}@keyframes leaf{0%{opacity:0;transform:rotateY(0)}8%{opacity:1}55%{transform:rotateY(-180deg)}80%{opacity:1}to{opacity:0;transform:rotateY(-180deg)}}.loader__text{max-width:30em;color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.7}.loader__bar{background:#f3eee31a;border-radius:3px;width:180px;height:3px;overflow:hidden}.loader__bar span{background:linear-gradient(90deg, var(--gold), var(--gold-2));border-radius:3px;width:35%;height:100%;animation:1.4s ease-in-out infinite indeterminate;display:block}.loader__bar.is-determinate span{transition:width .3s;animation:none}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(320%)}}.is-unsupported .loader__book,.is-unsupported .loader__bar{display:none}.notice{z-index:7;text-align:center;animation:fade-up .4s var(--ease);place-content:center;justify-items:center;padding:24px;display:grid;position:absolute;inset:0}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.notice__icon{width:58px;height:58px;color:var(--gold-2);background:#d6b06a1a;border-radius:50%;place-items:center;margin-bottom:18px;display:grid;box-shadow:inset 0 0 0 1px #d6b06a4d}.notice__icon svg{width:28px;height:28px}.notice__title{margin:0 0 8px;font-size:21px;font-weight:600;line-height:1.5}.notice__text{max-width:34em;color:var(--ink-2);margin:0;font-size:15px;line-height:1.75}.notice__hint{border:1px dashed var(--line-2);max-width:38em;color:var(--ink-3);background:#f3eee30a;border-radius:12px;margin:16px 0 0;padding:10px 16px;font-size:13px;line-height:1.65}.notice__hint code{color:var(--gold-2);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}.notice__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.notice__actions:empty{display:none}body.has-error .dock,body.has-error .side-nav{visibility:hidden}.dock{z-index:4;padding:6px 12px max(16px, env(safe-area-inset-bottom));justify-content:center;display:flex;position:relative}.toolbar{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);border-radius:999px;align-items:center;gap:2px;max-width:100%;padding:5px;display:flex;position:relative;box-shadow:0 14px 34px -10px #0000008c,inset 0 1px #ffffff0d}.toolbar__progress{background:#f3eee30f;border-radius:2px;height:2px;position:absolute;top:-1px;left:24px;right:24px;overflow:hidden}.toolbar__progress span{background:linear-gradient(90deg, var(--gold), var(--gold-2));width:0;height:100%;transition:width .5s var(--ease);display:block}.toolbar__sep{background:var(--line-2);flex:none;width:1px;height:22px;margin:0 6px}.pager{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-3);flex:none;align-items:center;gap:4px;padding:0 8px;font-size:14px;display:flex}.pager__input{font-variant-numeric:tabular-nums;text-align:center;width:3ch;min-width:3ch;color:var(--ink);cursor:text;background:0 0;border:0;border-radius:8px;padding:5px 4px;font-weight:600;transition:background-color .15s}.pager__input:hover:not(:disabled){background:#f3eee314}.pager__input:focus{background:#f3eee31f;outline:none;box-shadow:0 0 0 1px #d6b06aa6}.pager__input:disabled{opacity:.5}dialog{max-width:none;max-height:none;color:inherit;background:0 0;border:0;padding:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03081099}.drawer{width:min(340px,88vw);height:100%;margin:0;position:fixed;inset:0 auto 0 0}.drawer__panel{height:100%;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);border-right:1px solid var(--line);background:#0a1526fa;flex-direction:column;display:flex;box-shadow:30px 0 60px -20px #0009}.drawer[open] .drawer__panel{animation:drawer-in .3s var(--ease)}@keyframes drawer-in{0%{opacity:0;transform:translate(-28px)}}.drawer__head{justify-content:space-between;align-items:center;padding:14px 10px 10px 20px;display:flex}.drawer__head h2{margin:0;font-size:15px;font-weight:600}.drawer__tabs{background:#f3eee30f;border-radius:999px;gap:4px;margin:0 16px 10px;padding:3px;display:flex}.drawer__tabs button{height:32px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-size:13.5px}.drawer__tabs button[aria-selected=true]{color:var(--ink);background:#f3eee321}.drawer__body{overscroll-behavior:contain;min-height:0;padding:6px 18px max(24px, env(safe-area-inset-bottom));scrollbar-width:thin;scrollbar-color:#f3eee333 transparent;flex:1;overflow:auto}.thumbs{grid-template-columns:1fr 1fr;gap:18px 3px;margin:0;padding:0;list-style:none;display:grid}.thumbs.has-cover>li:first-child{grid-column:2}.thumb{width:100%;color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;display:block}.thumb__frame{aspect-ratio:var(--ratio);background:var(--paper);outline-offset:3px;transition:outline-color .15s, transform .2s var(--ease);outline:2px solid #0000;display:block;position:relative;overflow:hidden;box-shadow:0 6px 16px -6px #000000b3}.thumb__frame img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.thumb__frame img.is-loaded{opacity:1}.thumb__num{font-variant-numeric:tabular-nums;text-align:center;margin-top:7px;display:block}.thumb:hover .thumb__frame{transform:translateY(-2px)}.thumb:focus-visible{outline:none}.thumb:focus-visible .thumb__frame{outline-color:var(--ink-2)}.thumb[aria-current=true] .thumb__frame{outline-color:var(--gold)}.thumb[aria-current=true] .thumb__num{color:var(--gold-2);font-weight:600}.outline ul{margin:0;padding:0;list-style:none}.outline ul ul{border-left:1px solid var(--line);margin-left:8px;padding-left:10px}.outline button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:space-between;gap:12px;width:100%;padding:9px 10px;font-size:14px;line-height:1.55;display:flex}.outline button:hover{background:#f3eee312}.outline button:disabled{opacity:.5;cursor:default}.outline .pg{font-variant-numeric:tabular-nums;color:var(--ink-3);flex:none}.sheet{width:min(400px,100vw - 28px);margin:auto}.sheet__card{color:var(--navy);text-align:center;background:#fbf8f1;border-radius:24px;padding:30px 24px 24px;position:relative;box-shadow:0 40px 90px -24px #000000b3}.sheet[open] .sheet__card{animation:sheet-in .32s var(--ease)}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.sheet__close{color:var(--navy);position:absolute;top:10px;right:10px}.sheet__close:hover:not(:disabled){background:#13233f12}.sheet h2{margin:0;font-size:18.5px;font-weight:600;line-height:1.5}.sheet__lead{color:#55647d;margin:4px 0 20px;font-size:14px;line-height:1.6}.qr{background:#fff;border-radius:18px;width:216px;height:216px;margin:0 auto;padding:14px;box-shadow:0 0 0 1px #13233f14,0 14px 28px -14px #13233f59}.qr img{width:100%;height:100%;display:block}.share-url{background:#13233f0f;border-radius:999px;align-items:center;gap:6px;margin:20px 0 14px;padding:5px 5px 5px 16px;display:flex}.share-url input{min-width:0;color:var(--navy);text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:0;font-size:13px}.share-url input:focus{outline:none}.share-url button{background:var(--navy);color:#fbf8f1;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:6px;height:34px;padding:0 14px 0 11px;font-size:12.5px;font-weight:600;display:inline-flex}.share-url button svg{width:16px;height:16px}.share-url button.is-done{background:#23744a}.noscript{background:var(--glass);text-align:center;border-radius:14px;margin:0;padding:14px 18px;position:fixed;inset:auto 16px 90px}@media (width<=640px){.topbar{padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 4px max(12px, env(safe-area-inset-left));gap:10px}.brand{gap:10px}.brand__mark{border-radius:10px;width:32px;height:32px;padding:6px}.brand__title{font-size:14.5px}.brand__meta{display:none}.share-btn{padding:0 12px 0 10px}.book{inset:10px 10px 8px}.dock{padding:4px 8px max(10px, env(safe-area-inset-bottom))}.toolbar{padding:4px}.btn{width:38px;height:38px}.toolbar__sep{margin:0 3px}.pager{padding:0 4px;font-size:13.5px}.hide-sm{display:none!important}body:not(.is-zoomed) #btn-zoom-out{display:none}}@media (width<=360px){.share-btn span{display:none}.share-btn{justify-content:center;width:38px;padding:0}.btn{width:36px;height:36px}}@media (height<=520px){.topbar{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:0}.brand__mark{border-radius:8px;width:28px;height:28px;padding:5px}.brand__title{font-size:13.5px}.brand__meta{display:none}.share-btn{height:32px}.book{top:6px;bottom:4px}.dock{padding:2px 8px max(6px, env(safe-area-inset-bottom))}.toolbar{padding:3px}.btn{width:34px;height:34px}.btn svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}