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