@import "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=EB+Garamond:ital,wght@0,400..700;1,400..700&family=MedievalSharp&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-dark:#090503;--bg-light:#160e0a;--leather-brown:#3d2314;--leather-dark:#22120a;--gold:#dfb15b;--gold-dark:#b8862b;--parchment:#f2e3c6;--parchment-dark:#e6d3af;--parchment-shadow:#54381f26;--text-dark:#2c1a0c;--text-light:#f5eae0;--font-serif:"EB Garamond", serif;--font-gothic:"MedievalSharp", cursive;--font-decorative:"Cinzel Decorative", serif;--font-sans:"Inter", sans-serif;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{background:radial-gradient(circle at center, var(--bg-light) 0%, var(--bg-dark) 100%);height:100vh;color:var(--text-light);font-family:var(--font-sans);justify-content:center;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}#root{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.parchment-scroll::-webkit-scrollbar{width:6px}.parchment-scroll::-webkit-scrollbar-track{background:0 0}.parchment-scroll::-webkit-scrollbar-thumb{background-color:#3d23144d;border-radius:3px}.parchment-scroll::-webkit-scrollbar-thumb:hover{background-color:#3d231480}.ambient-glow{pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(circle,#dfb15b14 0%,#dfb15b00 70%);width:300px;height:300px;animation:6s infinite alternate flicker;position:absolute;top:10%;left:20%}.ambient-glow-2{pointer-events:none;z-index:0;filter:blur(50px);background:radial-gradient(circle,#dfb15b0d 0%,#dfb15b00 70%);width:400px;height:400px;animation:8s infinite alternate-reverse flicker;position:absolute;bottom:10%;right:15%}@keyframes flicker{0%,to{opacity:.8;transform:scale(1)}30%{opacity:.95;transform:scale(1.05)translate(5px,-5px)}60%{opacity:.75;transform:scale(.95)translate(-3px,3px)}80%{opacity:.9;transform:scale(1.02)}}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}:root{--book-height:min(780px, 70vh);--book-width:calc(var(--book-height) * 1.282);--sheet-width:calc(var(--book-width) / 2)}.book-view-container{z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1200px;display:flex;position:relative}.book-perspective{perspective:2000px;pointer-events:none;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.book{width:var(--book-width);height:var(--book-height);transform-style:preserve-3d;pointer-events:auto;border-radius:12px;transition:transform 1s cubic-bezier(.2,.8,.2,1),box-shadow 1s;position:relative;box-shadow:0 30px 60px #00000080}.book.closed{transform:rotateX(15deg) rotateY(0deg) rotateZ(0deg) translateX(calc(var(--sheet-width) / 2));box-shadow:-20px 30px 50px #0009}.book.open{transform:rotateX(15deg)rotateY(0)rotate(0)translate(0);box-shadow:0 40px 80px #000000b3}.book-spine{z-index:5;background:linear-gradient(90deg,#1d0f07,#2d180b,#1d0f07);border-radius:4px;width:16px;position:absolute;top:-4px;bottom:-4px;left:50%;transform:translate(-50%)translateZ(-1px);box-shadow:inset 0 0 10px #000c}.page-stack-left,.page-stack-right{width:calc(var(--sheet-width) - 10px);z-index:1;pointer-events:none;background:#fdf6e6;border-radius:4px;position:absolute;top:10px;bottom:10px;box-shadow:0 2px 5px #0000004d}.page-stack-left{border-left:12px solid var(--leather-dark);border-top:6px solid var(--leather-dark);border-bottom:6px solid var(--leather-dark);background:linear-gradient(270deg,#f3e6cd,#dfceaa);border-radius:8px 0 0 8px;right:50%;box-shadow:-2px 2px #efe2c4,-4px 4px #e6d3af,-6px 6px #d8c39e,-8px 8px #cca87c,-10px 10px 15px #00000080}.page-stack-right{border-right:12px solid var(--leather-dark);border-top:6px solid var(--leather-dark);border-bottom:6px solid var(--leather-dark);background:linear-gradient(90deg,#f3e6cd,#dfceaa);border-radius:0 8px 8px 0;left:50%;box-shadow:2px 2px #efe2c4,4px 4px #e6d3af,6px 6px #d8c39e,8px 8px #cca87c,10px 10px 15px #00000080}.book-sheet{width:var(--sheet-width);height:var(--book-height);transform-origin:0;transform-style:preserve-3d;z-index:2;transition:transform .8s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;right:0}.page-face{backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 30px #0000000d}.page-face.front{z-index:2;transform:rotateY(0)}.page-face.back{z-index:1;transform:rotateY(180deg)}.page-content-wrapper{background-color:var(--parchment);border-top:6px solid var(--leather-dark);border-bottom:6px solid var(--leather-dark);background-image:radial-gradient(circle,#0000 60%,#0000000d 100%);flex-direction:column;width:100%;height:100%;padding:30px 40px;display:flex;position:relative;overflow:hidden;box-shadow:inset 3px 0 10px #0000001a}.page-face.front .page-content-wrapper{border-right:8px solid var(--leather-dark);border-radius:0 6px 6px 0;box-shadow:inset -10px 0 20px #54381f1a}.page-face.back .page-content-wrapper{border-left:8px solid var(--leather-dark);border-radius:6px 0 0 6px;box-shadow:inset 10px 0 20px #54381f1a}.page-content-wrapper:after{content:"";pointer-events:none;width:30px;position:absolute;top:0;bottom:0}.cover-face{background:linear-gradient(135deg, var(--leather-brown) 0%, var(--leather-dark) 100%);border:12px solid var(--leather-dark);width:100%;height:100%;color:var(--gold);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;top:0;left:0;box-shadow:inset 0 0 40px #000c}.cover-face.front{border-left:none;border-radius:0 12px 12px 0}.cover-face.back{border-right:none;border-radius:12px 0 0 12px}.cover-ornament{border:2px solid var(--gold-dark);pointer-events:none;opacity:.6;border-radius:6px;position:absolute;inset:25px}.cover-ornament:before{content:"";border:1px double var(--gold);position:absolute;inset:8px}.book-title{font-family:var(--font-decorative);letter-spacing:2px;color:var(--gold);text-shadow:2px 2px 4px #000000b3,0 0 10px #dfb15b66;margin-bottom:10px;font-size:3.5rem}.book-subtitle{font-family:var(--font-gothic);color:#c9b195;margin-bottom:40px;font-size:1.4rem}.cover-lock-system{z-index:10;cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:-5px;transform:translateY(-50%)translateZ(5px)}.clasp-plate{background:linear-gradient(135deg,#dfb15b 0%,#8a6421 100%);border:2px solid #5a4112;border-radius:6px;justify-content:center;align-items:center;width:50px;height:90px;transition:transform .3s;display:flex;box-shadow:5px 5px 15px #0006,inset 0 0 5px #ffffff4d}.clasp-plate:hover{transform:scale(1.05)}.clasp-plate.unlocked{transform-origin:0;transform:rotateY(-110deg)translate(10px)}.lock-keyhole{background-color:#1a1205;border-radius:7px 7px 2px 2px;width:14px;height:22px;position:relative}.lock-keyhole:after{content:"";background-color:#1a1205;border-radius:1px;width:8px;height:10px;position:absolute;bottom:0;left:3px}.clasp-strap{z-index:9;background:linear-gradient(90deg,#1d0f07,#3d2314);border:1px solid #1a0f08;width:50px;height:35px;position:absolute;top:50%;right:10px;transform:translateY(-50%);box-shadow:0 4px 6px #0000004d}.page-title{font-family:var(--font-gothic);color:var(--text-dark);text-align:center;border-bottom:2px double #3d231433;margin-top:0;margin-bottom:12px;padding-bottom:6px;font-size:1.8rem}.page-description{font-family:var(--font-serif);color:var(--text-dark);text-align:center;margin-bottom:15px;font-size:1.05rem;font-style:italic;line-height:1.5}.comic-image-container{background-color:#000;border:4px solid #3d2314;border-radius:4px;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000026}.comic-image{object-fit:contain;width:100%;height:100%;transition:transform .5s}.page-number{font-family:var(--font-serif);color:var(--text-dark);opacity:.7;font-size:.9rem;position:absolute;bottom:15px}.page-face.front .page-number{right:25px}.page-face.back .page-number{left:25px}.nav-button-floating{border:2px solid var(--gold);color:var(--gold);z-index:100;background:#3d231499;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 12px #00000080}.nav-button-floating:hover:not(:disabled){color:#fff;background:#3d2314f2;border-color:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 8px 20px #0009}.nav-button-floating:active:not(:disabled){transform:translateY(-50%)scale(.95)}.nav-button-floating:disabled{opacity:.15;cursor:not-allowed;color:#777;box-shadow:none;border-color:#555}.nav-button-floating.left{left:-90px}.nav-button-floating.right{right:-90px}.book-info-caption{font-family:var(--font-gothic);color:var(--gold);letter-spacing:1px;text-shadow:0 2px 4px #000c;opacity:.9;text-align:center;z-index:10;margin-top:25px;font-size:1.1rem}@media (width<=1250px){.nav-button-floating.left{background:#3d2314d9;left:15px}.nav-button-floating.right{background:#3d2314d9;right:15px}}.toc-container{flex-direction:column;justify-content:space-between;height:100%;display:flex}.toc-header{font-family:var(--font-decorative);color:var(--text-dark);text-align:center;border-bottom:2px solid #3d231426;margin-bottom:20px;padding-bottom:10px;font-size:1.8rem}.chapter-list{flex-direction:column;flex-grow:1;gap:15px;display:flex}.chapter-item{text-align:left;background:#3d23140d;border:1px solid #3d231433;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.chapter-item.unlocked:hover{border-color:var(--leather-brown);background:#3d23141a;transform:translate(4px)}.chapter-item.active{border:2px solid var(--leather-brown);background:#3d231414}.chapter-info{flex-direction:column;display:flex}.chapter-title{font-family:var(--font-gothic);color:var(--text-dark);align-items:center;gap:6px;font-size:1.2rem;display:flex}.chapter-desc{font-family:var(--font-serif);color:#543;font-size:.9rem}.chapter-status{color:var(--leather-brown)}.sound-toggle-btn{border:1px solid var(--gold);color:var(--gold);z-index:100;background:#3d231499;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 8px #0000004d}.sound-toggle-btn:hover{background:#3d2314e6;transform:scale(1.05)}.close-book-btn{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-gothic);z-index:100;background:#3d231499;border-radius:4px;align-items:center;gap:6px;padding:8px 16px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 8px #0000004d}.close-book-btn:hover{background:#3d2314e6;transform:translateY(-2px)}.lock-screen-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.lock-icon-wrapper{color:var(--leather-brown);margin-bottom:15px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lock-title{font-family:var(--font-gothic);color:var(--text-dark);margin-bottom:8px;font-size:1.5rem}.lock-prompt{font-family:var(--font-serif);color:#543;margin-bottom:20px;font-size:1rem;font-style:italic}.passcode-form{flex-direction:column;gap:12px;width:100%;max-width:250px;display:flex}.passcode-input{font-family:var(--font-gothic);color:var(--text-dark);text-align:center;letter-spacing:1px;background-color:#3d23140d;border:2px solid #3d23144d;border-radius:6px;outline:none;padding:10px 15px;font-size:1.2rem;transition:border-color .2s}.passcode-input:focus{border-color:var(--leather-brown)}.passcode-submit-btn{background:var(--leather-brown);border:1px solid var(--gold);color:var(--gold);font-family:var(--font-gothic);border-radius:6px;padding:10px;font-size:1.1rem;transition:all .2s;box-shadow:0 4px 6px #00000026}.passcode-submit-btn:hover{background:var(--leather-dark)}.passcode-error-msg{color:#a30000;font-family:var(--font-serif);min-height:1.2rem;margin-top:8px;font-size:.95rem;font-weight:600}.unlock-success-screen{color:#1e5a22;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.unlock-success-icon{margin-bottom:15px;animation:.5s cubic-bezier(.175,.885,.32,1.275) scaleUp}@keyframes scaleUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.unlock-success-title{font-family:var(--font-gothic);font-size:1.5rem}.magnifier-lens:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff4d 0%,#fff0 50%,#00000026 100%);border-radius:50%;position:absolute;inset:0}:root{--book-height:min(800px, 72vh);--book-width:calc(var(--book-height) * 1.34);--sheet-width:calc(var(--book-width) / 2);--page-radius:10px;--paper-edge:#c6a77a;--paper-light:#fff4d4;--leather-warm:#5a2d16;--leather-ink:#150906}.book-view-container:before{content:"";filter:blur(18px);pointer-events:none;z-index:-1;background:radial-gradient(#0000009e 0%,#00000047 45%,#0000 72%);width:min(980px,92vw);height:150px;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.book-perspective{perspective:2800px;perspective-origin:50% 38%;transform-style:preserve-3d;pointer-events:none;padding:30px 0 18px}.book{transform-style:preserve-3d;filter:drop-shadow(0 44px 42px #00000080);box-shadow:none;pointer-events:auto;border-radius:18px;transition:transform 1.05s cubic-bezier(.16,1,.3,1),filter 1.05s,box-shadow 1.05s}.book:before,.book:after{content:"";pointer-events:none;position:absolute}.book:before{z-index:0;background:linear-gradient(90deg,#ffecb324,#ffecb300 20% 80%,#ffecb31a),radial-gradient(at 50% 100%,#00000094,#0000 64%);border-radius:24px;inset:-18px -22px -28px;transform:translateZ(-38px)}.book:after{z-index:2;background:linear-gradient(90deg,#00000075,#ffdb8e21 42%,#0000008f),repeating-linear-gradient(#ffd98b2e 0 2px,#0000 2px 18px);border-radius:999px;width:44px;top:-18px;bottom:-18px;left:calc(50% - 22px);transform:translateZ(-20px);box-shadow:inset 12px 0 20px #00000080,inset -10px 0 18px #00000094}.book.closed{transform:rotateX(12deg) rotateY(-10deg) rotateZ(-1.2deg) translateX(calc(var(--sheet-width) / 2)) translateZ(80px);filter:drop-shadow(-34px 44px 34px #0000009e)}.book.open{filter:drop-shadow(0 54px 46px #000000a3);transform:rotateX(10deg)rotateY(0)rotate(0)translateZ(80px)}.book-spine{z-index:3;background:linear-gradient(90deg,#0c0403 0%,#341508 24%,#6b3518 47%,#2a1108 72%,#090302 100%),repeating-linear-gradient(#dfb15b52 0 2px,#0000 2px 54px);border-radius:18px;width:34px;top:-18px;bottom:-18px;transform:translate(-50%)translateZ(-18px);box-shadow:inset 10px 0 22px #000000b8,inset -10px 0 22px #000000b8,0 0 22px #0006}.page-stack-left,.page-stack-right{width:calc(var(--sheet-width) - 24px);background:repeating-linear-gradient(to bottom, #704e2a38 0 1px, #fff5db38 1px 4px), linear-gradient(90deg, #d8bd8d, var(--paper-light) 12%, #ead9b6 80%, #c09b69);z-index:1;border:0;top:18px;bottom:18px}.page-stack-left{box-shadow:-1px 1px 0 var(--paper-edge), -3px 3px 0 #b99161, -6px 6px 0 #8a6039, -12px 14px 26px #00000094, inset -38px 0 42px #341c0e42;border-radius:12px 0 0 12px;right:50%}.page-stack-right{box-shadow:1px 1px 0 var(--paper-edge), 3px 3px 0 #b99161, 6px 6px 0 #8a6039, 12px 14px 26px #00000094, inset 38px 0 42px #341c0e42;border-radius:0 12px 12px 0;left:50%}.book-sheet{border-radius:var(--page-radius);transform-origin:0;will-change:transform;transition:transform 1.05s cubic-bezier(.18,.86,.24,1)}.book-sheet.is-turning{z-index:80!important}.page-face{border-radius:var(--page-radius);overflow:hidden;box-shadow:0 1px 2px #0000001f,inset 0 0 28px #492b1414}.page-content-wrapper{background-color:#f3e2bd;background-image:radial-gradient(circle at 18% 16%,#ffffff80 0 1px,#0000 2px),radial-gradient(circle at 78% 72%,#4a2b121a 0 1px,#0000 2px),linear-gradient(90deg,#613e1c2e,#fff7de5c 13%,#fff7de24 78%,#68431d1f),radial-gradient(#fffce866 0%,#eccb9647 72%,#52321733 100%);border:0;padding:36px 42px 40px}.page-face.front .page-content-wrapper{border-radius:0 var(--page-radius) var(--page-radius) 0;box-shadow:inset 24px 0 34px #2915083d,inset -2px 0 #5a3a1e2e}.page-face.back .page-content-wrapper{border-radius:var(--page-radius) 0 0 var(--page-radius);box-shadow:inset -24px 0 34px #2915083d,inset 2px 0 #5a3a1e2e}.page-content-wrapper:before{content:"";pointer-events:none;border:1px solid #4c2c121f;border-radius:8px;position:absolute;inset:16px}.page-content-wrapper:after{opacity:.9;width:64px}.page-face.front .page-content-wrapper:after{background:linear-gradient(90deg,#0000006b,#0000002e 30%,#fff0 100%);left:0}.page-face.back .page-content-wrapper:after{background:linear-gradient(270deg,#0000006b,#0000002e 30%,#fff0 100%);right:0}.comic-image-container{background:linear-gradient(135deg,#ffe8aa14,#00000042),#090503;border:8px solid #2a150b;border-radius:10px;box-shadow:0 16px 28px #23120847,inset 0 0 0 1px #dfb15b38,inset 0 0 34px #00000094}.comic-image{filter:saturate(1.04)contrast(1.02)}.cover-face{isolation:isolate;background:radial-gradient(circle at 26% 20%,#dfb15b29,#0000 30%),radial-gradient(circle at 72% 82%,#ffd0711a,#0000 34%),repeating-linear-gradient(110deg,#ffffff09 0 2px,#0000 2px 7px),linear-gradient(135deg,#673017 0%,#321409 42%,#120705 100%);border:0;overflow:hidden;box-shadow:inset 0 0 0 4px #00000080,inset 0 0 0 10px #dfb15b14,inset 0 0 70px #000000c7,0 24px 36px #0000007a}.cover-face>*{z-index:2;position:relative}.cover-face:before{content:"";pointer-events:none;z-index:1;border:1px solid #ffd88547;border-radius:12px;position:absolute;inset:18px;box-shadow:inset 0 0 0 5px #00000029,0 0 0 1px #0000005c}.cover-face:after{content:"";mix-blend-mode:screen;pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000007a,#0000 14% 76%,#ffe08e1f),radial-gradient(at 50% 0,#fff4ce24,#0000 48%);position:absolute;inset:0}.cover-face.front{border-radius:0 18px 18px 0;transform:translateZ(14px)}.cover-face.back{border-radius:18px 0 0 18px;transform:translateZ(14px)}.cover-ornament{opacity:1;border:2px solid #dfb15bb8;border-radius:16px;inset:34px;box-shadow:0 0 0 8px #0000001f,inset 0 0 22px #dfb15b1a}.cover-ornament:before{border-color:#ffe2959e;border-radius:10px;inset:10px}.book-title{letter-spacing:5px;text-shadow:0 2px #6d4315,0 7px 14px #000000c7,0 0 24px #dfb15b47;font-size:clamp(3.2rem,5vw,4.8rem)}.book-subtitle{color:#e6c98f;text-shadow:0 3px 8px #000000b3}.cover-logo{filter:drop-shadow(0 8px 14px #0009);font-size:4.2rem}.cover-lock-system{z-index:12;position:absolute;right:12px;transform:translateY(-50%)translateZ(28px)}.clasp-plate{background:radial-gradient(circle at 30% 20%,#ffffff75,#0000 18%),linear-gradient(135deg,#ffe3a0 0%,#c18a2d 38%,#5b3a0f 100%);border:2px solid #3b260b;border-radius:12px;width:62px;height:112px;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .35s;box-shadow:8px 12px 20px #0000007a,inset 0 0 0 2px #fff6be2e,inset 0 -18px 24px #36210757}.clasp-plate:hover{transform:translate(-3px)scale(1.04);box-shadow:12px 16px 26px #00000085,inset 0 0 0 2px #fff6be38}.clasp-plate.unlocked{transform:rotateY(-118deg)translate(16px)translateZ(14px)}.book-gutter-shadow{filter:blur(.2px);opacity:.9;z-index:90;background:linear-gradient(90deg,#0000 0%,#1d0d0533 24%,#000000c2 50%,#1d0d0533 76%,#0000 100%);width:92px;top:10px;bottom:10px;transform:translate(-50%)translateZ(32px)}@keyframes flip-forward{0%{transform:rotateY(0)rotateX(0)rotate(0)translateZ(10px)scaleX(1);box-shadow:0 8px 14px #0000002e}18%{transform:rotateY(-32deg)rotateX(1.5deg)rotate(-1.2deg)translateZ(58px)scaleX(.985);box-shadow:18px 18px 32px #0000004d}48%{transform:rotateY(-94deg)rotateX(3deg)rotate(-3.5deg)translateZ(178px)scaleX(.935);box-shadow:42px 34px 60px #0000007a}70%{transform:rotateY(-132deg)rotateX(1.5deg)rotate(-2deg)translateZ(112px)scaleX(.965);box-shadow:24px 24px 42px #00000061}to{transform:rotateY(-180deg)rotateX(0)rotate(0)translateZ(10px)scaleX(1);box-shadow:-8px 8px 16px #0000002e}}@keyframes flip-backward{0%{transform:rotateY(-180deg)rotateX(0)rotate(0)translateZ(10px)scaleX(1);box-shadow:-8px 8px 16px #0000002e}18%{transform:rotateY(-148deg)rotateX(1.5deg)rotate(1.2deg)translateZ(58px)scaleX(.985);box-shadow:-18px 18px 32px #0000004d}48%{transform:rotateY(-86deg)rotateX(3deg)rotate(3.5deg)translateZ(178px)scaleX(.935);box-shadow:-42px 34px 60px #0000007a}70%{transform:rotateY(-48deg)rotateX(1.5deg)rotate(2deg)translateZ(112px)scaleX(.965);box-shadow:-24px 24px 42px #00000061}to{transform:rotateY(0)rotateX(0)rotate(0)translateZ(10px)scaleX(1);box-shadow:0 8px 14px #0000002e}}.page-turn-shadow{z-index:8;mix-blend-mode:multiply}@keyframes shadow-sweep-forward{0%{opacity:.08;background:linear-gradient(90deg,#0000000f,#00000047 4%,#0000 24%)}46%{opacity:.74;background:linear-gradient(90deg,#0000 14%,#0000009e 48%,#ffffff14 58%,#0000 82%)}to{opacity:0;background:linear-gradient(90deg,#0000 58%,#00000061 88%,#0000)}}@keyframes shadow-sweep-backward{0%{opacity:.08;background:linear-gradient(270deg,#0000000f,#00000047 4%,#0000 24%)}46%{opacity:.74;background:linear-gradient(270deg,#0000 14%,#0000009e 48%,#ffffff14 58%,#0000 82%)}to{opacity:0;background:linear-gradient(270deg,#0000 58%,#00000061 88%,#0000)}}@keyframes page-flip-forward{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes page-flip-backward{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes page-crease{0%{opacity:0;background:linear-gradient(90deg,#0000 0%,#0006 50%,#0000 100%)}50%{opacity:.5}to{opacity:0}}.nav-button-floating,.sound-toggle-btn,.close-book-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#572d14e6,#180b05d1);box-shadow:0 12px 24px #00000075,inset 0 0 0 1px #ffe2951f}.book-info-caption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f070375;border:1px solid #dfb15b3d;border-radius:999px;margin-top:18px;padding:8px 18px}@media (width<=900px){:root{--book-height:min(700px, 66vh);--book-width:min(96vw, calc(var(--book-height) * 1.34))}.page-content-wrapper{padding:26px 28px 34px}.book-title{font-size:2.8rem}}.page-face.front .page-content-wrapper{background-image:linear-gradient(90deg,#0000001f 0%,#0000 8% 92%,#00000014 100%),radial-gradient(circle,#0000 40%,#0000000a 100%)}.page-face.back .page-content-wrapper{background-image:linear-gradient(270deg,#0000001f 0%,#0000 8% 92%,#00000014 100%),radial-gradient(circle,#0000 40%,#0000000a 100%)}.page-stack-left,.page-stack-right{width:calc(var(--sheet-width) - 20px);z-index:1;pointer-events:none;background:linear-gradient(90deg,#f4e7cd,#dfceaa);border-radius:4px;position:absolute;top:15px;bottom:15px}.page-stack-left{border-radius:4px 0 0 4px;right:50%;box-shadow:-1px 1px #efe2c4,-2px 2px #e6d3af,-3px 3px #d8c39e,-4px 4px #cca87c,-5px 5px #bca076,-6px 6px 1px #0006}.page-stack-right{border-radius:0 4px 4px 0;left:50%;box-shadow:1px 1px #efe2c4,2px 2px #e6d3af,3px 3px #d8c39e,4px 4px #cca87c,5px 5px #bca076,6px 6px 1px #0006}.page-stack-left:before{content:"";background:linear-gradient(135deg, var(--leather-brown) 0%, var(--leather-dark) 100%);border:3px solid var(--leather-dark);z-index:-1;border-radius:8px 0 0 8px;position:absolute;inset:-15px 0 -15px -16px;box-shadow:inset 0 0 20px #000c,-12px 12px 24px #0009}.page-stack-right:before{content:"";background:linear-gradient(135deg, var(--leather-brown) 0%, var(--leather-dark) 100%);border:3px solid var(--leather-dark);z-index:-1;border-radius:0 8px 8px 0;position:absolute;inset:-15px -16px -15px 0;box-shadow:inset 0 0 20px #000c,12px 12px 24px #0009}.page-stack-left:after{content:"";opacity:.35;background:repeating-linear-gradient(#cca87c 0 1px,#0000 1px 4px);width:12px;position:absolute;top:0;bottom:0;left:0}.page-stack-right:after{content:"";opacity:.35;background:repeating-linear-gradient(#cca87c 0 1px,#0000 1px 4px);width:12px;position:absolute;top:0;bottom:0;right:0}.book-gutter-shadow{z-index:10;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0003 20%,#000000a6 50%,#0003 80%,#0000 100%);width:40px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)translateZ(20px)}.page-turn-shadow{pointer-events:none;z-index:5;opacity:0;position:absolute;inset:0}.turn-forward-anim .page-face.front .page-turn-shadow{animation:.8s cubic-bezier(.25,1,.5,1) forwards shadow-sweep-forward}.turn-backward-anim .page-face.back .page-turn-shadow{animation:.8s cubic-bezier(.25,1,.5,1) forwards shadow-sweep-backward}.page-face.front .page-content-wrapper,.page-face.back .page-content-wrapper{background-color:#f3e2bd;background-image:radial-gradient(circle at 18% 16%,#ffffff80 0 1px,#0000 2px),radial-gradient(circle at 78% 72%,#4a2b121a 0 1px,#0000 2px),linear-gradient(90deg,#613e1c2e,#fff7de5c 13%,#fff7de24 78%,#68431d1f),radial-gradient(#fffce866 0%,#eccb9647 72%,#52321733 100%)}.page-stack-left,.page-stack-right{width:calc(var(--sheet-width) - 24px);background:repeating-linear-gradient(to bottom, #704e2a38 0 1px, #fff5db38 1px 4px), linear-gradient(90deg, #d8bd8d, var(--paper-light) 12%, #ead9b6 80%, #c09b69);border:0;border-radius:12px;top:18px;bottom:18px}.page-stack-left{box-shadow:-1px 1px 0 var(--paper-edge), -3px 3px 0 #b99161, -6px 6px 0 #8a6039, -12px 14px 26px #00000094, inset -38px 0 42px #341c0e42;border-radius:12px 0 0 12px}.page-stack-right{box-shadow:1px 1px 0 var(--paper-edge), 3px 3px 0 #b99161, 6px 6px 0 #8a6039, 12px 14px 26px #00000094, inset 38px 0 42px #341c0e42;border-radius:0 12px 12px 0}.page-stack-left:before,.page-stack-right:before{background:radial-gradient(circle at 28% 20%, #ffdb8e29, transparent 28%), linear-gradient(135deg, var(--leather-warm) 0%, #2d1109 48%, var(--leather-ink) 100%);border:4px solid #120805;top:-20px;bottom:-20px;box-shadow:inset 0 0 0 2px #dfb15b14,inset 0 0 44px #000000c2,0 24px 32px #00000085}.page-stack-left:before{border-radius:18px 0 0 18px;left:-22px}.page-stack-right:before{border-radius:0 18px 18px 0;right:-22px}.page-stack-left:after,.page-stack-right:after{opacity:.58;background:repeating-linear-gradient(#55361c80 0 1px,#0000 1px 5px),linear-gradient(90deg,#4d2d142e,#0000);width:26px;top:10px;bottom:10px}.book-gutter-shadow{opacity:.9;z-index:90;background:linear-gradient(90deg,#0000 0%,#1d0d0533 24%,#000000c2 50%,#1d0d0533 76%,#0000 100%);width:92px;top:10px;bottom:10px;transform:translate(-50%)translateZ(32px)}.book-sheet.turn-forward-anim{animation:1.05s cubic-bezier(.16,.92,.18,1) forwards flip-forward}.book-sheet.turn-backward-anim{animation:1.05s cubic-bezier(.16,.92,.18,1) forwards flip-backward}.turn-forward-anim .page-face.front .page-turn-shadow,.turn-forward-anim .page-face.back .page-turn-shadow{animation:1.05s cubic-bezier(.16,.92,.18,1) forwards shadow-sweep-forward}.turn-backward-anim .page-face.front .page-turn-shadow,.turn-backward-anim .page-face.back .page-turn-shadow{animation:1.05s cubic-bezier(.16,.92,.18,1) forwards shadow-sweep-backward}.book-sheet.turn-forward-anim{animation:.9s cubic-bezier(.645,.045,.355,1) forwards page-flip-forward;transition:none!important}.book-sheet.turn-backward-anim{animation:.9s cubic-bezier(.645,.045,.355,1) forwards page-flip-backward;transition:none!important}.turn-forward-anim .page-face.front .page-turn-shadow,.turn-forward-anim .page-face.back .page-turn-shadow,.turn-backward-anim .page-face.front .page-turn-shadow,.turn-backward-anim .page-face.back .page-turn-shadow{animation:.9s ease-in-out forwards page-crease}.app-header{text-align:center;z-index:5;margin-bottom:20px;position:relative}.story-title{font-family:var(--font-decorative);color:var(--gold);text-shadow:0 4px 8px #00000080;letter-spacing:4px;margin:0;font-size:2.8rem}.story-subtitle{font-family:var(--font-serif);color:#c9b195;opacity:.8;margin:5px 0 0;font-size:1rem;font-style:italic}.book-area{z-index:5;flex-grow:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.app-footer{text-align:center;font-family:var(--font-serif);color:#8d765d;z-index:5;margin-top:30px;font-size:.9rem;font-style:italic;position:relative}