.book-container[data-v-74f9a47b]{align-items:center;display:flex;justify-content:center;perspective:1000px}.book[data-v-74f9a47b]{box-shadow:0 20px 40px var(--shadow-color);cursor:pointer;height:400px;position:relative;transform-style:preserve-3d;width:300px}.book-cover[data-v-74f9a47b]{border-radius:10px;height:100%;position:absolute;transform-origin:left center;transform-style:preserve-3d;width:100%}.book-cover-back[data-v-74f9a47b],.book-cover-front[data-v-74f9a47b]{backface-visibility:hidden;border:2px solid var(--book-accent-darkened);border-radius:10px;box-sizing:border-box;height:100%;position:absolute;width:100%}.book-icon[data-v-74f9a47b]{height:60px;margin-bottom:20px;width:60px}.book-icon svg[data-v-74f9a47b]{height:100%;width:100%}.book-cover-front[data-v-74f9a47b]{align-items:center;background-color:var(--book-accent-color);background-image:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:10px 10px;display:flex;flex-direction:column;justify-content:start}.book-title[data-v-74f9a47b]{font-size:24px;font-weight:700;text-shadow:2px 2px 4px var(--shadow-color)}.book-intro[data-v-74f9a47b],.book-title[data-v-74f9a47b]{color:var(--book-text-on-accent)}.book-intro[data-v-74f9a47b]{font-size:14px;margin-top:20px;padding:0 20px;text-align:center;text-shadow:1px 1px 2px var(--shadow-color)}.book-cover-back[data-v-74f9a47b]{background-color:var(--book-accent-color);transform:rotateY(180deg)}.book-pages[data-v-74f9a47b]{left:0;top:0;transform-style:preserve-3d}.book-pages[data-v-74f9a47b],.page[data-v-74f9a47b]{height:100%;position:absolute;transform-origin:left center;width:100%}.page[data-v-74f9a47b]{background:var(--bg-secondary);border-radius:5px;box-shadow:2px 0 3px var(--book-accent-darkened)}.page[data-v-74f9a47b]:first-child{transform:translateZ(-7px)}.page[data-v-74f9a47b]:nth-child(2){transform:translateZ(-14px)}.page[data-v-74f9a47b]:nth-child(3){transform:translateZ(-21px)}.page[data-v-74f9a47b]:nth-child(4){transform:translateZ(-28px)}.page[data-v-74f9a47b]:nth-child(5){transform:translateZ(-35px)}.page[data-v-74f9a47b]:nth-child(6){transform:translateZ(-42px)}.page[data-v-74f9a47b]:nth-child(7){transform:translateZ(-49px)}.page[data-v-74f9a47b]:nth-child(8){transform:translateZ(-56px)}.book-menu[data-v-74f9a47b]{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform-style:preserve-3d;width:100%}.book-menu .menu-content[data-v-74f9a47b]{background:var(--bg-secondary);border-radius:10px;box-sizing:border-box;color:var(--text-primary);height:100%;padding:20px;transform:rotateY(0);width:100%}.book-menu .menu-content .back-button[data-v-74f9a47b]{height:24px}.book-menu .menu-content .back-button[data-v-74f9a47b]:hover{color:var(--primary-color);cursor:pointer;font-weight:700}.book-menu ul[data-v-74f9a47b]{list-style:none;margin:0;padding:0}.book-menu ul li[data-v-74f9a47b]{border-bottom:1px solid var(--border-primary);cursor:pointer;padding:10px 0 0}.book-menu ul li[data-v-74f9a47b]:hover{color:var(--primary-color);font-weight:700}.start-reading[data-v-74f9a47b]{align-items:center;bottom:20px;color:var(--text-primary);cursor:pointer;display:flex;font-weight:700;gap:.5rem;position:absolute;right:20px}.start-reading[data-v-74f9a47b]:hover{color:var(--primary-color)}.window-size-sm .book[data-v-74f9a47b],.window-size-xs .book[data-v-74f9a47b]{height:350px;width:250px}.learning-container[data-v-d3aad520]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden}.carousel-wrapper[data-v-d3aad520]{height:600px;max-width:800px;width:100%}.carousel-wrapper[data-v-d3aad520] .carousel-item{display:flex;flex-direction:column;height:100%;justify-content:end}.book-slide[data-v-d3aad520]{height:100%;width:100%}.book-slide[data-v-d3aad520],.nav-button[data-v-d3aad520]{align-items:center;display:flex;justify-content:center}.nav-button[data-v-d3aad520]{background:#ffffffb3;border:none;border-radius:50%;box-shadow:0 2px 5px #0000001a;color:#555;cursor:pointer;font-size:1.5em;height:50px;transition:all .3s ease;width:50px}.nav-button[data-v-d3aad520]:hover:not(:disabled){background-color:#fff;color:#333;transform:scale(1.1)}.nav-button[data-v-d3aad520]:disabled{cursor:not-allowed;opacity:.5}