:root{--gold:#b68b4b;--bar:#24221f;--paper:#f6f0e6;--text:#f9f4ec;--muted:#d6cbbb;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#332f29;color:var(--text);font-family:Arial,Helvetica,sans-serif}body{height:100dvh}.book-app{height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.bar{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--bar);position:relative;z-index:4}.top{justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{min-width:0;line-height:1.3}.brand-name{display:block;font:22px Georgia,serif;letter-spacing:.025em}.brand-sub{display:block;font-size:11px;color:var(--muted);margin-top:4px}.tools,.zoom-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}button,a{font:13px Arial,Helvetica,sans-serif;border:1px solid #70675b;background:#37332d;color:var(--text);border-radius:6px;padding:10px 12px;min-height:40px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,a:hover{border-color:#e1bc7c;background:#484136}button:focus-visible,a:focus-visible,input:focus-visible,.scroller:focus-visible{outline:3px solid #e6bc78;outline-offset:3px}button:disabled{opacity:.36;cursor:default}button[aria-expanded=true]{background:#66523a}.zoom-tools{gap:0}.zoom-tools button{border-radius:0}.zoom-tools button:first-child{border-radius:6px 0 0 6px;font-size:19px;padding:5px 12px}.zoom-tools button:last-child{border-radius:0 6px 6px 0;font-size:19px;padding:5px 12px}.zoom-tools #zoomReset{border-left:0;border-right:0;font-size:12px;min-width:54px;padding:10px 7px}.stage{min-width:0;min-height:0;position:relative;background:radial-gradient(ellipse at center,#60574b 0,#3c3630 57%,#2b2824 100%);overflow:hidden}.scroller{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#aa8959 #35302a;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}.paper-area{width:max-content;min-width:100%;height:max-content;min-height:100%;padding:16px 62px;display:flex}.spread{display:flex;flex:none;margin:auto;gap:2px;align-items:stretch;perspective:1600px;filter:drop-shadow(0 16px 24px #0006)}.page{position:relative;flex:none;overflow:hidden;background:var(--paper);border-radius:1px;aspect-ratio:210/297}.page img{display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.spread.double .page:first-child:after,.spread.double .page:last-child:after{content:"";position:absolute;top:0;bottom:0;width:14px;pointer-events:none}.spread.double .page:first-child:after{right:0;background:linear-gradient(90deg,transparent,#0000001e)}.spread.double .page:last-child:after{left:0;background:linear-gradient(90deg,#00000015,transparent)}.spread.turn-next .page{animation:turnNext .24s ease-out}.spread.turn-prev .page{animation:turnPrev .24s ease-out}@keyframes turnNext{from{opacity:.5;transform:translateX(10px) rotateY(-4deg)}to{opacity:1;transform:none}}@keyframes turnPrev{from{opacity:.5;transform:translateX(-10px) rotateY(4deg)}to{opacity:1;transform:none}}.nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:50px;border-radius:25px;font-size:34px;padding:0;background:#211e1bdd;border-color:#93816a;line-height:1}.prev{left:9px}.next{right:9px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:#342f29;color:var(--text);font-size:15px;z-index:1}.bottom{justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff18;padding:10px 14px}.pager{display:flex;align-items:center;gap:9px}.counter{font-size:13px;min-width:83px;text-align:center;color:var(--text);font-variant-numeric:tabular-nums}.pager label{font-size:12px;color:var(--muted)}.pager input{background:#39332c;border:1px solid #70675b;border-radius:5px;width:55px;min-height:38px;color:white;font:13px Arial;text-align:center;padding:6px;-moz-appearance:textfield}.pager input::-webkit-inner-spin-button{opacity:1}.download{background:var(--gold);border-color:var(--gold);color:#171512;font-weight:700}.download:hover{background:#cba166;color:#171512}.hint{color:var(--muted);font-size:11px}.thumb-panel{position:absolute;left:0;top:0;bottom:0;width:270px;max-width:85%;padding:15px;overflow:auto;background:#27231ff7;z-index:5;box-shadow:12px 0 35px #0006}.thumb-head{position:sticky;top:-15px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;background:#27231f;z-index:1}.thumb-head strong{font-size:14px;font-weight:600}.thumb-head button{font-size:22px;min-height:38px;padding:2px 12px}.thumb-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:10px}.thumb{display:block;min-width:0;padding:5px 5px 6px;white-space:normal;background:transparent;border:1px solid #6c5f4e;color:white}.thumb img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:fill;background:var(--paper);margin-bottom:6px}.thumb span{font-size:12px}.thumb[aria-current=true]{border:2px solid #e6bc78;padding:4px 4px 5px}.error{position:absolute;inset:0;z-index:6;background:#332f29;padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error h2{font:27px Georgia,serif}.error p{max-width:450px;color:var(--muted);line-height:1.6;font-size:14px}.error>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.error a{background:var(--gold);color:#171512}.no-js{position:absolute;inset:0;z-index:10;background:#332f29;padding:25px;text-align:center;line-height:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(max-width:850px){.bar{padding:10px 12px;gap:9px}.brand-name{font-size:19px}.hint{display:none}.paper-area{padding:12px 50px}.prev{left:4px}.next{right:4px}.nav{width:40px;height:46px}.bottom{gap:12px}.tools{gap:6px}.tools button{font-size:12px}.brand-sub{font-size:10px}}
@media(max-width:580px){.top{flex-wrap:wrap;justify-content:center;padding:10px 10px 8px;gap:9px}.brand{width:100%;text-align:center}.brand-name{font-size:18px}.brand-sub{font-size:10px;margin-top:2px}.tools{width:100%;justify-content:center;gap:7px}.tools>button{flex:none}.tools button{min-height:38px;padding:8px 10px}.paper-area{padding:10px 42px}.nav{width:34px;height:44px}.bottom{padding:9px 6px;gap:8px;row-gap:8px}.pager{gap:6px}.pager label{display:none}.counter{min-width:77px;font-size:12px}.pager input{width:42px;min-height:38px}.download{font-size:12px;min-height:38px;padding:10px}.thumb-panel{width:240px}.error{padding:20px}}
@media(prefers-reduced-motion:reduce){.spread.turn-next .page,.spread.turn-prev .page{animation:none}}

.full-icon{display:none}@media(max-width:580px){.full-label{display:none}.full-icon{display:inline;font-size:20px;line-height:1}#full{width:40px;padding:7px}}