*{margin:0;padding:0;box-sizing:border-box}html{touch-action:manipulation;-ms-touch-action:manipulation}body{font-family:Patrick Hand SC,cursive;overflow:hidden;width:100vw;position:fixed;touch-action:pan-x pan-y;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.book-container,body{background:#fff;height:100vh}.book-container{width:100%;display:flex;align-items:center;justify-content:flex-start;position:relative}.image-wrapper{width:100%;height:100%;position:relative;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;-ms-touch-action:pan-x pan-y;-ms-overflow-style:none;scrollbar-width:none}.image-wrapper::-webkit-scrollbar{display:none}.image-container{height:100%;display:flex;align-items:center;justify-content:flex-start;min-width:-moz-fit-content;min-width:fit-content}.book-image{height:100%;width:auto;display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none;flex-shrink:0}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;font-size:24px;font-family:Patrick Hand SC,cursive;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#333;padding:0}.nav-button:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.nav-button:active{transform:translateY(-50%) scale(.95)}.nav-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.prev-button{left:20px}.next-button{right:20px}.hamburger-button{position:absolute;top:90px;right:20px;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);padding:0;font-size:24px;font-family:Patrick Hand SC,cursive;color:#333}.hamburger-button:hover{background:#fff;transform:scale(1.1)}.hamburger-button:active{transform:scale(.95)}@media (max-width:768px){.hamburger-button{top:10px;right:10px;width:50px;height:50px;font-size:20px}}.hamburger-button.hidden{opacity:0;pointer-events:none;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.tutorial-button{position:absolute;top:50px;right:90px;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);font-size:24px;font-family:Patrick Hand SC,cursive;color:#333;padding:0}.tutorial-button:hover{background:#fff;transform:scale(1.1)}.tutorial-button:active{transform:scale(.95)}.music-button{position:absolute;top:20px;right:160px;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.3);font-size:24px;font-family:Patrick Hand SC,cursive;color:#333;padding:0}.music-button:hover{background:#fff;transform:scale(1.1)}.music-button:active{transform:scale(.95)}.music-button.disabled{opacity:.5}@media (max-width:768px){.tutorial-button{right:70px}.music-button,.tutorial-button{top:10px;width:50px;height:50px;font-size:20px}.music-button{right:130px}}.tutorial-tooltip{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;z-index:100;pointer-events:none;max-width:250px;box-shadow:0 4px 12px rgba(0,0,0,.4);opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.tutorial-tooltip.show{opacity:1;transform:scale(1)}.tutorial-tooltip.arrow-bottom.show:not(.tutorial-bounce-horizontal),.tutorial-tooltip.arrow-top.show{animation:tooltipBounceVertical 2s ease-in-out infinite}.tutorial-tooltip.arrow-left.show{animation:tooltipBounceHorizontal 2s ease-in-out infinite}.tutorial-tooltip.tutorial-bounce-horizontal.show{animation:tooltipBounceHorizontalCenter 2s ease-in-out infinite}@keyframes tooltipBounceVertical{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes tooltipBounceHorizontal{0%,to{transform:translateX(0)}50%{transform:translateX(-5px)}}.tutorial-tooltip.arrow-right.show{animation:tooltipBounceHorizontalRight 2s ease-in-out infinite}@keyframes tooltipBounceHorizontalRight{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes tooltipBounceHorizontalCenter{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.tutorial-tooltip:after{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.tutorial-tooltip.arrow-top:after{bottom:-16px;left:50%;transform:translateX(-50%);border-top-color:rgba(0,0,0,.9)}.tutorial-tooltip.arrow-bottom:after{top:-16px;left:50%;transform:translateX(-50%);border-bottom-color:rgba(0,0,0,.9)}.tutorial-tooltip.arrow-left:after{right:-16px;top:50%;transform:translateY(-50%);border-left-color:rgba(0,0,0,.9)}.tutorial-tooltip.arrow-right:after{left:-16px;top:50%;transform:translateY(-50%);border-right-color:rgba(0,0,0,.9)}.tutorial-active{position:relative}.tutorial-active:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:99;pointer-events:none}.audio-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:15}.audio-controls-label{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:500;padding:15px;background-color:#000;border-radius:15px;margin-bottom:4px}.audio-progress-bar{width:200px;height:5px;background:hsla(0,0%,78%,.5);border-radius:3px;overflow:hidden;margin-bottom:4px;display:none}.audio-progress-bar.active{display:block}.audio-progress-bar-fill{height:100%;background:#000;width:0;transition:width .1s linear}.audio-controls-buttons{display:flex;gap:10px}.audio-button{background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:45px;height:45px;font-size:18px;font-family:Patrick Hand SC,cursive;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#333}.audio-button:hover{background:#fff}.audio-button:active{transform:scale(.95)}#audioAutoPlayBtn:hover{transform:none}.audio-button:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.audio-button.active{background:rgba(76,175,80,.85)}.audio-button.active:hover{background:#4caf50}#audioAutoPlayBtn:not(.active){background:rgba(244,67,54,.85)}#audioAutoPlayBtn:not(.active):hover{background:#f44336}.auto-play-icon{width:38px;height:38px;display:block;object-fit:contain;pointer-events:none}@media (max-width:768px){.mini-map{bottom:20px;left:20px;width:100px;padding:3px}.audio-controls{bottom:20px;gap:6px}.audio-controls-label{font-size:11px}.audio-button{width:40px;height:40px;font-size:16px}.page-indicator{bottom:20px;right:20px;font-size:16px;padding:10px 20px}}.intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:30;display:flex;pointer-events:all;opacity:1;animation:overlayFadeIn .4s ease-out}.intro-overlay.hidden{display:none;pointer-events:none;opacity:0;transition:opacity .4s ease}.intro-content{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:60px 40px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 20%,hsla(0,0%,100%,.85) 50%,hsla(0,0%,100%,.7) 80%,hsla(0,0%,100%,0));opacity:1;transform:translateY(0) scale(1);overflow-y:auto;overflow-x:hidden}.intro-text{max-width:600px;text-align:center;color:#333;font-size:18px;line-height:1.6;margin:auto;padding:20px 0}.intro-text h1{font-size:32px;color:#222}.intro-text h1,.intro-text p{margin-bottom:20px}.intro-close{position:absolute;top:90px;right:20px;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Patrick Hand SC,cursive;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.intro-close:hover{background:#fff;transform:scale(1.1)}.intro-close:active{transform:scale(.95)}.start-reading-button{background:rgba(76,175,80,.85);border:none;border-radius:30px;padding:15px 40px;cursor:pointer;display:block;align-items:center;justify-content:center;font-size:18px;font-family:Patrick Hand SC,cursive;font-weight:700;color:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;margin:0 auto 10px}.start-reading-button:hover{background:#4caf50;transform:scale(1.05)}.start-reading-button:active{transform:scale(.95)}@media (max-width:768px){.intro-content{padding:100px 20px}.start-reading-button{padding:12px 30px;font-size:16px;margin-top:20px}}.about-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:25;display:none;pointer-events:none;opacity:0;transition:opacity .4s ease}.about-overlay.show{display:flex;pointer-events:all;opacity:1;animation:overlayFadeIn .4s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.downloadables{display:flex}.downloadable-item{padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.about-content{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:60px 40px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8) 5%,hsla(0,0%,100%,.99) 50%,hsla(0,0%,100%,.8) 95%,hsla(0,0%,100%,0));opacity:0;transform:translateY(20px) scale(.95);transition:opacity .4s ease .1s,transform .4s ease .1s;overflow-y:auto;overflow-x:hidden}.about-overlay.show .about-content{opacity:1;transform:translateY(0) scale(1)}.about-text{max-width:600px;text-align:center;color:#333;font-size:18px;line-height:1.6;margin:auto;padding:20px 0}.about-text h1{font-size:32px;color:#222}.about-text h1,.about-text p{margin-bottom:20px}.about-close{position:absolute;top:20px;right:20px;background:hsla(0,0%,100%,.85);border:none;border-radius:50%;width:60px;height:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Patrick Hand SC,cursive;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.about-close:hover{background:#fff;transform:scale(1.1)}.about-close:active{transform:scale(.95)}a.buy-button{color:#333!important;text-decoration:none}.buy-button,.listen-button{background:hsla(0,0%,100%,.85);border:none;border-radius:30px;padding:15px 20px;cursor:pointer;display:block;margin:0 auto;align-items:center;justify-content:center;font-size:14px;font-family:Patrick Hand SC,cursive;font-weight:700;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease}.buy-button:hover{background:#fff;transform:scale(1.05)}.buy-button:active{transform:scale(.95)}.download-link{background:rgba(76,175,80,.85);border:none;border-radius:30px;padding:15px 40px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;margin-top:20px}a.download-link{color:#fff!important}.download-link:hover{background:#4caf50;transform:scale(1.05)}.download-link:active{transform:scale(.95)}.embeddable-buttondown-form{margin-top:15px;padding-top:15px;padding-bottom:15px;margin-bottom:15px;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.embeddable-buttondown-form label{display:block;margin-bottom:8px;font-family:Patrick Hand SC,cursive;font-size:16px;color:#333}.embeddable-buttondown-form input[type=email]{width:100%;max-width:300px;padding:12px 16px;border:2px solid rgba(0,0,0,.2);border-radius:8px;font-family:Patrick Hand SC,cursive;font-size:16px;color:#333;margin-bottom:12px;box-sizing:border-box}.embeddable-buttondown-form input[type=email]:focus{outline:none;border-color:rgba(76,175,80,.6)}.embeddable-buttondown-form input[type=submit]{background:rgba(76,175,80,.85);border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-family:Patrick Hand SC,cursive;font-size:16px;font-weight:700;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.3);transition:all .3s ease;margin-bottom:12px}.embeddable-buttondown-form input[type=submit]:hover{background:#4caf50;transform:scale(1.05)}.embeddable-buttondown-form input[type=submit]:active{transform:scale(.95)}.embeddable-buttondown-form p{margin-top:12px;font-size:12px;color:rgba(0,0,0,.6)}.poster-image{width:100%;max-width:300px;margin-top:15px;margin-bottom:15px;border-radius:8px}.embeddable-buttondown-form p a{color:rgba(0,0,0,.6);text-decoration:none}.embeddable-buttondown-form p a:hover{text-decoration:underline}.about-text-footer a{color:#4caf50}.about-text-footer i{margin-left:5px}@media (max-width:768px){.about-content{padding:100px 20px}.about-text{font-size:16px}.about-text h1{font-size:24px}.about-close{top:10px;right:10px;width:50px;height:50px;font-size:28px}.buy-button{margin-top:20px}.buy-button,.download-link{padding:12px 30px;font-size:16px}.download-link{margin-top:15px}}body.overlay-visible .book-container .audio-controls,body.overlay-visible .book-container .hamburger-button,body.overlay-visible .book-container .music-button,body.overlay-visible .book-container .nav-button,body.overlay-visible .book-container .page-indicator,body.overlay-visible .book-container .tutorial-button{display:none!important}.page-indicator{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.6);color:#fff;padding:12px 24px;border-radius:25px;font-size:18px;z-index:10;pointer-events:none}@media (max-width:768px){.nav-button{width:50px;height:50px;font-size:20px}.prev-button{left:10px}.next-button{right:10px}}@media (hover:none) and (pointer:coarse){.nav-button{width:60px;height:60px;font-size:32px}}.loading{color:#fff;font-size:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-image.fade-in{animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;display:flex;align-items:flex-start;justify-content:flex-start}.text-overlay{position:absolute;color:#333;font-size:24px;font-weight:700;font-family:Patrick Hand SC,cursive;text-shadow:none;-webkit-text-stroke:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-sizing:border-box;opacity:0;transition:opacity .3s ease-in}.text-overlay .text-content{background:#fff;padding:5px;color:#000;display:inline-block}.text-overlay .word-highlight{background:orange!important;color:#000}.text-overlay.visible{opacity:1}.text-overlay .text-span{display:inline}.book-container.touching .nav-button{opacity:0;transition:opacity .2s}.mini-map{position:absolute;bottom:20px;left:20px;width:150px;background:hsla(0,0%,100%,.95);border:2px solid rgba(0,0,0,.3);border-radius:8px;padding:4px;z-index:15;display:none;box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:.5}.mini-map.show{display:block}.mini-map.active{opacity:1}.mini-map-image-container{position:relative;width:100%;overflow:hidden;border-radius:4px}.mini-map-image{width:100%;height:auto;display:block}.mini-map-viewport{position:absolute;top:0;left:0;border:2px solid rgba(255,165,0,.8);background:rgba(255,165,0,.2);pointer-events:none;box-sizing:border-box;display:block}