.bk-viewport{width:100%;height:100%;position:relative}.bk-stage{--W:320px;--H:460px;--D:44px;width:700px;height:640px;transform:translate(-50%, -50%) scale(var(--stage-scale,.6));position:absolute;top:50%;left:50%}.bk-scene{perspective:2000px;perspective-origin:50% 35%;place-items:center;display:grid;position:absolute;inset:0}.bk-shadow{width:calc(var(--W) * (1.05 + var(--open,0) * .95));filter:blur(8px);height:70px;transform:translate(-50%, calc(var(--H) / 2 - 6px));opacity:.9;background:radial-gradient(closest-side,#11183652,#1118361f 60%,#0000);border-radius:50%;position:absolute;top:50%;left:50%}.dark .bk-shadow{background:radial-gradient(closest-side,#0009,#00000040 60%,#0000)}.bk-float{transform-style:preserve-3d;animation:7s ease-in-out infinite bk-float}@keyframes bk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.bk{width:var(--W);height:var(--H);transform-style:preserve-3d;transform:translateX(var(--tx,0px)) rotateX(var(--rx,10deg)) rotateY(var(--ry,26deg)) rotateZ(var(--rz,-2deg)) scale(var(--bs,1));position:relative}.bk>*{position:absolute}.bk-face{backface-visibility:hidden}.bk-cloth{background-color:#1b2552;background-image:linear-gradient(100deg,#ffffff1a,#0000 18% 70%,#0000002e),radial-gradient(circle,#f0e4c824 2px,#0000 2.6px),repeating-linear-gradient(45deg,#0000 0 17px,#f0e4c80f 17px 19px),repeating-linear-gradient(-45deg,#0000 0 17px,#f0e4c80f 17px 19px);background-size:auto,24px 24px,auto,auto}.bk-back{transform:rotateY(180deg) translateZ(calc(var(--D) / 2));border-radius:3px 8px 8px 3px;inset:0;box-shadow:inset 0 0 0 1px #00000040}.bk-spine{top:0;left:calc((var(--W) - var(--D)) / 2);width:var(--D);height:var(--H);transform:rotateY(-90deg) translateZ(calc(var(--W) / 2));border-radius:6px;flex-direction:column;justify-content:space-between;align-items:center;padding:18px 0;display:flex;box-shadow:inset 6px 0 10px #00000040,inset -6px 0 10px #00000040}.bk-spine-title{writing-mode:vertical-rl;font-family:var(--font-heading), serif;letter-spacing:.18em;text-transform:uppercase;color:#efe3c4;font-size:15px}.bk-pages-edge{background-color:#efe7d6;background-image:repeating-linear-gradient(90deg,#7864462e 0 1px,#0000 1px 3px)}.bk-fore{top:6px;left:calc((var(--W) - var(--D)) / 2 + 3px);width:calc(var(--D) - 6px);height:calc(var(--H) - 12px);transform:rotateY(90deg) translateZ(calc(var(--W) / 2 - 5px))}.bk-top,.bk-bottom{width:calc(var(--W) - 8px);height:calc(var(--D) - 6px);left:2px;top:calc((var(--H) - var(--D)) / 2 + 3px);background-image:repeating-linear-gradient(0deg,#7864462e 0 1px,#0000 1px 3px)}.bk-top{transform:rotateX(90deg) translateZ(calc(var(--H) / 2 - 6px))}.bk-bottom{transform:rotateX(-90deg) translateZ(calc(var(--H) / 2 - 6px))}.bk-sheet{transform-origin:0;transform-style:preserve-3d;inset:0}.bk-sheet>*{backface-visibility:hidden;position:absolute;inset:0}.bk-sheet>.bk-verso{transform:rotateY(180deg)}.bk-cover{transform:translateZ(calc(var(--D) / 2)) rotateY(calc(var(--cover,0) * -1deg))}.bk-cover>.bk-recto{border-radius:3px 8px 8px 3px;box-shadow:inset 0 0 0 1px #00000040,inset 10px 0 12px -6px #00000073}.bk-cover>.bk-recto:after{content:"";border-radius:inherit;background:linear-gradient(115deg, transparent 30%, rgb(255 255 255/calc(var(--sheen,.08))) 48%, transparent 62%);pointer-events:none;position:absolute;inset:0}.bk-leaf-0{transform:translateZ(calc(var(--D) / 2 - 1px)) rotateY(calc(var(--leaf0,0) * -1deg));inset:3px 4px 3px 0}.bk-leaf-1{transform:translateZ(calc(var(--D) / 2 - 2px)) rotateY(calc(var(--leaf1,0) * -1deg));inset:3px 4px 3px 0}.bk-base{transform:translateZ(calc(var(--D) / 2 - 3px));inset:3px 4px 3px 0}.bk-page{color:#2a241b;font-family:var(--font-book), Georgia, serif;background:#fbf6ea;padding:34px 30px 26px 34px;font-size:10.5px;line-height:1.62;overflow:hidden}.bk-page.is-left{background:linear-gradient(270deg,#503c1e29,#0000 14%),#f8f2e4;padding:34px 34px 26px 30px}.bk-page.is-right{background:linear-gradient(90deg,#503c1e2e,#0000 12%),#fbf6ea}.bk-page p+p{text-indent:1.4em}.bk-folio{text-align:center;color:#8a7d66;font-size:9px;position:absolute;bottom:14px;left:0;right:0}.bk-chapter-no{font-family:var(--font-heading), serif;letter-spacing:.3em;color:#a0702a;text-align:center;font-size:11px}.bk-chapter-title{font-family:var(--font-heading), serif;text-align:center;color:#1b2552;margin:6px 0 18px;font-size:24px;font-style:italic}.bk-dropcap:first-letter{float:left;font-family:var(--font-heading), serif;color:#1b2552;padding:3px 5px 0 0;font-size:38px;line-height:.85}.bk-lines{flex-direction:column;gap:7.3px;margin-top:9px;display:flex}.bk-lines>i{background:#2a241b2b;border-radius:2px;height:3.6px;display:block}.bk-mark{background-image:linear-gradient(100deg,#e8b1408c,#e8b14073);background-repeat:no-repeat;background-size:calc(var(--hl,0) * 100%) 88%;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 70%;border-radius:2px}.bk-watermark{text-align:center;font-family:var(--font-sans), sans-serif;letter-spacing:.04em;color:#8a7d66;opacity:var(--wm,0);font-size:7.5px;position:absolute;bottom:30px;left:0;right:0}.bk-watermark-diag{font-family:var(--font-sans), sans-serif;letter-spacing:.08em;color:#1b255212;opacity:var(--wm,0);pointer-events:none;white-space:nowrap;place-items:center;font-size:15px;font-weight:600;display:grid;position:absolute;inset:0;transform:rotate(-28deg)}.bk-card{opacity:var(--v,0);transform:translate3d(0, calc((1 - var(--v,0)) * 18px), 0) scale(calc(.96 + var(--v,0) * .04));border:1px solid var(--border);background:color-mix(in oklab, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--foreground);pointer-events:none;will-change:opacity, transform;border-radius:14px;font-size:13px;position:absolute;box-shadow:inset 0 1px #ffffff80,0 18px 40px -18px #11183659,0 4px 10px -4px #1118361f}.dark .bk-card{box-shadow:inset 0 1px #ffffff0f,0 18px 40px -18px #000000b3}.bk-file{border:1px solid var(--border);background:var(--card);opacity:calc(var(--v,0) * (1 - var(--fly,0)));transform:translate(calc(var(--fx) * (1 - var(--fly,0))), calc(var(--fy) * (1 - var(--fly,0)) + (1 - var(--v,0)) * 20px)) scale(calc(1 - var(--fly,0) * .6)) rotate(var(--fr,0deg));pointer-events:none;border-radius:12px;align-items:center;gap:8px;padding:9px 13px 9px 10px;font-size:13px;font-weight:500;display:flex;position:absolute;box-shadow:0 14px 30px -14px #11183666}.bk-file-ext{letter-spacing:.04em;color:#fff;border-radius:5px;place-items:center;width:30px;height:36px;font-size:9px;font-weight:700;display:grid}.bk-cue{opacity:var(--cue,1)}@media (prefers-reduced-motion:reduce){.bk-float{animation:none}}