#zoom{display:none}.reader{display:none;width:100%;max-width:600px}.reader img{width:100%;height:auto;display:block;pointer-events:none}.viewport{height:clamp(280px,70svh,900px);min-height:0;position:relative;overflow:hidden;padding:0;touch-action:none;cursor:grab;overscroll-behavior:contain}.viewport.panning,.viewport.panning .leaf{cursor:grabbing}.menu-camera{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center;will-change:transform}.leaf{cursor:inherit}.book{width:min(94vw,1500px,calc((70svh - 24px)*2.824));touch-action:none}.reader.turning{animation:mobile-turn .3s ease-out}@keyframes mobile-turn{from{transform:rotateY(-12deg);opacity:.65}to{transform:rotateY(0);opacity:1}}nav button{min-height:44px}.hint{margin:14px auto;line-height:1.5;padding:0 12px}main{padding-bottom:max(12px,env(safe-area-inset-bottom))}@media(max-width:650px) and (orientation:portrait){body:not(.full-book) .reader{display:block;max-width:min(96%,calc(65svh * 1.05))}body:not(.full-book) .book{display:none}.viewport{height:65svh;min-height:0;padding:0}.book{width:96vw}header{padding:16px}nav{gap:8px;padding:10px 0;background:#e9e8e0}#status{min-width:95px;font-size:12px}.hint{margin:10px auto}}@media(prefers-reduced-motion:reduce){.reader.turning{animation:none}}
.viewport{cursor:default}.viewport.zoomed{cursor:grab}.viewport.panning:not(.zoomed),.viewport.panning:not(.zoomed) .leaf{cursor:default}