:root{color-scheme:dark;--paper-w:400px;--paper-h:498px;--duration:900ms;--ink:#e5e5e5;--chrome:#191919}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#333;color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif;-webkit-tap-highlight-color:transparent}button,input,a{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #d6eeb0;outline-offset:-3px}button:hover:not(:disabled){background:#ffffff12}svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.topbar{height:46px;position:absolute;inset:0 0 auto;background:var(--chrome);display:flex;align-items:center;justify-content:flex-end;padding:0 12px;z-index:10}#search-form{width:288px;height:30px;display:flex;background:#777;color:#272727}#search{min-width:0;width:100%;padding:5px 12px;border:0;outline:0;border-radius:0;background:none;color:#111;font-size:13px}#search::placeholder{color:#181818}#search-form:focus-within{background:#ddd}#search-form button{width:36px;flex-shrink:0}#stage{position:absolute;inset:46px 0 46px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}#zoom-wrap{position:relative;width:calc(var(--paper-w)*2);height:var(--paper-h);transform-origin:center;transition:transform .25s ease;flex-shrink:0}#zoom-wrap.zoomed{cursor:grab}#zoom-wrap.dragging{transition:none;cursor:grabbing}#book{width:100%;height:100%;position:relative;perspective:2400px;transform:translateX(calc(var(--paper-w)*-.5));transition:transform var(--duration) cubic-bezier(.4,0,.2,1);isolation:isolate}#book.open{transform:translateX(0)}#book.closed-back{transform:translateX(calc(var(--paper-w)*.5))}.catalog-page{-webkit-user-select:none;touch-action:none;background:#fff;overflow:hidden;user-select:none}.catalog-page img{pointer-events:none;display:block;width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.catalog-page::after{content:"";position:absolute;inset:0;pointer-events:none}.catalog-page.--left::after{background:linear-gradient(to right,#00000010,transparent 15%,transparent 76%,#00000015 91%,#00000045)}.catalog-page.--right::after{background:linear-gradient(to right,#00000038,transparent 10%,transparent 98%,#00000012)}#book:not(.open) .catalog-page::after{background:linear-gradient(to right,#00000020,transparent 2%,transparent 98%,#00000015)}#book .stf__wrapper{width:100%;height:100%}#book{min-width:0!important;min-height:0!important;filter:drop-shadow(0 1px 5px #0008);perspective:none}#book::before,#book::after{content:"";position:absolute;top:0;height:100%;width:5px;background:repeating-linear-gradient(90deg,#d1d1d1 0 1px,#f2f2f2 1px 2px);box-shadow:0 0 5px #fff3;pointer-events:none;z-index:-1}#book::before{left:calc(var(--paper-w) - 4px)}#book::after{right:-4px}#book.open::before,#book.closed-back::before{left:-4px}#book.closed-back::after{right:calc(var(--paper-w) - 4px)}#book.turning::before,#book.turning::after{opacity:0}#pan{position:absolute;inset:0;z-index:7;display:none;cursor:grab;touch-action:none}#pan.on{display:block}#pan:active{cursor:grabbing}
.edge{position:absolute;top:50%;transform:translateY(-50%);height:80px;width:62px;z-index:8}.edge svg{width:48px;height:60px;stroke-width:.55;filter:drop-shadow(0 1px 1px #000)}.prev{left:0}.next{right:0}.edge:disabled{visibility:hidden}.corner{position:absolute;bottom:8px;width:60px;height:40px;color:#777;z-index:8}.corner svg{width:18px;height:18px}.corner.first{left:0}.corner.last{right:0}.toolbar{position:absolute;inset:auto 0 0;height:46px;background:var(--chrome);z-index:20;display:flex;justify-content:space-between;align-items:center}.tools{display:flex;align-items:center;height:100%;gap:0}.tools button{width:42px;height:44px}.tools button svg{width:20px;height:20px}.navigation{position:absolute;left:50%;transform:translateX(-50%);gap:2px}.navigation button{width:43px}#page-number{width:62px;height:27px;border:0;outline:0;background:#fff;color:#111;border-radius:0;text-align:center;font-family:Arial,sans-serif;font-size:15px;padding:0 2px}#page-number:focus{box-shadow:0 0 0 2px #99bf65}.tools button[aria-pressed=true],.tools button[aria-expanded=true]{color:#d2e9b6;background:#ffffff14}#drawer{position:absolute;inset:46px auto 46px 0;width:220px;background:#202020f5;z-index:12;transform:translateX(-100%);transition:transform .25s;box-shadow:3px 0 10px #0004;overflow:auto}#drawer.visible{transform:none}.drawer-head{position:sticky;top:0;background:#202020;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;z-index:1;font-size:14px}.drawer-head button{width:30px;height:30px}#thumbs{padding:6px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}#thumbs button{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#ccc}#thumbs img{width:100%;aspect-ratio:637/793;object-fit:contain;box-shadow:0 1px 5px #0006}#thumbs .active img{outline:2px solid #c0d993;outline-offset:2px}.empty-results{grid-column:1/-1;font-size:14px;line-height:1.6}#info-panel{position:absolute;right:10px;bottom:57px;width:310px;padding:20px;background:#202020;box-shadow:0 5px 25px #0006;z-index:21;font-size:14px;line-height:1.7}#info-panel p{color:#bbb}#info-panel a{color:#d2e9b6;display:block;margin-bottom:12px}#info-panel button{font-size:14px;padding:5px 0}#toast{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);padding:9px 18px;background:#111e;border-radius:4px;z-index:25;opacity:0;pointer-events:none;transition:opacity .2s;font-size:14px;max-width:90%;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.topbar{height:40px}.topbar #search-form{width:200px;height:27px}#stage{top:40px;bottom:88px}.toolbar{height:88px;align-items:flex-end;padding:0 4px}.tools{height:42px}.navigation{top:0;height:44px}.tools button{width:36px;height:40px}.navigation button{width:43px}#zoom-wrap{width:var(--paper-w)}#book,#book.open,#book.closed-back{transform:none}#book::before,#book.open::before,#book.closed-back::before{left:-4px}#book::after,#book.closed-back::after{right:-4px}.edge{width:30px}.edge svg{width:27px;height:40px}.corner{display:none}#drawer{top:40px;bottom:88px}#info-panel{bottom:100px}#toast{bottom:105px}}

#stage,#pan{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#stage.zoomed,#stage.zoomed #pan{cursor:grab}#stage.panning,#stage.panning #pan{cursor:grabbing}#stage img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

#book.edge-fold::before,#book.edge-fold::after{opacity:0}.corner:disabled,.navigation button:disabled,#home:disabled{visibility:hidden}

#search-form{position:relative}.topbar:focus-within{z-index:24}
#sku-options{position:absolute;top:100%;right:0;min-width:100%;max-height:min(46vh,370px);overflow:auto;overscroll-behavior:contain;margin:4px 0 0;padding:0;list-style:none;background:#292929;color:#fff;border:1px solid #595959;box-shadow:0 6px 16px #0006}
#sku-options li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;min-height:40px;box-sizing:border-box;font-size:16px;cursor:pointer}
#sku-options li[aria-selected=true],#sku-options li:hover{background:#405344}
#sku-options small{color:#e3e6df;font-size:13px;white-space:nowrap}