:root{font-family:Arial,sans-serif;color:#f5ffff}*{box-sizing:border-box}body{background:#0c304c;margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center}.toolbar{width:min(95vw,970px);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px}.toolbar a{color:#7ce7ef}.reader{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;perspective:1000px}.leaf{width:min(75vw,51vh,620px);aspect-ratio:148/210;position:relative;background:#fff;box-shadow:0 18px 45px #0009;transform-origin:left center;transition:transform .30s ease;overflow:hidden;cursor:pointer}.leaf.turn{transform:rotateY(-78deg)}.leaf img{width:100%;height:100%;object-fit:fill;display:block}.linkOverlay{position:absolute;left:20%;right:17%;top:81%;height:10%;display:none;z-index:3}.linkOverlay.active{display:block}.arrow{border:0;background:#10aaba;color:white;border-radius:50%;font-size:24px;width:40px;height:40px;cursor:pointer}.counter{padding:12px;color:#b5e5ea}@media(max-width:640px){.toolbar{font-size:12px}.leaf{width:min(79vw,60vh)}.arrow{width:29px;height:33px;font-size:18px}}