:root{color-scheme:light;--ink:#292522;--paper:#f4f2ee;--muted:#706963;--accent:#946c45}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4.5vw;border-bottom:1px solid #dedad3;gap:20px}.brand{font:italic 28px Georgia,serif;color:var(--ink);text-decoration:none;line-height:1}.brand span{display:block;font:11px Arial,sans-serif;letter-spacing:2.2px;margin-top:10px}button{font:14px Arial,sans-serif;color:var(--ink);border:1px solid #d1cac0;background:transparent;min-height:44px;padding:0 20px;border-radius:30px;cursor:pointer;touch-action:manipulation}button:hover:enabled{background:#e7e1d8}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,#book:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 4.5vw 20px}.book-space{width:100%;display:flex;align-items:center;justify-content:center;perspective:2400px}#book{position:relative;width:min(100%,calc((100svh - 290px)*1.7875));aspect-ratio:2860/1600;isolation:isolate;box-shadow:0 22px 45px #382b2526,0 2px 5px #382b2533;background:#e5dfd4;touch-action:pan-y;user-select:none}#page{display:block;width:100%;height:100%;object-fit:contain}#book:after{content:'';position:absolute;inset:0;box-shadow:inset 2px 0 4px #0002;pointer-events:none}.edge{position:absolute;top:0;bottom:0;width:24%;border:0;border-radius:0;padding:0;z-index:5;background:transparent!important}.edge.left{left:0}.edge.right{right:0}.edge:focus-visible{outline-offset:-5px}nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px}.position{text-align:center;min-width:140px;font-size:14px;font-variant-numeric:tabular-nums}.progress{height:2px;background:#d7d0c7;margin-top:10px;overflow:hidden}#progress{height:100%;background:var(--accent);width:16.6667%;transition:width .35s}.hint{text-align:center;color:var(--muted);font-size:13px;margin:18px 0 0}footer{display:flex;justify-content:space-between;padding:17px 4.5vw;border-top:1px solid #dedad3;font-size:11px;letter-spacing:2px;color:var(--muted)}#turn{display:none;position:absolute;inset:0;perspective:1800px;pointer-events:none}#turn.active{display:block}.half,.leaf,.face{position:absolute;top:0;height:100%;width:50%;background-size:200% 100%;background-repeat:no-repeat}.base-left{left:0;background-position:left}.base-right{right:0;background-position:right}.leaf{left:50%;transform-origin:left center;transform-style:preserve-3d;z-index:2;background:none}.face{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.front{background-position:right}.back{transform:rotateY(180deg);background-position:left}.face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 35%);opacity:.65}.back:after{background:linear-gradient(270deg,#0003,transparent 35%)}#turn.forward .leaf{animation:forward .72s cubic-bezier(.4,0,.2,1) forwards}#turn.backward .leaf{animation:backward .72s cubic-bezier(.4,0,.2,1) forwards}@keyframes forward{from{transform:rotateY(0deg)}to{transform:rotateY(-180deg)}}@keyframes backward{from{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}dialog{padding:0;border:0;width:96vw;max-width:1600px;height:94svh;max-height:94svh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#17130fea}.zoom-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:16px}.zoom-scroll{height:calc(100% - 125px);overflow:auto;overscroll-behavior:contain}.zoom-scroll img{display:block;width:max(100%,1600px);max-width:none;cursor:zoom-out}.zoom-scroll img.fit{width:100%;cursor:zoom-in}dialog p{font-size:13px;text-align:center;padding:0 12px}#error{text-align:center;color:#972f22;font-size:14px}@media(max-width:650px){header{padding:20px}.brand{font-size:24px}.brand span{font-size:10px;letter-spacing:1.5px}main{padding:24px 12px}#book{width:100%}nav{gap:14px;margin-top:24px}nav button{padding:0 14px}nav button span{display:none}.position{min-width:130px}.hint{line-height:1.7;margin:20px 14px}.hint span{display:none}footer{padding:16px 20px;font-size:10px;letter-spacing:1.1px}}@media(max-height:550px) and (min-width:651px){header{padding:10px 4vw}.brand{font-size:25px}.brand span{display:none}main{padding:12px 4vw}#book{width:min(100%,calc((100svh - 180px)*1.7875))}nav{margin-top:14px}.hint{margin-top:8px}footer{display:none}}@media(prefers-reduced-motion:reduce){#turn .leaf{animation-duration:.001s!important}#progress{transition:none}}