:root{--gold: #bd9b5f;--gold-dark: #a8854a;--gold-light: #cdb074;--ink: #211b15;--ink-soft: #2b241d;--cream: #f7f4ef;--muted: #8a8378;--line: rgba(33, 27, 21, .12);--line-strong: rgba(189, 155, 95, .45);--gold-tint: rgba(189, 155, 95, .12);--surface: #ffffff;--font-display: var(--font-serif);--font-serif: "Playfair Display", "Noto Serif Thai", Georgia, serif;--font-sans: "Poppins", "Noto Sans Thai", system-ui, sans-serif;--tracking-widest2: .25em;--topbar-h: 3.25rem;--controls-h: 3.75rem}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--cream)}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h);flex:0 0 auto;padding:0 .9rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__brand{display:flex;flex-direction:column;line-height:1.15}.topbar__name{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;letter-spacing:.04em;color:var(--ink)}.topbar__sub{font-size:.58rem;font-weight:500;letter-spacing:var(--tracking-widest2);text-transform:uppercase;color:var(--gold)}.topbar__actions{display:flex;gap:.4rem}.topbar__button{width:2.4rem;height:2.4rem;display:grid;place-items:center;color:var(--ink);border:1px solid var(--line);border-radius:50%}.icon{width:1.15rem;height:1.15rem;display:block}.stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:.6rem;overflow:hidden}.book{position:relative;filter:drop-shadow(0 1rem 2rem rgba(33,27,21,.28))}.book-page{background:var(--ink);overflow:hidden}.book-page__inner{position:relative;width:100%;height:100%;background:var(--ink)}.book-page__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.book-page__img[data-hidden=true]{opacity:0}.book-page__img--thumb{filter:blur(1px)}.book-page__number{position:absolute;right:.5rem;bottom:.35rem;font-family:var(--font-serif);font-size:.6rem;letter-spacing:.1em;color:#f7f4ef73;pointer-events:none}.controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:var(--controls-h);flex:0 0 auto;padding:0 .6rem calc(env(safe-area-inset-bottom,0px)/2);background:var(--surface);border-top:1px solid var(--line)}.controls__arrow{width:2.6rem;height:2.6rem;flex:0 0 auto;display:grid;place-items:center;font-size:1.6rem;line-height:1;color:var(--gold-dark);border:1px solid var(--line-strong);border-radius:50%;transition:background .18s,opacity .18s,color .18s}.controls__arrow:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:#fff}.controls__arrow:disabled{opacity:.3;cursor:default}.controls__status{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.2rem}.controls__page{font-family:var(--font-serif);font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--ink)}.controls__total{font-weight:400;font-size:.8rem;color:var(--muted)}.controls__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.sheet{position:fixed;left:0;right:0;top:var(--vv-top, 0px);height:var(--vv-height, 100dvh);z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#211b1580;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet[data-state=open] .sheet__backdrop{animation:backdrop-in .3s ease both}.sheet[data-state=closing] .sheet__backdrop{animation:backdrop-out .24s ease both}.sheet[data-state=open] .sheet__panel{animation:panel-in .38s cubic-bezier(.22,1,.36,1) both}.sheet[data-state=closing] .sheet__panel{animation:panel-out .26s cubic-bezier(.4,0,1,1) both}.sheet[data-state=open][data-panel=search] .sheet__body{animation:content-in .32s .12s ease both}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}@keyframes panel-in{0%{transform:translateY(100%)}}@keyframes panel-out{to{transform:translateY(100%)}}@keyframes content-in{0%{opacity:0;transform:translateY(10px)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(1rem) scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:translateY(.5rem) scale(.98)}}@media (prefers-reduced-motion: reduce){.sheet[data-state=open] .sheet__panel,.sheet[data-state=closing] .sheet__panel,.sheet[data-state=open] .sheet__body,.toc__item{animation:none!important}.sheet[data-state=open] .sheet__backdrop{animation-duration:.12s}}.sheet__panel{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;background:var(--surface);will-change:transform}.sheet__head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:.9rem 1rem .6rem;padding-top:calc(.9rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line)}.sheet__title{margin:0;font-family:var(--font-serif);font-size:1.15rem;font-weight:600;letter-spacing:.03em;color:var(--ink)}.sheet__close{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:var(--muted);transition:background .18s,color .18s}.sheet__close:hover{background:var(--gold-tint);color:var(--gold-dark)}.sheet__body{overflow-y:auto;overscroll-behavior:contain;padding:.9rem 1rem 1.4rem;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.toc__group+.toc__group{margin-top:1.5rem}.toc__heading{display:flex;align-items:baseline;gap:.55rem;margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.toc__heading-en{font-family:var(--font-serif);font-size:1rem;font-weight:600;letter-spacing:var(--tracking-widest2);text-transform:uppercase;color:var(--gold-dark)}.toc__heading-th{font-size:.74rem;font-weight:400;color:var(--muted)}.toc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none}.toc__item{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:0;text-align:left}.sheet[data-state=open] .toc__item{animation:toc-item-in .3s both;animation-delay:calc(min(var(--i, 0),10)*22ms + .14s)}@keyframes toc-item-in{0%{opacity:0;transform:translateY(12px)}}.toc__thumb{width:100%;aspect-ratio:.66;object-fit:cover;object-position:top;background:var(--ink);border:1px solid var(--line);border-radius:.3rem;transition:border-color .18s,transform .18s,box-shadow .18s}.toc__item:hover .toc__thumb{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 .4rem .9rem #211b1529}.toc__item[aria-current=page] .toc__thumb{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-tint)}.toc__label{display:flex;flex-direction:column;gap:.1rem;line-height:1.25}.toc__page-no{font-family:var(--font-serif);font-size:.72rem;font-weight:600;color:var(--gold-dark)}.toc__title{font-size:.64rem;font-weight:500;letter-spacing:.03em;color:var(--ink)}.toc__subtitle{font-size:.58rem;color:var(--muted)}.search__field{position:relative;display:flex;align-items:center}.search__input{width:100%;padding:.7rem 2.3rem .7rem .9rem;font:inherit;font-size:.95rem;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:.6rem;outline:none;transition:border-color .18s}.search__input::placeholder{color:var(--muted)}.search__input:focus{border-color:var(--gold)}.search__input::-webkit-search-cancel-button{display:none}.search__clear{position:absolute;right:.5rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;font-size:.8rem;color:var(--muted);border-radius:50%}.search__clear:hover{background:var(--gold-tint);color:var(--gold-dark)}.search__hint,.search__note{margin:.9rem 0 0;font-size:.78rem;line-height:1.6;color:var(--muted)}.search__note{padding-top:.7rem;border-top:1px solid var(--line);font-size:.7rem}.search__count{margin:.9rem 0 .4rem;font-size:.66rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dark)}.search__results{margin:0;padding:0;list-style:none}.search__result{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;width:100%;padding:.6rem .4rem;text-align:left;border-bottom:1px solid var(--line);border-radius:.3rem;transition:background .15s}.search__result:hover{background:var(--gold-tint)}.search__result-main{display:flex;flex-direction:column;gap:.12rem;min-width:0}.search__result-th{font-size:.88rem;font-weight:500;color:var(--ink)}.search__result-en{font-size:.74rem;color:var(--muted)}.search__result-where{margin-top:.15rem;font-size:.64rem;letter-spacing:.05em;color:var(--gold-dark)}.search__result-price{flex:0 0 auto;font-family:var(--font-serif);font-size:.9rem;font-weight:600;white-space:nowrap;color:var(--gold-dark)}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--ink);color:var(--cream)}.zoom__bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex:0 0 auto;padding:.6rem .8rem;background:var(--ink-soft);border-bottom:1px solid rgba(247,244,239,.1)}.zoom__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;letter-spacing:.05em;color:#f7f4efb8}.zoom__actions{display:flex;gap:.35rem;flex:0 0 auto}.zoom__actions button{width:2.1rem;height:2.1rem;display:grid;place-items:center;font-size:1.05rem;line-height:1;color:var(--cream);border:1px solid rgba(247,244,239,.22);border-radius:50%;transition:background .18s,color .18s}.zoom__actions button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.zoom__close{color:var(--gold-light)!important;border-color:var(--gold)!important}.zoom__viewport{flex:1 1 auto;min-height:0;width:100%!important;height:100%!important}.zoom__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.zoom__content img{max-width:100%;max-height:100%;object-fit:contain}.zoom__hint{flex:0 0 auto;margin:0;padding:.5rem .8rem calc(.5rem + env(safe-area-inset-bottom,0px));text-align:center;font-size:.66rem;color:#f7f4ef8c;background:var(--ink-soft);border-top:1px solid rgba(247,244,239,.1)}@media (min-width: 768px){:root{--topbar-h: 3.75rem;--controls-h: 4.25rem}.topbar{padding:0 1.4rem}.topbar__name{font-size:1.6rem}.topbar__sub{font-size:.62rem}.topbar__button{width:2.6rem;height:2.6rem}.icon{width:1.25rem;height:1.25rem}.stage{padding:1rem}.sheet{justify-content:center;align-items:center}.sheet__panel{flex:0 1 auto;width:min(46rem,92vw);max-height:82%;border-radius:.8rem;box-shadow:0 1.5rem 3rem #211b154d}.sheet[data-state=open] .sheet__panel{animation:dialog-in .3s cubic-bezier(.22,1,.36,1) both}.sheet[data-state=closing] .sheet__panel{animation:dialog-out .2s ease both}.toc__grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}.zoom__hint{font-size:.72rem}}