@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes float-gentle{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}75%{transform:translateY(5px) translateX(-5px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle-delayed{0%,20%,to{opacity:.2;transform:scale(.6)}60%{opacity:1;transform:scale(1.1)}}@keyframes book-reveal{0%{opacity:0;transform:translateY(40px) rotateY(-15deg) scale(.9)}to{opacity:1;transform:translateY(0) rotateY(0deg) scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 40px rgba(146,120,237,.3),0 0 80px rgba(165,49,138,.2)}50%{box-shadow:0 0 60px rgba(146,120,237,.5),0 0 120px rgba(165,49,138,.3)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.floating-sparkle{animation:float 4s ease-in-out infinite;will-change:transform}.floating-sparkle-reverse{animation:float-reverse 5s ease-in-out infinite;will-change:transform}.floating-sparkle-gentle{animation:float-gentle 6s ease-in-out infinite;will-change:transform}.twinkle{animation:twinkle 2s ease-in-out infinite}.twinkle,.twinkle-slow{will-change:transform,opacity}.twinkle-slow{animation:twinkle-delayed 3s ease-in-out infinite}.book-cover-animated{animation:book-reveal 1s cubic-bezier(.4,0,.2,1) forwards}.magical-glow{animation:glow-pulse 3s ease-in-out infinite}.title-shimmer{background:linear-gradient(90deg,#ffb370,#9278ed 25%,#a5318a 50%,#9278ed 75%,#ffb370);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}.sparkle-delay-1{animation-delay:0s}.sparkle-delay-2{animation-delay:.5s}.sparkle-delay-3{animation-delay:1s}.sparkle-delay-4{animation-delay:1.5s}.sparkle-delay-5{animation-delay:2s}.sparkle-delay-6{animation-delay:.3s}.sparkle-delay-7{animation-delay:.8s}.sparkle-delay-8{animation-delay:1.3s}.hero-layers-container{transform:translateY(-5vh) translateX(10%)}@media (max-width:638px){.hero-layers-container{transform:translateY(-5vh) translateX(10%)}}@media (max-width:480px){.hero-layers-container{transform:translateY(-8vh) translateX(15%)}}.hero-layer-0000{padding-left:0;margin-top:-12vh}@media (max-width:640px){.hero-layer-0000{padding-left:15%}}@media (max-width:580px){.hero-layer-0000{padding-left:35%}}@media (max-width:380px){.hero-layer-0000{padding-left:55%}}@media (prefers-reduced-motion:reduce){.book-cover-animated,.floating-sparkle,.floating-sparkle-gentle,.floating-sparkle-reverse,.magical-glow,.title-shimmer,.twinkle,.twinkle-slow{animation:none}.book-cover-animated{opacity:1;transform:none}.title-shimmer{background:#ffb370;-webkit-text-fill-color:#ffb370}}.flipbook-container-fullwidth{width:100%;max-width:100vw;display:flex;align-items:center;justify-content:center;perspective:2000px;padding:0 60px}.flipbook-wrapper-fullwidth{position:relative;width:100%;max-width:1400px;margin:0 auto;display:flex;justify-content:center}.flipbook-wrapper-fullwidth:after{content:"";position:absolute;bottom:-30px;left:15%;right:15%;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,transparent 70%);filter:blur(15px);pointer-events:none}.flipbook-square-view{box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 40px rgba(146,120,237,.08);overflow:visible}.flipbook-wrapper-fullwidth .flipbook-page{overflow:hidden!important}.flipbook-page.hard-cover{border-radius:0 12px 12px 0!important}.flipbook-page.hard-cover-back{border-radius:12px 0 0 12px!important}.flipbook-wrapper-fullwidth .stf__parent{border-radius:12px;overflow:hidden}.flipbook-wrapper-fullwidth:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.08) 10%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.08) 90%,transparent);z-index:10;pointer-events:none;opacity:1;transition:opacity .15s ease-out}.flipbook-wrapper-fullwidth.is-flipping:before,.flipbook-wrapper-fullwidth.portrait-mode:before,.flipbook-wrapper-fullwidth.show-back-cover:before,.flipbook-wrapper-fullwidth.show-cover:before{opacity:0}.flipbook-wrapper-fullwidth .stf__parent{transition:clip-path .6s ease-in-out,transform .6s ease-in-out,border-radius .6s ease-in-out}.flipbook-wrapper-fullwidth.show-cover .stf__parent{clip-path:inset(0 0 0 50%);transform:translateX(-25%)}.flipbook-wrapper-fullwidth.show-back-cover .stf__parent{clip-path:inset(0 50% 0 0);transform:translateX(25%)}.flipbook-page{background:linear-gradient(90deg,#faf8f5 0,#fff 50%,#faf8f5);box-shadow:inset -2px 0 10px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;overflow:hidden}.flipbook-page.hard-cover{background:linear-gradient(135deg,#f8f4ff,#efe8ff)}.flipbook-page.hard-cover-back{background:linear-gradient(225deg,#f8f4ff,#efe8ff)}.page-content{width:100%;height:100%;flex-direction:column;position:relative}.flipbook-nav-edge,.page-content{display:flex;align-items:center;justify-content:center}.flipbook-nav-edge{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #e8e4ed;color:#7a5ce6;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.1)}.flipbook-nav-edge-left{left:8px}.flipbook-nav-edge-right{right:8px}.flipbook-nav-edge:hover:not(:disabled){background:linear-gradient(135deg,#f8f4ff,#efe8ff);transform:translateY(-50%) scale(1.1);box-shadow:0 8px 24px rgba(122,92,230,.2);border-color:#c7b8f0}.flipbook-nav-edge:disabled{opacity:.3;cursor:not-allowed}.flipbook-page-indicator{font-size:16px;font-weight:700;color:#514856;text-align:center}.flipbook-fullscreen-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:10px;background:#fff;border:2px solid #e8e4ed;color:#7a5ce6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,.1)}.flipbook-fullscreen-btn:hover{background:linear-gradient(135deg,#f8f4ff,#efe8ff);transform:scale(1.05);box-shadow:0 8px 20px rgba(122,92,230,.2)}.fullscreen-mode{padding:40px 80px}.fullscreen-mode .flipbook-wrapper-fullwidth{max-width:90vw}.fullscreen-mode .flipbook-nav-edge{width:64px;height:64px}.fullscreen-mode .flipbook-nav-edge-left{left:24px}.fullscreen-mode .flipbook-nav-edge-right{right:24px}.flipbook-page-info{display:flex;align-items:center;justify-content:center;gap:12px}.keyboard-hint{font-size:18px;font-weight:400;color:#79727e}.flipbook-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;width:100%;gap:16px}.flipbook-loading-spinner{width:48px;height:48px;border:3px solid #e8e4ed;border-top-color:#7a5ce6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.touch-hint{display:none;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#79727e}@media (pointer:coarse){.touch-hint{display:flex}}@media (max-width:1024px){.flipbook-container-fullwidth{padding:0 50px}.flipbook-nav-edge{width:48px;height:48px}}@media (max-width:768px){.flipbook-container-fullwidth{padding:0 12px}.flipbook-nav-edge{width:40px;height:40px}.flipbook-nav-edge-left{left:4px}.flipbook-nav-edge-right{right:4px}.flipbook-wrapper-fullwidth:after{left:5%;right:5%}}@media (max-width:480px){.flipbook-nav-edge{width:36px;height:36px}.flipbook-nav-edge svg{width:20px;height:20px}}.mobile-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px}.mobile-preview-cover{position:relative;width:280px;height:280px;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.2),0 0 40px rgba(146,120,237,.15)}.mobile-read-btn{display:flex;align-items:center;justify-content:center;padding:14px 32px;background:linear-gradient(135deg,#7a5ce6,#9278ed);border:none;border-radius:50px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(122,92,230,.3)}.mobile-read-btn:hover{transform:scale(1.05);box-shadow:0 12px 32px rgba(122,92,230,.4)}.mobile-read-btn:active{transform:scale(.98)}.mobile-reader-active{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#faf8f5,#f5f0eb);padding:16px;display:flex;align-items:center;justify-content:center}.mobile-reader-active .flipbook-wrapper-fullwidth{max-width:100%;max-height:calc(100vh - 120px)}.mobile-reader-active .flipbook-nav-edge{width:44px;height:44px}.mobile-reader-active .flipbook-nav-edge-left{left:8px}.mobile-reader-active .flipbook-nav-edge-right{right:8px}.flipbook-close-btn{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e8e4ed;color:#514856;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,.15)}.flipbook-close-btn:hover{background:#f5f0eb;transform:scale(1.05)}.flipbook-close-btn:active{transform:scale(.95)}.landscape-hint{position:absolute;top:70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;background:hsla(0,0%,100%,.95);border:1px solid #e8e4ed;border-radius:50px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:40;font-size:13px;font-weight:500;color:#514856}.landscape-hint-icon{color:#7a5ce6;animation:gentle-rotate 2s ease-in-out infinite}@keyframes gentle-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.landscape-hint-dismiss{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:4px;padding:0;background:transparent;border:none;border-radius:50%;color:#79727e;cursor:pointer;transition:all .2s ease}.landscape-hint-dismiss:hover{background:#f5f0eb;color:#514856}@media (prefers-reduced-motion:reduce){.flipbook-loading-spinner{animation:none;border-top-color:transparent;border-right-color:#7a5ce6}.flipbook-nav-edge:hover:not(:disabled){transform:translateY(-50%)}.flipbook-fullscreen-btn:hover{transform:none}.landscape-hint-icon{animation:none}}.parallax-container{perspective:1000px;transform-style:preserve-3d}.parallax-layer-back{transform:translateZ(-50px) scale(1.05);will-change:transform}.parallax-layer-mid{transform:translateZ(-25px) scale(1.025);will-change:transform}.parallax-layer-front{transform:translateZ(0)}.story-spread{transform-origin:center bottom;will-change:transform,opacity}.spread-from-left{--initial-x:-100px;--initial-rotate:-8deg}.spread-from-right{--initial-x:100px;--initial-rotate:8deg}@keyframes illustration-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(4px) rotate(-.5deg)}}.illustration-floating{animation:illustration-float 8s ease-in-out infinite}.story-spread-card{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.story-spread-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 0 40px rgba(146,120,237,.15)}.story-decoration{position:absolute;pointer-events:none;opacity:.6}.story-decoration-left{left:-20px;top:50%;transform:translateY(-50%) rotate(-10deg)}.story-decoration-right{right:-20px;top:50%;transform:translateY(-50%) rotate(10deg)}.spread-caption{background:linear-gradient(90deg,transparent,rgba(23,13,28,.8) 20%,rgba(23,13,28,.8) 80%,transparent)}@media (prefers-reduced-motion:reduce){.illustration-floating{animation:none}.parallax-layer-back,.parallax-layer-mid,.story-spread-card:hover{transform:none}}