@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Scheherazade+New:wght@400;700&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0a05;overflow-x:hidden}a{color:inherit;text-decoration:none}.gallery-wrapper{background:linear-gradient(180deg,#0d0a05,#1a1207 50%,#0d0a05);color:#f5e6c8;font-family:Cormorant Garamond,Georgia,serif;min-height:100vh}.gallery-hero{overflow:hidden;padding:80px 40px 60px;position:relative;text-align:center}.gallery-hero:before{background:radial-gradient(ellipse at 50% 0,#b8860b26 0,#0000 60%),radial-gradient(ellipse at 50% 100%,#6b1c231a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.gallery-logo{color:#daa520;font-size:3.5rem;font-weight:700;letter-spacing:3px;margin-bottom:8px;position:relative;text-shadow:0 2px 20px #b8860b66}.gallery-subtitle{color:#f5e6c899;font-size:1.2rem;font-style:italic;letter-spacing:2px;position:relative}.gallery-ornament{color:#b8860b;font-size:1.5rem;letter-spacing:12px;margin:20px 0;opacity:.5;position:relative}.gallery-section{margin:0 auto;max-width:1400px;padding:20px 40px 60px}.section-title{border-left:3px solid #b8860b;color:#daa520;font-size:1.6rem;font-weight:600;margin-bottom:24px;padding-left:8px}.book-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.book-card{background:linear-gradient(145deg,#2a1f14,#1a1207);border:1px solid #b8860b26;border-radius:12px;color:inherit;cursor:pointer;overflow:hidden;position:relative;text-decoration:none;transition:all .4s ease}.book-card:hover{border-color:#b8860b66;box-shadow:0 20px 40px #00000080,0 0 30px #b8860b33;transform:translateY(-8px) scale(1.02)}.book-card-cover{aspect-ratio:2/3;display:block;object-fit:cover;transition:all .4s ease;width:100%}.book-card:hover .book-card-cover{filter:brightness(1.1)}.book-card-info{padding:16px}.book-card-title{color:#f5e6c8;font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:6px}.book-card-meta{align-items:center;color:#f5e6c880;display:flex;font-size:.85rem;justify-content:space-between}.book-card-badge{background:#b8860b33;border:1px solid #b8860b4d;border-radius:4px;color:#daa520;font-size:.75rem;padding:3px 8px}.book-card-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 40%,#0d0a05b3 70%,#0d0a05f2);display:flex;inset:0;justify-content:center;opacity:0;padding:24px;position:absolute;transition:opacity .3s ease}.book-card:hover .book-card-overlay{opacity:1}.read-btn{background:linear-gradient(135deg,#b8860b,#daa520);border:none;border-radius:8px;color:#1a1207;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:10px 28px;transition:all .3s ease}.read-btn:hover{box-shadow:0 4px 15px #b8860b80;transform:scale(1.05)}.gallery-empty{color:#f5e6c866;padding:80px 40px;text-align:center}.gallery-empty h3{color:#f5e6c899;font-size:1.5rem;margin-bottom:10px}@media (max-width:768px){.gallery-hero{padding:50px 20px 40px}.gallery-logo{font-size:2.5rem}.gallery-section{padding:20px 20px 40px}.book-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.section-title{font-size:1.3rem}}@media (max-width:480px){.gallery-hero{padding:35px 16px 25px}.gallery-logo{font-size:2rem;letter-spacing:2px}.gallery-subtitle{font-size:.95rem;letter-spacing:1px}.gallery-ornament{font-size:1.2rem;letter-spacing:8px;margin:12px 0}.gallery-section{padding:12px 14px 30px}.section-title{font-size:1.1rem;margin-bottom:16px;padding-left:6px}.book-grid{gap:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.book-card-info{padding:10px}.book-card-title{font-size:.95rem}.book-card-meta{font-size:.75rem}.book-card-badge{font-size:.65rem;padding:2px 6px}.read-btn{font-size:.85rem;padding:8px 20px}.book-card .book-card-overlay{opacity:0}.book-card:active .book-card-overlay{opacity:1}}:root{--parchment:#f5e6c8;--parchment-dark:#e8d5a3;--ink:#2c1810;--ink-light:#4a3728;--gold:#b8860b;--gold-light:#daa520;--burgundy:#6b1c23;--leather:#3a2010;--leather-dark:#2a1608}.reader-wrapper{align-items:center;background:radial-gradient(ellipse at center,#1a1207 0,#0d0a05 100%);box-sizing:border-box;display:flex;flex-direction:column;font-family:Cormorant Garamond,Georgia,serif;height:100vh;min-height:100vh;overflow:hidden;padding:14px 20px}.reader-toolbar{align-items:center;background:linear-gradient(135deg,#3b2b1fe6,#1e160ff2);border:1px solid #b8860b4d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;max-width:1200px;padding:10px 24px;width:100%}.book-title{color:#daa520;color:var(--gold-light);font-size:1.3rem;font-weight:600;letter-spacing:.5px}.toolbar-controls{align-items:center;display:flex;gap:12px}.orientation-toggle{background:#0000004d;border:1px solid #b8860b33;border-radius:8px;display:flex;padding:3px}.orientation-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#f5e6c899;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:6px;padding:8px 16px;transition:all .3s}.orientation-btn:hover{color:#f5e6c8;color:var(--parchment)}.orientation-btn.active{background:linear-gradient(135deg,#b8860b,#daa520);background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 2px 8px #b8860b66;color:#2c1810;color:var(--ink);font-weight:600}.orientation-btn svg{height:18px;width:18px}.lang-toggle{background:#0000004d;border:1px solid #b8860b33;border-radius:8px;display:flex;padding:3px}.lang-btn{background:#0000;border:none;border-radius:6px;color:#f5e6c899;cursor:pointer;font-family:inherit;font-size:.85rem;padding:8px 14px;transition:all .3s}.lang-btn.active,.lang-btn:hover{color:#f5e6c8;color:var(--parchment)}.lang-btn.active{background:linear-gradient(135deg,#6b1c23,#8b2232);background:linear-gradient(135deg,var(--burgundy),#8b2232);font-weight:600}.back-btn{align-items:center;background:#0000004d;border:1px solid #b8860b33;border-radius:8px;color:#f5e6c8;color:var(--parchment);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;gap:6px;padding:8px 16px;text-decoration:none;transition:all .3s}.back-btn:hover{background:#b8860b33;border-color:#b8860b;border-color:var(--gold)}.floating-back-btn{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0000008c;border:1px solid #b8860b40;border-radius:999px;box-shadow:0 4px 12px #0006;color:#f5e6c8;color:var(--parchment);display:inline-flex;font-family:inherit;font-size:.8rem;gap:6px;left:14px;letter-spacing:.5px;padding:8px 16px;position:fixed;text-decoration:none;top:14px;transition:background .2s,border-color .2s,transform .15s;z-index:40}.floating-back-btn:hover{background:#b8860b40;border-color:#b8860b;border-color:var(--gold);transform:translateY(-1px)}.audio-controls{gap:8px}.audio-btn,.audio-controls{align-items:center;display:flex}.audio-btn{background:linear-gradient(135deg,#6b1c23,#8b2232);background:linear-gradient(135deg,var(--burgundy),#8b2232);border:1px solid #b8860b4d;border-radius:8px;color:#f5e6c8;color:var(--parchment);cursor:pointer;font-family:inherit;font-size:.85rem;gap:6px;padding:8px 16px;transition:all .3s}.audio-btn:hover{background:linear-gradient(135deg,#8b2232,#a02a3c)}.audio-btn.playing{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#b8860b,#daa520);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#2c1810;color:var(--ink)}.audio-btn svg{height:16px;width:16px}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #b8860b4d}50%{box-shadow:0 0 20px #b8860b99}}.book-scene{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:8px;overscroll-behavior:none;position:relative;touch-action:none}.leather-frame{background:radial-gradient(ellipse at 20% 50%,#5a3a1e66,#0000 70%),radial-gradient(ellipse at 80% 50%,#5a3a1e66,#0000 70%),linear-gradient(145deg,#4a3020,#3a2010 20%,#2a1608 50%,#3a2010 80%,#4a3020);background:radial-gradient(ellipse at 20% 50%,#5a3a1e66,#0000 70%),radial-gradient(ellipse at 80% 50%,#5a3a1e66,#0000 70%),linear-gradient(145deg,#4a3020 0,var(--leather) 20%,var(--leather-dark) 50%,var(--leather) 80%,#4a3020 100%);border-radius:8px;box-shadow:0 20px 60px #0009,0 8px 25px #0006,inset 0 1px 0 #ffffff0a,inset 0 -1px 0 #0000004d;overflow:visible;padding:16px;position:relative}.leather-frame:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.06' d='M0 0h120v120H0z'/%3E%3C/svg%3E");border-radius:inherit;inset:0}.leather-frame:after,.leather-frame:before{content:"";pointer-events:none;position:absolute}.leather-frame:after{border:1px solid #b8860b2e;border-radius:5px;bottom:7px;left:7px;right:7px;top:7px}.nav-btn{align-items:center;background:linear-gradient(135deg,#3b2b1ff2,#1e160ff2);border:1.5px solid #b8860b66;border-radius:50%;box-shadow:0 4px 12px #0006;color:#daa520;color:var(--gold-light);cursor:pointer;display:flex;flex-shrink:0;font-size:1.8rem;height:48px;justify-content:center;line-height:1;transition:all .3s;width:48px;z-index:10}.nav-btn.is-pressed{background:linear-gradient(135deg,#b8860b,#daa520);background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 6px 20px #b8860b66;color:#2c1810;color:var(--ink);transform:scale(1.08)}@media (hover:hover) and (pointer:fine){.nav-btn:hover{background:linear-gradient(135deg,#b8860b,#daa520);background:linear-gradient(135deg,var(--gold),var(--gold-light));box-shadow:0 6px 20px #b8860b66;color:#2c1810;color:var(--ink);transform:scale(1.08)}}.nav-btn:focus{outline:none}.flip-page{background-color:#f5f1e6;background-image:radial-gradient(ellipse 22% 18% at 18% 22%,#8b45131c 0,rgba(139,69,19,.066) 25%,rgba(139,69,19,.033) 55%,#0000 80%),radial-gradient(ellipse 25% 20% at 78% 18%,rgba(139,69,19,.088) 0,rgba(139,69,19,.055) 28%,rgba(139,69,19,.028) 58%,#0000 82%),radial-gradient(ellipse 24% 22% at 28% 78%,rgba(139,69,19,.121) 0,rgba(139,69,19,.077) 25%,rgba(139,69,19,.033) 55%,#0000 80%),radial-gradient(ellipse 26% 20% at 82% 72%,rgba(139,69,19,.099) 0,rgba(139,69,19,.066) 28%,rgba(139,69,19,.028) 58%,#0000 82%),radial-gradient(ellipse 20% 16% at 55% 50%,rgba(139,69,19,.055) 0,rgba(139,69,19,.033) 30%,rgba(139,69,19,.017) 60%,#0000 85%),radial-gradient(ellipse at center,#f5f1e6 0,#e8d9b7 70%,#d9c59c 100%);border:1px solid #c2b5a3;color:#785e3a;container-name:flippage;container-type:inline-size;overflow:hidden;padding:8px}.flip-page.--left{border-right:0;box-shadow:inset -7px 0 30px -7px #0006}.flip-page.--right{border-left:0;box-shadow:inset 7px 0 30px -7px #0006}.flip-page.page-cover-style{background-color:#e3d0b5;border:1px solid #998466;color:#785e3a;padding:0}.flip-page.page-cover-style.--left{box-shadow:inset 0 0 18px 0 #240a032e,-2px 0 5px 2px #00000059}.flip-page.page-cover-style.--right{box-shadow:inset 0 0 18px 0 #240a032e,10px 0 8px 0 #00000059}.flip-page-content{align-items:stretch;flex-direction:column;height:100%;justify-content:space-between;width:100%}.flip-page-content,.page-cover{display:flex;min-height:0;overflow:visible}.page-cover{align-items:center;flex:1 1;flex-direction:column;gap:12px;justify-content:center;position:relative;text-align:center}.page-cover-style .flip-page-content{padding:20px}.cover-img{border:3px solid #b8860b80;border-radius:8px;box-shadow:0 0 12px #140a008c;flex-shrink:0;height:auto;max-height:88%;max-width:100%;object-fit:contain;width:auto}.cover-title{color:#6b1c23;color:var(--burgundy);flex-shrink:0;font-size:1.3rem;font-weight:700;letter-spacing:.5px;line-height:1.25;margin:0;padding:0 10px}[dir=rtl] .cover-title{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.8rem}.page-back .cover-title{color:#2c1810;color:var(--ink);font-size:1.8rem}.back-cover-inner{align-items:center;border:3px solid #b8860b80;border-radius:8px;box-shadow:0 0 12px #140a0047;display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:78%;padding:28px 24px}.back-cover-inner .cover-title{font-size:2.2rem;margin:0}.thanks-line{color:#2c1810;color:var(--ink);font-family:inherit;font-size:1.15rem;line-height:1.9;margin:0}[dir=rtl] .thanks-line{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.05rem;line-height:1.85}.page-blank,.page-intro-scroll{flex:1 1;min-height:0}.page-intro-scroll{-webkit-overflow-scrolling:touch;align-items:safe center;display:flex;justify-content:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.page-intro-scroll::-webkit-scrollbar{width:4px}.page-intro-scroll::-webkit-scrollbar-track{background:#0000}.page-intro-scroll::-webkit-scrollbar-thumb{background:#783c1433;border-radius:2px}.page-intro{align-items:center;display:flex;flex-direction:column;gap:18px;padding:20px 24px;text-align:center;width:100%}.intro-category{color:#2c1810;color:var(--ink);font-family:inherit;font-size:1.15rem;line-height:1.9;margin:0;opacity:.7}[dir=rtl] .intro-category{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.05rem;line-height:1.85}.intro-title{color:#6b1c23;color:var(--burgundy);font-family:inherit;font-size:1.8rem;font-weight:700;letter-spacing:.5px;line-height:1.25;margin:0;max-width:92%;padding:0 10px}[dir=rtl] .intro-title{font-family:Scheherazade New,Traditional Arabic,serif;font-size:2rem}.intro-audio-btn{align-items:center;background:#0000;border:3px solid #b8860b80;border-radius:50%;box-shadow:0 0 12px #140a0047;color:#6b1c23;color:var(--burgundy);cursor:pointer;display:inline-flex;height:58px;justify-content:center;margin:6px 0;transition:background .2s,transform .15s;width:58px}.intro-audio-btn svg{height:22px;width:22px}.intro-audio-btn:hover:not(:disabled){background:#b8860b14;transform:translateY(-1px)}.intro-audio-btn:disabled{cursor:wait;opacity:.6}.intro-audio-btn.playing{background:#6b1c23;background:var(--burgundy);border-color:#6b1c23;border-color:var(--burgundy);color:#f5e6c8;color:var(--parchment)}.intro-drag-hint{color:#2c1810;color:var(--ink);font-family:inherit;font-size:1.15rem;line-height:1.9;margin:0;opacity:.85}[dir=rtl] .intro-drag-hint{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.05rem;line-height:1.85}.intro-arrow{animation:intro-arrow-slide 2.2s ease-in-out infinite;color:#6b1c23;color:var(--burgundy);margin-top:-2px;opacity:.55}.intro-arrow svg{display:block;height:16px;width:64px}@container flippage (max-width: 440px){.page-intro{gap:14px;padding:18px}.intro-category{font-size:.95rem;line-height:1.6}[dir=rtl] .intro-category{font-size:.98rem;line-height:1.75}.intro-title{font-size:1.4rem;line-height:1.25;max-width:100%;padding:0 6px}[dir=rtl] .intro-title{font-size:1.55rem;line-height:1.4}.intro-audio-btn{height:50px;width:50px}.intro-audio-btn svg{height:20px;width:20px}.intro-drag-hint{font-size:.95rem;line-height:1.6}[dir=rtl] .intro-drag-hint{font-size:.98rem;line-height:1.75}.intro-arrow svg{height:14px;width:54px}.back-cover-inner{gap:12px;max-width:90%;padding:18px 14px}.back-cover-inner .cover-title{font-size:1.4rem}[dir=rtl] .back-cover-inner .cover-title{font-size:1.55rem}.thanks-line{font-size:.95rem;line-height:1.55}[dir=rtl] .thanks-line{font-size:.98rem;line-height:1.7}.back-cover-inner .page-ornament{font-size:.85rem;letter-spacing:6px}.page-controls{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:6px;padding:5px 6px 0}.page-controls>:first-child,.page-controls>:nth-child(2),.page-controls>:nth-child(3){justify-self:auto}.page-controls .lang-toggle,.page-controls .orientation-toggle{flex-shrink:0;padding:1px}.page-controls .orientation-btn{padding:3px 4px}.page-controls .orientation-btn svg{height:10px;width:10px}.page-controls .lang-btn{font-size:.55rem;font-weight:700;padding:3px 5px}.page-listen-btn{border-width:1px;flex-shrink:0;height:24px;width:24px}.page-listen-btn svg{height:11px;width:11px}}@container flippage (max-width: 260px){.page-controls{gap:3px;padding:4px 4px 0}.page-controls .orientation-btn{padding:2px 3px}.page-controls .orientation-btn svg{height:8px;width:8px}.page-controls .lang-btn{font-size:.5rem;padding:2px 4px}.page-listen-btn{height:20px;width:20px}.page-listen-btn svg{height:9px;width:9px}}.intro-arrow--rtl{animation-name:intro-arrow-slide-rtl!important}@keyframes intro-arrow-slide{0%,to{transform:translateX(0)}50%{transform:translateX(6px)}}@keyframes intro-arrow-slide-rtl{0%,to{transform:scaleX(-1) translateX(0)}50%{transform:scaleX(-1) translateX(6px)}}.page-illust{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:0;position:relative}.illust-img{border:3px solid #b8860b80;border-radius:14px;box-shadow:0 0 12px #140a008c;display:block;height:auto;max-height:100%;max-width:100%;width:auto}.chapter-title{color:#6b1c23;color:var(--burgundy);font-size:1.2rem;font-weight:700;margin:0 0 5px;text-align:center}[dir=rtl] .chapter-title{font-family:Scheherazade New,Traditional Arabic,serif}.page-reading{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;padding:16px 22px;position:relative}.reading-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;touch-action:pan-y}.reading-scroll,.reading-scroll *{overflow-anchor:none}.reading-scroll::-webkit-scrollbar{width:4px}.reading-scroll::-webkit-scrollbar-track{background:#0000}.reading-scroll::-webkit-scrollbar-thumb{background:#783c1433;border-radius:2px}.reading-text{color:#2c1810;color:var(--ink);font-size:1.15rem;line-height:1.9;margin:0;white-space:pre-wrap}[dir=rtl] .reading-text{font-family:Scheherazade New,Traditional Arabic,serif;font-size:1.05rem;line-height:1.85;text-align:right}.reading-text-highlighted{white-space:normal}.tts-word{border-radius:3px;padding:1px 0;transition:background-color .15s ease,color .15s ease}.word-active{background-color:#b8860b4d;box-shadow:0 1px 4px #b8860b33;color:#2c1810;color:var(--ink)}[dir=rtl] .word-active{background-color:#6b1c2333}.page-controls{grid-gap:10px;align-items:center;border-top:1px solid #b8860b33;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin-top:14px;padding:8px 40px 0}.page-controls>:first-child{justify-self:start}.page-controls>:nth-child(2){justify-self:center}.page-controls>:nth-child(3){justify-self:end}.page-controls .lang-toggle,.page-controls .orientation-toggle{background:#0000000f;border:1px solid #b8860b40;border-radius:999px;padding:2px}.page-controls .orientation-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#4a3728;color:var(--ink-light);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;gap:4px;padding:5px 8px}.page-controls .orientation-btn svg{height:14px;width:14px}.page-controls .orientation-btn.active{background:#b8860b99;color:#f5e6c8;color:var(--parchment)}.page-controls .lang-btn{background:#0000;border:none;border-radius:999px;color:#4a3728;color:var(--ink-light);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:5px 10px}.page-controls .lang-btn.active{background:#6b1c23d9;color:#f5e6c8;color:var(--parchment)}.page-listen-btn{align-items:center;background:#b8860b1f;border:1px solid #b8860b73;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#2c1810;color:var(--ink);cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin:0;padding:0;transition:background .2s,transform .15s,box-shadow .2s;width:38px}.page-listen-btn:hover:not(:disabled){background:#b8860b33;box-shadow:0 4px 10px #00000026;transform:translateY(-1px)}.page-listen-btn:disabled{cursor:wait;opacity:.6}.page-listen-btn svg{height:18px;width:18px}.page-listen-btn.playing{background:#6b1c23;background:var(--burgundy);border-color:#6b1c23;border-color:var(--burgundy);color:#f5e6c8;color:var(--parchment)}.page-ornament{color:#b8860b;color:var(--gold);font-size:1rem;letter-spacing:8px;margin:8px 0;opacity:.5;text-align:center}.pg-num{color:#4a3728;color:var(--ink-light);display:block;font-size:.8rem;font-style:italic;margin-top:auto;padding-top:8px;text-align:center}.pg-num:after,.pg-num:before{color:#b8860b;color:var(--gold);content:"—";margin:0 8px}.progress-bar-container{align-items:center;bottom:10px;display:flex;gap:12px;left:50%;margin-top:0;max-width:1200px;padding:0 24px;position:fixed;transform:translateX(-50%);width:100%;z-index:30}.progress-track{background:#f5e6c826;border-radius:4px;flex:1 1;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#b8860b,#daa520);background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:4px;height:100%;transition:width .5s}.progress-text{color:#f5e6c880;font-size:.8rem;white-space:nowrap}.reader-loading{align-items:center;color:#daa520;color:var(--gold-light);display:flex;flex-direction:column;font-size:1.3rem;gap:20px;justify-content:center;min-height:80vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #b8860b33;border-radius:50%;border-top:3px solid var(--gold-light);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.reader-wrapper{padding:10px 14px}.reader-toolbar{margin-bottom:10px;padding:10px 16px}.book-title{font-size:1.1rem}.leather-frame{padding:12px}.progress-bar-container{margin-top:12px;padding:0 16px}}@media (max-width:768px){.reader-toolbar{border-radius:10px;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px 14px}.book-title{font-size:1rem;text-align:center}.toolbar-controls{flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.lang-toggle,.orientation-toggle{padding:2px}.orientation-btn{font-size:.78rem;gap:4px;padding:6px 10px}.orientation-btn svg{height:14px;width:14px}.lang-btn{font-size:.78rem;padding:6px 10px}.audio-btn,.back-btn{font-size:.78rem;padding:6px 12px}.leather-frame{border-radius:6px;padding:8px}.book-scene{gap:8px}.nav-btn{font-size:1.3rem;height:36px;width:36px}.flip-page{padding:14px}.flip-page-content{padding:0}.page-cover-style .flip-page-content{padding:14px}.reading-text{font-size:.95rem;line-height:1.7}[dir=rtl] .reading-text{font-size:1.1rem;line-height:1.9}.cover-title{font-size:1.2rem}.chapter-title{font-size:1rem}.page-ornament{font-size:.85rem;margin:5px 0}.pg-num{font-size:.7rem;padding-top:5px}.progress-bar-container{gap:8px;margin-top:8px;padding:0 12px}.progress-text{font-size:.7rem}}@media (max-width:480px){.reader-wrapper{height:100vh;height:100dvh;padding:56px 8px 16px}.reader-toolbar{border-radius:8px;gap:6px;margin-bottom:6px;padding:8px 10px}.book-title{font-size:.85rem}.back-btn{font-size:.75rem;gap:4px;padding:5px 10px}.toolbar-controls{gap:5px}.orientation-btn{font-size:.72rem;padding:5px 8px}.orientation-btn svg{height:12px;width:12px}.lang-btn{font-size:.72rem;padding:5px 8px}.audio-btn{font-size:.72rem;gap:4px;padding:5px 10px}.audio-btn svg{height:13px;width:13px}.book-scene{gap:4px}.leather-frame{border-radius:5px;box-shadow:0 10px 30px #00000080,0 4px 12px #0000004d;padding:5px}.nav-btn{border-width:1px;box-shadow:0 2px 8px #0000004d;font-size:1.1rem;height:32px;width:32px}.flip-page{border-width:.5px}.flip-page,.page-cover-style .flip-page-content{padding:10px}.reading-text{font-size:1.05rem;line-height:1.75}[dir=rtl] .reading-text{font-size:1.1rem;line-height:1.9}.cover-title{font-size:1rem}[dir=rtl] .cover-title{font-size:1.2rem}.chapter-title{font-size:.9rem}.cover-img{border-radius:5px;width:92%}.illust-img{border-radius:4px}.page-intro{gap:14px;padding:16px 14px}.intro-category{font-size:1rem;line-height:1.5}[dir=rtl] .intro-category{font-size:1.05rem;line-height:1.7}.intro-title{font-size:1.6rem;line-height:1.25;max-width:100%;padding:0 4px}[dir=rtl] .intro-title{font-size:1.8rem;line-height:1.4}.intro-audio-btn{border-width:2px;height:52px;width:52px}.intro-audio-btn svg{height:20px;width:20px}.intro-drag-hint{font-size:1rem;line-height:1.5}[dir=rtl] .intro-drag-hint{font-size:1.05rem;line-height:1.7}.intro-arrow svg{height:14px;width:56px}.back-cover-inner{gap:12px;max-width:88%;padding:20px 16px}.back-cover-inner .cover-title{font-size:1.6rem}[dir=rtl] .back-cover-inner .cover-title{font-size:1.8rem}.thanks-line{font-size:1.05rem;line-height:1.6}[dir=rtl] .thanks-line{font-size:1.1rem;line-height:1.75}.page-ornament{font-size:.75rem;letter-spacing:5px;margin:3px 0}.pg-num{font-size:.65rem;padding-top:3px}.pg-num:after,.pg-num:before{margin:0 5px}.progress-bar-container{gap:6px;margin-top:6px;padding:0 8px}.progress-track{height:3px}.progress-text{font-size:.65rem}.word-active{box-shadow:none}}@supports (height:100dvh){.reader-wrapper{height:100dvh}}@media (min-width:480px) and (max-width:1024px){.reader-wrapper{padding-top:56px}.floating-back-btn{font-size:.78rem;left:12px;padding:9px 18px;top:12px}.book-scene{gap:14px}.nav-btn{flex-shrink:0;font-size:1.6rem;height:46px;width:46px}.page-controls{gap:12px;margin-top:14px;padding:10px 32px 0}.page-listen-btn{border-width:2px;height:48px;width:48px}.page-listen-btn svg{height:22px;width:22px}.page-controls .lang-toggle,.page-controls .orientation-toggle{padding:3px}.page-controls .orientation-btn{padding:7px 11px}.page-controls .orientation-btn svg{height:16px;width:16px}.page-controls .lang-btn{font-size:.88rem;font-weight:700;padding:7px 13px}}@media (max-width:768px){.book-scene{gap:6px!important;justify-content:center!important;width:100%!important}.book-scene,.nav-btn{position:static!important}.nav-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#3b2b1ff2,#1e160ff2)!important;border:1.5px solid #b8860b66!important;color:#daa520!important;color:var(--gold-light)!important;flex-shrink:0!important;font-size:1.35rem!important;height:40px!important;min-width:40px!important;transform:none!important;width:40px!important;z-index:10!important}.nav-btn.is-pressed{background:linear-gradient(135deg,#b8860b,#daa520)!important;background:linear-gradient(135deg,var(--gold),var(--gold-light))!important;border-color:#daa520!important;border-color:var(--gold-light)!important;box-shadow:0 6px 20px #b8860b66!important;color:#2c1810!important;color:var(--ink)!important;transform:scale(.94)!important}}@media (hover:hover) and (pointer:fine){.nav-btn:hover{background:linear-gradient(135deg,#b8860b,#daa520)!important;background:linear-gradient(135deg,var(--gold),var(--gold-light))!important;border-color:#daa520!important;border-color:var(--gold-light)!important;box-shadow:0 6px 20px #b8860b66!important;color:#2c1810!important;color:var(--ink)!important}}@media (max-width:900px){.page-controls .orientation-toggle{display:none!important}.page-controls{align-items:center!important;display:flex!important;justify-content:space-between!important}}@media (max-width:900px) and (orientation:landscape){.page-controls{gap:8px!important;margin-top:6px!important;padding:5px 12px 0!important}.page-controls .lang-toggle{padding:2px!important}.page-controls .lang-btn{font-size:.74rem!important;padding:5px 10px!important}.page-listen-btn{border-width:1px!important;height:34px!important;width:34px!important}.page-listen-btn svg{height:15px!important;width:15px!important}}@media (max-width:900px) and (orientation:portrait){.page-controls{gap:10px!important;margin-top:10px!important;padding:8px 14px 0!important}.page-controls .lang-toggle{flex-shrink:0!important;padding:3px!important}.page-controls .lang-btn{font-size:.9rem!important;font-weight:700!important;padding:8px 14px!important}.page-listen-btn{border-width:2px!important;flex-shrink:0!important;height:44px!important;width:44px!important}.page-listen-btn svg{height:20px!important;width:20px!important}.reading-text{font-size:1.15rem!important;line-height:1.8!important}[dir=rtl] .reading-text{font-size:1.2rem!important;line-height:1.95!important}.page-ornament{font-size:1.3rem!important;letter-spacing:10px!important;margin:8px 0!important}}@media (min-width:600px) and (max-width:1024px) and (orientation:portrait){.book-scene .nav-btn{display:none!important}.book-scene{gap:0!important}.page-controls .orientation-toggle{display:flex!important}.page-controls{gap:14px!important;margin-top:12px!important;padding:10px 32px 0!important}.page-controls .lang-toggle,.page-controls .orientation-toggle{padding:3px!important}.page-controls .orientation-btn{padding:8px 12px!important}.page-controls .orientation-btn svg{height:18px!important;width:18px!important}.page-controls .lang-btn{font-size:1rem!important;font-weight:700!important;padding:9px 16px!important}.page-listen-btn{border-width:2px!important;height:52px!important;width:52px!important}.page-listen-btn svg{height:24px!important;width:24px!important}.reading-text{font-size:1.35rem!important;line-height:1.85!important}[dir=rtl] .reading-text{font-size:1.45rem!important;line-height:2!important}.page-ornament{font-size:1.4rem!important;letter-spacing:10px!important;margin:10px 0!important}.page-intro{gap:22px!important;padding:32px 36px!important}.intro-category{font-size:1.25rem!important;line-height:1.7!important}[dir=rtl] .intro-category{font-size:1.35rem!important;line-height:1.9!important}.intro-title{font-size:2.25rem!important;line-height:1.25!important;padding:0 12px!important}[dir=rtl] .intro-title{font-size:2.5rem!important;line-height:1.45!important}.intro-audio-btn{border-width:3px!important;height:72px!important;width:72px!important}.intro-audio-btn svg{height:28px!important;width:28px!important}.intro-drag-hint{font-size:1.25rem!important;line-height:1.7!important}[dir=rtl] .intro-drag-hint{font-size:1.35rem!important;line-height:1.9!important}.intro-arrow svg{height:18px!important;width:80px!important}.back-cover-inner{gap:18px!important;max-width:78%!important;padding:32px 28px!important}.back-cover-inner .cover-title{font-size:2.2rem!important}[dir=rtl] .back-cover-inner .cover-title{font-size:2.5rem!important}.thanks-line{font-size:1.25rem!important;line-height:1.7!important}[dir=rtl] .thanks-line{font-size:1.35rem!important;line-height:1.9!important}.back-cover-inner .page-ornament{font-size:1.2rem!important;letter-spacing:12px!important}.cover-img{max-height:90%!important}}@media (min-width:1280px){.reading-text{font-size:1.45rem;line-height:1.85}[dir=rtl] .reading-text{font-size:1.6rem;line-height:2}.chapter-title{font-size:1.6rem}[dir=rtl] .chapter-title{font-size:1.8rem}.page-ornament{font-size:1.4rem;letter-spacing:12px;margin:12px 0}.intro-title{font-size:2.4rem;line-height:1.25}[dir=rtl] .intro-title{font-size:2.7rem}.intro-category{font-size:1.35rem}[dir=rtl] .intro-category{font-size:1.45rem}.intro-drag-hint{font-size:1.35rem}[dir=rtl] .intro-drag-hint{font-size:1.45rem}.intro-audio-btn{height:74px;width:74px}.intro-audio-btn svg{height:28px;width:28px}.back-cover-inner .cover-title{font-size:2.4rem}[dir=rtl] .back-cover-inner .cover-title{font-size:2.7rem}.thanks-line{font-size:1.35rem;line-height:1.8}[dir=rtl] .thanks-line{font-size:1.45rem;line-height:1.95}.page-reading{padding:32px 56px}.page-controls{gap:12px;margin-top:16px;padding:12px 28px 0}.page-listen-btn{border-width:2px;height:52px;width:52px}.page-listen-btn svg{height:23px;width:23px}.page-controls .lang-toggle,.page-controls .orientation-toggle{padding:3px}.page-controls .orientation-btn{padding:8px 12px}.page-controls .orientation-btn svg{height:17px;width:17px}.page-controls .lang-btn{font-size:.92rem;font-weight:700;padding:8px 14px}.nav-btn{border-width:2px;font-size:2.2rem;height:62px;width:62px}}.reader-wrapper--phone-portrait{align-items:center!important;justify-content:center!important;overflow-x:hidden!important;padding:40px 16px!important}.reader-wrapper--phone-portrait .floating-back-btn{font-size:.72rem!important;left:8px!important;padding:5px 10px!important;top:8px!important}.reader-wrapper--phone-portrait .book-scene{align-items:center!important;box-sizing:border-box!important;display:flex!important;gap:0!important;justify-content:center!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.reader-wrapper--phone-portrait .nav-btn{display:none!important}.reader-wrapper--phone-portrait .leather-frame{box-shadow:0 4px 10px #00000080,0 1px 4px #0000004d!important;box-sizing:border-box!important;padding:4px!important}.reader-wrapper--phone-portrait .leather-frame:before{inset:-3px!important}.reader-wrapper--phone-landscape{justify-content:flex-start!important;padding:4px 8px 0!important}.reader-wrapper--phone-landscape .floating-back-btn{align-self:flex-start!important;flex-shrink:0!important;font-size:.7rem!important;margin:0 0 4px!important;padding:5px 10px!important;position:static!important}.reader-wrapper--phone-landscape .book-scene{gap:6px!important;margin-top:0!important}.reader-wrapper--phone-landscape .nav-btn{border-width:1px!important;flex-shrink:0!important;font-size:1.1rem!important;height:34px!important;width:34px!important}.reader-wrapper--phone-landscape .leather-frame{padding:4px!important}.reader-wrapper--phone-landscape .leather-frame:before{inset:-4px!important}.reader-wrapper--phone-landscape .progress-bar-container{bottom:4px!important;padding:0 8px!important}.reader-wrapper--tablet-portrait{overflow-x:hidden!important;padding-left:4px!important;padding-right:4px!important}.reader-wrapper--tablet-portrait .book-scene{box-sizing:border-box!important;gap:0!important;justify-content:center!important;max-width:100%!important;width:100%!important}.reader-wrapper--tablet-portrait .leather-frame{box-shadow:0 10px 24px #0000008c,0 3px 8px #00000059!important;box-sizing:border-box!important;max-width:100%!important;padding:6px!important}.reader-wrapper--tablet-portrait .leather-frame:before{inset:-5px!important}.reader-wrapper--tablet-portrait .page-controls .orientation-toggle{display:none!important}.reader-wrapper--tablet-portrait .page-controls{align-items:center!important;display:flex!important;gap:18px!important;justify-content:space-between!important;padding:12px 40px 0!important}.reader-wrapper--tablet-portrait .page-listen-btn{height:54px!important;width:54px!important}.reader-wrapper--tablet-portrait .page-listen-btn svg{height:24px!important;width:24px!important}.reader-wrapper--tablet-portrait .page-controls .lang-toggle{padding:3px!important}.reader-wrapper--tablet-portrait .page-controls .lang-btn{font-size:1rem!important;padding:9px 18px!important}.reader-wrapper--tablet-landscape{padding-top:60px!important}.reader-wrapper--tablet-landscape .floating-back-btn{font-size:.78rem!important;left:12px!important;padding:9px 18px!important;top:12px!important}.reader-wrapper--tablet-landscape .book-scene{gap:14px!important}.reader-wrapper--tablet-landscape .nav-btn{flex-shrink:0!important;font-size:1.7rem!important;height:48px!important;width:48px!important}.reader-wrapper--tablet-portrait .reading-text{font-size:1.65rem!important;line-height:1.85!important}.reader-wrapper--tablet-portrait [dir=rtl] .reading-text{font-size:1.8rem!important;line-height:2!important}.reader-wrapper--tablet-portrait .page-ornament{font-size:1.5rem!important;letter-spacing:14px!important;margin:14px 0!important}.reader-wrapper--tablet-portrait .page-listen-btn{border-width:2px!important;height:64px!important;width:64px!important}.reader-wrapper--tablet-portrait .page-listen-btn svg{height:28px!important;width:28px!important}.reader-wrapper--tablet-portrait .page-controls .lang-btn{font-size:1.15rem!important;font-weight:700!important;padding:12px 22px!important}.reader-wrapper--tablet-portrait .page-controls{gap:24px!important;margin-top:18px!important;padding:16px 48px 0!important}.reader-wrapper--tablet-portrait .intro-title{font-size:2.6rem!important;line-height:1.25!important}.reader-wrapper--tablet-portrait [dir=rtl] .intro-title{font-size:2.9rem!important}.reader-wrapper--tablet-portrait .intro-category,.reader-wrapper--tablet-portrait .intro-drag-hint{font-size:1.4rem!important;line-height:1.7!important}.reader-wrapper--tablet-portrait .intro-audio-btn{border-width:3px!important;height:80px!important;width:80px!important}.reader-wrapper--tablet-portrait .intro-audio-btn svg{height:32px!important;width:32px!important}.reader-wrapper--tablet-portrait .intro-arrow svg{height:20px!important;width:88px!important}.reader-wrapper--tablet-portrait .back-cover-inner .cover-title{font-size:2.6rem!important}.reader-wrapper--tablet-portrait [dir=rtl] .back-cover-inner .cover-title{font-size:2.9rem!important}.reader-wrapper--tablet-portrait .thanks-line{font-size:1.4rem!important;line-height:1.7!important}
/*# sourceMappingURL=main.a47b16bd.css.map*/