.bb-paper-page-number { position:absolute; top:1.8%; left:50%; transform:translateX(-50%); z-index:2; background:none; border:0; box-shadow:none; padding:0; color:rgba(78,67,49,.42); text-shadow:0 1px 0 rgba(255,255,255,.65),0 -.65px .6px rgba(35,28,18,.22); font:600 clamp(11px,1.2vw,15px)/1.5 Tahoma,sans-serif; direction:ltr; pointer-events:none; user-select:none; }
.bb-shell .bb-catalog-indicator { display:none; }
/* A moving index finger above a quiet, readable instruction. */
.bb-turn-hint {
 position:absolute; z-index:86; left:50%; top:50%; transform:translate(-50%,-50%);
 display:flex; flex-direction:column; align-items:center; gap:12px;
 width:max-content; max-width:calc(100% - 32px); box-sizing:border-box;
 pointer-events:none; opacity:1; transition:opacity .3s ease;
}
.bb-turn-hint[hidden] { display:none; }
.bb-turn-hint.is-leaving { opacity:0; }
.bb-turn-hint-label {
 padding:10px 20px; border-radius:18px; background:rgba(255,255,255,.88);
 border:1px solid rgba(255,255,255,.7); color:#15232d;
 box-shadow:0 4px 18px rgba(20,32,44,.14);
 -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
 font:600 14px/1.8 Tahoma,sans-serif; text-align:center;
}
.bb-turn-hint-hand { width:96px; height:90px; overflow:visible; filter:drop-shadow(0 3px 5px rgba(0,0,0,.3)); }
.bb-turn-hint-trail { stroke:#fff; stroke-width:3; stroke-linecap:round; stroke-dasharray:100; animation:bb-hint-trail 2.2s ease infinite; }
.bb-turn-hint-touch { fill:rgba(255,255,255,.2); stroke:#fff; stroke-width:2.5; transform-origin:30px 23px; animation:bb-hint-touch 2.2s ease-out infinite; }
.bb-turn-hint-finger { fill:url(#bb-hint-hand-fill); stroke:#57483d; stroke-width:2.5; stroke-linejoin:round; animation:bb-hint-swipe 2.2s ease-in-out infinite; transform-origin:52px 23px; }
.bb-turn-hint-knuckles { fill:none; stroke:#69747c; stroke-width:2; stroke-linecap:round; }
@keyframes bb-hint-swipe {
 0%,8% { transform:translate(-22px,4px) rotate(-10deg) scale(1); opacity:0; }
 15% { transform:translate(-22px,0) rotate(-6deg) scale(1); opacity:1; }
 24% { transform:translate(-22px,2px) rotate(-4deg) scale(.9); opacity:1; }
 32% { transform:translate(-22px,0) rotate(-4deg) scale(1); opacity:1; }
 65%,76% { transform:translate(25px,0) rotate(12deg) scale(1); opacity:1; }
 89%,100% { transform:translate(25px,-6px) rotate(12deg) scale(1.04); opacity:0; }
}
@keyframes bb-hint-touch { 0%,18% { opacity:0; transform:scale(.4); } 24% { opacity:1; transform:scale(.6); } 42%,100% { opacity:0; transform:scale(1.8); } }
@keyframes bb-hint-trail { 0%,30% { opacity:0; stroke-dashoffset:100; } 65%,76% { opacity:.9; stroke-dashoffset:0; } 90%,100% { opacity:0; stroke-dashoffset:0; } }
@media(prefers-reduced-motion:reduce) { .bb-turn-hint { transition:none; } .bb-turn-hint-finger,.bb-turn-hint-trail { animation:none; } .bb-turn-hint-touch { display:none; } }
.bb-shell .bb-zoom-controls { border-radius:999px; gap:8px; }
.bb-zoom-step { border:0; border-radius:50%; width:44px; height:44px; background:#e3e9ed; color:#26323a; font:24px/1 sans-serif; cursor:pointer; }
.bb-zoom-step:focus-visible { outline:3px solid #186a9b; outline-offset:2px; }