:root{color-scheme:light;--navy:#142d48;--gold:#b59358;--paper:#f7f5f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:Arial,Helvetica,sans-serif}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #deddd7;background:#fff}a{color:inherit}.brand{text-decoration:none;font-size:27px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}.download{text-decoration:none;font-size:13px;border:1px solid #d3d9df;padding:11px 15px;border-radius:5px}.download span{margin-left:16px}main{max-width:1440px;margin:auto;padding:35px 4% 15px}.intro{text-align:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:3px;color:#80683e;font-weight:bold}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400;margin:12px 0}.intro>p:last-child{font-size:14px;color:#677483}.reader{background:#fff;border:1px solid #dee2e5;border-radius:10px;overflow:hidden;box-shadow:0 18px 55px #142d4810}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e5e7ea}.toolbar>div{display:flex;gap:8px;align-items:center}button{font:inherit;font-size:12px;cursor:pointer;background:#fff;border:1px solid #dce1e6;color:var(--navy);border-radius:5px;padding:9px 12px}button:hover:not(:disabled){background:#eef2f6}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#zoom{font-size:11px;min-width:38px;text-align:center}#stage{height: min(72vh,880px);min-height:300px;overflow:auto;background:radial-gradient(ellipse at center,#e9e6df,#d5d4ce);position:relative;padding:28px;display:flex;align-items:flex-start}#book{display:flex;gap:2px;margin:auto;flex-shrink:0;box-shadow:0 14px 35px #17283730}#book canvas{display:block;background:white}#book.animate{animation:appear .25s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#status{position:absolute;top:40%;left:10%;right:10%;text-align:center;font-size:14px;background:#fff;padding:20px;border-radius:7px;box-shadow:0 4px 20px #0001}#status[hidden]{display:none}.navigation{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:10px}.navigation>button{background:var(--navy);color:#fff;border-color:var(--navy);min-width:105px}.navigation>button:hover:not(:disabled){background:#244667}#jump{display:flex;align-items:center;gap:8px;font-size:12px}input{width:60px;padding:8px;border:1px solid #dce1e6;border-radius:4px;color:var(--navy);font:inherit}.progress{height:3px;background:#e9edf0}#progress{height:100%;background:var(--gold);transition:width .25s}.hint{text-align:center;font-size:11px;color:#798491;padding:1px 10px 8px}footer{max-width:1440px;margin:10px auto 25px;padding:0 4%;display:flex;justify-content:space-between;font-size:11px;color:#798491}footer a{text-decoration:none}.reader:fullscreen{height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}.reader:fullscreen #stage{flex:1;height:auto}.reader:fullscreen .hint{display:none}@media(max-width:650px){header{padding:18px 5%}.brand{font-size:22px}.brand span{font-size:7px}.download{font-size:11px;padding:9px}.download span{margin-left:5px}main{padding:24px 12px 10px}.intro{margin-bottom:20px}.intro>p:last-child{font-size:12px}.toolbar{padding:10px 8px;gap:6px}.toolbar button{padding:8px;font-size:10px}#mode{display:none}#stage{height:65vh;min-height:300px;padding:12px}.navigation{padding:12px 8px;gap:5px}.navigation>button{min-width:40px;padding:10px}.navigation>button span{display:none}#jump{gap:5px}footer{gap:15px;font-size:10px}.hint{font-size:10px}}@media(prefers-reduced-motion:reduce){#book.animate{animation:none}#progress{transition:none}}