*{box-sizing:border-box}body{margin:0;color:#203b50;font:14px -apple-system,BlinkMacSystemFont,'SF Pro Text',system-ui,sans-serif;background:radial-gradient(ellipse at 0 5%,#d0ebf4,transparent 65%),radial-gradient(ellipse at 100% 65%,#a1ccd2,transparent 60%),linear-gradient(145deg,#accbdc,#50708e);background-attachment:fixed;min-height:100svh}main{max-width:1450px;margin:auto;padding:20px 24px}button,input,a{font:inherit;-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer;transition:transform .15s}button:active{transform:scale(.95)}button,a.back,.book-controls a{border:1px solid #ffffffa6;border-radius:12px;background:#ffffff38;padding:10px 13px;box-shadow:inset 0 1px #fff7;text-decoration:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #246c94;outline-offset:3px}.book-header{display:flex;align-items:center;gap:18px;margin-bottom:22px}.book-header h1{font-size:23px;letter-spacing:-.6px;margin:0;flex:1}.book-controls{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.book-controls>*{font-size:12px}#bookStatus{text-align:center;font-size:12px;color:#446b82;min-height:17px}#bookLayout{display:flex;gap:18px;min-height:60svh}#bookViewport{flex:1;overflow:auto;min-width:0;max-height:74svh;padding:14px;border-radius:20px;background:#ffffff18;border:1px solid #ffffff50;overscroll-behavior:contain}#bookPages{display:flex;align-items:start;justify-content:center;gap:2px;min-height:40svh;width:max-content;min-width:100%;transform-origin:top center}#bookPages canvas{display:block;max-width:none;background:white;box-shadow:0 10px 30px #173a5b25}#bookPages.is-turning{animation:turn .2s ease-out}@keyframes turn{from{opacity:.55;transform:translateX(8px)}to{opacity:1;transform:none}}#thumbnails{width:145px;max-height:74svh;overflow:auto;flex-shrink:0;padding:4px}#thumbnails button{display:block;width:100%;padding:7px;margin-bottom:10px;background:#ffffff6b}#thumbnails canvas{max-width:100%;height:auto;display:block;margin:0 auto 6px}#thumbnails [aria-current=page]{border-color:#2c7195;box-shadow:0 0 0 1px #2c7195}#thumbnails[hidden]{display:none}.book-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px}.book-nav input{width:62px;padding:8px;border:1px solid #fff9;border-radius:9px;color:inherit;background:#fff5;font-size:16px}.book-tip,#bookFallback{text-align:center;font-size:11px;color:#4f7187}#bookFallback a{color:#174f74}body:fullscreen{overflow:auto}body:fullscreen main{max-width:100%}button[aria-pressed=true]{background:#e2f4f9bb;border-color:#3b7e9d}@media(max-width:600px){main{padding:18px 12px}.book-header{gap:10px;flex-wrap:wrap}.book-header h1{font-size:19px;order:3;flex-basis:100%;margin:5px 0}.book-header #shareBook{margin-left:auto}.book-controls{gap:5px}.book-controls button,.book-controls a{padding:9px;font-size:11px}#bookViewport{padding:6px;max-height:66svh}#thumbnails{width:84px}.book-nav{gap:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#bookLayout{height:calc(100svh - 280px);min-height:240px}#bookViewport{height:100%;max-height:none}#thumbnails{max-height:100%}#bookPages{min-height:0}@media(max-width:600px){#bookLayout{height:calc(100svh - 350px);min-height:220px}}