: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{margin:0 auto;padding:0 0 2rem;text-align:center;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.top-header{display:flex;justify-content:center;padding:0;width:100%;box-sizing:border-box;z-index:50;background-color:var(--bg-color);box-shadow:0 1px 3px #0000001a}.header-inner{display:flex;align-items:center;gap:1rem;width:100%;max-width:100%;margin:0 auto;justify-content:space-between}#landing-content{width:100%;max-width:960px;margin:0 auto;padding:0;box-sizing:border-box}.main-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;width:100%;text-align:center}.results-container{display:grid;grid-template-columns:1fr;gap:2rem;text-align:left;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media (min-width: 700px){.results-container{min-width:700px;max-width:700px}}@media (min-width: 1100px){.results-container{min-width:1100px;max-width:1100px}}@media (min-width: 1600px){.results-container{min-width:1600px;max-width:1600px}}.results-column{background:transparent;padding:0}.result-excerpt-wrapper{border-left:1px solid rgba(0,0,0,.15);padding-left:2px;margin-left:3px;border-radius:0}@media (prefers-color-scheme: dark){.result-excerpt-wrapper{border-left-color:#fff3}}.column-header{font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333;color:var(--primary-color)}.source-header{border-left:1px solid currentColor;padding-left:3px;margin-left:3px}@media (max-width: 480px){#app,#landing-content,.results-container{padding:0}}.main-title{font-size:.6rem;margin:0;color:var(--primary-color);text-transform:lowercase}.home-icon{margin-right:.2rem;font-size:.8rem}.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-row{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:900px;margin:0 auto 1.5rem;width:100%;justify-content:center}#search-bar{width:100%;display:flex;justify-content:center}.search-bar{display:flex;gap:.5rem;flex:1 1 auto;width:100%;max-width:960px;justify-content:center;align-items:center;flex-wrap:wrap}.search-description{text-align:center;max-width:700px;margin:0 auto 1rem;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 1 520px;width:100%;min-width:0;padding:.8rem 1.2rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;font-size:1rem}.search-select{flex:0 0 auto;padding:.65rem .85rem;border-radius:8px;border:1px solid #444;background:#1a1a1a;color:#fff;font-size:1rem;cursor:pointer;min-width:110px;max-width:150px;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,.allah-button{height:46px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}#search-button{background-color:var(--primary-color);color:#fff;min-width:120px}.allah-button{gap:.35rem;min-width:170px;padding:0 1rem;font-weight:700;font-size:1.1rem;font-style:italic;font-family:Scheherazade New,Amiri,serif;background:linear-gradient(145deg,#b8860b,#facc15);color:#0d0d0d;border:2px solid #b45309;border-radius:8px;box-shadow:0 4px 12px #facc1540;cursor:pointer;text-align:center;line-height:1;transition:transform .15s ease,box-shadow .15s ease,filter .2s ease}@media (max-width: 480px){#search-button,.allah-button{height:42px}.allah-button{min-width:140px;font-size:1rem;padding:0 .8rem}}.allah-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 16px #facc1559;filter:saturate(1.05)}.allah-button:active{transform:translateY(0)}.allah-button{transition:all .3s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.allah-button.spinning{animation:gentleSpin .6s infinite;transform:scale(1.03);box-shadow:0 6px 16px #facc1559}@keyframes gentleSpin{0%,to{opacity:1;transform:scale(1.03)}50%{opacity:.85;transform:scale(1.05)}}.ayah-block{padding:.65rem .85rem;background:linear-gradient(180deg,#fef08a1a,#fffffff5 60%);border-radius:10px;border:1px solid rgba(234,179,8,.2);box-shadow:0 4px 12px #eab30814;margin-bottom:.75rem}.ayah-ar{font-family:Scheherazade New,Amiri,serif;font-size:1.15rem;letter-spacing:.02em;color:#1f2430;line-height:1.7}.ayah-ar .ayah-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;margin-left:.4rem;padding:0 .45rem;border-radius:999px;background:#1f24301a;color:#1f2430;font-weight:800;font-size:.95rem}.ayah-translation{margin-top:.35rem;font-size:1rem;line-height:1.5;color:#374151}.tajweed{font-weight:700}.tajweed.ham_wasl{color:#16a34a}.tajweed.madda_normal,.tajweed.madda_permissible{color:#f59e0b}.tajweed.laam_shamsiyah{color:#60a5fa}.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;margin-bottom:2rem;width:100%;text-align:center}@media (min-width: 960px){.search-bar{flex-wrap:nowrap;gap:.75rem}#search-input{flex:1 1 720px}.search-select{min-width:120px;max-width:160px}}.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:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:8px;color:#fff;font-size:.85rem;font-weight:700;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:#ffffff26;border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.browse-link:active{transform:translateY(0) scale(.98);background:#fff3}.browse-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.link-icon{font-size:.9rem;opacity:.85;transition:transform .2s ease}.browse-link:hover .link-icon{opacity:1;transform:translate(2px,-2px)}@media (prefers-color-scheme: light){.browse-link{background:#0000000d;border-color:#0000001a;color:#444}.browse-link:hover{background:#00000014;border-color:var(--primary-color);color:#000}.browse-link:active{background:#0000001f}}.discovery-loaded-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.discovery-note{font-size:.8rem;color:var(--text-color);opacity:.6;margin-bottom:1rem;line-height:1.4;font-style:italic}.discovery-loaded-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.discovery-loaded-section{width:100%;margin-top:1rem}.discovery-loaded-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;width:100%}.discovery-smart-card{background:var(--card-bg);border:1px solid rgba(128,128,128,.2);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease;min-height:auto;position:relative;overflow:hidden}.discovery-smart-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.smart-card-header{font-family:Amiri,serif;font-size:1.5rem;color:var(--text-color);opacity:.3;line-height:1;text-align:center;margin-bottom:.25rem}.smart-card-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.smart-tag{background:#8080801a;border:1px solid rgba(128,128,128,.15);color:var(--text-color);padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.smart-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}@media (max-width: 600px){.discovery-loaded-grid{grid-template-columns:1fr}}@keyframes buttonPulseGlow{0%{box-shadow:0 0 #747bffb3}50%{box-shadow:0 0 15px 5px #747bff80}to{box-shadow:0 0 #747bff00}}.search-btn-glow{animation:buttonPulseGlow 1.5s infinite ease-in-out;border-color:#ffffff80!important;position:relative;z-index:10}@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}#allah-button.sun-glow{position:relative;z-index:100!important;animation:sun-pulse-crazy 1.5s ease-in-out infinite!important;transform:scale(1.1)!important;background:linear-gradient(145deg,#b8860b,#facc15)!important;color:#0d0d0d!important;border:2px solid #b45309!important;box-shadow:0 0 15px #fbbf24,0 0 30px #f59e0b,0 0 60px 20px #fbbf2499,0 0 100px 40px #f59e0b4d!important}#allah-button.sun-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 60%);border-radius:50%;z-index:-1;pointer-events:none;animation:sun-spin-crazy 10s linear infinite}@keyframes sun-pulse-crazy{0%{transform:scale(1.1);filter:brightness(1);text-shadow:0 0 5px rgba(251,191,36,.5)}50%{transform:scale(1.25);filter:brightness(1.2);text-shadow:0 0 20px rgba(251,191,36,1)}to{transform:scale(1.1);filter:brightness(1);text-shadow:0 0 5px rgba(251,191,36,.5)}}.result-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.clickable-source{transition:all .2s ease;border-radius:4px;padding:2px 4px;margin-left:-4px}.clickable-source:hover{background-color:#4f46e50d}.clickable-source.expanded .source-text{white-space:normal;word-break:break-word}.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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-footer.footer-visible{max-height:520px;opacity:1;pointer-events:auto;transform:translateY(0)}.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}.modal-controls-toggle:hover{background:#f6f7f9;border-color:#c1c7cd}.modal-controls-toggle:active{transform:translateY(1px)}.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:"..."}}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem}.read-document-btn{width:100%;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;min-height:34px;display:flex;align-items:center;justify-content:center;font-size:.95rem;border-radius:8px}.play-audio-btn{background:transparent;border:1px solid #dcdcdc;color:#4f46e5;padding:0!important;margin:0!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;transition:all .2s;cursor:pointer;font-size:.9rem}.play-audio-btn:hover{background:#f1f3f5;border-color:#c1c7cd}.translate-btn{background-color:transparent;color:#0d9488;border:1px solid #0d9488;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;padding-left:1rem;padding-right:1rem;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:28px}.translate-btn:hover{background-color:#f0fdfa}.hide-book-btn{background:transparent;border:1px solid #dcdcdc;color:#666;padding:0!important;margin:0!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;transition:all .2s;cursor:pointer}.hide-book-btn:hover{background:#f1f3f5;border-color:#c1c7cd}@media (max-width: 480px){.result-actions{gap:.3rem}.read-document-btn{width:100%;font-size:.9rem}.translate-btn{flex:1;font-size:.75rem}}.detail-tag{background:#f3f4f6;padding:.2rem .6rem;border-radius:999px;display:flex;align-items:center;gap:.35rem;transition:all .2s ease;border:1px solid #eee;font-weight:500}.detail-tag:nth-child(2){background:#f1f5f9}.detail-tag:nth-child(3){background:#f0fdf4}.detail-tag:nth-child(4){background:#fff7ed}.detail-tag:hover{filter:brightness(.98);border-color:#ddd}.info-panel-inline{animation:fadeIn .3s ease;font-size:.9em;padding:.6rem;border-radius:8px;margin-top:.5rem}.chunk-info-panel{color:#4b5563;background:#fdf2f2;border:1px solid #fecaca}.date-info-panel{color:#4b5563;background:#fffbeb;border:1px solid #fef3c7}@media (prefers-color-scheme: dark){.detail-tag{background:#374151!important;color:#f9fafb!important;border-color:#4b5563}.detail-tag strong{color:#93c5fd}.chunk-info-panel{background:#451a1a;color:#fecaca;border-color:#7f1d1d}.date-info-panel{background:#453006;color:#fef3c7;border-color:#78350f}.translation-info-panel-inline{background:#082f49!important;color:#bae6fd!important;border-color:#0c4a6e!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sun-glow{position:relative;z-index:100!important;animation:sun-pulse-crazy 1.5s ease-in-out infinite!important;background:#1a1a1a!important;color:#fbbf24!important;border-color:#fbbf24!important;font-weight:800!important;box-shadow:0 0 15px #fbbf24,0 0 30px #f59e0b,0 0 60px 20px #fbbf2499,0 0 100px 40px #f59e0b4d!important}.sun-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 60%);border-radius:50%;z-index:-1;pointer-events:none;animation:sun-spin-crazy 10s linear infinite}@keyframes sun-pulse-crazy{0%{transform:scale(1);filter:brightness(1);text-shadow:0 0 5px rgba(251,191,36,.5)}50%{transform:scale(1.15);filter:brightness(1.2);text-shadow:0 0 20px rgba(251,191,36,1)}to{transform:scale(1);filter:brightness(1);text-shadow:0 0 5px rgba(251,191,36,.5)}}@keyframes sun-spin-crazy{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#search-input{transition:placeholder-color .3s ease}#search-input.placeholder-fade::placeholder{color:transparent}@keyframes bright-glow{0%{box-shadow:0 0 5px #4f46e566,0 0 10px #4f46e533;border-color:var(--primary-color)}50%{box-shadow:0 0 20px #4f46e5cc,0 0 30px #4f46e566;border-color:#747bff;transform:scale(1.02)}to{box-shadow:0 0 5px #4f46e566,0 0 10px #4f46e533;border-color:var(--primary-color)}}.bright-glow{animation:bright-glow 1.5s ease-in-out infinite;z-index:10;position:relative;border-color:var(--primary-color)!important}.language-switcher{display:flex;gap:.5rem;position:relative}.language-button{padding:.2rem .4rem;font-size:.6rem;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:.25rem;display:none;flex-direction:column;gap:.1rem;min-width:150px;z-index:100;box-shadow:0 4px 12px #00000080}.dropdown-menu.show{display:flex}.dropdown-item{padding:.25rem;font-size:.6rem;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}html[dir=rtl] .dropdown-menu{right:auto;left:0}@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:.25rem;padding:.25rem;background:transparent;border-radius:0;border:none;border-left:2px solid var(--primary-color);text-align:left;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.word-mapping{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:0;padding-bottom:0}.word-row{display:flex;gap:.25rem;white-space:normal;flex-wrap:wrap;justify-content:flex-start;direction:rtl;width:100%}.arabic-row{font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.3em;line-height:1.6}.word-highlight{padding:2px 8px;border-radius:12px;color:var(--text-color);font-size:.85em;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-block}.word-highlight:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a;filter:brightness(.95)}.word-highlight.active{outline:2px solid var(--primary-color, #ffd700);box-shadow:0 0 8px #ffd70066}.translation-row{margin-bottom:.5rem;font-size:.9em;color:#888}.arabic-word{position:relative;z-index:1200;overflow:visible}.letter-breakdown-container{margin-top:.25rem;padding:.25rem;border:1px solid rgba(13,148,136,.15);background:#f0fdfa;border-radius:6px;box-shadow:0 1px 2px #00000008;position:relative;max-width:100%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.letter-breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding-bottom:.1rem;border-bottom:1px solid rgba(0,0,0,.05)}.letter-breakdown-title{font-weight:600;font-size:.8rem;color:#0d9488;display:flex;align-items:center;gap:4px}.letter-close-btn{background:none;border:none;font-size:1rem;cursor:pointer;color:#999;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .2s}.letter-close-btn:hover{color:#ef4444}.letter-breakdown-content{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;direction:rtl}.letter-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:4px;padding:1px 4px;text-align:center;min-width:28px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 2px #00000005;transition:transform .2s,border-color .2s}.letter-card:hover{transform:scale(1.05);border-color:var(--primary-color)}.letter-card.active{border-color:#f59e0b;box-shadow:0 0 0 1px #fef3c7;background-color:#fffbeb;transform:scale(1.1);z-index:10}.letter-char{font-family:Amiri,serif;font-size:1.25em;color:#2c3e50;margin-bottom:-2px;line-height:1.2}.letter-name{font-size:.65rem;color:#7f8c8d;text-transform:uppercase;font-weight:600}.letter-trans{font-size:.7rem;color:#e67e22;font-weight:700}.translation-disclaimer{font-size:.75rem!important;opacity:.7;margin-top:.8rem!important;border-top:1px dashed rgba(0,0,0,.1);padding-top:.4rem}@media (prefers-color-scheme: light){.translation-panel{background:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 4px #00000005}.word-highlight{color:#000}}.letter-breakdown-container{margin-top:.5rem;padding:.2rem .5rem;border-top:1px solid #444}.letter-breakdown-content{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;direction:rtl}.letter-card{background:#333;border-radius:6px;padding:2px 6px;min-width:36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.letter-char{font-family:Amiri,serif;font-size:1.6em;color:var(--primary-color)}.letter-name{font-size:.8em;color:#ccc}.letter-trans{font-size:.9em;font-weight:700;color:#fff}@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:.2rem;border-radius:12px;max-width:960px;width:calc(100% - .4rem);box-shadow:0 12px 32px #0003;display:flex;flex-direction:column;gap:.2rem;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:.5rem;margin:0 0 .15rem;padding:.25rem .5rem 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,h2.modal-title{display:none!important}.modal-back-btn,.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:80px;height:40px;padding:.4rem .8rem;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{display:none}@media (max-width: 720px){.modal-footer{display:none;background:transparent!important;box-shadow:none!important;border:none!important;pointer-events:none;padding-bottom:8px}.modal-footer.footer-visible{display:flex!important;pointer-events:auto}}.footer-buttons-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;width:auto}.modal-footer.footer-visible{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:12px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;padding:8px;width:auto;right:50%;left:auto;transform:translate(50%);bottom:24px;z-index:3010;pointer-events:auto}.translation-queue{display:flex;align-items:center;gap:6px;margin-right:0;padding:2px;border:none;overflow-x:auto;max-width:90vw;scrollbar-width:none;-webkit-overflow-scrolling:touch}@media (max-width: 720px){.translation-queue{display:flex!important;margin-right:0;border:none;justify-content:center}}.translation-queue::-webkit-scrollbar{display:none}.queue-item{position:relative;width:32px;height:32px;border-radius:50%;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);color:#444}.queue-item:hover{transform:scale(1.15) translateY(-2px);background:#ffffffe6;box-shadow:0 6px 16px #0000001f}.queue-item.pending{border-color:var(--primary-color);color:var(--primary-color)}.queue-item.pending:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary-color);animation:spin-soft 1s linear infinite}@keyframes spin-soft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-footer.footer-visible .btn{width:auto!important;min-width:32px!important;font-size:1rem!important;padding:4px!important;display:inline-flex!important;flex:0 0 auto!important;margin:0 1px!important;align-self:center!important}.modal-controls-toggle{position:fixed;bottom:24px;left:0;margin-left:0;z-index:3020;height:48px;width:48px;border-radius:0 50% 50% 0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:#00000080;border:1px solid rgba(0,0,0,.1);border-left:none;box-shadow:none;font-size:1.4rem;transition:all .2s ease;touch-action:manipulation;opacity:.6}.modal-controls-toggle:hover{width:56px;opacity:1;color:#000c;background:#ffffff80}@media (prefers-color-scheme: dark){.modal-controls-toggle{color:#fff9;border-color:#ffffff1a}.modal-controls-toggle:hover{color:#ffffffe6;background:#00000080}}@media (min-width: 768px){.modal-controls-toggle{left:24px;width:auto;min-width:120px;border-radius:24px;padding:0 20px;border:1px solid rgba(0,0,0,.15)!important;background:#ffffffe6;color:#333;opacity:.9;box-shadow:0 2px 6px #0000000d}@media (prefers-color-scheme: dark){.modal-controls-toggle{border-color:#fff3!important;background:#282828e6;color:#e5e7eb}}.modal-controls-toggle:hover{opacity:1;transform:translateY(-1px);background:#fff}@media (prefers-color-scheme: dark){.modal-controls-toggle:hover{background:#333}}.modal-controls-toggle:after{content:"";margin-left:0;font-size:.95rem;font-weight:500;white-space:nowrap}}.btn-icon{background:transparent;border:none;box-shadow:none;font-size:1.1rem}.btn-icon:hover{background:#0000000d;transform:scale(1.1)}.pager-save-btn.save-success{background:linear-gradient(90deg,#22c55e,#10b981)!important;color:#fff!important}.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:relative;background:transparent;padding:0;margin:0}.pager-row-stack{flex-direction:column}.pager-row-tight{gap:.35rem}.pager-controls{justify-content:center;gap:.35rem;overflow-x:auto;padding:0;width:100%}.pager-controls .btn{padding:.34rem .6rem;font-size:.9rem;min-width:110px;touch-action:manipulation;flex-shrink:0}.btn-icon{width:36px;height:36px;min-width:36px;max-width:36px;padding:0;margin:0;border-radius:50%;font-size:1.1rem;background:#fff;border:1px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon:active{background:#eee}.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:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:0;margin:0}.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{color:#1f1200}.play-arabic-btn.playing{background:#f86d70;color:#fff;border-color:#0000001f}.pager-save-btn.save-success{background:linear-gradient(90deg,#22c55e,#10b981)!important;color:#fff!important;border-color:#0000001f!important}.collapsed-control-pill{padding:.15rem .3rem;font-size:.75rem;background:#747bff33;color:#646cff;border:1px solid rgba(116,123,255,.3);font-weight:500}@media (max-width: 720px){.modal-content{padding-bottom:0!important;height:100%;overflow:hidden;position:relative}.modal-body{padding-bottom:0;overflow-y:auto;height:auto;flex:1}.modal-header,.reading-library-header{position:relative;top:auto;z-index:10;background:transparent;box-shadow:none;padding-top:.2rem;padding-bottom:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:none;margin-bottom:0}.modal-back-btn,.modal-close-btn{position:fixed;top:8px;z-index:3000;pointer-events:auto;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.1);height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:20px;font-size:.9rem!important;color:#111}.modal-back-btn{left:12px;width:auto}.modal-back-btn:after{content:none}.modal-close-btn{right:12px;width:36px;border-radius:50%;padding:0}.modal-title,.reading-library-title,.library-title-container{pointer-events:auto;font-size:.85rem;white-space:normal;overflow:visible;text-overflow:clip;max-width:80%;margin:0 auto;line-height:1.4}.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}.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}}.stream-chunk{display:grid;gap:.2rem;padding:.4rem .25rem;background:#f9fafc;border-radius:8px;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.4}.chunk-translation{direction:ltr;text-align:left;color:#1f2937;min-height:auto;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.4;display:block;padding:.2rem 0}.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:100vh;max-height:100vh;padding:0!important;width:100%;border-radius:0}.modal-body,.full-text-modal-body{padding:0!important;margin:0!important}.footer-buttons-row,.pager-controls{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start;padding:4px;width:auto;max-width:95vw;border-radius:20px;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);scrollbar-width:none}.footer-buttons-row::-webkit-scrollbar{display:none}.footer-buttons-row .btn,.pager-controls .btn{flex:0 0 auto;min-width:32px!important;width:auto!important;font-size:1rem;padding:8px!important;border-radius:12px}}#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}}.word-highlight-active{background-color:#fef08a!important;color:#854d0e!important;border-radius:4px;box-shadow:0 0 0 2px #fef08a;transition:background-color .1s ease}[dir=rtl] .word-highlight-active{background-color:#fef08a!important}.play-audio-btn{color:#4f46e5!important;font-size:1.2rem!important;transition:transform .2s ease!important}.play-audio-btn.playing{color:#ef4444!important}.audio-word{cursor:pointer;border-radius:2px;padding:0 1px;transition:background-color .2s ease}.audio-word:hover{background-color:#4f46e51a}: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;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;background:#111}.reading-library-header{background:#747bff08;border-bottom:1px solid rgba(116,123,255,.15);padding:1.25rem 1rem;margin-bottom:0;flex-shrink:0;display:flex;justify-content:center;align-items:center;position:relative;min-height:60px}.reading-library-header .modal-back-btn{position:absolute;left:1rem;top:55%;transform:translateY(-50%);margin:0;background:#ef44441a;border-color:#ef444433;color:#fca5a5;z-index:10}.reading-library-header .modal-back-btn:hover{background:#ef444433;border-color:#ef444466;color:#fff}.reading-library-header .modal-close-btn{position:absolute;right:1rem;top:55%;transform:translateY(-50%);margin:0;background:#ef44441a;border-color:#ef444433;color:#fca5a5;font-size:1.5rem;line-height:1;padding:.25rem .6rem;border-radius:8px;z-index:10}.reading-library-header .modal-close-btn:hover{background:#ef444433;border-color:#ef444466;color:#fff}.library-title-container{display:flex;align-items:center;justify-content:center;gap:.6rem;z-index:5;position:relative;max-width:60%}.reading-library-title{background:linear-gradient(135deg,#747bff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0;text-align:center;color:#747bff;line-height:1.2}.library-info-btn{background:#747bff14;border:1px solid rgba(116,123,255,.2);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .2s ease;flex-shrink:0;padding:0;color:#e0e0e0}.library-info-btn:hover{background:#747bff26;border-color:#747bff66;transform:scale(1.05);color:#fff}.library-info-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#1e1e1e;border:1px solid rgba(116,123,255,.3);border-radius:8px;padding:1rem;width:260px;max-width:85vw;box-shadow:0 12px 36px #0009;z-index:999;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;text-align:left}.library-info-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto}.tooltip-section strong{display:block;color:#a78bfa;font-size:.85rem;margin-bottom:.25rem;font-weight:600}.tooltip-section p{color:#d4d4d4;font-size:.75rem;line-height:1.4;margin:0}.reading-library-body{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto;min-height:0;padding:1rem 1.5rem}.library-section{background:transparent;border:none;padding:0;margin-bottom:1rem}.library-section-header{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:.75rem;padding-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08)}.library-section-title-group{display:flex;align-items:center;justify-content:center;gap:.5rem;position:absolute;left:50%;transform:translate(-50%);width:100%;pointer-events:none}.library-section-title-group .library-info-btn{pointer-events:auto}.library-section-header h3{font-size:1rem;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:#a78bfa;margin:0;letter-spacing:normal;text-transform:none}.library-section-actions{margin-left:auto;position:relative;z-index:2}.btn-text{background:none;border:1px solid rgba(116,123,255,.2);color:#747bff;font-size:.75rem;font-weight:500;cursor:pointer;padding:.2rem .6rem;border-radius:12px;transition:all .2s}.btn-text:hover{background:#747bff1a;color:#a78bfa;border-color:#747bff66}.library-list{display:flex;flex-direction:column;gap:.5rem}.continue-reading-list{flex-direction:row;flex-wrap:wrap;justify-content:left;gap:.5rem}@media (max-width: 600px){.continue-reading-list{justify-content:center}}.reading-pill{display:inline-flex;align-items:center;justify-content:space-between;background:#747bff14;border:1px solid rgba(116,123,255,.2);border-radius:20px;padding:.35rem .75rem;transition:all .2s ease;max-width:100%;cursor:pointer}.reading-pill:hover{background:#747bff26;border-color:#747bff59;transform:translateY(-1px)}.pill-label{flex:1;font-size:.85rem;color:#e5e5e5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.pill-remove{background:transparent;border:none;color:#9ca3af;font-size:1.1rem;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:.4rem;border-radius:50%;opacity:.7}.pill-remove:hover{background:#ef444426;color:#ef4444;opacity:1}.completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.completed-card{background:#22c55e0a;border:1px solid rgba(34,197,94,.15);border-radius:8px;padding:.6rem;display:flex;align-items:center;gap:.6rem;transition:all .2s ease}.completed-card:hover{background:#22c55e14;transform:translateY(-1px)}.completed-checkmark{width:20px;height:20px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.completed-title{font-size:.85rem;font-weight:500;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.completed-meta{font-size:.7rem;color:#a0a0a0}.hidden-books-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem;padding:0;justify-content:center}.hidden-book-item{display:inline-flex;align-items:center;gap:.4rem;background:#1e1e1e99;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:.25rem .6rem;transition:all .2s ease;max-width:100%}.hidden-book-item:hover{border-color:#747bff;background:#747bff0d}.hidden-book-title{font-size:.75rem;color:#ccc;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.btn-ghost.btn-sm{padding:.1rem .4rem;font-size:.7rem;background:transparent;border:none;color:#747bff;border-radius:4px;margin-left:.2rem}.btn-ghost.btn-sm:hover{text-decoration:underline;color:#a78bfa}.library-empty-message,.library-empty{text-align:center;padding:1rem 0;color:#888;font-size:.85rem;font-style:italic}.reading-library-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:.75rem;background:#0003;flex-shrink:0}.btn-secondary{background:transparent;border:1px solid rgba(116,123,255,.3);color:#747bff;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#747bff0d;border-color:#747bff}@media (max-width: 600px){.reading-library-header{padding:1rem}.library-section-title-group{position:static;transform:none;width:auto;justify-content:center;margin:0 auto}.library-section-header{flex-direction:column;gap:.5rem;align-items:center}.library-section-actions{margin:0}.reading-library-footer{padding:.75rem 1rem;justify-content:center}}@media (prefers-color-scheme: light){.reading-library-content{background:#fff}.reading-library-header{background:#f8f9fa;border-bottom-color:#e5e7eb}.reading-library-title{color:#111827;background:none;-webkit-text-fill-color:initial}.library-section-header h3{color:#4b5563}.pill-label,.completed-title,.hidden-book-title{color:#374151}.reading-pill{background:#f3f4f6;border-color:#e5e7eb}.btn-secondary{border-color:#e5e7eb;color:#4b5563}.reading-library-header .modal-back-btn,.reading-library-header .modal-close-btn{background:#ef44440d;color:#dc2626;border-color:#ef44441a}}.audio-btn.playing{background-color:var(--primary-color);color:#fff;border-color:var(--primary-hover)}