:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #646cff;--primary-hover: #535bf2;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--card-bg: #1a1a1a}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--bg-color: #ffffff;--text-color: #213547;--card-bg: #f9f9f9}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{color:#213547;background-color:#f9f9f9}}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%}.top-header{display:flex;justify-content:flex-end;padding:1rem;width:100%;box-sizing:border-box;position:relative}.header-inner{display:flex;align-items:center;gap:1rem;width:100%;justify-content:space-between}.main-header{margin-bottom:3rem}.results-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;text-align:left}.results-column{background:var(--card-bg);padding:1.5rem;border-radius:12px}.column-header{font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333;color:var(--primary-color)}@media (max-width: 480px){#app{padding:1rem}}.main-title{font-size:1.5rem;margin:0;color:var(--primary-color)}.brand-prefix{margin-right:.4rem;font-weight:800;color:currentColor;opacity:.95}.praise-text{font-family:Amiri,serif;font-size:clamp(2rem,7vw,3.2rem);color:#fbbf24;margin:1rem 0 0;padding:.5rem 1rem;cursor:pointer;transition:transform .2s,text-shadow .3s;-webkit-user-select:none;user-select:none;display:inline-block;vertical-align:middle;line-height:1.2}@media (max-width: 480px){.praise-text{font-size:2.1rem;line-height:1.25}}.praise-text:hover{transform:scale(1.05);text-shadow:0 0 20px rgba(251,191,36,.4)}.praise-text.playing{animation:pulse-glow 2s infinite;color:#fcd34d}@keyframes pulse-glow{0%{text-shadow:0 0 10px rgba(251,191,36,.2)}50%{text-shadow:0 0 30px rgba(251,191,36,.6);transform:scale(1.02)}to{text-shadow:0 0 10px rgba(251,191,36,.2)}}.welcome-text{font-size:1.2rem;color:#9c9c9c;max-width:600px;margin:0 auto}.data-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem auto .5rem}.data-pill{background:#747bff1a;color:var(--primary-color);border:1px solid rgba(116,123,255,.2);border-radius:999px;padding:.35rem .75rem;font-size:.9rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.pill-icon{display:inline-flex;align-items:center;justify-content:center}.search-bar{display:flex;gap:.5rem;max-width:600px;margin:0 auto 1.5rem}.search-description{text-align:center;max-width:700px;margin:0 auto 2.5rem;padding:0 1rem}.search-intro{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.75rem;letter-spacing:-.01em}.search-hint{font-size:.95rem;color:#bbb;margin-bottom:.25rem;line-height:1.5}.search-disclaimer{font-size:.9rem;font-weight:500;color:var(--primary-color);margin-top:1rem;font-style:italic;opacity:.9}.btn-primary{background:linear-gradient(135deg,#1f3b8a,#2563eb);color:#fff;border:2px solid #1a2c63;font-weight:700;box-shadow:0 10px 25px #2563eb59;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-primary:hover{background:linear-gradient(135deg,#1c3a99,#1d4ed8);box-shadow:0 12px 30px #1d4ed873;transform:translateY(-1px)}.btn-primary:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:3px}#search-input{flex:1;padding:.8rem 1.2rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;font-size:1rem}.search-select{padding:.8rem 1.2rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;font-size:1rem;cursor:pointer;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-select:focus-visible,#search-input:focus-visible{outline:2px solid var(--primary-color);border-color:var(--primary-color)}#search-button{background-color:var(--primary-color);color:#fff}.pagination{display:flex;justify-content:center;gap:.5rem}.page-btn{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color);padding:.5rem .75rem;border-radius:4px;cursor:pointer}.page-btn.active{background-color:transparent;color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.info-icon{display:inline-block;width:16px;height:16px;border-radius:50%;background-color:var(--primary-color);color:#fff;text-align:center;font-size:12px;line-height:16px;cursor:pointer;margin-left:8px;position:relative}.info-popup{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:10px;border-radius:4px;width:200px;font-size:12px;display:none;z-index:10}.info-icon:hover .info-popup{display:block}@media (prefers-color-scheme: light){#search-input,.search-select{background:#fff;color:#000;border-color:#ccc}}.discovery-panel{max-width:1000px;margin:1rem auto 3rem;opacity:0;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discovery-section-title{font-size:.95rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;text-transform:uppercase;font-style:italic;letter-spacing:.1em;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.discovery-section-title:before,.discovery-section-title:after{content:"";height:1px;width:40px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.5}.discovery-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2.5rem}.discovery-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.85rem 1rem;cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;position:relative;overflow:hidden;min-height:80px}.discovery-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.discovery-card:hover{transform:translateY(-2px);background:#ffffff0f;border-color:#747bff66;box-shadow:0 4px 12px #0003}.discovery-card:hover:before{opacity:1}.card-icon{font-size:1.35rem;margin-bottom:.1rem}.card-title{font-size:.9rem;font-weight:700;color:#fff;line-height:1.3}.card-subtitle{display:none}.discovery-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.topic-group-title{font-size:.9rem;font-weight:600;color:#888;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.topic-group-title i,.topic-group-title .icon{color:var(--primary-color)}.discovery-chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{padding:.5rem .9rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ddd;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.chip:hover{background:#747bff26;border-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.chip:active{transform:translateY(0)}@media (max-width: 600px){.discovery-cards-grid{grid-template-columns:1fr 1fr}.discovery-topics-grid{grid-template-columns:1fr;gap:1.5rem}}@media (prefers-color-scheme: light){.discovery-card{background:#0000000a;border-color:#0000001a}.discovery-card:hover{background:#00000014;border-color:var(--primary-color)}.discovery-card:before{background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%)}.card-title{color:#333}.card-subtitle{color:#666}.chip{background:#0000000d;border-color:#0000001a;color:#444}.chip:hover{background:#747bff33;color:var(--primary-color)}.discovery-group .discovery-heading{color:#333}.discovery-section-title{color:var(--primary-color)}}.discovery-subsection-header{text-align:left;margin-bottom:.75rem}.browse-link{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;color:#ddd;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:all .2s cubic-bezier(.2,.8,.2,1);text-transform:uppercase;letter-spacing:.05em}.browse-link:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.link-icon{font-size:.9rem;opacity:.7}.browse-link:hover .link-icon{opacity:1}@keyframes pulseHighlight{0%{box-shadow:0 0 #2563eb66;border-color:var(--primary-color)}50%{box-shadow:0 0 0 4px #2563eb33;border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}to{box-shadow:0 0 #2563eb00}}.highlight-pulse{animation:pulseHighlight 1s ease-out;border-color:var(--primary-color)!important}.result-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #333}.result-item:last-child{border-bottom:none}.madhhab-badge{background:#333;padding:2px 6px;border-radius:4px;font-size:.8em;color:#aaa}.search-highlight{background-color:#fff3cd;color:#856404;font-weight:700;padding:0 2px;border-radius:2px}.play-audio-trigger{cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.play-audio-trigger:hover{background-color:#0000000d}.play-audio-trigger.playing{background-color:#d4edda;border:1px solid #c3e6cb}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;width:90%;max-width:800px;height:80vh;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;position:relative;box-shadow:0 10px 25px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.modal-title{margin:0;font-size:1.25rem;color:#111;flex:1;text-align:center}.modal-back-btn,.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:90px;height:44px;padding:.55rem 1rem;border-radius:12px;border:1px solid #d0d7de;background:#fff;color:#111;cursor:pointer;font-weight:600;font-size:.95rem;line-height:1.1;transition:background .15s ease,border-color .15s ease,transform .1s ease}.modal-body{flex:1;overflow-y:auto;padding:1rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:Amiri,serif;font-size:1.2em;line-height:2;white-space:pre-wrap}.modal-footer{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem;justify-content:center;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(8px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.modal-controls-toggle{position:absolute;right:.75rem;bottom:.75rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:110px;height:44px;padding:.55rem 1rem;border-radius:12px;border:1px solid #d0d7de;background:#fffffffa;color:#111;cursor:pointer;font-weight:600;font-size:.95rem;line-height:1.1;box-shadow:0 8px 18px #0000001f;transition:background .15s ease,border-color .15s ease,transform .1s ease}.loading-spinner{display:inline-block;width:30px;height:30px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite;margin:2rem auto;display:block}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots:after{content:"...";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.language-switcher{display:flex;gap:.5rem;position:relative}.language-button{padding:.4rem .8rem;font-size:.9rem;background:transparent;border:1px solid #444}.language-button[data-active=true]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#1a1a1a;border:1px solid #444;border-radius:8px;padding:.5rem;display:none;flex-direction:column;gap:.2rem;min-width:150px;z-index:100;box-shadow:0 4px 12px #00000080}.dropdown-menu.show{display:flex}.dropdown-item{padding:.5rem;border-radius:4px;text-align:left;color:#ccc;text-decoration:none}.dropdown-item:hover{background:#333;color:#fff}.dropdown-item[data-active=true]{background:var(--primary-color);color:#fff}@media (prefers-color-scheme: light){.language-button{color:#333;border-color:#ccc}.dropdown-menu{background:#fff;border-color:#ccc;box-shadow:0 4px 12px #0000001a}.dropdown-item{color:#333}.dropdown-item:hover{background:#f0f0f0;color:#000}}.translation-panel{margin-top:1rem;padding:1rem;background:#2a2a2a;border-radius:8px;border-left:4px solid var(--primary-color);text-align:left}.word-mapping{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-bottom:.5rem}.word-row{display:flex;gap:.5rem;white-space:normal;flex-wrap:wrap}.arabic-row{font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.4em}.word-highlight{padding:2px 6px;border-radius:4px;color:var(--text-color);font-size:.9em;cursor:pointer;transition:opacity .2s}.word-highlight.active{outline:2px solid white;box-shadow:0 0 8px #ffffff80}.translation-row{margin-bottom:.5rem;font-size:.9em;color:#aaa}.arabic-word{z-index:1200;position:relative;overflow:visible}@media (prefers-color-scheme: light){.translation-panel{background:#f0f0f0}.word-highlight{color:#000}}.letter-breakdown-container{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #444}.letter-breakdown-content{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;direction:rtl}.letter-card{background:#333;border-radius:8px;padding:.5rem;min-width:80px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem}.letter-char{font-family:Amiri,serif;font-size:2em;color:var(--primary-color)}.letter-name{font-size:.8em;color:#ccc}.letter-trans{font-size:.9em;font-weight:700;color:#fff}.edu-info-btn{font-size:.8em;padding:2px 6px;margin-left:.5rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--text-color)}.edu-tabs{display:flex;gap:.5rem;border-bottom:1px solid #444;margin-bottom:1rem}.edu-tab{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#aaa}.edu-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.edu-section{text-align:left}.tashkeel-title{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.vowel-grid,.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.vowel-card,.pattern-card,.grammar-card{background:var(--card-bg);padding:1rem;border-radius:8px;text-align:center;color:var(--text-color)}.vowel-symbol{font-size:2.5rem;font-family:Amiri,serif;color:#fbbf24}.vowel-name,.pattern-name{font-weight:700;font-size:1.1rem}.vowel-desc,.vowel-sound,.vowel-example,.pattern-result{font-size:.9rem;color:#ccc;margin-top:.5rem}.root-example{background:#2a2a2a;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem;font-size:1.2rem;font-weight:700;font-family:Amiri,serif}.root-letters{font-size:1.2rem;font-weight:700;font-family:Amiri,serif}@media (prefers-color-scheme: light){.letter-card{background:#e9e9e9}.letter-name{color:#555}.letter-trans{color:#000}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#00000059;z-index:2000}.modal-overlay .modal-content{position:relative;overflow:hidden;background:#f5f6f9;color:#1f2430;padding:.9rem .9rem .6rem;border-radius:16px;max-width:960px;width:calc(100% - .6rem);box-shadow:0 12px 32px #0003;display:flex;flex-direction:column;gap:.55rem;height:min(96vh,1000px);border:1px solid rgba(0,0,0,.06)}#info-modal .modal-content{max-width:760px;border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 36px #00000080}.modal-close{background:#fff;border:1px solid rgba(0,0,0,.06);font-size:1.2rem;color:#1f2430;align-self:flex-end;cursor:pointer;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,transform .1s ease;text-align:center;margin-bottom:1rem}.modal-close #info-modal{display:none!important}.modal-close .info-inline-title{margin:.75rem 0 .35rem;font-size:1.15rem;color:var(--primary-color)}.modal-close .info-inline-body{margin:0 0 .5rem;line-height:1.5;color:var(--text-color)}.modal-close .info-inline-note{margin:.4rem 0 .2rem}.modal-close .info-list{padding-left:1.1rem;margin:.35rem 0 .6rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.45rem .7rem}.modal-close .info-list li{line-height:1.4}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .35rem;padding:.35rem .85rem 0}.modal-header .pager-complete-btn{background:#e6f9f0;color:#065f46;border:1px solid rgba(16,185,129,.35);font-weight:700}.modal-header .pager-actions-row .pager-complete-btn.completed,.modal-header .pager-actions-row .pager-complete-btn:disabled{background:#10b981;color:#fff;border-color:#0000000d}.modal-title{margin:0;font-size:1.25rem;font-weight:700;letter-spacing:0;color:#111;text-align:center;flex:1}.modal-back-btn,.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:108px;height:48px;padding:.65rem 1.15rem;border-radius:12px;border:1px solid #d0d7de;background:#fff;color:#111;cursor:pointer;font-weight:600;font-size:.95rem;line-height:1.1;transition:background .15s ease,border-color .15s ease,transform .1s ease}.modal-close-btn{font-size:1.05rem}.modal-back-btn:hover,.modal-close-btn:hover{background:#f1f3f5;border-color:#c1c7cd}.modal-back-btn:active,.modal-close-btn:active{transform:translateY(1px)}.full-text-modal-body{display:flex;flex-direction:column;gap:1rem;max-height:80vh}.full-text-content{white-space:pre-wrap;text-align:right;direction:rtl;font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.2rem;line-height:1.8;flex:1;overflow-y:auto;padding:1rem;background:#0003;border-radius:8px;border:1px solid #444;min-height:200px}.modal-footer{margin-top:.25rem;display:flex;flex-direction:column;gap:.3rem;z-index:2;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(8px);transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.modal-footer.footer-visible{max-height:520px;opacity:1;pointer-events:auto;transform:translateY(0)}.modal-controls-toggle{position:absolute;left:.75rem;right:.75rem;bottom:2rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:0;height:72px;padding:.85rem 1.1rem;border-radius:14px;border:1px solid #c7ced8;background:linear-gradient(180deg,#fffffff5,#f0f3fceb);color:#111;cursor:pointer;font-weight:700;font-size:1rem;line-height:1.2;box-shadow:0 12px 28px #00000029;transition:background .15s ease,border-color .15s ease,transform .1s ease}.modal-controls-toggle:hover{background:#f6f7f9;border-color:#c1c7cd}.modal-controls-toggle:active{transform:translateY(1px)}.footer-hide-btn{margin-left:auto;border:1px solid var(--border-color);background:#ffffffe6;color:var(--text-color);border-radius:10px;padding:.3rem .6rem;font-size:.9rem;cursor:pointer}.modal-body{position:relative;flex:1;min-height:60vh;overflow-y:auto;padding:.3rem .75rem .5rem;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 0 0 1px #ffffffe6}#pill-tooltip{position:fixed;z-index:2100;max-width:min(90vw,420px);padding:.6rem .75rem;background:#0c0e12f2;color:#f7f7f7;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 28px #00000059;font-size:.95rem;line-height:1.45;pointer-events:none}#info-modal .modal-body{margin-top:.5rem}.info-list{padding-left:1.2rem;margin:.4rem 0 .8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.5rem .75rem}.info-list li{line-height:1.5}.loading-spinner{border:4px solid rgba(255,255,255,.1);border-left-color:var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);font-size:1rem;cursor:pointer;padding:.4rem 1rem;border-radius:6px;margin-right:1rem;transition:all .2s;display:flex;align-items:center;justify-content:center;font-weight:500}.header-action-btn.primary-btn{background:var(--primary-color);color:#000;border-color:var(--primary-color)}.header-action-btn:hover{filter:brightness(1.1)}.header-action-btn.active{background:transparent;color:var(--text-color);border-color:var(--border-color)}.pagination{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%}.page-jump-container{display:block;width:100%;text-align:center;margin-top:.5rem}.pager-status{color:#4a5568;font-size:.92rem;text-align:center}.pager-progress-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;font-size:.95rem;color:#4a5568}.pager-row{display:flex;gap:.35rem;align-items:center;justify-content:center;flex-wrap:wrap}.modal-floating-controls{position:sticky;bottom:0;background:#f5f6f9eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:.25rem .45rem .35rem;box-shadow:0 -8px 18px #00000014;border:1px solid rgba(0,0,0,.05)}.pager-row-stack{flex-direction:column}.pager-row-tight{gap:.35rem}.pager-controls{justify-content:center;gap:.45rem;overflow-x:auto;padding-bottom:.25rem;width:100%}.pager-controls .btn{padding:.34rem .6rem;font-size:.9rem;min-width:110px;touch-action:manipulation;flex-shrink:0}.pager-jump-input{width:90px;padding:.4rem .65rem;border-radius:10px;border:1px solid #cbd5e0;background:#fff;color:#111;font-size:.95rem;box-shadow:inset 0 1px 2px #00000014}.pager-actions-row .pager-save-btn:not(:disabled){flex:2;background:#e0f2fe;color:#075985;border:1px solid rgba(56,189,248,.35);font-weight:700}.pager-reset-btn{flex:1}.pager-actions-row .pager-save-btn:disabled{opacity:.6;filter:grayscale(.25)}.pager-controls .btn-ghost{background:transparent;border:1px solid var(--border-color)}.pager-jump{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:center}.pager-jump-row{display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center;width:100%}.pager-jump-input{width:80px;padding:.3rem .5rem;border-radius:8px;border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-color)}.pager-jump-btn{min-width:80px}.pager-next-btn{width:100%}.pager-controls{justify-content:center;gap:.5rem}.pager-nav-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%}.pager-actions-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;overflow-x:auto;padding-bottom:.25rem}.control-shell{display:flex;align-items:center;gap:.35rem}.control-dock-btn{border:1px solid var(--border-color);background:#ffffffd9;color:var(--text-color);border-radius:10px;padding:.25rem .4rem;font-size:.82rem;cursor:pointer;min-width:34px;height:32px}.pager-floating-actions{justify-content:center;gap:.4rem}.translate-row{margin-top:.25rem;justify-content:center}.pager-actions-row .translate-full-text-btn.btn:not(:disabled){min-width:120px;background:#e0e7ff;color:#3730a3;border-color:#c7d2fe;font-weight:700;letter-spacing:.01em;touch-action:manipulation}.pager-actions-row .translate-full-text-btn.btn.active:not(:disabled){background:#c7d2fe;color:#1e1b4b}.pager-actions-row .translate-full-text-btn.btn:disabled{opacity:.65;filter:grayscale(.2)}.play-arabic-btn{background:linear-gradient(90deg,#ffd580,#ffc14d);color:#1f1200;border:1px solid rgba(0,0,0,.08);font-weight:700;min-width:150px;width:150px;display:inline-flex;justify-content:center;align-items:center;touch-action:manipulation}.play-arabic-btn.playing{background:#f86d70;color:#fff;border-color:#0000001f}@media (max-width: 720px){.modal-content{padding-bottom:4.25rem}.modal-body{padding-bottom:180px}.modal-footer.footer-visible{position:fixed;left:0;right:0;bottom:0;margin:0;padding:.55rem .85rem .9rem;background:linear-gradient(180deg,#f5f6f9f5,#f5f6f9 75%);box-shadow:0 -14px 32px #0003;border-radius:18px 18px 0 0;z-index:3000}.pager-row,.pager-row-stack,.pager-controls{justify-content:flex-start;gap:.45rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pager-controls .btn{min-width:120px;font-size:1rem;padding:.5rem .85rem;border-radius:12px;flex:0 0 auto;scroll-snap-align:center}.pager-jump-input{width:130px;font-size:1rem}.modal-controls-toggle{left:.85rem;right:.85rem;bottom:1.5rem;box-shadow:0 14px 30px #0003;min-width:0;height:78px;font-size:1.05rem}}.stream-chunk{display:grid;gap:.35rem;padding:.75rem .5rem;background:#f9fafc;border-radius:10px;box-shadow:inset 0 0 0 1px #0000000a}.stream-chunk-heading{font-size:.9rem;color:#4b5563;letter-spacing:.02em}.stream-chunk-body{font-size:1.12rem;line-height:1.7;color:#111827;letter-spacing:.005em;word-break:break-word;text-align:right;direction:rtl}.chunk-grid{display:grid;grid-template-columns:1fr;gap:.65rem}.chunk-window{display:flex;flex-direction:column;gap:.9rem}.chunk-info{font-size:.9rem;color:#1f2937;margin-top:.35rem;padding:.4rem .65rem;background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:10px;cursor:pointer;text-align:left}.chunk-info:active{background:#eef2ff}.chunk-info-details{font-size:.92rem;color:#374151;margin-top:.25rem;padding:.45rem .65rem;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:10px}.chunk-current{border:1px solid rgba(59,130,246,.25);box-shadow:0 8px 16px #3b82f614;border-radius:12px;padding:.35rem;background:linear-gradient(180deg,#3b82f60d,#fffffff2 50%)}.chunk-highlight-once{animation:chunkFlash 1.4s ease-out}.chunk-highlight-persist{border:1px solid rgba(234,179,8,.4);box-shadow:0 10px 22px #eab30824,0 0 0 6px #eab30814;background:linear-gradient(180deg,#fef08ae6,#fffffff5 60%)}@keyframes chunkFlash{0%{box-shadow:0 0 #eab30847,0 10px 24px #eab30829;background:linear-gradient(180deg,#fef08af2,#fffffff7 60%)}60%{box-shadow:0 0 0 8px #eab30814,0 12px 28px #eab3081f}to{box-shadow:0 8px 16px #eab3081f;background:linear-gradient(180deg,#fef08a59,#fffffff2 50%)}}.chunk-neighbor{border-radius:12px;padding:.35rem;background:#fafafa;border:1px solid rgba(0,0,0,.04)}.chunk-original,.chunk-translation{padding:.65rem .75rem;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.06)}.chunk-original{font-family:Amiri,Scheherazade New,serif;font-size:1.14rem;line-height:1.6}.chunk-translation{direction:ltr;text-align:left;color:#1f2937;min-height:80px;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1.02rem;line-height:1.6;display:block}.modal.has-translation .chunk-grid,#full-content-modal.has-translation .chunk-grid,.has-translation .chunk-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width: 480px){.modal-overlay .modal-content{height:98vh;max-height:98vh;padding:.85rem;width:calc(100% - .6rem);border-radius:18px}.pagination{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem}.page-jump-container{margin-top:.5rem}.full-text-modal-body{max-height:60vh}.full-text-content{min-height:300px}.pager-row,.pager-row-stack,.pager-controls{flex-direction:column;align-items:stretch}.pager-actions-row{display:flex;gap:.45rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.pager-actions-row .btn{flex:0 0 auto;min-width:120px;scroll-snap-align:center}.collapsed-controls{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.35rem;overflow-x:auto}.collapsed-control-pill{width:auto;flex:0 0 auto;padding:.25rem .5rem;font-size:.86rem}.collapsed-controls .collapsed-control-pill{background:transparent;color:#666;border:1px solid var(--border-color, #dddddd);font-weight:500}.control-dock-btn{width:auto;min-width:32px;height:30px}.pager-next-btn,.pager-controls .btn,.pager-actions-row .btn,.pager-jump-btn,.pager-jump-input{width:100%}.pager-progress-row{justify-content:center}.modal-floating-controls{padding:.5rem;border-radius:12px}.chunk-grid,#full-content-modal.has-translation .chunk-grid,.has-translation .chunk-grid{grid-template-columns:1fr}.pager-controls .btn,.pager-jump-btn,.pager-jump-input,.translate-full-text-btn.btn,.play-arabic-btn{width:100%}}#completed-books-button-container{margin-left:auto}.completed-books-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s}.completed-books-btn:hover{background-color:var(--primary-color-faded);border-color:var(--primary-color)}#completed-books-modal{display:none;position:fixed;z-index:3000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}#completed-books-modal .modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:10px;position:relative}#completed-books-modal .modal-close-btn{position:absolute;top:10px;right:15px;font-size:1.5rem;font-weight:700;cursor:pointer;background:none;border:none;color:#888}#completed-books-modal .completed-modal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}#completed-books-modal .completed-modal-title{flex:1;text-align:center;font-weight:700;color:#111}#completed-books-modal .visible-mobile{display:inline-flex}#completed-books-modal .completed-modal-footer{display:flex;justify-content:center;margin-top:.75rem}@media (max-width: 480px){#completed-books-modal .modal-content{width:92%;margin:20% auto}}:root{--reading-pill-bg: rgba(100, 108, 255, .08);--reading-pill-border: var(--border-color, rgba(0, 0, 0, .08))}.reading-shelf{background:var(--card-bg);border:1px solid var(--reading-pill-border);border-radius:12px;padding:.75rem 1rem;box-shadow:0 6px 20px #00000014;margin:1rem 0 1.5rem}.reading-shelf-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:600;color:var(--text-color)}.reading-shelf-actions{display:flex;gap:.5rem;flex-wrap:wrap}.reading-shelf .btn-text{border:none;background:none;color:var(--primary-color);cursor:pointer;font-weight:500;padding:.25rem .5rem}.reading-shelf .btn-text:hover{text-decoration:underline}.reading-shelf-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.reading-shelf .reading-pill{border:1px solid var(--reading-pill-border);background:var(--reading-pill-bg);color:var(--text-color);padding:.4rem .75rem;border-radius:999px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease;font-size:.95rem}.reading-shelf .reading-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.completed-books{background:var(--card-bg);border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:12px;padding:.75rem 1rem;margin:1.5rem 0 2rem;box-shadow:0 6px 20px #00000014}.completed-books.empty{text-align:center}.completed-emoji{font-size:3rem;line-height:1;margin:.25rem 0 .5rem}.completed-emoji.happy{margin-bottom:.25rem}.completed-badges{display:flex;justify-content:center;gap:.25rem;margin-bottom:.5rem}.badge-star{color:#fbbf24;font-size:1.2rem}.completed-header{font-weight:700;margin-bottom:.75rem;color:var(--text-color)}.completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.completed-card{border:1px solid var(--border-color, rgba(0, 0, 0, .08));border-radius:10px;padding:.6rem .75rem;background:#646cff0d}.completed-title{font-weight:600;color:var(--text-color);margin-bottom:.2rem}.completed-meta{font-size:.9rem;color:#888;word-break:break-all}.reading-library-content{max-width:800px;max-height:85vh;overflow-y:auto}.reading-library-header{border-bottom:2px solid rgba(116,123,255,.2);padding-bottom:1rem;margin-bottom:1.5rem}.reading-library-title{background:linear-gradient(135deg,#747bff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.library-title-container{display:flex;align-items:center;gap:.75rem}.library-info-btn{position:relative;background:#747bff1a;border:1px solid rgba(116,123,255,.3);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s ease;flex-shrink:0}.library-info-btn:hover{background:#747bff33;border-color:#747bff80;transform:scale(1.05)}.library-info-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:#2a2a2a;border:1px solid rgba(116,123,255,.3);border-radius:12px;padding:1.25rem;width:320px;max-width:90vw;box-shadow:0 8px 24px #0006;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}.library-info-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto}.library-info-tooltip:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(116,123,255,.3)}.tooltip-section{margin-bottom:1rem}.tooltip-section:last-child{margin-bottom:0}.tooltip-section strong{display:block;color:#747bff;font-size:.875rem;margin-bottom:.35rem;font-weight:600}.tooltip-section p{color:#ccc;font-size:.8rem;line-height:1.5;margin:0}.reading-library-body{display:flex;flex-direction:column;gap:2rem}.library-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;transition:all .3s ease}.library-section:hover{background:#ffffff0a;border-color:#747bff33}.library-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.library-section-header h3{font-size:1.1rem;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.library-section-actions{display:flex;gap:.75rem}.btn-text{background:none;border:none;color:#747bff;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.btn-text:hover{background:#747bff1a;color:#a78bfa}.library-list{display:flex;flex-direction:column;gap:.75rem}.reading-pill{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#747bff1a,#a78bfa0d);border:1px solid rgba(116,123,255,.2);border-radius:999px;padding:.75rem 1.25rem;transition:all .25s cubic-bezier(.2,.8,.2,1)}.reading-pill:hover{background:linear-gradient(135deg,#747bff26,#a78bfa1a);border-color:#747bff66;transform:translate(4px);box-shadow:0 4px 12px #747bff33}.pill-label{flex:1;font-size:.95rem;color:#e0e0e0;font-weight:500}.pill-remove{background:#ffffff1a;border:none;color:#ff6b6b;font-size:1.25rem;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0}.pill-remove:hover{background:#ff6b6b33;transform:rotate(90deg)}.completed-badges{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1rem;justify-content:center}.badge-star{color:gold;font-size:1.25rem;text-shadow:0 0 8px rgba(255,215,0,.5);animation:twinkle 2s ease-in-out infinite}.badge-star:nth-child(2n){animation-delay:.5s}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.completed-card{background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.2);border-radius:10px;padding:1rem;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;align-items:flex-start;gap:.75rem;position:relative;overflow:hidden}.completed-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.completed-card.clickable-card:hover{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e66;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e33}.completed-card.clickable-card:hover:before{opacity:1}.completed-checkmark{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#22c55e,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700;box-shadow:0 2px 8px #22c55e4d}.completed-content{flex:1;min-width:0}.completed-title{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-meta{font-size:.8rem;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-books-list{gap:.5rem}.hidden-book-item{display:flex;align-items:center;gap:.75rem;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:.75rem 1rem;transition:all .25s ease}.hidden-book-item:hover{background:#ef44441a;border-color:#ef44444d}.hidden-book-item.clickable-card:hover{background:#ef44441f;border-color:#ef444466;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.hidden-book-icon{font-size:1.25rem;flex-shrink:0}.hidden-book-title-container{flex:1;min-width:0}.hidden-book-title{font-size:.9rem;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.btn-ghost{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-ghost:hover{background:#ffffff1a;border-color:#747bff66;color:#747bff}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.library-empty-message{text-align:center;color:#888;font-style:italic;padding:2rem 1rem;font-size:.95rem}.library-empty{text-align:center;padding:2rem 1rem}.library-empty .muted{color:#888;margin-bottom:.75rem;font-size:.95rem}.completed-emoji{font-size:3rem;margin-top:1rem;opacity:.6}.reading-library-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-secondary{background:#747bff1a;border:1px solid rgba(116,123,255,.3);color:#747bff;padding:.65rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#747bff33;border-color:#747bff80;color:#a78bfa;transform:translateY(-1px);box-shadow:0 4px 12px #747bff33}@media (max-width: 768px){.completed-list{grid-template-columns:1fr}.library-section{padding:1rem}.reading-library-title{font-size:1.5rem}}@media (prefers-color-scheme: light){.library-section{background:#00000005;border-color:#0000001a}.library-section:hover{background:#0000000a}.library-section-header h3,.completed-title,.pill-label,.hidden-book-title{color:#333}.completed-meta,.library-empty-message,.library-empty .muted{color:#666}}.audio-btn.playing{background-color:var(--primary-color);color:#fff;border-color:var(--primary-hover)}