@font-face{font-family:Urbanist;src:url(assets/fonts/Urbanist-variable.ttf)}*{box-sizing:border-box}body{margin:0;background:#dce3e8;color:#111;font:16px Urbanist,Arial,sans-serif}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}button{border:1px solid #b1bec8;border-radius:6px;padding:10px 16px;background:#fff;color:#111;cursor:pointer}button:hover,button[aria-pressed=true]{background:#111;color:white}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #1b77af;outline-offset:3px}header{background:#fff;padding:18px 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid #bcc8d1}header .brand{font-size:23px;font-weight:900;text-decoration:none;white-space:nowrap}header h1{font-size:17px;margin:0}header p{font-size:12px;margin:5px 0 0;color:#53616b}header>div{margin-right:auto}header>a:not(.brand){font-size:13px}main{padding:18px 18px 28px}.reader-tools{display:flex;justify-content:center;align-items:center;gap:12px;margin:0 auto 18px;flex-wrap:wrap}.reader-tools label{font-size:14px}.reader-tools select{padding:9px;border:1px solid #b1bec8;background:#fff;border-radius:4px}.reading-area{overflow:auto;max-height:calc(100vh - 210px);padding:8px 20px 18px;overscroll-behavior:contain}.book{position:relative;width:fit-content;margin:auto;perspective:1600px;box-shadow:0 14px 35px #263b5040;line-height:0;background:#fff}.book>img{height:calc(100vh - 250px);max-width:90vw;object-fit:contain;display:block;width:auto}.book:after{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(90deg,#0002,transparent);pointer-events:none}#turn{position:absolute;inset:0;transform-origin:left center;backface-visibility:hidden;pointer-events:none}#turn img{width:100%;height:100%;display:block}.turn-forward{animation:flipforward .45s ease-in both}.turn-back{animation:flipback .45s ease-out both}@keyframes flipforward{0%{transform:rotateY(0);filter:brightness(1)}100%{transform:rotateY(-100deg);filter:brightness(.6);opacity:.2}}@keyframes flipback{0%{transform:rotateY(-100deg);filter:brightness(.6);opacity:.2}100%{transform:rotateY(0);filter:brightness(1);opacity:1}}.is-zoomed .book>img{height:auto;width:1100px;max-width:none}.reader-status{text-align:center;margin:10px 0 6px;font-size:14px;font-weight:700}.reader-hint{text-align:center;font-size:12px;color:#52616c;margin:0}.thumbs{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:20px auto;max-width:900px}.thumbs[hidden]{display:none}.thumbs button{padding:5px;line-height:1.4}.thumbs img{width:70px;height:100px;object-fit:contain;display:block}.thumbs span{display:block;font-size:12px;margin-top:4px}@media(max-width:700px){header{padding:15px 18px;gap:12px;flex-wrap:wrap}header .brand{font-size:19px}header>div{width:calc(100% - 170px)}header h1{font-size:14px}header>a:not(.brand){font-size:12px}main{padding:15px 6px}.reader-tools{gap:7px}.reader-tools button{padding:9px 12px;font-size:13px}.reading-area{padding:6px 8px 18px;max-height:calc(100vh - 235px)}.book>img{width:calc(100vw - 34px);height:auto;max-width:none}.reader-hint{padding:0 20px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.turn-forward,.turn-back{animation:none}}