:root{--paper:#fffdf8;--paper-edge:#f1ecdf;--ink:#2b2b2b;--muted:#6b6b6b;--accent:#4a6cf7;--shadow:0 10px 30px #00000026}*,:after,:before{box-sizing:border-box}#root,body,html{height:100%}body{background:linear-gradient(180deg,#f6f7fb,#eef1f6);color:#2b2b2b;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;margin:0}.app{grid-gap:1rem;display:grid;gap:1rem;grid-template-rows:auto 1fr auto;min-height:100%}.appHeader{padding:1.25rem 1rem .5rem;text-align:center}.appHeader h1{font-size:1.5rem;letter-spacing:.2px;margin:0}.subhead{color:#6b6b6b;color:var(--muted);font-size:.95rem;margin-top:.25rem}.bookShell{display:grid;padding:0 1rem;place-items:center}.book{animation:fadeIn .26s ease-out;background:#fffdf8;background:var(--paper);border-radius:10px;box-shadow:0 10px 30px #00000026;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;height:clamp(420px,70vh,780px);overflow:hidden;position:relative;width:min(1100px,92vw)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{background:linear-gradient(90deg,#00000005,#0000 12%),#fffdf8;background:linear-gradient(90deg,#00000005,#0000 12%),var(--paper);padding:1.25rem 1.25rem 1rem;position:relative}.page.left{border-right:1px solid #f1ecdf;border-right:1px solid var(--paper-edge);display:grid;place-items:center}.page.right{overflow:auto;scroll-behavior:smooth}.illustration{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-rows:1fr auto;height:100%;margin:0;width:100%}.illustration img{border-radius:6px;height:100%;object-fit:cover;width:100%}.figcap{color:#6b6b6b;color:var(--muted);font-size:.8rem;text-align:center}.chapterText{line-height:1.65;margin:0 auto;max-width:52ch;padding-right:.25rem}.chapterTitle{font-size:1.3rem;letter-spacing:.2px;margin-bottom:.75rem;margin-top:.25rem}.chapterText p{text-wrap:pretty;margin:.75rem 0}.controls{align-items:center;display:flex;gap:1rem;justify-content:center;padding:.75rem 1rem 1.25rem}.navBtn{--btn-bg:#fff;--btn-border:#dfe3eb;background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:8px;box-shadow:0 1px 0 #00000008;color:#2b2b2b;color:var(--ink);cursor:pointer;padding:.6rem .9rem;transition:transform 80ms ease,box-shadow .16s ease,border-color .16s ease}.navBtn:hover{border-color:#cfd6e3;box-shadow:0 6px 18px #0000000f;transform:translateY(-1px)}.navBtn:active{transform:translateY(0)}.navBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.indicator{color:#6b6b6b;color:var(--muted);min-width:12ch;text-align:center}@media (max-width:820px){.book{grid-template-columns:1fr;height:auto}.page.left{border-bottom:1px solid #f1ecdf;border-bottom:1px solid var(--paper-edge);border-right:none}.chapterText{max-width:60ch}}.imageOverlay{background:#000000b8;display:grid;inset:0;opacity:0;padding:clamp(8px,5vw,40px);place-items:center;pointer-events:none;position:fixed;transition:opacity .16s ease;z-index:1000}.imageOverlay.open{opacity:1;pointer-events:auto}.imageOverlay img{background:#111;border-radius:10px;box-shadow:0 25px 80px #00000073;cursor:zoom-out;max-height:92vh;max-width:min(96vw,1600px);object-fit:contain}.overlayHint{bottom:14px;color:#e9e9e9;font-size:.9rem;left:50%;opacity:.8;pointer-events:none;position:fixed;transform:translateX(-50%);-webkit-user-select:none;user-select:none}.illustration img{cursor:zoom-in;transition:transform .12s ease}.illustration img:hover{transform:scale(1.01)}
/*# sourceMappingURL=main.e2109699.css.map*/