.book3d-stage{position:relative;perspective:1900px;perspective-origin:50% 42%;transform-origin:center center;transition:transform .24s ease-out;will-change:transform}.book3d-shadow{bottom:-34px;height:46px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(28,8,48,.6) 0,rgba(28,8,48,.3) 45%,transparent 72%);filter:blur(18px);transition:width .7s cubic-bezier(.33,.9,.28,1),opacity .7s ease}.book3d-shadow,.book3d-spine{position:absolute;left:50%;pointer-events:none}.book3d-spine{top:0;bottom:0;transform:rotateY(90deg);transform-origin:left center;border-radius:3px 0 0 3px;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.08) 40%,rgba(0,0,0,.4)),linear-gradient(150deg,#4b2a7a,#2a1548);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:opacity .5s ease}.book3d-spine-band{position:absolute;left:0;right:0;top:16%;height:2px;background:linear-gradient(90deg,transparent,rgba(246,227,168,.55),transparent)}.book3d-spine-band-low{top:auto;bottom:16%}.book3d-book{position:relative;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.22,1,.36,1);touch-action:pan-y;cursor:grab;user-select:none}.book3d-book:active{cursor:grabbing}.book3d-pile{position:absolute;z-index:1;top:0;bottom:0;background:linear-gradient(180deg,#f3e9d2,#e4d6b8);box-shadow:0 46px 80px -30px rgba(35,12,55,.75),0 18px 34px -22px rgba(35,12,55,.5),inset 0 0 0 1px rgba(140,110,60,.22);transition:transform .5s ease,opacity .4s ease}.book3d-pile-left{left:0;border-radius:8px 2px 2px 8px}.book3d-pile-right{left:50%;border-radius:2px 8px 8px 2px}.book3d-fore{position:absolute;top:4px;bottom:4px;left:-1px;transform:rotateY(78deg);transform-origin:left center;border-radius:2px;background:repeating-linear-gradient(90deg,rgba(160,132,84,.3) 0 1px,rgba(250,244,230,.9) 1px 3px)}.book3d-fore-right{left:auto;right:-1px;transform:rotateY(-78deg);transform-origin:right center}.book3d-leaf{top:0;left:50%;z-index:3;transition:transform .5s ease}.book3d-hinge,.book3d-leaf{position:absolute;transform-style:preserve-3d}.book3d-hinge{inset:0;transform-origin:left center;will-change:transform}.book3d-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;border-radius:2px 8px 8px 2px}.book3d-front{transform:rotateY(0deg) translateZ(.6px)}.book3d-back{transform:rotateY(180deg) translateZ(.6px);border-radius:8px 2px 2px 8px}.book3d-page{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;z-index:2}.book3d-page.book3d-left{transform:translateZ(.4px)}.book3d-page.book3d-right{transform:translateZ(.8px)}.book3d-page.book3d-left{left:0;border-radius:8px 2px 2px 8px}.book3d-page.book3d-right{left:50%;border-radius:2px 8px 8px 2px}.book3d-case-right{top:-11px;bottom:-11px;right:-11px;left:-5px;width:auto}.book3d-case-left{top:-11px;bottom:-11px;left:-11px;right:-5px;width:auto}.book3d-paper{background-color:#f7f0de;background-image:repeating-linear-gradient(90deg,rgba(120,95,55,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(120,95,55,.028) 0 1px,transparent 1px 4px),radial-gradient(ellipse 45% 32% at 25% 30%,rgba(160,125,65,.07),transparent),radial-gradient(ellipse 35% 25% at 75% 70%,rgba(150,115,60,.06),transparent),linear-gradient(90deg,rgba(90,65,30,.22) 0,rgba(90,65,30,.05) 5%,transparent 14%);box-shadow:inset 0 0 0 1px rgba(140,110,60,.16);color:#4a3a24}.book3d-left.book3d-paper{background-image:repeating-linear-gradient(90deg,rgba(120,95,55,.03) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(120,95,55,.028) 0 1px,transparent 1px 4px),radial-gradient(ellipse 45% 32% at 70% 35%,rgba(160,125,65,.07),transparent),linear-gradient(270deg,rgba(90,65,30,.22) 0,rgba(90,65,30,.05) 5%,transparent 14%)}.book3d-board{background:radial-gradient(ellipse 80% 60% at 30% 20%,rgba(255,255,255,.14),transparent 70%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 4px),linear-gradient(150deg,#4b2a7a,#3a1f63 45%,#2a1548);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 0 60px rgba(0,0,0,.45),0 30px 60px -20px rgba(30,10,50,.8);color:#f3e7c8}.book3d-board-inner{background:radial-gradient(ellipse 60% 50% at 70% 30%,rgba(154,109,251,.35),transparent 70%),linear-gradient(200deg,#2f1a52,#241041);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.book3d-endpaper{background:repeating-linear-gradient(-35deg,rgba(217,160,254,.09) 0 6px,transparent 6px 12px),repeating-linear-gradient(35deg,rgba(154,109,251,.09) 0 6px,transparent 6px 12px)}.book3d-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(255,255,255,.35) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,.4))}.book3d-shade-back{background:linear-gradient(90deg,rgba(255,255,255,.3) 0,rgba(0,0,0,0) 32%,rgba(0,0,0,.45))}.book3d-margin{height:100%;padding:48px 52px 40px}.book3d-right .book3d-margin{padding-left:66px}.book3d-left .book3d-margin{padding-right:66px}.book3d-chapter{font-size:10px;letter-spacing:.3em;text-transform:uppercase;opacity:.55;text-align:center;padding-bottom:18px;border-bottom:1px solid rgba(140,110,60,.25)}.book3d-folio{padding-top:16px;font-size:12px;text-align:center;opacity:.6;font-variant-numeric:tabular-nums}.book3d-heading{letter-spacing:.08em}.book3d-leader{flex:1;border-bottom:1px dotted rgba(120,95,55,.45);transform:translateY(-3px)}.book3d-entry{display:flex;align-items:baseline;gap:8px;width:100%;padding:5px 8px;border-radius:4px;text-align:left;transition:background-color .18s ease,transform .18s ease}.book3d-entry:hover{background:rgba(120,95,55,.12);transform:translateX(3px)}.book3d-entry:focus-visible{outline:1px solid rgba(120,95,55,.6);outline-offset:2px}.book3d-inkbutton{border:1px solid rgba(120,95,55,.5);border-radius:999px;padding:8px 18px;font-size:13px;transition:background-color .2s ease}.book3d-inkbutton:hover{background:rgba(120,95,55,.1)}.book3d-foil{color:#f0dca6;text-shadow:0 1px 1px rgba(20,5,40,.55)}@supports (-webkit-background-clip:text) or (background-clip:text){.book3d-foil{background-image:linear-gradient(100deg,#b98a3c,#f6e3a8 30%,#d8b466 50%,#f6e3a8 70%,#b98a3c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px 1px rgba(20,5,40,.5))}}.book3d-rule{display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,227,168,.75),transparent)}.book3d-cover-hint{color:rgba(243,231,200,.65);animation:book3d-breathe 2.8s ease-in-out infinite}@keyframes book3d-breathe{0%,to{opacity:.35}50%{opacity:.9}}.book3d-control{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;backdrop-filter:blur(4px);transition:background-color .2s ease,opacity .2s ease}.book3d-control:hover:not(:disabled){background:rgba(255,255,255,.15)}.book3d-control:disabled{opacity:.4}@media (prefers-reduced-motion:reduce){.book3d-book,.book3d-hinge,.book3d-leaf,.book3d-stage{transition-duration:1ms!important}.book3d-cover-hint{animation:none}}