.solid-book{--solid-width:200px;--solid-height:280px;width:200px;height:280px;transform-style:preserve-3d;display:block;position:relative;transform:rotateX(-18deg)rotateY(55deg)}.solid-book>span{box-sizing:border-box;backface-visibility:hidden;display:block;position:absolute}.solid-front,.solid-back{background:var(--solid-color);transform-style:preserve-3d;border-radius:1px;inset:0}.solid-front{transform-origin:0;transform:translateZ(14px)}.solid-front>.index-cover{backface-visibility:hidden;border-radius:0;transform:translateZ(.15px);box-shadow:inset 5px 0 7px #0003}.solid-front-inside{backface-visibility:hidden;border:3px solid var(--solid-color);background:linear-gradient(90deg,#d7cdb7,#fbf6e9 12%);position:absolute;inset:0;transform:rotateY(180deg)}.solid-back{transform:translateZ(-14px)rotateY(180deg);box-shadow:inset -5px 0 8px #0003}.solid-spine{background:linear-gradient(90deg,#0003,transparent 25%,#fff2 70%,#0002),var(--solid-color);color:#fffdf0;writing-mode:vertical-rl;border-top:1px solid #fff4;border-bottom:1px solid #0003;justify-content:space-between;align-items:center;gap:10px;width:28px;height:280px;padding:12px 6px;top:0;left:-14px;transform:rotateY(-90deg);display:flex!important}.solid-spine>span{font:12px/1 var(--font-serif);max-height:215px;overflow:hidden}.solid-spine small{font:6px var(--font-mono);letter-spacing:.15em}.solid-edge{border:2px solid var(--solid-color);background:repeating-linear-gradient(90deg,#d2c9b5 0,#f7f2e6 1px,#fffdf6 2px)}.solid-edge--top{width:200px;height:28px;top:-14px;left:0;transform:rotateX(90deg)}.solid-edge--bottom{background-color:#cfc4aa;width:200px;height:28px;bottom:-14px;left:0;transform:rotateX(-90deg)}.solid-edge--fore{background:repeating-linear-gradient(90deg,#e1d8c4 0,#fffdf6 1px,#f7f0df 2px);border-width:0;width:24px;height:274px;top:3px;right:-12px;transform:rotateY(90deg)}.solid-page{color:var(--ink);background:#fffdf6;padding:19px 17px;inset:3px;transform:translateZ(10px);box-shadow:inset 7px 0 15px #56311a13}.solid-page-label,.solid-leaf-face small{font:5px var(--font-mono);letter-spacing:.08em}.solid-page strong,.solid-leaf-face strong{font:20px/1.05 var(--font-serif);margin:16px 0;display:block}.solid-page p,.solid-leaf-face p{font:7px/1.6 var(--font-body)}.solid-page-rule{border-top:1px solid #56311a50;margin:14px 0;display:block}.solid-leaf{transform:translateZ(calc(11px + var(--leaf)*.4px));transform-origin:0;transform-style:preserve-3d;background:#fffdf6;inset:3px}.solid-leaf-face,.solid-leaf-back{backface-visibility:hidden;background:linear-gradient(90deg,#e5ddcb,#fffdf6 8% 95%,#e4dbc7);padding:19px 17px;position:absolute;inset:0;box-shadow:0 1px 3px #0002}.solid-leaf-back{background:linear-gradient(270deg,#d9cfba,#fffdf6 12%);transform:rotateY(180deg)}.book-conveyor{touch-action:pan-y;cursor:grab;outline-offset:-5px;background:radial-gradient(at 50% 85%,#56311a07,#0000 60%);height:480px;margin:0 -5vw;position:relative;overflow:hidden}.book-conveyor:active{cursor:grabbing}.book-conveyor[data-ready=false]>div{visibility:hidden}.conveyor-item{will-change:transform;width:200px;height:280px;position:absolute;top:110px;left:0}.conveyor-book-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:200px;height:280px;padding:0;display:block}.conveyor-lift{width:200px;height:280px;transition:transform .35s cubic-bezier(.2,.7,.3,1);display:block;transform:translateY(0)}.conveyor-item.is-hovered .conveyor-lift{transform:translateY(-22px)}.conveyor-anchor{width:200px;height:280px;display:block;position:relative}.conveyor-caption{text-align:center;border-bottom:1px solid #56311a40;flex-direction:column;gap:7px;min-height:68px;padding:10px 0 20px;display:flex}.conveyor-caption>span{font:25px var(--font-serif)}.conveyor-caption small{font:9px/1.6 var(--font-mono);max-width:650px;margin:auto}.index-title-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin-top:15px;display:grid}.index-title-list a{border-bottom:1px solid #56311a30;align-items:center;gap:16px;padding:18px 0;display:flex}.index-title-list a:hover strong{color:var(--ink-red)}.index-title-list strong{font:21px var(--font-serif)}.index-title-list span{font:9px var(--font-mono)}.index-title-list span:last-child{white-space:nowrap;margin-left:auto}.index-shelf-top button:disabled{opacity:.45}.index-shelf-top button[aria-pressed=true]{background:var(--ink);color:var(--paper-bright)}.journey-dialog::backdrop{background:0 0}.book-journey{isolation:isolate;position:fixed;inset:0;overflow:hidden}.journey-backdrop{opacity:0;background:#fffdf6;position:absolute;inset:0}.journey-position{transform-origin:50%;will-change:transform;width:200px;height:280px;position:absolute;top:0;left:0}.journey-position .solid-book,.journey-position .solid-front,.journey-position .solid-leaf{will-change:transform}.journey-cancel{z-index:5;font:11px var(--font-mono);background:#fffdf6;border:1px solid #56311a40;padding:10px 15px;position:absolute;top:22px;right:25px}.journey-status{text-align:center;font:10px var(--font-mono);color:var(--ink-bronze);position:absolute;bottom:26px;left:30px;right:30px}.journey-fallback{z-index:5;background:var(--ink-red);color:#fffdf6;font:12px var(--font-mono);padding:16px;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}@media (max-width:640px){.book-conveyor{height:390px}.conveyor-item{top:60px}.conveyor-anchor{width:170px;height:238px}.conveyor-anchor>.solid-book{transform-origin:0 0;transform:scale(.85)rotateX(-18deg)rotateY(55deg)}.conveyor-book-button,.conveyor-lift{width:170px;height:238px}.index-title-list{grid-template-columns:1fr}.index-title-list strong{font-size:19px}.conveyor-caption{min-height:80px}.conveyor-caption>span{font-size:23px}}@media (prefers-reduced-motion:reduce){.conveyor-lift{transition:none}.conveyor-item.is-hovered .conveyor-lift{transform:none}}
