:root{color-scheme:dark;--accent:#377dff;--paper:#f8f9fc;--text:#f2f4fa;--muted:#b5becf;--line:#ffffff24;--stage:#454d5e;--dock:#202632;--soft:#ffffff12;font:15px system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--stage)}[data-theme=dark]{--stage:#272e3b;--dock:#171d27}.fb-reader{height:100dvh;min-height:340px;display:flex;flex-direction:column;position:relative}.fb-header{position:absolute;inset:12px 18px auto;z-index:8;pointer-events:none;display:flex}.fb-heading{min-width:0;max-width:100%;display:flex;align-items:center;gap:16px;padding:7px 11px;border-radius:8px;background:#242b39a6;backdrop-filter:blur(8px)}.fb-heading h1{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:550;max-width:40vw}.fb-heading p{margin:0;font-size:11px;color:#d0d6e3}.fb-tools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.fb-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:38px;padding:9px;border:1px solid transparent;border-radius:9px;color:#e3e9f6;background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.fb-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fb-button:hover:not(:disabled),.fb-button[aria-expanded=true]{background:#ffffff17;border-color:#ffffff25;color:#fff}.fb-button[aria-expanded=true]{color:#83adff}button:disabled{opacity:.22;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #90b5ff;outline-offset:3px}.fb-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--stage) 88%,#fff),var(--stage));padding:50px 56px 24px}.fb-book{transition:transform .45s cubic-bezier(.2,.7,.2,1);width:100%;height:100%;min-width:0!important;min-height:0!important}.fb-book>.stf__wrapper{width:100%;height:100%;padding:0!important}.fb-page{background:#fff;overflow:hidden;box-shadow:0 4px 16px #0a101f40}.fb-page-image{width:100%;height:100%;display:block;object-fit:contain;user-select:none;pointer-events:none}.fb-page:after{content:"";position:absolute;top:0;bottom:0;width:5%;pointer-events:none}.fb-page.--left:after{right:0;background:linear-gradient(to left,#00000018,transparent)}.fb-page.--right:after{left:0;background:linear-gradient(to right,#00000013,transparent)}.fb-reader[data-page="1"][data-last-page="1"] .fb-page:after{display:none}.fb-side{position:absolute;top:50%;z-index:20;width:36px;height:56px;margin-top:-28px;border-radius:20px;background:#1b223138;color:#fff}.fb-prev{inset-inline-start:12px}.fb-next{inset-inline-end:12px}.fb-side svg{width:26px;height:26px;stroke-width:2.2}.fb-side:disabled{visibility:hidden}.fb-footer{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 18px 7px;background:var(--dock);border-top:1px solid #ffffff12;box-shadow:0 -3px 14px #11172318}.fb-position{position:absolute;inset:0 0 auto;width:100%;height:4px;margin:0;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--progress,0%),#ffffff26 var(--progress,0%));direction:ltr;border-radius:0}.fb-position::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #377dff44}.fb-position::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff}.fb-position:hover{height:6px}.fb-position:disabled{opacity:.5}.fb-counter{display:flex;align-items:center;gap:4px;direction:ltr;white-space:nowrap;font-size:12px;color:#edf1f9;font-weight:550}.fb-counter input{width:36px;height:32px;font:inherit;color:inherit;text-align:center;border:1px solid transparent;background:transparent;border-radius:6px;padding:3px;appearance:textfield;-moz-appearance:textfield}.fb-counter input:hover,.fb-counter input:focus{border-color:#ffffff35;background:#ffffff0b}.fb-counter input::-webkit-inner-spin-button{appearance:none}.fb-page-status{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.fb-divider{height:20px;width:1px;background:var(--line);margin-inline:5px}.fb-thumbnails{display:flex;overflow:auto;gap:10px;padding:12px 16px;background:var(--dock);border-top:1px solid var(--line);flex-shrink:0;max-height:133px}.fb-thumbnails[hidden]{display:none}.fb-thumb{flex:0 0 65px;display:grid;justify-items:center;gap:5px;border:1px solid #ffffff26;border-radius:8px;padding:5px;background:#ffffff06;color:#d0d6e3;font:11px system-ui;cursor:pointer}.fb-thumb img{width:53px;height:70px;object-fit:contain;display:block}.fb-thumb[aria-current=page]{outline:2px solid #689eff;outline-offset:-2px;color:#b5cfff;background:#377dff26}.fb-zoom-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--stage);color:var(--text)}.fb-zoom-dialog[open]{display:flex;flex-direction:column}.fb-zoom-bar{display:flex;gap:8px;align-items:center;padding:10px 18px;background:var(--dock);border-bottom:1px solid var(--line)}.fb-zoom-bar strong{flex:1;font-size:13px}.fb-zoom-body{overflow:auto;flex:1;min-height:0;padding:20px;direction:ltr}.fb-zoom-body img{display:block;margin:0 auto;height:auto;max-width:none;background:#fff;box-shadow:0 4px 24px #0002}html:fullscreen .fb-reader{height:100dvh}[hidden]{display:none!important}@media(max-width:550px){.fb-header{inset:9px 10px auto}.fb-heading{padding:6px 9px}.fb-heading h1{font-size:11px;max-width:70vw}.fb-heading p{display:none}.fb-button{width:36px;height:36px;padding:8px}.fb-viewport{padding:42px 14px 18px}.fb-side{width:30px;height:48px;background:#1b223187}.fb-prev{inset-inline-start:3px}.fb-next{inset-inline-end:3px}.fb-footer{gap:5px;padding:10px 9px 6px;min-height:54px}.fb-tools{gap:3px}.fb-thumbnails{max-height:112px}.fb-thumb img{height:54px}.fb-thumb{flex-basis:58px}.fb-divider{margin-inline:3px}.fb-counter{font-size:11px}.fb-counter input{width:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}[dir=rtl] .fb-position{direction:rtl;background:linear-gradient(to left,var(--accent) var(--progress,0%),#ffffff26 var(--progress,0%))}