.b3d{z-index:130;overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0}.b3d__bar{align-items:center;gap:12px;padding:12px 14px;display:flex}.b3d__heading{min-width:0;color:var(--site-text-muted);align-items:center;gap:9px;display:flex}.b3d__title{color:var(--site-text);font-family:var(--site-font-display);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:650;overflow:hidden}.b3d__icon-btn{min-width:var(--site-touch-target,44px);min-height:var(--site-touch-target,44px);border:1px solid var(--site-border);background:var(--site-surface);color:var(--site-text);cursor:pointer;transition:background var(--site-transition-speed);border-radius:999px;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.b3d__icon-btn:hover{background:var(--site-surface-hover)}.b3d__stage{perspective:900px;touch-action:none;cursor:grab;flex:1;place-items:center;min-height:0;display:grid;position:relative}.b3d__stage:active{cursor:grabbing}.b3d__body{--b3d-w:clamp(132px, 42vw, 236px);--b3d-h:calc(var(--b3d-w) * 1.4);width:var(--b3d-w);height:var(--b3d-h);transform-style:preserve-3d;will-change:transform;grid-area:1/1;position:relative}.b3d__body.is-stepping{transition:transform .18s var(--ease-glass,ease-out)}.b3d__face{backface-visibility:hidden;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.b3d__face--front{width:var(--b3d-w);height:var(--b3d-h);transform:translate(-50%, -50%) translateZ(calc(var(--b3d-depth,22px) / 2))}.b3d__face--back{width:var(--b3d-w);height:var(--b3d-h);transform:translate(-50%, -50%) rotateY(180deg) translateZ(calc(var(--b3d-depth,22px) / 2))}.b3d__face--spine{width:var(--b3d-depth,22px);height:var(--b3d-h);transform:translate(-50%, -50%) rotateY(-90deg) translateZ(calc(var(--b3d-w) / 2))}.b3d__face--edge{width:var(--b3d-depth,22px);height:var(--b3d-h);transform:translate(-50%, -50%) rotateY(90deg) translateZ(calc(var(--b3d-w) / 2))}.b3d__face--head{width:var(--b3d-w);height:var(--b3d-depth,22px);transform:translate(-50%, -50%) rotateX(90deg) translateZ(calc(var(--b3d-h) / 2))}.b3d__face--tail{width:var(--b3d-w);height:var(--b3d-depth,22px);transform:translate(-50%, -50%) rotateX(-90deg) translateZ(calc(var(--b3d-h) / 2))}.b3d__face--front,.b3d__face--back,.b3d__face--spine{background:linear-gradient(150deg, hsl(var(--book-hue,220) 16% 18%), hsl(var(--book-hue,220) 14% 9%))}.b3d__face--front{border-radius:2px 5px 5px 2px}.b3d__face--back{border-radius:2px 5px 5px 2px;flex-direction:column;gap:10px}.b3d__art{object-fit:cover;width:100%;height:100%}.b3d__cover-title{color:#f5f5f7;font-family:var(--site-font-display);text-align:center;text-wrap:balance;padding:14px 16px;font-size:1rem;font-weight:700;line-height:1.2}.b3d__hinge{background:linear-gradient(90deg,#0000008c,#ffffff1a 45%,#0000004d);width:7px;position:absolute;top:0;bottom:0;left:0}.b3d__mark,.b3d__imprint{color:#f5f5f773;font-family:var(--site-font-mono);letter-spacing:.16em}.b3d__mark{font-size:.95rem}.b3d__imprint{font-size:.6rem}.b3d__spine-text{max-height:calc(var(--b3d-h) - 24px);color:#f5f5f7e0;font-family:var(--site-font-display);font-size:clamp(.5rem, calc(var(--b3d-depth,22px) * .34), .8rem);letter-spacing:.01em;white-space:nowrap;writing-mode:vertical-rl;font-weight:650;overflow:hidden}.b3d__face--edge{background:repeating-linear-gradient(90deg,#f5f5f7f0 0 1px,#78787d80 1px 3px)}.b3d__face--head,.b3d__face--tail{background:repeating-linear-gradient(#f5f5f7f0 0 1px,#78787d80 1px 3px)}.b3d__face--head:after,.b3d__face--tail:after,.b3d__face--edge:after,.b3d__face--back:after{content:"";background:#00000038;position:absolute;inset:0}.b3d__face--tail:after{background:#00000061}.b3d__shadow{pointer-events:none;background:radial-gradient(#020a1c80,#0000 70%);border-radius:50%;grid-area:1/1;align-self:end;width:clamp(160px,50vw,280px);height:26px;margin-bottom:clamp(24px,7vh,64px)}.b3d__controls{padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.b3d__hint{color:var(--site-text-muted);margin:0;font-size:.8125rem}.b3d__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.b3d__btn{border:1px solid var(--site-border);background:var(--site-surface);min-height:38px;color:var(--site-text);white-space:nowrap;cursor:pointer;transition:background var(--site-transition-speed), border-color var(--site-transition-speed);border-radius:999px;align-items:center;gap:7px;padding:8px 15px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.b3d__btn:hover{border-color:var(--site-border-bright);background:var(--site-surface-hover)}.b3d__btn.is-active{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-accent-fg)}.b3d__btn--primary{border-color:var(--site-accent);background:var(--site-accent-dim);color:var(--site-accent)}@media (prefers-reduced-motion:reduce){.b3d__body.is-stepping{transition:none}}