*{word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-word-break:normal!important;-moz-word-break:normal!important;-ms-word-break:normal!important;line-break:auto!important;-webkit-line-break:auto!important;-moz-line-break:auto!important;-ms-line-break:auto!important}.svg-ov-content,.svg-ov-content *{word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important}.practice-word{white-space:nowrap!important;display:inline-block!important;word-break:keep-all!important;overflow-wrap:normal!important}.practice-word *{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}.book-svg-root{position:absolute!important;min-width:320px;min-height:0;box-sizing:border-box;overflow:visible;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;max-height:none;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center!important}.svg-outer-border-selected{border:2.5px dotted red!important;box-sizing:border-box}.book-svg-root svg{width:100%;height:100%;display:block}.svg-overlay-region{position:absolute!important;top:0;left:0;width:100%;height:100%;pointer-events:all;z-index:1001!important;box-sizing:border-box}.svg-ov-img,.svg-ov-content,.svg-ov-frame{position:absolute;box-sizing:border-box;z-index:20;background:#fff0;pointer-events:auto;font-size:clamp(.5rem,1.2vw,1rem);color:#111;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;word-break:keep-all!important;word-wrap:normal!important;overflow-wrap:normal!important;white-space:normal!important;-webkit-hyphens:none!important;hyphens:none!important}.svg-ov-frame{pointer-events:none;z-index:10}.svg-ov-content h2,.svg-ov-content h3,.svg-ov-content p,.svg-ov-content ul,.svg-ov-content li{color:#3b2f2f;margin:0 0 .1em;background:none;text-align:right;word-break:keep-all!important;word-wrap:normal!important;overflow-wrap:normal!important;white-space:normal!important;hyphens:none!important;-webkit-hyphens:none!important;-moz-hyphens:none!important;-ms-hyphens:none!important;-webkit-word-break:keep-all!important;-moz-word-break:keep-all!important;-ms-word-break:keep-all!important;word-spacing:normal!important;letter-spacing:normal!important;font-size:clamp(.25rem,.6vw,.5rem);line-height:1.05}[dir=ltr] .svg-ov-content h2,[dir=ltr] .svg-ov-content h3,[dir=ltr] .svg-ov-content p,[dir=ltr] .svg-ov-content ul,[dir=ltr] .svg-ov-content li,[dir=ltr] .svg-ov-content div,[dir=ltr] .svg-ov-content,.book-svg-root.ltr-lang .svg-ov-content h2,.book-svg-root.ltr-lang .svg-ov-content h3,.book-svg-root.ltr-lang .svg-ov-content p,.book-svg-root.ltr-lang .svg-ov-content ul,.book-svg-root.ltr-lang .svg-ov-content li,.book-svg-root.ltr-lang .svg-ov-content div,.book-svg-root.ltr-lang .svg-ov-content{text-align:left!important}[dir=rtl] .svg-ov-content h2,[dir=rtl] .svg-ov-content h3,[dir=rtl] .svg-ov-content p,[dir=rtl] .svg-ov-content ul,[dir=rtl] .svg-ov-content li,.book-svg-root.rtl-lang .svg-ov-content h2,.book-svg-root.rtl-lang .svg-ov-content h3,.book-svg-root.rtl-lang .svg-ov-content p,.book-svg-root.rtl-lang .svg-ov-content ul,.book-svg-root.rtl-lang .svg-ov-content li{text-align:right!important}.svg-ov-content h2{font-size:clamp(.3rem,.8vw,.55rem);margin-bottom:.2em}.svg-ov-content h3{font-size:clamp(.28rem,.7vw,.5rem);margin-bottom:.15em}[hidden]{display:none!important}.page2-illustration-wrap{position:relative;max-width:800px;margin:0 auto;background:#fff;padding-bottom:200px;overflow:hidden;border-radius:18px;box-shadow:0 6px 28px #ccc6}.page2-illustration-wrap p{position:relative;z-index:2;font-size:1.5em;line-height:1.8;margin:0;padding:3rem 2rem 0;background:linear-gradient(to bottom,white 80%,rgba(255,255,255,.4) 95%,transparent 100%)}.book-bottom-illustration{position:absolute;bottom:0;left:0;width:100%;max-height:200px;object-fit:cover;z-index:1;opacity:.96;pointer-events:none;mask-image:linear-gradient(to top,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 80%,transparent 100%)}:root{--primary-color: #b23a48;--secondary-color: #f2b544;--accent-color: #d97a2b;--text-color: #3b2f2f;--background-color: #fff8ef;--surface-color: #ffffff;--border-color: #e3c59f;--shadow-color: rgba(58, 31, 10, .12);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--border-radius: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-speed: .3s}*{box-sizing:border-box}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{margin:0;padding:0;width:100vw;height:100vh;min-width:0;min-height:0;font-family:var(--font-family);line-height:var(--line-height-base);color:var(--text-color);background:#2c1810;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;align-items:center;justify-content:center;-webkit-transform-origin:center center;transform-origin:center center}#app{width:100vw;height:100vh;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative}.digital-book-app{width:100vw;height:100vh;min-height:0;min-width:0;display:flex;flex-direction:column;margin:0;background:transparent;align-items:center;justify-content:center}.app-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-sm);text-align:center;box-shadow:0 2px 10px var(--shadow-color)}.app-header h1{margin:0 0 var(--spacing-sm) 0;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-title{display:inline-flex;align-items:center;gap:var(--spacing-md)}.header-title h1{margin:0}.app-header p{margin:0;font-size:1.1rem;opacity:.9}.cover-anim{margin-top:0;display:inline-block;width:168px;height:84px;cursor:pointer}.cover-anim .paw{transform-origin:center}@keyframes pawTapLeft{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-8deg) translateY(2px)}}@keyframes pawTapRight{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(8deg) translateY(2px)}}.cover-anim.play #cubPaw{animation:pawTapLeft 1.2s ease-in-out infinite}.cover-anim.play #lionessPaw{animation:pawTapRight 1.2s ease-in-out infinite}.app-main{flex:1;width:100vw;height:100vh;min-width:0;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:transparent}.book-container{width:100vw;height:100vh;aspect-ratio:3/2;position:relative;margin:0;display:flex;flex-direction:row;background-color:var(--surface-color);background-size:contain;background-repeat:no-repeat;background-position:center}.book-svg-root{background:var(--book-bg-image) center/cover no-repeat!important;box-shadow:0 0 15px #0000004d;border-radius:18px;min-width:0;min-height:0;overflow:hidden}html[dir=ltr] .book-svg-root.ltr-lang,body[dir=ltr] .book-svg-root.ltr-lang,.book-svg-root.ltr-lang,html[dir=rtl] .book-svg-root.rtl-lang,body[dir=rtl] .book-svg-root.rtl-lang,.book-svg-root.rtl-lang{background:var(--book-bg-image) center/cover no-repeat!important}.book-content{width:100%;height:100%;min-width:0;min-height:0}.book-left-page,.book-right-page{min-width:0;min-height:0}.book-content{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:none!important;box-shadow:none;border-radius:0;padding:0;z-index:1}.book-left-page{width:46%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;padding:46px 16px 40px 0}.book-right-page{width:54%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;position:relative;padding:60px 32px 48px 16px;background:none!important;direction:rtl}[dir=ltr] .book-right-page{direction:ltr!important;align-items:flex-start!important}[dir=rtl] .book-right-page{direction:rtl!important;align-items:flex-end!important}.left-img-container{width:100%;height:48%;display:flex;align-items:center;justify-content:center;position:relative}.left-img-container img{max-width:92%;max-height:92%;border-radius:17px;box-shadow:0 3px 12px #0003;background:none}.fade-in-reveal{opacity:0;animation:fadeInReveal 1.2s forwards;filter:grayscale(100%) blur(8px);animation-timing-function:ease;mix-blend-mode:multiply}@keyframes fadeInReveal{0%{filter:grayscale(100%) blur(8px);opacity:0}50%{opacity:.55}to{filter:grayscale(0%) blur(0);opacity:1}}@keyframes wordBloom{0%{opacity:0;transform:translateY(18px) scale(.8) rotate(2deg)}60%{opacity:1;transform:translateY(-4px) scale(1.05) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.img-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.word-bloom{opacity:0;display:inline-block;transform-origin:center bottom;animation:wordBloom .6s ease-out forwards}.book-content>*{box-sizing:border-box}.book-right-page h2,.book-right-page h3,.book-right-page p,.book-right-page ul,.book-right-page li{color:#3b2f2f;background:none;text-align:right;margin:0 0 1.4em}[dir=ltr] .book-right-page h2,[dir=ltr] .book-right-page h3,[dir=ltr] .book-right-page p,[dir=ltr] .book-right-page ul,[dir=ltr] .book-right-page li{text-align:left!important}.book-right-page h2{font-size:2.1em;font-weight:700;border-bottom:3px solid var(--secondary-color);padding-bottom:.15em;margin-bottom:1.5em}.book-right-page ul{padding-right:1.2em}.book-right-page li{font-size:1.16em;margin-bottom:.8em;line-height:2}.book-content h2{color:var(--primary-color);margin-top:0;margin-bottom:var(--spacing-md);font-size:2rem;border-bottom:3px solid var(--secondary-color);padding-bottom:var(--spacing-xs)}.book-content p{margin-bottom:var(--spacing-md);font-size:1.1rem}.book-content ul{margin:var(--spacing-lg) 0;padding-left:var(--spacing-xl)}.book-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem}.nav-controls{width:100vw;max-width:100vw;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin:0 auto;margin-top:.7rem;padding-bottom:.6em;position:relative;z-index:5}.nav-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;box-shadow:0 2px 6px var(--shadow-color);transition:background-color var(--transition-speed),transform var(--transition-speed);direction:ltr!important;unicode-bidi:bidi-override!important}.svg-nav-btn{padding:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,2rem);font-weight:700;border-radius:50%;min-width:0;min-height:0;direction:ltr!important;unicode-bidi:bidi-override!important}.nav-btn:hover:not(:disabled){background-color:#f2f6fa;box-shadow:0 4px 12px var(--shadow-color)}.nav-btn:disabled{opacity:.3;cursor:not-allowed;background-color:#c8c8c880!important;color:#999!important;border-color:#ccc!important}#leftBtn,#rightBtn{direction:ltr!important;unicode-bidi:bidi-override!important}@keyframes nav-btn-glow{0%{transform:translateY(-50%) scale(1);box-shadow:0 2px 6px #0000004d}50%{transform:translateY(-50%) scale(1.12);box-shadow:0 0 15px #f2b544b3;border-color:#f2b544}to{transform:translateY(-50%) scale(1);box-shadow:0 2px 6px #0000004d}}.nav-btn-animated:not(:disabled){animation:nav-btn-glow 2.2s ease-in-out infinite!important}#leftBtn:before,#rightBtn:before{content:none!important}.properties-btn{transition:all .2s ease;box-shadow:0 2px 8px #0003}.properties-btn:hover{background-color:#fff!important;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.properties-btn:focus{outline:3px solid #8B4513!important;outline-offset:2px!important;box-shadow:0 0 0 5px #8b45134d!important}.properties-btn:active{transform:scale(.95)}.page-info{min-width:5rem;text-align:center;color:var(--text-color)}.app-footer{background:none;color:var(--text-color);text-align:center;padding:var(--spacing-sm);margin-top:auto}.app-footer p{margin:0;font-size:.9rem;opacity:.8}.legal-links{display:inline-flex;gap:var(--spacing-md)}.legal-links a{color:var(--primary-color);text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--surface-color);color:var(--text-color);width:min(520px,92vw);max-height:80vh;border-radius:var(--border-radius);box-shadow:0 10px 30px var(--shadow-color);z-index:1001;display:flex;flex-direction:column}.modal-header,.modal-footer{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.modal-footer{border-top:1px solid var(--border-color);border-bottom:none}.modal-body{padding:var(--spacing-md);overflow:auto}.modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-color);cursor:pointer;font-size:1rem}@media (max-width: 768px){:root{--font-size-base: 8px}.svg-ov-img,.svg-ov-content{font-size:clamp(.3rem,.8vw,.6rem)}.svg-ov-content h2,.svg-ov-content h3,.svg-ov-content p,.svg-ov-content ul,.svg-ov-content li{font-size:clamp(.25rem,.7vw,.5rem);line-height:1.05;margin:0 0 .1em}}@media (orientation: portrait){body{display:flex;align-items:flex-start;justify-content:center}.svg-ov-img,.svg-ov-content{font-size:clamp(.8rem,2.5vw,1.4rem)}.svg-ov-content h2,.svg-ov-content h3,.svg-ov-content p,.svg-ov-content ul,.svg-ov-content li{font-size:clamp(.7rem,2.2vw,1.2rem);line-height:1.3}}@media (orientation: landscape){.svg-ov-img,.svg-ov-content{font-size:clamp(.6rem,1.8vh,1.2rem)}.svg-ov-content h2,.svg-ov-content h3,.svg-ov-content p,.svg-ov-content ul,.svg-ov-content li{font-size:clamp(.5rem,1.5vh,1rem)}}@media (min-width: 769px) and (max-width: 1024px){.svg-ov-img,.svg-ov-content{font-size:clamp(.8rem,1.3vw,1.2rem)}}@media (min-width: 1025px){.svg-ov-img,.svg-ov-content{font-size:clamp(.9rem,1.1vw,1.3rem)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.book-content{font-weight:300}}:fullscreen{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}:-webkit-full-screen{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}:-moz-full-screen{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}:-ms-fullscreen{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}:fullscreen body,:-webkit-full-screen body,:-moz-full-screen body,:-ms-fullscreen body{transform:none!important;width:100vw!important;height:100vh!important}.intro-screen,.opening-screen{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background:linear-gradient(135deg,#2c1810,#4a2c1a)!important}.opening-screen *{background-image:none!important}.opening-screen .book-container{background:transparent!important;background-image:none!important}.intro-popup,.opening-screen .book-container{animation:fadeInScale .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}:fullscreen::-webkit-scrollbar,:-webkit-full-screen::-webkit-scrollbar,:-moz-full-screen::-webkit-scrollbar,:-ms-fullscreen::-webkit-scrollbar{display:none}:fullscreen{scrollbar-width:none;-ms-overflow-style:none}:fullscreen *,:-webkit-full-screen *,:-moz-full-screen *,:-ms-fullscreen *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}:fullscreen .svg-ov-content,:-webkit-full-screen .svg-ov-content,:-moz-full-screen .svg-ov-content,:-ms-fullscreen .svg-ov-content{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}@media print{.digital-book-app{box-shadow:none;margin:0}.app-header,.app-footer{background:none!important;color:#000!important}.book-content{box-shadow:none}}body.modal-open{overflow:visible!important}#propertiesModal,#propertiesModalBackdrop{position:fixed!important;z-index:11000!important}#propertiesModal{z-index:11001!important}.properties-modal-header h2{font-family:inherit;font-weight:700;text-align:center;margin-bottom:20px}.properties-modal-content{min-height:200px;padding:10px 0}.properties-modal-footer{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.properties-modal-footer button{flex:1;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s ease,transform .1s ease}.properties-modal-footer button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.properties-modal-footer button:active{transform:translateY(1px)}.properties-modal-footer button:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #8b45134d}#propertiesModal{direction:rtl;text-align:right}#propertiesModal *{direction:rtl}.setting-item{transition:background-color .2s ease}.setting-item:hover{background-color:#8b45130d;border-radius:5px;margin:0 -10px;padding-left:10px;padding-right:10px}.setting-item select:focus{outline:2px solid #8B4513;outline-offset:2px;box-shadow:0 0 0 4px #8b451333}.setting-item button:disabled:focus{outline:2px solid #ccc;outline-offset:2px;box-shadow:0 0 0 4px #cccccc4d}@media (max-width: 480px){#propertiesModal{max-width:98vw;max-height:90vh;min-width:280px;border-width:2px}.properties-modal-footer{flex-direction:column;gap:10px}.properties-modal-footer button{font-size:16px;padding:12px 16px;min-height:44px}.setting-item{flex-direction:column;align-items:flex-start;gap:10px}.setting-item>div:last-child{width:100%;min-width:auto}}@media (max-width: 768px){#propertiesModal{max-width:95vw;max-height:85vh}.properties-modal-footer button{font-size:16px;padding:10px 16px;min-height:44px}}@media (max-height: 600px){#propertiesModal{max-height:95vh}#propertiesModalScrollable{padding:15px}}@media (max-height: 480px){#propertiesModal{max-height:98vh;border-radius:8px}#propertiesModalScrollable{padding:10px}.properties-modal-footer{padding:10px 15px}}@media (orientation: landscape) and (max-height: 600px){#propertiesModal{max-height:95vh;max-width:80vw}}@media (orientation: portrait){#propertiesModal{max-height:85vh;max-width:min(95vw,500px)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#propertiesModal{border-width:2px}.properties-modal-footer button{border:1px solid transparent}}#propertiesModal:focus{outline:3px solid #8B4513;outline-offset:2px}#propertiesModal:focus:not(:focus-visible){outline:none}#propertiesModal:focus-visible{outline:3px solid #8B4513;outline-offset:2px}@media (prefers-reduced-motion: reduce){.properties-modal-footer button,.setting-item,#propertiesModal *{transition:none!important;animation:none!important}}@media (prefers-contrast: high){#propertiesModal{border-width:3px;border-color:#000}.properties-modal-footer button{border:2px solid #000}.setting-item select{border-width:2px;border-color:#000}}@media (prefers-color-scheme: dark){#propertiesModal{background:#2c1810;color:beige;border-color:#8b4513}.properties-modal-content{color:beige}.setting-item select{background:#3c2820;color:beige;border-color:#8b4513}.setting-item:hover{background-color:#f5f5dc1a}}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}#propertiesModalScrollable::-webkit-scrollbar{width:8px}#propertiesModalScrollable::-webkit-scrollbar-track{background:#8b45131a;border-radius:4px}#propertiesModalScrollable::-webkit-scrollbar-thumb{background:#8b451380;border-radius:4px}#propertiesModalScrollable::-webkit-scrollbar-thumb:hover{background:#8b4513b3}@keyframes wordBloom{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{opacity:.7;transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.word-bloom{display:inline-block;transform-origin:center bottom;animation:wordBloom .6s ease-out forwards}#navigation-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s ease;direction:rtl;text-align:center;font-family:Arial,sans-serif}.animated-image{cursor:pointer}@media (max-width: 768px){.animated-image{min-width:44px;min-height:44px}.animated-image:active{opacity:.8}}.digital-book-app{touch-action:pan-y;-webkit-user-select:none;user-select:none}.digital-book-app.gesture-active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes animationRestart{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.animation-restarting{animation:animationRestart .3s ease-out}