.menu-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1410 50%,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:10002;animation:fadeIn .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-loading-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.menu-loading-background .bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0f0f,#1a1410 25%,#0a0a0a 50%,#1a1410 75%,#0f0f0f);animation:gradientShift 25s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.85}}.menu-loading-background .bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(205,164,94,.04) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(205,164,94,.04) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(205,164,94,.02) 0,transparent 40%);animation:patternFloat 35s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.05)}}.menu-loading-background .bg-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12;animation:float 25s ease-in-out infinite}.menu-loading-background .glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(205,164,94,.4) 0,transparent 70%);top:10%;left:15%;animation-duration:28s}.menu-loading-background .glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(184,148,31,.3) 0,transparent 70%);bottom:10%;right:15%;animation-duration:35s;animation-delay:-10s}.menu-loading-background .glow-3{width:350px;height:350px;background:radial-gradient(circle,rgba(205,164,94,.25) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:40s;animation-delay:-20s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(35px,-35px) scale(1.12)}66%{transform:translate(-35px,35px) scale(.95)}}.menu-loading-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:32px}.loading-book{position:relative;width:120px;height:90px;transform-style:preserve-3d;animation:floatBook 3s ease-in-out infinite}@keyframes floatBook{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-15px) rotateY(5deg)}}.book-cover{position:absolute;width:60px;height:90px;background:linear-gradient(135deg,#cda45e,#b8941f);border-radius:4px;box-shadow:0 10px 40px rgba(0,0,0,.6),inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -2px 0 rgba(0,0,0,.3);transform-origin:left center}.left-cover{left:0;animation:openLeft 2s ease-in-out infinite}.right-cover{right:0;transform-origin:right center;animation:openRight 2s ease-in-out infinite}@keyframes openLeft{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(-25deg)}}@keyframes openRight{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(25deg)}}.book-spine{width:8px;height:90px;background:linear-gradient(180deg,#b8941f,#8a6d1a);border-radius:2px;box-shadow:inset 2px 0 4px rgba(0,0,0,.4),inset -2px 0 4px rgba(0,0,0,.4)}.book-pages,.book-spine{position:absolute;left:50%;transform:translateX(-50%)}.book-pages{width:54px;height:86px;top:2px;display:flex;flex-direction:column;gap:2px;padding:4px}.page{width:100%;height:2px;background:hsla(0,0%,100%,.9);border-radius:1px;animation:flipPage 1.5s ease-in-out infinite}.page:first-child{animation-delay:0s}.page:nth-child(2){animation-delay:.2s}.page:nth-child(3){animation-delay:.4s}@keyframes flipPage{0%,to{transform:translateX(0) scaleX(1);opacity:.9}50%{transform:translateX(10px) scaleX(.8);opacity:.5}}.loading-text{text-align:center}.loading-text h2{font-family:Playfair Display,serif;font-size:28px;font-weight:700;color:#cda45e;margin:0 0 12px;letter-spacing:1px;text-shadow:0 4px 20px rgba(205,164,94,.4);animation:pulseText 2s ease-in-out infinite}@keyframes pulseText{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.loading-dots{display:flex;gap:8px;justify-content:center;align-items:center}.dot{background:#cda45e;animation:bounce 1.4s ease-in-out infinite;box-shadow:0 4px 12px rgba(205,164,94,.5)}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(-12px) scale(1.2);opacity:.8}}.loading-progress{width:280px;height:4px;background:rgba(205,164,94,.2);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.progress-bar{height:100%;background:linear-gradient(90deg,#b8941f,#cda45e 50%,#b8941f);border-radius:10px;animation:progress 2s ease-in-out infinite;box-shadow:0 0 12px rgba(205,164,94,.6),0 0 24px rgba(205,164,94,.4)}@keyframes progress{0%{width:0;transform:translateX(-100%)}50%{width:100%;transform:translateX(0)}to{width:0;transform:translateX(100%)}}@media (max-width:767px){.loading-book{width:100px;height:75px}.book-cover{width:50px;height:75px}.book-spine{width:6px;height:75px}.book-pages{width:44px;height:71px}.loading-text h2{font-size:24px}.loading-progress{width:240px}.menu-loading-content{gap:24px}}@media (max-width:479px){.loading-book{width:80px;height:60px}.book-cover{width:40px;height:60px}.book-spine{width:5px;height:60px}.book-pages{width:36px;height:56px}.loading-text h2{font-size:20px}.loading-progress{width:200px}.dot{width:6px;height:6px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.bg-glow,.bg-gradient,.bg-pattern,.book-cover,.dot,.loading-book,.loading-text h2,.page,.progress-bar{animation:none!important}}.simple-menu-book{top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1410 50%,#0a0a0a);z-index:10000;overflow:hidden}.close-btn,.simple-menu-book{position:fixed;display:flex;align-items:center;justify-content:center}.close-btn{top:20px;right:20px;background:rgba(205,164,94,.1);border:2px solid rgba(205,164,94,.3);color:#cda45e;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10001;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{background:rgba(205,164,94,.2);border-color:#cda45e;transform:scale(1.1)}.close-btn svg{width:24px;height:24px}.page-counter{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:rgba(205,164,94,.1);border:2px solid rgba(205,164,94,.3);color:#cda45e;padding:8px 20px;border-radius:20px;font-family:Playfair Display,serif;font-size:16px;font-weight:600;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.book-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:80px 20px 100px}.flipbook{box-shadow:0 20px 60px rgba(0,0,0,.8);border-radius:8px;overflow:hidden}.menu-page{background:linear-gradient(135deg,#1a1410,#0f0f0f);border:1px solid rgba(205,164,94,.1)}.image-wrapper,.menu-page{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-wrapper{float:none!important;transform:none}.image-wrapper.mobile-zoom{position:relative;width:100%;height:100%;float:none!important}.image-error,.image-wrapper.mobile-zoom{display:flex;align-items:center;justify-content:center}.image-error{flex-direction:column;gap:12px;color:#cda45e;opacity:.6;text-align:center;padding:20px}.image-error svg{opacity:.4}.image-error p{font-family:Playfair Display,serif;font-size:16px;margin:0}.image-error small{font-size:12px;opacity:.7}.zoom-hint-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;animation:fadeInOut 2.5s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.zoom-hint-icon{display:flex;flex-direction:column;align-items:center;gap:8px;background:rgba(0,0,0,.8);padding:16px 24px;border-radius:12px;color:#cda45e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(205,164,94,.3)}.zoom-hint-icon span{font-size:14px;font-weight:500;white-space:nowrap}.navigation{position:fixed;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 20px;pointer-events:none;z-index:10001}.nav-btn{pointer-events:all;background:rgba(205,164,94,.1);border:2px solid rgba(205,164,94,.3);color:#cda45e;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-btn:hover:not(:disabled){background:rgba(205,164,94,.2);border-color:#cda45e;transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.prev-btn{margin-right:auto}.next-btn{margin-left:auto}.bottom-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;z-index:10001;background:rgba(205,164,94,.05);padding:12px 24px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(205,164,94,.2)}.control-btn{background:transparent;border:none;color:#cda45e;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:20px;transition:all .3s ease;white-space:nowrap}.control-btn:hover:not(:disabled){background:rgba(205,164,94,.1)}.control-btn:disabled{opacity:.3;cursor:not-allowed}.page-dots{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:rgba(205,164,94,.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover:not(:disabled){background:rgba(205,164,94,.6);transform:scale(1.2)}.dot.active{background:#cda45e;width:24px;border-radius:4px}.dot:disabled{cursor:not-allowed}.zoom-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:20000;display:flex;align-items:center;justify-content:center}.zoom-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-content{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;z-index:2}.zoom-image{position:relative;width:100%;height:100%;transform-origin:center center}.zoom-close{position:fixed;top:20px;right:20px;background:rgba(205,164,94,.1);border:2px solid rgba(205,164,94,.3);color:#cda45e;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-close:hover{background:rgba(205,164,94,.2);border-color:#cda45e;transform:scale(1.1)}.zoom-controls{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.8);padding:12px 20px;border-radius:30px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(205,164,94,.3)}.zoom-controls button{background:rgba(205,164,94,.1);border:1px solid rgba(205,164,94,.3);color:#cda45e;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.zoom-controls button:hover:not(.disabled){background:rgba(205,164,94,.2);border-color:#cda45e;transform:scale(1.1)}.zoom-controls button.disabled{opacity:.3;cursor:not-allowed}.zoom-level{font-weight:600;min-width:50px;text-align:center}.zoom-hint,.zoom-level{color:#cda45e;font-size:14px}.zoom-hint{position:fixed;top:30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);padding:8px 20px;border-radius:20px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(205,164,94,.3)}@media (max-width:1199px){.book-container{padding:60px 15px 80px}}@media (max-width:767px){.close-btn{top:15px;right:15px;width:40px;height:40px}.page-counter{top:15px;font-size:14px;padding:6px 16px}.navigation{padding:0 15px}.nav-btn{width:44px;height:44px}.bottom-controls{bottom:15px;gap:16px;padding:10px 20px}.control-btn{font-size:13px;padding:6px 12px}.page-dots{gap:6px}.dot{width:6px;height:6px}.dot.active{width:18px}.zoom-controls{bottom:20px;padding:10px 16px;gap:10px}.zoom-controls button{width:32px;height:32px}.zoom-level{font-size:13px;min-width:45px}}@media (max-width:479px){.book-container{padding:50px 10px 70px}.close-btn{top:10px;right:10px;width:36px;height:36px}.page-counter{top:10px;font-size:12px;padding:4px 12px}.navigation{padding:0 10px}.nav-btn{width:40px;height:40px}.bottom-controls{bottom:10px;gap:12px;padding:8px 16px;flex-wrap:wrap;justify-content:center}.control-btn{font-size:12px;padding:4px 10px}.zoom-hint-icon{padding:12px 20px}.zoom-hint-icon span{font-size:12px}}@media (prefers-reduced-motion:reduce){.close-btn,.control-btn,.dot,.nav-btn,.spinner,.zoom-controls button{animation:none!important;transition:none!important}}@media (hover:none) and (pointer:coarse){.close-btn,.nav-btn{min-width:44px;min-height:44px}}