.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(4px);z-index:1}.book-loader{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.book{position:relative;width:200px;height:140px;perspective:1000px}.book:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;background:linear-gradient(180deg,#8b5a3c 0,#6b4423 50%,#8b5a3c);transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,.5);z-index:10}.book-pages{position:relative;width:100%;height:100%;transform-style:preserve-3d}.book-page-left{left:0;background:linear-gradient(90deg,#e8e8e8 0,#ffffff);border:1px solid #d0d0d0;border-right:none;border-radius:4px 0 0 4px;box-shadow:inset -10px 0 20px rgba(0,0,0,.1);transform-origin:right center}.book-page-left,.book-page-right{position:absolute;top:0;width:50%;height:100%;z-index:1}.book-page-right{box-shadow:inset 10px 0 20px rgba(0,0,0,.1)}.book-page-flip,.book-page-right{right:0;background:linear-gradient(270deg,#e8e8e8 0,#ffffff);border:1px solid #d0d0d0;border-left:none;border-radius:0 4px 4px 0;transform-origin:left center}.book-page-flip{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;animation:flipPage 2s ease-in-out infinite}.book-page-flip:nth-child(3){animation-delay:0s;z-index:5}.book-page-flip:nth-child(4){animation-delay:.3s;z-index:4}.book-page-flip:nth-child(5){animation-delay:.6s;z-index:3}.book-page-flip:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#e8e8e8 0,#ffffff);border:1px solid #d0d0d0;border-right:none;border-radius:4px 0 0 4px;transform:rotateY(180deg);backface-visibility:hidden}@keyframes flipPage{0%,20%{transform:rotateY(0deg)}50%{transform:rotateY(-90deg)}80%,to{transform:rotateY(-180deg)}}.loading-text{color:#ffffff;font-size:16px;font-weight:500;letter-spacing:1px;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.book-page-left:before,.book-page-right:before{content:"";position:absolute;top:20px;left:15px;right:15px;height:calc(100% - 40px);background-image:repeating-linear-gradient(180deg,transparent 0,transparent 18px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 19px);pointer-events:none}