*{box-sizing:border-box}body{margin:0;color:#f8e9c7;background:#100d1e;font:16px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;background:#1d152b;border-bottom:1px solid #9c7945;padding:12px;position:sticky;top:0;z-index:5}.brand{text-align:center;font:18px Georgia;letter-spacing:2px;margin:0 18px}.brand small{display:block;font:10px system-ui;letter-spacing:3px;margin-top:3px}button,a,select{background:#2a203a;color:#ffe1a1;border:1px solid #977442;border-radius:6px;padding:8px 12px;font:inherit;text-decoration:none}button,a,select{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}main{padding:16px 12px 32px;max-width:1200px;margin:auto}.navigation,.reading-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}h1{font:24px Georgia;text-align:center;margin:14px 0 5px}.hint{text-align:center;font-size:13px;color:#c9bea8;margin:6px 0 12px}.book-page{position:relative;width:min(520px,100%,calc((100svh - 255px)*.77586));aspect-ratio:720/928;margin:auto;background:linear-gradient(#fff5db,#f9dfb4 42%,#edbc82);box-shadow:0 18px 55px #0008;border:1px solid #f4d08d;border-radius:12px;overflow:hidden}.book-page:before{content:"";position:absolute;inset:2%;border:1px solid #a66c3080;border-radius:7px;pointer-events:none}#corners{position:absolute;inset:0;width:100%;height:100%}#content{position:absolute;left:12%;top:22%;width:76%;height:54%;object-fit:contain;filter:drop-shadow(0 2px 2px #65390e12)}.page-heading{position:absolute;left:26%;right:26%;top:5%;text-align:center;font:clamp(8px,1vw,14px) Georgia;letter-spacing:2px;color:#875323}#page-label{position:absolute;left:25%;right:25%;bottom:4%;text-align:center;font-size:11px;color:#714118}.reading-links{margin:18px 0}body.enlarged .book-page{width:min(960px,100%)}article{white-space:pre-wrap;max-width:780px;margin:20px auto;padding:28px;background:#fff9ed;color:#2b2133;border-radius:8px}#source{position:fixed;width:1px;height:1px;bottom:0;left:0;opacity:.001;pointer-events:none}@media(max-width:600px){header{gap:6px;padding:8px}.brand{order:-1;width:100%;font-size:15px}.brand small{display:none}button,a,select{font-size:13px;padding:7px}.navigation{gap:6px}h1{font-size:20px}.book-page{width:min(100%,420px)}.page-heading{font-size:9px}#page-label{font-size:8px}}@media(max-height:580px){.book-page{width:min(420px,100%)}}