[data-module=reading]{width:100%}body:has([data-module=reading]) main{width:100%!important;max-width:none!important}.bookshelf-desktop{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;width:100%;display:grid}.book-spine{cursor:pointer;width:48px;height:240px;transform-style:preserve-3d;border-radius:2px 4px 4px 2px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 4px #0000001a,inset -2px 0 4px #0000001a,inset 2px 0 2px #fff3}.book-spine-cover{z-index:1;width:100%;height:100%;position:absolute;inset:0}.book-spine-image{object-fit:cover;object-position:center;opacity:.9;width:100%;height:100%}.dark .book-spine{box-shadow:2px 0 6px #0006,inset -2px 0 4px #0000004d,inset 2px 0 2px #ffffff1a}.book-spine:hover{z-index:10;transform:translateY(-10px)scale(1.02);box-shadow:2px 4px 12px #0003,inset -2px 0 4px #0000001a,inset 2px 0 2px #ffffff4d}.dark .book-spine:hover{box-shadow:2px 6px 16px #0009,inset -2px 0 4px #0000004d,inset 2px 0 2px #ffffff26}.book-spine-content{writing-mode:vertical-rl;text-orientation:mixed;z-index:2;border-radius:2px;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;height:100%;padding:1rem .5rem;display:flex;position:relative}.book-title{letter-spacing:.05em;text-align:center;text-overflow:ellipsis;-webkit-line-clamp:3;text-shadow:0 1px 3px #00000080;color:#fff;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-author{opacity:.9;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #00000080;color:#fff;max-width:180px;font-size:.75rem;font-weight:400;overflow:hidden}.shelf-divider{background:linear-gradient(#8b7355 0%,#6b5a45 50%,#8b7355 100%);border-radius:2px;width:100%;height:8px;margin-top:.5rem;box-shadow:0 2px 4px #0003,inset 0 1px #ffffff1a}.dark .shelf-divider{background:linear-gradient(#4a3f35 0%,#3a2f25 50%,#4a3f35 100%);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff0d}.bookshelf-mobile{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.book-card{cursor:pointer;flex-direction:column;gap:.75rem;width:100%;min-width:0;margin-left:-12px;padding-left:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.book-card:hover{transform:translateY(-6px)}.book-cover-block{aspect-ratio:2/3;color:#fff;text-shadow:0 2px 4px #0000004d;width:100%;transform-style:preserve-3d;border-radius:2px 6px 6px 2px;justify-content:center;align-items:center;font-size:2rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:-2px 0 4px #00000026,0 2px 8px #0000001a,0 4px 16px #00000014,0 8px 24px #0000000f}.book-cover-block:after{content:"";z-index:-1;background:linear-gradient(90deg,#0009 0%,#00000059 40%,#00000026 80%,#0000 100%);border-radius:2px 0 0 2px;width:10px;position:absolute;top:2px;bottom:2px;left:-10px;box-shadow:inset -1px 0 2px #0006,inset 0 2px 4px #0003}.book-cover-block:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(135deg,#fff3 0%,#ffffff1a 20%,#ffffff0d 40%,#0000 60%,#00000005 100%);border-radius:2px 6px 6px 2px;position:absolute;inset:0}.book-card:hover .book-cover-block{transform:translateY(-2px)rotateY(-2deg);box-shadow:-3px 0 6px #0003,0 4px 12px #00000026,0 8px 24px #0000001f,0 16px 40px #0000001a}.book-card:hover .book-cover-block:after{background:linear-gradient(90deg,#000000bf 0%,#00000073 40%,#0003 80%,#0000 100%);width:11px;left:-11px}.book-card:hover .book-cover-block:before{background:linear-gradient(135deg,#ffffff40 0%,#ffffff26 20%,#ffffff14 40%,#0000 60%,#00000008 100%)}.dark .book-cover-block{box-shadow:-2px 0 6px #0006,0 2px 12px #0000004d,0 4px 20px #00000040,0 8px 32px #0003}.dark .book-cover-block:after{background:linear-gradient(90deg,#000000d9 0%,#00000080 40%,#00000040 80%,#0000 100%)}.dark .book-cover-block:before{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 20%,#ffffff05 40%,#0000 60%,#0000000d 100%)}.dark .book-card:hover .book-cover-block{box-shadow:-3px 0 8px #0009,0 4px 16px #0006,0 8px 32px #00000059,0 16px 48px #0000004d}.book-cover-image{padding:0;overflow:hidden}.book-cover-img{object-fit:cover;border-radius:2px 6px 6px 2px;width:100%;height:100%;display:block}.book-card-title{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-card-author{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.book-card-category{text-transform:capitalize;color:var(--color-text-secondary);background:#0000000d;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.dark .book-card-category{background:#ffffff1a}@media (max-width:1024px){.bookshelf-desktop{display:none}}@media (min-width:1024px){.bookshelf-mobile{display:none}}@media (max-width:1280px) and (min-width:1024px){.bookshelf-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1536px) and (min-width:1280px){.bookshelf-desktop{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.bookshelf-desktop{grid-template-columns:repeat(5,minmax(0,1fr))}}@supports not (transform-style:preserve-3d){.book-spine{box-shadow:2px 2px 8px #00000026}.book-spine:hover{transform:translateY(-8px);box-shadow:2px 4px 12px #00000040}}@media (prefers-reduced-motion:reduce){.book-spine,.book-card,.book-detail-cover{transition:none}.book-spine:hover,.book-card:hover,.book-detail-cover:hover{transform:none}}.bk-book-wrapper{perspective:1800px;width:300px;position:relative}.bk-book{width:100%;height:400px;transform-style:preserve-3d;transition:transform .5s;position:relative}.bk-book.bk-bookdefault:hover{transform:rotateY(35deg)}.bk-book>div,.bk-front>div{display:block;position:absolute}.bk-front{transform-style:preserve-3d;transform-origin:0%;z-index:10;transition:transform .5s;transform:translateZ(20px)}.bk-front,.bk-front>div{width:300px;height:400px}.bk-front>div{z-index:1;backface-visibility:hidden;transform-style:preserve-3d}.bk-cover-back{background-color:#000;transform:rotateY(-179deg)}.bk-cover{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0 3px 3px 0;justify-content:center;align-items:center;display:flex;box-shadow:inset 4px 0 10px #0000001a}.bk-cover-letter{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:4rem;font-weight:700}.bk-front:after{content:"";background:#0003;width:1px;position:absolute;top:1px;bottom:1px;left:-1px}.bk-cover:after{content:"";background:#0000000f;width:3px;position:absolute;top:0;bottom:0;left:10px;box-shadow:1px 0 3px #ffffff1a}.bk-left{justify-content:center;align-items:center;width:40px;height:400px;display:flex;position:relative;left:-20px;transform:rotateY(-90deg)}.bk-left:before{content:"";pointer-events:none;background:linear-gradient(90deg,#00000026 0%,#00000014 50%,#0000 100%);position:absolute;inset:0}.bk-left h2{transform-origin:0 0;color:#fff;text-align:right;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-end;align-items:center;gap:10px;width:400px;height:40px;padding-right:10px;font-size:14px;line-height:40px;display:flex;overflow:hidden;transform:rotate(90deg)translateY(-40px)}.bk-left h2 span:first-child{text-transform:uppercase;opacity:.9;font-size:11px;font-weight:400}.bk-left h2 span:last-child{font-size:14px;font-weight:600}.bk-top,.bk-bottom{backface-visibility:hidden;background-color:#fff;width:295px;height:40px;top:-15px;left:2.5px}.bk-top{transform:rotateX(90deg)}.bk-bottom{transform:rotateX(-90deg)translateZ(390px)}.dark .bk-cover{box-shadow:inset 4px 0 10px #0000004d}.dark .bk-left:before{background:linear-gradient(90deg,#00000040 0%,#00000026 50%,#0000 100%)}.dark .bk-top,.dark .bk-bottom{background-color:#1a1a1a}