:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1eb;--ink:#272420;--muted:#76716a;--line:#2724202e;--paper-shadow:0 16px 42px #2724202e;--button:#ffffffd1}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:0 0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}.flipbook-shell{background:linear-gradient(135deg, #ffffffad, #fff0), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100vh;padding:18px;display:flex;overflow:hidden}.book-stage{perspective:1800px;justify-content:center;width:min(100%,1160px);display:flex}.book{aspect-ratio:1.353;width:min(100%,134vh - 123.28px);max-width:1120px;transform-style:preserve-3d;filter:drop-shadow(0 22px 30px #302a232e);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.book.single-page{aspect-ratio:.677;grid-template-columns:minmax(0,1fr);width:min(100%,68vh - 62.56px);max-width:560px}.book.single-page .page-slot.empty,.book.single-page .spine{display:none}.page-slot{min-width:0;height:100%;box-shadow:var(--paper-shadow);background:#f8f6ef;position:relative;overflow:hidden}.page-slot.left{transform-origin:100%}.page-slot.right{transform-origin:0}.page-slot.empty{background:linear-gradient(90deg,#ffffff47,#ffffffb8);box-shadow:inset 0 0 0 1px #2724200f}.page-slot img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#f8f6ef;width:100%;height:100%;display:block}.page-slot.left img{object-position:right center}.page-slot.right img{object-position:left center}.spine{z-index:5;pointer-events:none;background:linear-gradient(90deg,#00000029,#ffffff6b,#0000001a);width:2px;position:absolute;inset:0 auto 0 50%;transform:translate(-1px)}.turning-page{width:50%;height:100%;box-shadow:var(--paper-shadow);z-index:10;backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none;background:#f8f6ef;position:absolute;top:0;overflow:hidden}.turning-page img{object-fit:contain;background:#f8f6ef;width:100%;height:100%;display:block}.turning-page.next{transform-origin:0;animation:.54s cubic-bezier(.2,.7,.2,1) forwards flip-next;right:0}.turning-page.prev{transform-origin:100%;animation:.54s cubic-bezier(.2,.7,.2,1) forwards flip-prev;left:0}.turning-page.single-turn{width:100%;left:0;right:auto}.turning-page.single-turn.next{transform-origin:0}.turning-page.single-turn.prev{transform-origin:100%}.book.single-page .turning-page.half-turn{width:50%}@keyframes flip-next{0%{transform:rotateY(0)}to{transform:rotateY(-178deg)}}@keyframes flip-prev{0%{transform:rotateY(0)}to{transform:rotateY(178deg)}}.controls{width:min(100%,720px);color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.3;display:flex}button{appearance:none;border:1px solid var(--line);background:var(--button);color:var(--ink);min-width:44px;height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:0 15px}button:hover{background:#fffffff5}button:disabled{opacity:.35;cursor:default}.status{text-align:center;font-variant-numeric:tabular-nums;min-width:114px}.hit{z-index:12;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;width:22%;min-width:0;height:auto;padding:0;position:absolute;top:0;bottom:0}.hit.prev{left:0}.hit.next{right:0}@media (width<=700px){body{overflow:auto}.flipbook-shell{min-height:100svh;padding:12px}.book{aspect-ratio:.677;grid-template-columns:1fr;width:min(100%,68svh - 59.84px)}.page-slot.left,.spine{display:none}.turning-page{width:100%}.turning-page.next,.turning-page.prev{transform-origin:0;left:0;right:auto}.turning-page.prev{transform-origin:100%}.controls{gap:8px}.status{min-width:88px}}