.wfb{--wfb-ink:#0B0D10;--wfb-cyan:#00B0E0;--wfb-line:#2A2F36;--wfb-ms:.85s;position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:var(--wfb-ink);color:#fff;font-family:var(--f-body,system-ui,sans-serif)}.wfb *{box-sizing:border-box}.wfb__bar{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--wfb-line)}.wfb__title{flex:1;min-width:0;font-family:var(--f-display,system-ui,sans-serif);font-weight:700;font-size:18px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wfb__btn,.wfb__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font:700 16px/1.2 var(--f-body,system-ui,sans-serif);text-decoration:none;cursor:pointer;white-space:nowrap}.wfb__btn{background:var(--wfb-cyan);color:#000;border:0}.wfb__btn:hover:not(:disabled){background:#fff;color:#000}.wfb__btn:disabled{background:#2A2F36;color:#9AA3AE;cursor:default}.wfb__link{background:transparent;color:#fff !important;border:2px solid #5B6470}.wfb__link:hover{border-color:#fff;color:#fff !important}.wfb *:focus-visible{outline:3px solid var(--wfb-cyan);outline-offset:3px}.wfb__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:20px;perspective:2600px;overflow:hidden}.wfb__book{position:relative;transition:transform var(--wfb-ms) cubic-bezier(.45,.05,.25,1);-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:pan-y}.wfb__leaves{position:absolute;inset:0;transform-style:preserve-3d}.wfb__leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform var(--wfb-ms) cubic-bezier(.45,.05,.25,1)}.wfb__leaf.is-turned{transform:rotateY(-180deg)}.wfb__face{position:absolute;inset:0;background:#fff;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.wfb__face--back{transform:rotateY(180deg)}.wfb__face canvas{display:block;width:100%;height:100%;object-fit:contain}.wfb__face::after{content:"";position:absolute;inset:0;pointer-events:none}.wfb__face--front::after{background:linear-gradient(to right,rgba(0,0,0,.22),rgba(0,0,0,0) 9%)}.wfb__face--back::after{background:linear-gradient(to left,rgba(0,0,0,.22),rgba(0,0,0,0) 9%)}.wfb--single .wfb__leaf{left:0;width:100%}.wfb--single .wfb__leaf.is-turned{transform:rotateY(-105deg);opacity:0;pointer-events:none;transition:transform var(--wfb-ms) cubic-bezier(.45,.05,.25,1),opacity .5s ease .25s}.wfb--single .wfb__face--back{display:none}.wfb__nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px 16px;border-top:1px solid var(--wfb-line)}.wfb__count{min-width:150px;text-align:center;font:700 14px/1.3 var(--f-mono,ui-monospace,monospace);letter-spacing:.02em;color:#C9D1D9}.wfb__msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;font-size:18px;line-height:1.5;pointer-events:none}.wfb__msg[hidden]{display:none}.wfb__msg a{pointer-events:auto}.wfb__spin{width:34px;height:34px;border-radius:50%;border:4px solid #2A2F36;border-top-color:var(--wfb-cyan);animation:wfbspin .9s linear infinite}@keyframes wfbspin{to{transform:rotate(360deg)}}@media (max-width:719px){.wfb__bar{padding:10px 14px}.wfb__stage{padding:12px}.wfb__link{padding:0 14px}.wfb__nav{gap:10px;padding:10px 12px 14px}.wfb__count{min-width:110px}}@media (prefers-reduced-motion:reduce){.wfb{--wfb-ms:.01s}.wfb__spin{animation-duration:2.4s}}