html,body,#app{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#2f2f2f}*{box-sizing:border-box}.page-picture[data-v-2f855ca5]{display:block;width:100%;height:100%}.page-image[data-v-2f855ca5]{width:100%;height:100%;object-fit:fill;display:block;-webkit-user-select:none;user-select:none}.page-loader-placeholder[data-v-2f855ca5]{width:100%;height:100%;background:#333;display:flex;justify-content:center;align-items:center}.mini-spinner[data-v-2f855ca5]{width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin-2f855ca5 1s linear infinite}.logo-img[data-v-2f855ca5]{padding-top:20px;height:90px;width:170px}.flbook-layout[data-v-2f855ca5]{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:#2f2f2f;overflow:hidden;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}.top-bar[data-v-2f855ca5]{height:40px;background:transparent;position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#ccc;z-index:100;pointer-events:none}.logo-area[data-v-2f855ca5],.top-tools[data-v-2f855ca5]{padding-top:20px;pointer-events:auto}.book-main[data-v-2f855ca5]{flex:1;position:relative;width:100%;height:100%;overflow:hidden}.book-wrapper[data-v-2f855ca5]{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.drag-overlay[data-v-2f855ca5]{position:absolute;inset:0;z-index:50;cursor:grab;touch-action:none}.drag-overlay[data-v-2f855ca5]:active{cursor:grabbing}.flipbook-container[data-v-2f855ca5]{position:absolute;top:50%;left:50%;transition:transform .4s cubic-bezier(.2,.8,.2,1);background:transparent;box-shadow:none;overflow:visible;transform-origin:center center}.drag-overlay:active+.flipbook-container[data-v-2f855ca5],.flipbook-container[data-v-2f855ca5]:has(~.drag-overlay:active){transition:none!important}[data-v-2f855ca5] .stf__parent,[data-v-2f855ca5] .stf__wrapper{background:transparent!important}.side-nav[data-v-2f855ca5]{position:absolute;top:0;width:100px;height:100%;z-index:60;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.left-nav[data-v-2f855ca5]{left:0}.right-nav[data-v-2f855ca5]{right:0}.nav-arrow[data-v-2f855ca5]{color:#fff3;font-size:50px;transition:all .3s;text-shadow:0 2px 10px rgba(0,0,0,.3)}.side-nav:hover .nav-arrow[data-v-2f855ca5]{color:#ffffffe6;transform:scale(1.1)}.page-item[data-v-2f855ca5]{background-color:transparent;overflow:hidden;box-shadow:0 0 15px #0000004d;border:1px solid rgba(255,255,255,.05)}.page-inner[data-v-2f855ca5]{width:100%;height:100%;background:#fff}.bottom-bar[data-v-2f855ca5]{position:absolute;bottom:0;width:100%;height:80px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;justify-content:space-between;align-items:center;padding:0 30px;padding-bottom:env(safe-area-inset-bottom);z-index:100;pointer-events:none}.bottom-side[data-v-2f855ca5],.pagination-pill[data-v-2f855ca5]{pointer-events:auto}.bottom-side[data-v-2f855ca5]{width:60px;display:flex;justify-content:flex-end}.pagination-pill[data-v-2f855ca5]{background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:6px 16px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #0000004d}.page-btn[data-v-2f855ca5]{background:none;border:none;color:#aaa;font-size:16px;width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.page-btn[data-v-2f855ca5]:hover:not(:disabled){background:#ffffff26;color:#fff;transform:scale(1.1)}.page-btn[data-v-2f855ca5]:disabled{opacity:.2;cursor:not-allowed}.page-indicator[data-v-2f855ca5]{display:flex;align-items:baseline;font-family:monospace,sans-serif}.page-input[data-v-2f855ca5]{background:#0000004d;border:1px solid transparent;border-radius:6px;color:#fff;width:45px;text-align:center;outline:none;font-weight:700;font-size:15px;padding:4px 0;transition:all .3s}.page-input[data-v-2f855ca5]:focus{background:#0009;border-color:#fff6;box-shadow:0 0 10px #fff3}.page-divider[data-v-2f855ca5]{color:#666;margin:0 8px;font-size:14px}.page-total[data-v-2f855ca5]{color:#888;font-size:15px;font-weight:700}.icon-btn[data-v-2f855ca5]{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:40px;height:40px;color:#fff;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.share-btn[data-v-2f855ca5]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:46px;height:46px;color:#fff;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.share-btn.is-copied[data-v-2f855ca5]{background:#67c23a;border-color:#67c23a}.loader-box[data-v-2f855ca5]{position:absolute;z-index:99;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner[data-v-2f855ca5]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:spin-2f855ca5 1s linear infinite}@keyframes spin-2f855ca5{to{transform:rotate(360deg)}}@media(max-width:768px){.side-nav[data-v-2f855ca5]{display:none}.bottom-bar[data-v-2f855ca5]{padding:0 10px;height:70px}.pagination-pill[data-v-2f855ca5]{padding:4px 10px;gap:8px}}