@import url('fonts.css');
*{box-sizing:border-box}body{margin:0;color:#202823;background:#f4f5ef;font-family:'Noto Sans',sans-serif}header{background:white;padding:16px 4%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #d8ddd5}header img{width:52px}h1{font-size:clamp(17px,3vw,25px);margin:0}header a{color:inherit}.subtitle{font-size:12px;margin:4px 0}nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:14px}button,.download{font:inherit;font-size:14px;border:1px solid #aab6ab;border-radius:24px;padding:10px 16px;background:white;color:#202823;cursor:pointer;min-height:44px}button:hover,.download:hover{background:#D82428;color:white}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #F26B23;outline-offset:3px}input{width:62px;padding:9px;font:inherit;border:1px solid #aab6ab;border-radius:8px}#viewport{overflow:auto;padding:12px 20px 30px;touch-action:pan-x pan-y}#book{display:flex;justify-content:center;gap:3px;margin:auto;width:max-content;max-width:100%;perspective:1800px}#book img{display:block;width:auto;height:min(72vh,850px);max-width:48vw;object-fit:contain;background:white;box-shadow:0 5px 24px #20302025;transform-origin:left center}#book.turn img{animation:turn .28s ease-out}#book.zoom{max-width:none}#book.zoom img{height:150vh;max-width:none}.hint{text-align:center;font-size:13px;margin:0 12px 20px}#status{min-width:120px;text-align:center}a{color:#334c38}@keyframes turn{from{opacity:.5;transform:rotateY(-12deg)}to{opacity:1;transform:rotateY(0)}}@media(max-width:767px){header{gap:12px;padding:12px}header img{width:42px}#book img{height:auto;width:calc(100vw - 28px);max-width:none}#viewport{padding:8px 12px 20px}#book.zoom img{width:180vw;height:auto}nav{gap:6px}button,.download{padding:9px 12px}.subtitle{font-size:11px}}@media(prefers-reduced-motion:reduce){#book.turn img{animation:none}}
.icon-control{width:44px;height:44px;padding:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none}#book{position:relative}#book img{box-shadow:0 3px 16px #20302020}#book:not(.zoom):has(img:nth-child(2)):after{content:"";position:absolute;left:50%;top:0;bottom:0;width:24px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#18251c18,transparent);pointer-events:none}
#viewport{padding:0 12px 12px;overflow:hidden}#book{display:block;width:100%;max-width:none;height:calc(100dvh - 230px);min-height:420px;perspective:none}#book:after{display:none!important}#book .ctrl{display:none!important}#book img{max-width:none;height:auto;box-shadow:none}#book .view{background:#f4f5ef!important}@media(max-width:767px){#book{height:calc(100dvh - 280px);min-height:430px}}