.writing-shelf_shelf__Uisaz{position:relative;width:100%;height:clamp(300px,38vh,420px);overflow:hidden;touch-action:pan-y;animation:writing-shelf_shelfRise__FHU66 1.1s cubic-bezier(.16,1,.3,1) .5s both;--persp:2000px;--tilt-x:3deg;--tilt-ry:20deg;--tilt-z:-2deg;--shelf-scale:0.78;--tilt-bottom:clamp(48px,7vh,150px);--book-ry:-44deg;--book-w:196px;--book-overlap:58px}.writing-shelf_stage__tGv10{position:absolute;inset:0;z-index:2;perspective:var(--persp);perspective-origin:50% 74%}.writing-shelf_tilt__CA1Px{position:absolute;left:50%;bottom:var(--tilt-bottom);transform-style:preserve-3d;transform:translateX(-50%) scale(var(--shelf-scale)) rotateX(var(--tilt-x)) rotateY(var(--tilt-ry)) rotate(var(--tilt-z));transform-origin:bottom center}.writing-shelf_track__uqRKV{display:flex;align-items:flex-end;transform-style:preserve-3d;will-change:transform}.writing-shelf_book__GyaiG{position:relative;flex:0 0 auto;width:var(--book-w);height:var(--h);margin-left:calc(-1 * var(--book-overlap));transform-style:preserve-3d;transform:translateY(var(--lift,0)) translateZ(var(--pop,0)) rotateY(var(--book-ry)) scale(var(--scale,1))}.writing-shelf_book__GyaiG:first-child{margin-left:0}.writing-shelf_book__GyaiG>span{position:absolute;top:50%;left:50%;display:block}.writing-shelf_cover__YyGYq{width:var(--book-w);height:var(--h);transform:translate(-50%,-50%) translateZ(calc(var(--t) / 2));background:var(--cover);border-radius:2px 5px 5px 2px;box-shadow:inset 7px 0 16px rgba(0,0,0,.28),inset -3px 0 8px hsla(0,0%,100%,.08),inset 0 0 0 1px rgba(0,0,0,.14),0 13px 20px rgba(0,0,0,.3),0 calc(20px * var(--foc, 0)) calc(36px * var(--foc, 0)) rgba(0,0,0,calc(.22 * var(--foc, 0)));filter:brightness(calc(1 + .06 * var(--foc, 0)));overflow:hidden}.writing-shelf_book__GyaiG>.writing-shelf_spine__V_Cw_{display:flex;align-items:center;justify-content:flex-end;padding:16px 12px 16px 6px}.writing-shelf_spineTitle__kqkv_{writing-mode:vertical-rl;text-orientation:mixed;max-height:calc(var(--h) - 32px);max-width:calc(var(--book-w) * .62);font-family:var(--font-display),Georgia,serif;font-feature-settings:"calt" 1;font-weight:500;font-size:clamp(14px,calc(var(--book-w) * .12),20px);line-height:1.16;letter-spacing:.01em;color:hsla(0,0%,100%,.96);text-shadow:0 1px 3px rgba(0,0,0,.55);overflow:hidden}.writing-shelf_cover__YyGYq:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 26%,rgba(0,0,0,.12)),linear-gradient(90deg,rgba(0,0,0,.22) 0 6px,transparent 6px)}.writing-shelf_pages__5qNDX{width:var(--t);height:calc(var(--h) - 6px);transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--book-w) / 2));background:linear-gradient(rgba(0,0,0,.12),transparent 12%),repeating-linear-gradient(90deg,#efe9da 0,#efe9da 1px,#cfc6b0 0,#cfc6b0 2.2px);border-radius:0 2px 2px 0}.writing-shelf_topface__nTexs{width:var(--book-w);height:var(--t);transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h) / 2));background:linear-gradient(#efe9da,#d4ccb6)}.writing-shelf_caption__tbFxX{position:absolute;left:50%;bottom:clamp(10px,2.2vh,24px);z-index:3;max-width:min(86vw,560px);padding:0 16px;font-size:13px;letter-spacing:.02em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .34s cubic-bezier(.25,1,.5,1),transform .34s cubic-bezier(.25,1,.5,1)}.writing-shelf_captionShow__w49_5{opacity:1;transform:translate(-50%)}.writing-shelf_captionTitle__6_XuX{color:#2a2a2a;font-weight:500}.dark .writing-shelf_captionTitle__6_XuX{color:#edeae6}.writing-shelf_captionMeta__u_1_c{color:#777}.dark .writing-shelf_captionMeta__u_1_c{color:#8f8c88}.writing-shelf_captionMeta__u_1_c:before{content:"·";margin:0 .55ch;color:#777}.dark .writing-shelf_captionMeta__u_1_c:before{color:#8f8c88}.writing-shelf_captionMeta__u_1_c:empty{display:none}@keyframes writing-shelf_shelfRise__FHU66{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.writing-shelf_shelf__Uisaz{height:clamp(260px,42vh,380px);--shelf-scale:0.82;--tilt-bottom:clamp(48px,7vh,120px);--book-w:150px;--book-overlap:44px}}@media (max-width:460px){.writing-shelf_shelf__Uisaz{--shelf-scale:0.66;--tilt-bottom:clamp(40px,6vh,96px);--book-w:132px}}@media (max-width:860px) and (max-height:540px){.writing-shelf_shelf__Uisaz{height:clamp(150px,52vh,210px);--shelf-scale:0.6;--tilt-bottom:clamp(20px,4vh,48px);--book-w:112px;--book-overlap:40px}}@media (prefers-reduced-motion:reduce){.writing-shelf_book__GyaiG{transition:none}}