.book-container[data-v-25ad1ec3]{margin:0 auto 2rem;max-width:280px;perspective:1200px;perspective-origin:50%;width:100%}.book-3d[data-v-25ad1ec3]{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));height:320px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.25,.46,.45,.94);width:100%}.book-container:hover .book-3d[data-v-25ad1ec3]{filter:drop-shadow(0 12px 32px rgba(0,0,0,.25));transform:rotateY(-18deg) rotateX(8deg) translateZ(30px)}.book-pages[data-v-25ad1ec3]{background:linear-gradient(90deg,#f8f9fa,#fff 25%,#f1f3f4,#fff 75%,#e9ecef);border-bottom:1px solid rgba(0,0,0,.1);border-radius:0 4px 4px 0;border-right:1px solid rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.1);height:calc(100% - 4px);overflow:hidden;position:absolute;right:-3px;top:2px;transform:translateZ(8px);width:10px;z-index:5}.page-stack[data-v-25ad1ec3]{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 3px);bottom:0;left:0}.page-edge[data-v-25ad1ec3],.page-stack[data-v-25ad1ec3]{position:absolute;right:0;top:0}.page-edge[data-v-25ad1ec3]{background:linear-gradient(180deg,#0000001a 0,#0000000d 50%,#0000001a);height:100%;width:1px}.cover-light[data-v-25ad1ec3]{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.05) 40%,transparent 70%);border-radius:50%;height:60%;left:-20%;opacity:0;pointer-events:none;position:absolute;top:-20%;transform:rotate(-25deg);transition:opacity .3s ease;width:60%;z-index:3}.book-container:hover .cover-light[data-v-25ad1ec3]{opacity:1}.cover-texture[data-v-25ad1ec3]{background:repeating-linear-gradient(45deg,transparent,transparent 1px,hsla(0,0%,100%,.005) 0,hsla(0,0%,100%,.005) 2px),repeating-linear-gradient(-45deg,transparent,transparent 1px,rgba(0,0,0,.005) 0,rgba(0,0,0,.005) 2px);inset:0;pointer-events:none;z-index:2}.book-front[data-v-25ad1ec3],.cover-texture[data-v-25ad1ec3]{border-radius:8px;position:absolute}.book-front[data-v-25ad1ec3]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #00000026,inset 0 1px #fff3;height:100%;overflow:hidden;transform:translateZ(14px);width:100%;z-index:10}.book-cover-wrapper[data-v-25ad1ec3]{z-index:5}.book-cover-image[data-v-25ad1ec3],.book-cover-wrapper[data-v-25ad1ec3]{height:100%;position:relative;width:100%}.book-cover-image[data-v-25ad1ec3]{border-radius:8px;-o-object-fit:cover;object-fit:cover;z-index:1}.book-spine[data-v-25ad1ec3]{background:linear-gradient(90deg,#1a202c,#2d3748 15%,#4a5568,#2d3748 85%,#1a202c),repeating-linear-gradient(0deg,transparent,transparent 8px,hsla(0,0%,100%,.02) 0,hsla(0,0%,100%,.02) 10px);border-left:2px solid #1a202c;border-radius:0 6px 6px 0;box-shadow:-3px 0 12px #0006,inset 2px 0 4px #ffffff0d,inset -2px 0 4px #0000004d,inset 0 2px 8px #ffffff08;left:-14px;overflow:hidden;transform:rotateY(-90deg) translateZ(14px);width:28px}.book-spine[data-v-25ad1ec3],.spine-binding[data-v-25ad1ec3]{height:100%;position:absolute;top:0}.spine-binding[data-v-25ad1ec3]{background:linear-gradient(180deg,#fff3 0,#ffffff0d,#0000001a,#ffffff0d 75%,#fff3);border-radius:1px;left:2px;width:2px}.spine-binding[data-v-25ad1ec3]:before{background:linear-gradient(180deg,#0000004d 0,#0000001a 50%,#0000004d);left:6px}.spine-binding[data-v-25ad1ec3]:after,.spine-binding[data-v-25ad1ec3]:before{content:"";height:100%;position:absolute;top:0;width:1px}.spine-binding[data-v-25ad1ec3]:after{background:linear-gradient(180deg,#ffffff1a 0,#ffffff0d 50%,#ffffff1a);right:2px}.spine-content[data-v-25ad1ec3]{align-items:center;color:#f7fafc;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.5rem .25rem 1rem;position:relative;text-orientation:mixed;writing-mode:vertical-rl}.spine-content[data-v-25ad1ec3]:before{background:linear-gradient(180deg,transparent 0,hsla(0,0%,100%,.3) 50%,transparent);top:1rem}.spine-content[data-v-25ad1ec3]:after,.spine-content[data-v-25ad1ec3]:before{content:"";height:20px;left:50%;position:absolute;transform:translate(-50%);width:2px}.spine-content[data-v-25ad1ec3]:after{background:linear-gradient(0deg,transparent 0,hsla(0,0%,100%,.3) 50%,transparent);bottom:1rem}.spine-title[data-v-25ad1ec3]{color:#e2e8f0;font-size:.7rem;font-weight:700;letter-spacing:.5px;-webkit-line-clamp:4;line-clamp:4;margin-bottom:1rem;max-height:3.5rem;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px hsla(0,0%,100%,.1);text-transform:uppercase}.spine-author[data-v-25ad1ec3],.spine-title[data-v-25ad1ec3]{display:-webkit-box;line-height:1.1;overflow:hidden;text-align:center;-webkit-box-orient:vertical}.spine-author[data-v-25ad1ec3]{color:#cbd5e0;font-size:.55rem;font-style:italic;font-weight:500;letter-spacing:.3px;-webkit-line-clamp:2;line-clamp:2;max-height:1.5rem;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.6)}.book-back[data-v-25ad1ec3]{background:linear-gradient(135deg,#e2e8f0,#cbd5e0 50%,#a0aec0);border-radius:8px;box-shadow:0 4px 16px #0003;height:100%;overflow:hidden;position:absolute;transform:translateZ(-8px);width:100%}.back-cover-texture[data-v-25ad1ec3]{background:repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 2px),repeating-linear-gradient(0deg,transparent,transparent 1px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 2px);border-radius:8px;bottom:0;right:0}.back-cover-texture[data-v-25ad1ec3],.book-top[data-v-25ad1ec3]{left:0;position:absolute;top:0}.book-top[data-v-25ad1ec3]{background:linear-gradient(180deg,#f1f3f4,#e8eaed 50%,#dadce0);border-radius:8px 8px 0 0;box-shadow:0 -2px 4px #0000001a;height:8px;transform:rotateX(90deg) translateZ(4px);width:100%}.book-bottom[data-v-25ad1ec3]{background:linear-gradient(0deg,#c5c7ca,#d1d3d6 50%,#e8eaed);border-radius:0 0 8px 8px;bottom:0;box-shadow:0 2px 4px #00000026;height:8px;left:0;position:absolute;transform:rotateX(-90deg) translateZ(4px);width:100%}.book-overlay[data-v-25ad1ec3]{align-items:flex-start;display:flex;justify-content:space-between;left:0;padding:.75rem;position:absolute;right:0;top:0;z-index:20}.book-badge[data-v-25ad1ec3]{border-radius:4px;box-shadow:0 2px 4px #0003;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;position:relative;text-transform:uppercase;z-index:25}.level-badge[data-v-25ad1ec3]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.pages-badge[data-v-25ad1ec3]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#000000b3,#00000080);color:#fff}.book-title-overlay[data-v-25ad1ec3]{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 70%,transparent);bottom:0;color:#fff;left:0;padding:1.5rem 1rem 1rem;position:absolute;right:0;text-align:center;z-index:15}.book-title-text[data-v-25ad1ec3]{display:-webkit-box;font-size:1rem;font-weight:700;-webkit-line-clamp:2;line-clamp:2;line-height:1.2;margin-bottom:.25rem;text-shadow:0 1px 3px rgba(0,0,0,.5);-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:20}.book-author-text[data-v-25ad1ec3]{font-size:.8rem;font-style:italic;opacity:.9;position:relative;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:20}.book-container:hover .book-front[data-v-25ad1ec3]{box-shadow:0 16px 64px #0000004d,inset 0 1px #fff6;transform:translateZ(2px)}.book-container:hover .book-spine[data-v-25ad1ec3]{box-shadow:-6px 0 20px #0009,inset 2px 0 8px #ffffff1a,inset -2px 0 8px #00000080,inset 0 2px 12px #ffffff0f}.book-container:hover .book-back[data-v-25ad1ec3]{box-shadow:0 12px 48px #0006;transform:translateZ(-10px)}.book-container:hover .book-pages[data-v-25ad1ec3]{background:linear-gradient(90deg,#f0f2f5,#fff 25%,#f8f9fa,#fff 75%,#e6e8eb);box-shadow:inset -1px 0 2px #0000001a}.book-container:hover .book-top[data-v-25ad1ec3]{box-shadow:0 -4px 8px #00000026}.book-container:hover .book-bottom[data-v-25ad1ec3]{box-shadow:0 4px 8px #00000040}.book-front[data-v-25ad1ec3]{transition:all .5s cubic-bezier(.25,.46,.45,.94)}.book-spine[data-v-25ad1ec3]{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.book-back[data-v-25ad1ec3]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.book-pages[data-v-25ad1ec3]{transition:all .3s ease}.book-bottom[data-v-25ad1ec3],.book-top[data-v-25ad1ec3]{transition:all .4s ease}@keyframes bookAppear-25ad1ec3{0%{opacity:0;transform:translateY(20px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.book-3d[data-v-25ad1ec3]{animation:bookAppear-25ad1ec3 .6s ease-out}.book-container[data-v-25ad1ec3]{transition:filter .3s ease}.book-container:active .book-3d[data-v-25ad1ec3]{filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));transform:rotateY(-12deg) rotateX(4deg) translateZ(15px) scale(.98)}@media(min-width:1536px){.book-container[data-v-25ad1ec3]{max-width:300px}.book-3d[data-v-25ad1ec3]{height:360px}.book-spine[data-v-25ad1ec3]{left:-16px;transform:rotateY(-90deg) translateZ(16px);width:32px}.spine-title[data-v-25ad1ec3]{font-size:.75rem}.spine-author[data-v-25ad1ec3]{font-size:.6rem}}@media(min-width:1280px)and (max-width:1535px){.book-container[data-v-25ad1ec3]{max-width:280px}.book-3d[data-v-25ad1ec3]{height:340px}}@media(max-width:1279px)and (min-width:1025px){.book-container[data-v-25ad1ec3]{max-width:260px}.book-3d[data-v-25ad1ec3]{height:320px}}@media(max-width:1024px){.book-container[data-v-25ad1ec3]{max-width:240px}.book-3d[data-v-25ad1ec3]{height:280px}.book-title-text[data-v-25ad1ec3]{font-size:.9rem}.spine-title[data-v-25ad1ec3]{font-size:.65rem}.spine-author[data-v-25ad1ec3]{font-size:.5rem}}@media(max-width:768px){.book-container[data-v-25ad1ec3]{margin-bottom:1.5rem;max-width:200px}.book-3d[data-v-25ad1ec3]{height:260px}.book-title-text[data-v-25ad1ec3]{font-size:.8rem}.book-author-text[data-v-25ad1ec3]{font-size:.7rem}.spine-title[data-v-25ad1ec3]{font-size:.65rem}.spine-author[data-v-25ad1ec3]{font-size:.55rem}}@media(max-width:640px){.book-container[data-v-25ad1ec3]{max-width:180px}.book-3d[data-v-25ad1ec3]{height:240px}.book-container:hover .book-3d[data-v-25ad1ec3]{transform:rotateY(-8deg) rotateX(2deg) translateZ(10px)}}