body{font-family:Inter,sans-serif;transition:background .5s,color .5s;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;min-height:-webkit-fill-available;margin:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;transform:translateZ(0);-webkit-transform:translateZ(0)}@media screen and (max-width: 768px){body{min-height:100vh;min-height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body:before{height:100%;height:-webkit-fill-available}}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}body:before{height:-webkit-fill-available}}.arabe{font-family:Amiri,serif;direction:rtl}.container{width:90%;max-width:32rem;text-align:center;padding:1.5rem;position:relative;background-color:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:3rem auto;transition:transform .5s ease-in-out}.container.hidden{transform:translateY(-100vh)}.toggle-container-btn{position:fixed;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:1000;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.toggle-container-btn svg{width:14px;height:14px}.toggle-container-btn.floating svg{transform:rotate(180deg)}.toggle-container-btn.floating{background:#fff3;color:var(--text-color);box-shadow:0 2px 8px #0000001a}.toggle-container-btn:hover{background:#ffffff4d;transform:scale(1.1)}.toggle-container-btn.floating:hover{background:#ffffff4d;transform:translateY(-2px)}@media screen and (max-width: 768px){.toggle-container-btn{width:32px;height:32px;top:.75rem;right:.75rem;background:#fff3;border:1px solid rgba(255,255,255,.3)}.toggle-container-btn:hover{transform:none;background:#fff3}.toggle-container-btn:active{transform:scale(.95);background:#ffffff4d}.toggle-container-btn.floating{background:#fff3}.toggle-container-btn.floating:hover{transform:none;background:#fff3}.toggle-container-btn.floating:active{transform:scale(.95);background:#ffffff4d}.toggle-container-btn svg{width:16px;height:16px}}[data-theme=night] .toggle-container-btn{background:#0003;border-color:#fff3}[data-theme=night] .toggle-container-btn:hover,[data-theme=night] .toggle-container-btn:active{background:#0000004d}[data-theme=night] .toggle-container-btn.floating{background:#0003}[data-theme=night] .toggle-container-btn.floating:hover,[data-theme=night] .toggle-container-btn.floating:active{background:#0000004d}.container-overlay{background-color:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.container-overlay-night{background-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media screen and (max-width: 768px){.container{width:95%;margin:4rem auto;padding:1rem}.content{margin:1rem 0}.ayah{font-size:1.25rem;line-height:1.8}.traduction{font-size:.9rem;line-height:1.6}}@media screen and (min-width: 769px){.container{width:32rem;margin:2rem auto}}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;text-align:center}.title-container{margin-bottom:.75rem}.title{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0;color:var(--text-color);text-align:center;width:100%}.title-separator{border:none;border-top:1.5px solid var(--text-color);opacity:.15;margin:0;width:90%;max-width:280px}.controls{display:flex;gap:.5rem}.control-button{width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:var(--text-color)}.control-button:hover{background:#ffffff40}.control-button:active{transform:scale(.95)}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;max-width:800px;margin:0 auto;position:relative}.content-transition{width:100%;max-height:50vh;overflow-y:auto;padding:1rem;border-radius:.5rem;background:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.content-transition::-webkit-scrollbar{width:6px}.content-transition::-webkit-scrollbar-track{background:transparent}.content-transition::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:3px}[data-theme=night] .container{background-color:#0006}[data-theme=night] .content-transition{background:none}@media (max-width: 768px){.container{width:95%;margin:4rem auto;padding:1rem}.content-transition{padding:.75rem}}.sourate{font-size:.875rem;font-style:italic;margin-bottom:1rem;color:var(--text-color);text-align:center}.ayah{font-size:1.5rem;line-height:2;margin-bottom:1rem;color:var(--text-color);text-align:center}.traduction{font-size:1rem;line-height:1.75;color:var(--text-color);text-align:center}.content-transition{transition:opacity .15s ease,transform .15s ease}.content-fade-out{opacity:0;transform:translateY(5px)}.content-fade-in{opacity:1;transform:translateY(0)}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.dot{width:.625rem;height:.625rem;border-radius:9999px;background-color:var(--dot-color);opacity:.6;transition:all .2s ease}.dot.active{background-color:var(--primary-color);opacity:1;transform:scale(1.25)}.support-links{margin-top:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.support-link:hover{background-color:var(--hover-color)}.support-link i:first-child{width:20px;text-align:center}.support-link i:last-child{margin-left:auto;font-size:.8rem;opacity:.7}.separator{border:none;border-top:1.5px solid var(--dot-color, #ccc);margin:1rem auto;width:60%;opacity:.5}.menu-footer{margin-top:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.fr-translate{width:100%}.fr-nav__item{position:relative;width:100%}.fr-translate__btn{width:100%;background:var(--container-bg);border:1px solid var(--border-color, rgba(0, 0, 0, .1));color:var(--text-color);cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;border-radius:.25rem;transition:all .2s ease}.fr-translate__btn:hover{background-color:var(--hover-color)}.fr-fi-translate-2{width:1.5rem;height:1.5rem;color:currentColor}.fr-translate__btn:after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .2s ease}.fr-translate__btn[aria-expanded=true]:after{transform:rotate(-135deg)}.fr-hidden-lg{display:none}@media (min-width: 768px){.fr-hidden-lg{display:inline}}.fr-translate__menu{position:absolute;top:100%;left:0;right:0;background:var(--container-bg);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:.5rem;display:none;z-index:1000;margin-top:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fr-translate__menu.active{display:block}.fr-menu__list{list-style:none;padding:0;margin:0}.fr-translate__language{display:block;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;border-radius:.25rem;transition:background-color .2s ease;font-size:.95rem}.fr-translate__language:hover{background-color:var(--hover-color)}.fr-translate__language[aria-current=true]{background-color:var(--hover-color);font-weight:500}[data-theme=night] .fr-translate__menu{background:#000000f2;border-color:#ffffff1a}[data-theme=night] .fr-translate__language:hover,[data-theme=night] .fr-translate__language[aria-current=true]{background-color:#ffffff1a}.side-menu{position:fixed;left:-300px;top:0;width:300px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:left .3s ease;z-index:1000;padding:1rem;box-shadow:5px 0 15px #0000001a;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-logo{width:100px;height:auto;margin:0 auto 1rem;display:block}.menu-items{width:100%;flex-shrink:0;margin-bottom:1rem}.menu-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:.25rem;color:var(--text-color)}.menu-footer{margin-top:auto;padding:.5rem 0;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.support-links{margin-top:.5rem;padding:0;display:flex;flex-direction:column;gap:.25rem}.support-link{display:flex;align-items:center;gap:.5rem;padding:.5rem;color:var(--text-color);text-decoration:none;border-radius:8px;transition:background-color .3s ease;font-size:.9rem}@media screen and (max-width: 768px){.side-menu{padding:.75rem}.menu-logo{width:80px;margin-bottom:.75rem}.menu-items{margin-bottom:.75rem}.menu-item{padding:.5rem;margin-bottom:.25rem}.menu-footer{padding:.5rem 0;gap:.5rem}.support-links{margin-top:.25rem;gap:.25rem}.support-link{padding:.5rem}}@media screen and (max-width: 768px){.header{margin-bottom:1rem}.title-container{margin-bottom:.5rem}.title{font-size:1.25rem}.title-separator{width:85%;max-width:240px}}.content-type-selector{display:flex;gap:.5rem;background:#ffffff4d;padding:.25rem;border-radius:.75rem;box-shadow:0 2px 4px #0000001a}.type-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;background:transparent;color:var(--text-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;opacity:.7}.type-btn:hover{opacity:.9}.type-btn.active{background:var(--primary-color);color:#fff;opacity:1}.type-icon{font-size:1.1rem}@media screen and (max-width: 768px){.content-type-selector{gap:.25rem;padding:.2rem}.type-btn{padding:.4rem .75rem;font-size:.9rem}.type-icon{font-size:1rem}}[data-theme=night] .content-type-selector{background:#0003}.menu-button{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.menu-button:hover{background:#ffffff40;transform:translateY(-2px)}.menu-button:active{transform:scale(.95)}.menu-button svg{width:24px;height:24px;color:var(--text-color);transition:transform .2s ease}#menu-toggle.active svg{transform:rotate(90deg)}#menu-toggle,#surah-nav,#hadith-collections-nav,a[href="https://ayahnfc.com/"]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}#menu-toggle:hover,#surah-nav:hover,#hadith-collections-nav:hover,a[href="https://ayahnfc.com/"]:hover{background:#ffffff40;transform:translateY(-2px)}#menu-toggle:active,#surah-nav:active,#hadith-collections-nav:active,a[href="https://ayahnfc.com/"]:active{transform:scale(.95)}#menu-toggle svg,#surah-nav svg,#hadith-collections-nav svg,a[href="https://ayahnfc.com/"] svg{width:24px;height:24px;color:var(--text-color)}[data-theme=night] #menu-toggle,[data-theme=night] #surah-nav,[data-theme=night] #hadith-collections-nav,[data-theme=night] a[href="https://ayahnfc.com/"]{background:#0003;border-color:#ffffff1a}[data-theme=night] #menu-toggle:hover,[data-theme=night] #surah-nav:hover,[data-theme=night] #hadith-collections-nav:hover,[data-theme=night] a[href="https://ayahnfc.com/"]:hover{background:#0000004d}@media (max-width: 768px){#menu-toggle,#surah-nav,#hadith-collections-nav,a[href="https://ayahnfc.com/"]{width:36px;height:36px}#menu-toggle svg,#surah-nav svg,#hadith-collections-nav svg,a[href="https://ayahnfc.com/"] svg{width:20px;height:20px}}.side-menu{position:fixed;left:-300px;top:0;width:300px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:left .3s ease;z-index:1000;padding:1rem;box-shadow:5px 0 15px #0000001a;display:flex;flex-direction:column;align-items:center}.side-menu.active{left:0}.menu-logo{width:120px;height:auto;margin:0 auto 2rem;display:block}.menu-items{width:100%}.menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem;color:var(--text-color)}.menu-item:hover{background:#0000000d}.menu-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.menu-item-icon.rotate{transform:rotate(90deg)}[data-theme=night] .side-menu{background:#000000f2;box-shadow:5px 0 15px #0000004d}[data-theme=night] .menu-item:hover{background:#ffffff1a}.theme-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;cursor:pointer}.theme-icon{font-size:24px;transition:color .3s ease;color:var(--text-color)}.theme-text{flex:1;margin-left:.75rem;font-size:.95rem;font-weight:500}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;margin-left:.75rem}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(20px)}[data-theme=night] .theme-text{color:var(--text-color)}.surah-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1000;overflow-y:auto;padding:0;box-sizing:border-box;animation:fadeIn .3s ease-out;color:var(--text-color);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.surah-view::-webkit-scrollbar{width:15px}.surah-view::-webkit-scrollbar-track{background:transparent}.surah-view::-webkit-scrollbar-thumb{background:#80808080;border:3px solid transparent;background-clip:padding-box}.surah-view::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border:3px solid transparent;background-clip:padding-box}.surah-view{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent}[data-theme=night] .surah-view::-webkit-scrollbar-thumb{background:#fff6;border:3px solid transparent;background-clip:padding-box}[data-theme=night] .surah-view{scrollbar-color:rgba(255,255,255,.4) transparent}@media (max-width: 768px){.surah-view::-webkit-scrollbar{width:8px}.surah-view::-webkit-scrollbar-thumb{border:2px solid transparent}.surah-view::-webkit-scrollbar-thumb:hover{border:2px solid transparent}}.custom-scrollbar-container,.custom-scrollbar-track,.custom-scrollbar-thumb{display:none}.surah-header{position:sticky;top:0;display:flex;align-items:center;margin-bottom:.5rem;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;transition:transform .3s ease;transform:translateY(0)}.surah-title{font-size:1.5rem;color:#fff;margin:0}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:1rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.close-button svg{width:24px;height:24px;transition:transform .2s ease;pointer-events:none}.close-button:hover{background-color:#ffffff1a;transform:translate(-2px)}.surah-title-container{display:flex;align-items:center;flex:1;justify-content:center}.verses-container{display:flex;flex-direction:column;gap:.35rem;width:100%;margin:0;padding:0 0 2rem;position:relative}.verse-item{background-color:var(--container-bg);padding:1.25rem;transition:transform .2s ease,background-color .2s ease;border:1px solid var(--border-color);width:100%;box-sizing:border-box;position:relative}.verse-item:hover{transform:none;background-color:var(--container-bg)}.verse-item.current-verse{background-color:var(--hover-color);border:1px solid var(--primary-color);box-shadow:0 0 20px #3a873d1a}.verse-number{display:inline-block;color:var(--primary-color);width:2rem;height:2rem;text-align:center;line-height:2rem;margin-right:1rem;font-size:.9rem;font-weight:500}.verse-arabic{font-size:1.8rem;line-height:2.5;margin:1rem 0;color:var(--text-color);text-align:right;direction:rtl}.verse-translation{font-size:1.1rem;line-height:1.6;color:var(--text-color);opacity:.9}.verse-actions{position:absolute;top:1.25rem;right:1.25rem;display:flex;gap:.5rem;z-index:1}@media (max-width: 768px){.verse-item{padding:1rem}.verse-actions{top:1rem;right:1rem}.verse-action-button{padding:.3rem .5rem;font-size:.8rem}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.surah-header{padding:.75rem 1rem}.verses-container{padding:0 0 1rem}.surah-title{font-size:1.25rem}.close-button{width:36px;height:36px;margin-right:.75rem;padding:.4rem}.close-button:hover{transform:none;background-color:transparent}.close-button:active{background-color:#ffffff1a}.close-button svg{width:20px;height:20px}.verse-arabic{font-size:1.5rem}.verse-translation{font-size:1rem}}.read-more-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:none;color:#666;border:none;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.read-more-button:hover{transform:scale(1.05);color:#333}.read-more-button:active{transform:scale(.95)}.read-more-button svg{width:24px;height:24px;stroke-width:1.5}[data-theme=night] .read-more-button{color:#999}[data-theme=night] .read-more-button:hover{color:#fff}@media (max-width: 768px){.read-more-button{padding:.4rem}.read-more-button svg{width:20px;height:20px}}:root{--primary-color: #3a873d;--primary-color-hover: #2d6a2f}.surah-select{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.75rem 1rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease;width:300px;text-align:center;font-family:Inter,sans-serif}.surah-select:hover{background-color:#ffffff26}.surah-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3a873d4d}.surah-select option{background-color:#2a0a35;color:#fff;padding:.75rem;font-size:1rem}@media (max-width: 768px){.surah-select{width:200px;font-size:.9rem;padding:.6rem .75rem}.surah-select option{font-size:.9rem;padding:.6rem}}.custom-select-container{position:relative;width:300px}.custom-select-button{width:100%;background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.75rem 1rem;font-size:1.1rem;cursor:pointer;transition:all .2s ease;text-align:center;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.custom-select-button:hover{background-color:#3a873d26}.custom-select-button:after{content:"";width:.5rem;height:.5rem;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg);transition:transform .2s ease}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid rgba(58,135,61,.2);border-radius:4px;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:1000;opacity:0;visibility:hidden;box-shadow:0 4px 6px #3a873d1a}.custom-select-dropdown.show{max-height:300px;opacity:1;visibility:visible}.dropdown-content{max-height:300px;overflow-y:auto;padding:.5rem 0}.dropdown-option{padding:.75rem 1rem;color:#333;cursor:pointer;transition:background-color .2s ease;font-size:1rem;text-align:center}.dropdown-option:hover{background-color:#3a873d1a}.dropdown-option.selected{background-color:var(--primary-color);color:#fff}[data-theme=night] .custom-select-dropdown{background-color:#1a1a1a;border-color:#3a873d4d}[data-theme=night] .dropdown-option{color:#fff}[data-theme=night] .dropdown-option:hover{background-color:#3a873d33}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px;margin:5px}.dropdown-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;border:2px solid rgba(255,255,255,.1);transition:background-color .2s ease}.dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--primary-color-hover)}.dropdown-content{scrollbar-width:none}@media (max-width: 768px){.custom-select-container{width:200px}.custom-select-button,.dropdown-option{font-size:.9rem;padding:.6rem .75rem}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;max-width:600px;margin:2rem auto}.error-message{color:#ff6b6b;font-size:1.1rem;line-height:1.5;background-color:#ff6b6b1a;padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(255,107,107,.2)}.retry-button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}.retry-button:hover{background-color:var(--primary-color-hover);transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}@media (max-width: 768px){.error-container{padding:1.5rem;margin:1.5rem auto}.error-message{font-size:1rem;padding:.75rem 1rem}.retry-button{padding:.6rem 1.25rem;font-size:.95rem}}.theme-toggle-button,.settings-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:1rem;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.theme-toggle-button:hover,.settings-button:hover{background-color:#ffffff1a}.theme-toggle-button svg,.settings-button svg{width:24px;height:24px;transition:transform .2s ease;pointer-events:none}.settings-button.active{background-color:#fff3}.settings-button.active svg{transform:none}@media (max-width: 768px){.theme-toggle-button,.settings-button{width:36px;height:36px;margin-left:.75rem;padding:.4rem}.theme-toggle-button:hover,.settings-button:hover{background-color:transparent;transform:none}.theme-toggle-button:active,.settings-button:active{background-color:#ffffff1a}.theme-toggle-button svg,.settings-button svg{width:20px;height:20px}}[data-theme=night] .surah-view{background-color:var(--background-color)}[data-theme=night] .verse-item{background-color:var(--container-bg)}[data-theme=night] .verse-item:hover{background-color:var(--container-bg);transform:none}[data-theme=night] .verse-item.current-verse{background-color:var(--hover-color);border-color:var(--primary-color)}[data-theme=night] .verse-arabic,[data-theme=night] .verse-translation{color:var(--text-color)}@media (max-width: 768px){.surah-header{padding:.75rem 1rem}.verses-container{padding:0 0 1rem}.theme-toggle-button{width:36px;height:36px;margin-left:.75rem}.theme-toggle-button svg{width:20px;height:20px}}.settings-menu{position:absolute;top:100%;right:1rem;background:var(--container-bg);border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;padding:.75rem;display:none;z-index:1000;margin-top:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:250px}.settings-menu.active{display:block}.settings-menu-content{display:flex;flex-direction:column;gap:.75rem}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem;color:var(--text-color);font-size:.95rem;border-radius:.25rem;transition:background-color .2s ease}.settings-option:hover{background-color:var(--hover-color)}.settings-divider{height:1px;background-color:var(--border-color, rgba(0, 0, 0, .1));margin:.25rem 0}.language-option{flex-direction:column;align-items:flex-start;gap:.75rem}.language-toggle{display:flex;gap:.5rem;width:100%}.language-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color, rgba(0, 0, 0, .1));border-radius:.25rem;background:transparent;color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.language-btn:hover{background-color:var(--hover-color)}.language-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.language-flag{font-size:1.1rem}.language-name{font-weight:500}[data-theme=night] .settings-menu{background:#000000f2;border-color:#ffffff1a}[data-theme=night] .settings-option:hover,[data-theme=night] .settings-divider{background-color:#ffffff1a}[data-theme=night] .language-btn{border-color:#ffffff1a}[data-theme=night] .language-btn:hover{background-color:#ffffff1a}@media (max-width: 768px){.settings-menu{right:.5rem;min-width:220px}.settings-option{font-size:.9rem;padding:.4rem}.language-btn{padding:.4rem;font-size:.85rem}.language-flag{font-size:1rem}}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 2px 5px #0003;z-index:1000}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--primary-color-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.scroll-to-top svg{width:20px;height:20px}[data-theme=dark] .scroll-to-top{background:var(--primary-color);box-shadow:0 2px 5px #0006}[data-theme=dark] .scroll-to-top:hover{background:var(--primary-color-dark);box-shadow:0 4px 8px #0009}@media (max-width: 768px){.scroll-to-top{bottom:15px;right:15px;width:35px;height:35px}.scroll-to-top svg{width:18px;height:18px}}.surah-list-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1000;overflow-y:auto;padding:0;box-sizing:border-box;animation:fadeIn .3s ease-out;color:var(--text-color);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.surah-list-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;z-index:10}.surah-list-title{font-size:1.5rem;margin:0;font-weight:500}.surah-list{padding:1rem;display:grid;gap:.5rem;max-width:800px;margin:0 auto}.surah-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.surah-item:hover{transform:translateY(-2px);background-color:var(--hover-color);box-shadow:0 4px 12px #0000001a}.surah-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:500;font-size:1.1rem}.surah-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.surah-name{font-size:1.1rem;font-weight:500}.surah-arabic-name{font-size:1.2rem;font-family:Amiri,serif;color:var(--text-color);opacity:.9}[data-theme=night] .surah-item{background-color:var(--container-bg)}[data-theme=night] .surah-item:hover{background-color:var(--container-bg);transform:none}@media (max-width: 768px){.surah-list-header{padding:.75rem 1rem}.surah-list-title{font-size:1.25rem}.surah-list,.surah-item{padding:.75rem}.surah-number{width:2rem;height:2rem;font-size:1rem}.surah-name{font-size:1rem}.surah-arabic-name{font-size:1.1rem}}.quick-links{padding:.75rem 2rem;background-color:var(--container-bg);border-bottom:1px solid var(--border-color)}.quick-links-title{font-size:.9rem;font-weight:500;color:var(--text-color);margin:0 0 .75rem;opacity:.8}.quick-links-list{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.quick-links-list::-webkit-scrollbar{height:4px}.quick-links-list::-webkit-scrollbar-track{background:transparent}.quick-links-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.quick-link-item{display:flex;align-items:center;padding:.5rem .75rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.quick-link-item:hover{background-color:var(--background-color);transform:none;box-shadow:none}.quick-link-info{display:flex;align-items:center;gap:.5rem}.quick-link-title{font-size:.9rem;font-weight:500;color:var(--text-color)}.quick-link-arabic{font-size:1rem;font-family:Amiri,serif;color:var(--text-color);opacity:.9}[data-theme=night] .quick-links{background-color:var(--container-bg)}[data-theme=night] .quick-link-item{background-color:var(--background-color)}[data-theme=night] .quick-link-item:hover{background-color:var(--background-color);transform:none;box-shadow:none}@media (max-width: 768px){.quick-links{padding:.5rem 1rem}.quick-links-title{font-size:.85rem;margin-bottom:.5rem}.quick-link-item{padding:.4rem .6rem}.quick-link-title{font-size:.85rem}.quick-link-arabic{font-size:.9rem}}.bookmarks-section{padding:.75rem 2rem;background-color:var(--container-bg);border-bottom:1px solid var(--border-color)}.bookmarks-title{font-size:.9rem;font-weight:500;color:var(--text-color);margin:0 0 .75rem;opacity:.8}.bookmarks-list{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.bookmarks-list::-webkit-scrollbar{height:4px}.bookmarks-list::-webkit-scrollbar-track{background:transparent}.bookmarks-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:2px}.bookmark-item{display:flex;align-items:center;padding:.5rem .75rem;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.bookmark-item:hover{background-color:var(--background-color);transform:none;box-shadow:none}.bookmark-info{display:flex;align-items:center;gap:.5rem}.bookmark-icon{color:var(--primary-color);font-size:1.1rem}.bookmark-text{font-size:.9rem;color:var(--text-color)}.verse-action-button{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:none;border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-color);font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.verse-action-button svg{width:16px;height:16px;stroke:currentColor;fill:none}.verse-action-button:hover{background-color:var(--hover-color);transform:translateY(-1px)}.verse-action-button.active,.verse-action-button[data-has-bookmark=true]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.verse-action-button.active svg,.verse-action-button[data-has-bookmark=true] svg{stroke:#fff;fill:#fff}[data-theme=dark] .verse-action-button.active,[data-theme=dark] .verse-action-button[data-has-bookmark=true]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-theme=dark] .verse-action-button.active svg,[data-theme=dark] .verse-action-button[data-has-bookmark=true] svg{stroke:#fff;fill:#fff}@media (max-width: 768px){.verse-action-button{padding:.3rem .5rem;font-size:.8rem}.verse-action-button:hover{background-color:transparent;transform:none}.verse-action-button:active{background-color:var(--hover-color)}.verse-action-button svg{width:14px;height:14px}}.collections-menu{position:absolute;background:var(--container-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;padding:.5rem;z-index:1000;min-width:250px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);right:0;transform:translate(-85%);margin-right:.5rem}.collections-menu-header{padding:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.collections-menu-title{font-size:.9rem;font-weight:500;color:var(--text-color);margin:0}.collection-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:.25rem;transition:all .2s ease;color:var(--text-color)}.collection-item:hover{background-color:var(--hover-color);transform:translate(2px)}.collection-item.active{background-color:var(--primary-color);color:#fff}.collection-item.active:hover{background-color:var(--primary-color-hover)}.collection-item-icon{display:flex;align-items:center;justify-content:center}.collection-item-icon svg{width:1.2rem;height:1.2rem}.collection-item-name{flex:1;font-size:.95rem}.collection-item.create-new{margin-top:.5rem;border-top:1px solid var(--border-color);padding-top:.75rem}[data-theme=dark] .collections-menu{background:#000000f2;border-color:#ffffff1a}[data-theme=dark] .collection-item:hover{background-color:#ffffff1a}[data-theme=dark] .collection-item.active{background-color:var(--primary-color)}[data-theme=dark] .collection-item.create-new{border-top-color:#ffffff1a}@media (max-width: 768px){.collections-menu{min-width:220px;margin-right:.25rem}.collection-item{padding:.6rem}.collection-item-name{font-size:.9rem}.collection-item-icon svg{width:1.1rem;height:1.1rem}}.collection-view{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-color);z-index:1000;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.collection-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--primary-color);color:#fff;z-index:10;box-shadow:0 2px 8px #0000001a}.collection-title{font-size:1.5rem;font-weight:600;margin:0}.collection-close{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.collection-close:hover{background-color:#ffffff1a;transform:translate(2px)}.collection-close svg{width:24px;height:24px}.collection-verses-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.collection-verse-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--container-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.collection-verse-item:hover{transform:translateY(-2px);background-color:var(--hover-color);box-shadow:0 4px 12px #0000001a}.collection-verse-info{display:flex;align-items:center;gap:1rem}.collection-verse-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:500;font-size:1.1rem}.collection-verse-text{font-size:1.1rem;color:var(--text-color)}.collection-verse-remove{padding:.5rem;color:var(--text-color);background:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:.25rem;opacity:.6}.collection-verse-remove:hover{opacity:1;background-color:#ff00001a;color:#f44;transform:scale(1.1)}.collection-verse-remove svg{width:1.2rem;height:1.2rem}[data-theme=dark] .collection-view{background-color:var(--background-color)}[data-theme=dark] .collection-verse-item{background-color:var(--container-bg)}[data-theme=dark] .collection-verse-item:hover{background-color:var(--hover-color)}[data-theme=dark] .collection-verse-remove:hover{background-color:#f003}@media (max-width: 768px){.collection-header{padding:.75rem 1rem}.collection-title{font-size:1.2rem}.collection-close{width:36px;height:36px}.collection-close svg{width:20px;height:20px}.collection-verses-list{padding:1rem}.collection-verse-item{padding:.75rem 1rem}.collection-verse-number{width:2rem;height:2rem;font-size:1rem}.collection-verse-text{font-size:.95rem}.collection-verse-remove{padding:.4rem}.collection-verse-remove svg{width:1.1rem;height:1.1rem}}.collection-item-delete{display:flex;align-items:center;justify-content:center;padding:.4rem;background:none;border:none;color:var(--text-color);opacity:.6;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.collection-item-delete:hover{opacity:1;background-color:#ff00001a;color:#f44}.collection-item-delete svg{width:1.1rem;height:1.1rem}[data-theme=dark] .collection-item-delete{color:var(--text-color)}[data-theme=dark] .collection-item-delete:hover{background-color:#f003}@media (max-width: 768px){.collection-item-delete{padding:.3rem}.collection-item-delete svg{width:1rem;height:1rem}}.delete-collection-button{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto;padding:8px 16px;border:1px solid rgba(255,0,0,.3);border-radius:8px;background:transparent;color:#f44;font-size:14px;cursor:pointer;transition:all .2s ease}.delete-collection-button:hover{background-color:#ff00001a;border-color:#ff000080}.delete-collection-button svg{width:16px;height:16px}[data-theme=night] .delete-collection-button{border-color:#f006;color:#f66}[data-theme=night] .delete-collection-button:hover{background-color:#ff000026;border-color:#f009}@media (max-width: 768px){.delete-collection-button{padding:.4rem}.delete-collection-button svg{width:1rem;height:1rem}}.bismillah{width:100%;text-align:center;margin:0 auto;color:var(--text-color);opacity:.8;transition:opacity .3s ease;max-width:600px;padding:0 1rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.bismillah img{width:100%;max-width:300px;height:auto;margin:0 auto;display:block;transition:all .3s ease;filter:brightness(1)}.bismillah-info{font-size:.9rem;color:var(--text-color);opacity:.7}@media screen and (max-width: 768px){.bismillah{margin:0 auto;padding:0 .5rem}.bismillah img{max-width:250px}.bismillah-info{font-size:.75rem}}[data-theme=night] .bismillah{opacity:.9}[data-theme=night] .bismillah img{filter:brightness(0) invert(1)}.verses-info{text-align:right;font-size:.85rem;color:var(--text-color);opacity:.8;font-style:italic;position:relative;width:100%;max-width:600px;margin:0 auto;padding:.25rem 1rem 0}[data-theme=night] .verses-info{color:var(--text-color);opacity:.7}@media screen and (max-width: 768px){.verses-info{font-size:.75rem;padding:.15rem .75rem 0}.bismillah{margin:0 auto;padding:0 .5rem}}.surah-info-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:.15rem 1rem 0}.surah-type{font-size:1.2rem;opacity:.8;cursor:help}.verses-info{text-align:right;font-size:.85rem;color:var(--text-color);opacity:.8;font-style:italic}@media screen and (max-width: 768px){.surah-info-container{padding:.1rem .75rem 0}.surah-type{font-size:1.1rem}.verses-info{font-size:.75rem}}.collection-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.collection-modal-content{background:var(--background-color);border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out}.collection-modal-content h3{margin:0 0 20px;color:var(--text-color);font-size:1.2rem;text-align:center}.collection-modal-form{display:flex;flex-direction:column;gap:20px}.collection-modal-form input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;color:var(--text-color);background:var(--input-background);transition:border-color .3s ease}.collection-modal-form input:focus{outline:none;border-color:var(--primary-color)}.collection-modal-actions{display:flex;gap:12px;justify-content:flex-end}.collection-modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.collection-modal-cancel{background:var(--secondary-background);color:var(--text-color)}.collection-modal-submit{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.collection-modal-submit:hover{background:#4caf50;border-color:#4caf50;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.collection-modal-submit:active{transform:translateY(0);box-shadow:none}.collection-modal-cancel:hover{background:var(--hover-color)}[data-theme=night] .collection-modal-content{background:#1a1a1a;box-shadow:0 4px 20px #00000080;border:1px solid rgba(255,255,255,.1)}[data-theme=night] .collection-modal-form input{background:#2a2a2a;border-color:#fff3;color:#fff}[data-theme=night] .collection-modal-form input:focus{border-color:#4caf50;background:#2d2d2d}[data-theme=night] .collection-modal-cancel{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.2)}[data-theme=night] .collection-modal-cancel:hover{background:#3a3a3a;border-color:#ffffff4d}[data-theme=night] .collection-modal-submit{background:#4caf50;color:#fff;border:1px solid #4CAF50}[data-theme=night] .collection-modal-submit:hover{background:#66bb6a;border-color:#66bb6a;box-shadow:0 2px 8px #4caf5066}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (max-width: 768px){.collection-modal-content{width:85%;padding:20px}.collection-modal-content h3{font-size:1.1rem}.collection-modal-form input{padding:10px;font-size:.9rem}.collection-modal-actions button{padding:8px 16px;font-size:.85rem}}#quran-nav,#hadith-nav,#shop-nav,#makkah-live{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-color);margin-bottom:.5rem}#quran-nav:hover,#hadith-nav:hover,#shop-nav:hover,#makkah-live:hover{background:var(--hover-color);transform:translate(5px)}#quran-nav .menu-item-icon,#hadith-nav .menu-item-icon,#shop-nav .menu-item-icon,#makkah-live .menu-item-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}#quran-nav .menu-item-icon svg,#hadith-nav .menu-item-icon svg,#shop-nav .menu-item-icon svg,#makkah-live .menu-item-icon svg{width:20px;height:20px;stroke:var(--text-color)}[data-theme=night] #quran-nav:hover,[data-theme=night] #hadith-nav:hover,[data-theme=night] #shop-nav:hover,[data-theme=night] #makkah-live:hover{background:#ffffff1a}@media (max-width: 768px){#quran-nav,#hadith-nav,#shop-nav,#makkah-live{padding:.75rem;margin-bottom:.25rem}#quran-nav .menu-item-icon,#hadith-nav .menu-item-icon,#shop-nav .menu-item-icon,#makkah-live .menu-item-icon{width:20px;height:20px}#quran-nav .menu-item-icon svg,#hadith-nav .menu-item-icon svg,#shop-nav .menu-item-icon svg,#makkah-live .menu-item-icon svg{width:18px;height:18px}}.surah-type img{filter:brightness(1);transition:filter .3s ease}[data-theme=night] .surah-type img{filter:brightness(.8) invert(1)}@media (max-width: 768px){.surah-type img{width:20px!important;height:20px!important}}.hadith-collection-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1000;overflow-y:auto;padding:0;box-sizing:border-box;animation:fadeIn .3s ease-out;color:var(--text-color);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.hadith-collection-view::-webkit-scrollbar{width:15px}.hadith-collection-view::-webkit-scrollbar-track{background:transparent}.hadith-collection-view::-webkit-scrollbar-thumb{background:#80808080;border:3px solid transparent;background-clip:padding-box}.hadith-collection-view::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border:3px solid transparent;background-clip:padding-box}.hadith-collection-view{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent}[data-theme=night] .hadith-collection-view::-webkit-scrollbar-thumb{background:#fff6;border:3px solid transparent;background-clip:padding-box}[data-theme=night] .hadith-collection-view{scrollbar-color:rgba(255,255,255,.4) transparent}.hadith-collection-header{position:sticky;top:0;display:flex;align-items:center;margin-bottom:.5rem;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;transition:transform .3s ease;transform:translateY(0)}.hadith-collection-title-container{display:flex;align-items:center;flex:1;justify-content:center}.hadiths-container{display:flex;flex-direction:column;gap:.35rem;width:100%;margin:0;padding:0 0 2rem;position:relative}.hadith-item{background-color:var(--container-bg);padding:1.25rem;transition:transform .2s ease,background-color .2s ease;border:1px solid var(--border-color);width:100%;box-sizing:border-box;position:relative}.hadith-item:hover{transform:none;background-color:var(--container-bg)}.hadith-item.current-hadith{background-color:var(--hover-color);border:1px solid var(--primary-color);box-shadow:0 0 20px #3a873d1a}.hadith-number{display:inline-block;color:var(--primary-color);width:2rem;height:2rem;text-align:center;line-height:2rem;margin-right:1rem;font-size:.9rem;font-weight:500}.hadith-arabic{font-size:1.8rem;line-height:2.5;margin:1rem 0;color:var(--text-color);text-align:right;direction:rtl}.hadith-translation{font-size:1.1rem;line-height:1.6;color:var(--text-color);opacity:.9}.hadith-source{font-size:.9rem;line-height:1.4;color:var(--text-color);opacity:.7;font-style:italic;margin-top:.75rem;text-align:left}.hadith-actions{position:absolute;top:1.25rem;right:1.25rem;display:flex;gap:.5rem;z-index:1}.hadith-action-button{display:flex;align-items:center;gap:.25rem;padding:.4rem .6rem;background:none;border:1px solid var(--border-color);border-radius:.25rem;color:var(--text-color);font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hadith-action-button svg{width:16px;height:16px;stroke:currentColor;fill:none}.hadith-action-button:hover{background-color:var(--hover-color);transform:translateY(-1px)}.hadith-action-button.active,.hadith-action-button[data-has-bookmark=true]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.hadith-action-button.active svg,.hadith-action-button[data-has-bookmark=true] svg{stroke:#fff;fill:#fff}[data-theme=dark] .hadith-action-button.active,[data-theme=dark] .hadith-action-button[data-has-bookmark=true]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-theme=dark] .hadith-action-button.active svg,[data-theme=dark] .hadith-action-button[data-has-bookmark=true] svg{stroke:#fff;fill:#fff}@media (max-width: 768px){.hadith-collection-view::-webkit-scrollbar{width:8px}.hadith-collection-view::-webkit-scrollbar-thumb{border:2px solid transparent}.hadith-collection-view::-webkit-scrollbar-thumb:hover{border:2px solid transparent}.hadith-collection-header{padding:.75rem 1rem}.hadiths-container{padding:0 0 1rem}.hadith-item{padding:1rem}.hadith-actions{top:1rem;right:1rem}.hadith-action-button{padding:.3rem .5rem;font-size:.8rem}.hadith-action-button:hover{background-color:transparent;transform:none}.hadith-action-button:active{background-color:var(--hover-color)}.hadith-action-button svg{width:14px;height:14px}.hadith-arabic{font-size:1.5rem}.hadith-translation{font-size:1rem}.hadith-source{font-size:.8rem;margin-top:.5rem}}[data-theme=night] .hadith-collection-view{background-color:var(--background-color)}[data-theme=night] .hadith-item{background-color:var(--container-bg)}[data-theme=night] .hadith-item:hover{background-color:var(--container-bg);transform:none}[data-theme=night] .hadith-item.current-hadith{background-color:var(--hover-color);border-color:var(--primary-color)}[data-theme=night] .hadith-arabic,[data-theme=night] .hadith-translation{color:var(--text-color)}.hadith-collection-list-view{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);z-index:1000;overflow-y:auto;padding:0;box-sizing:border-box;animation:fadeIn .3s ease-out;color:var(--text-color);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.hadith-collection-list-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--primary-color);color:#fff;z-index:10}.hadith-collection-list-title{font-size:1.5rem;margin:0;font-weight:500}.hadith-collections-list{padding:1rem;display:grid;gap:.5rem;max-width:800px;margin:0 auto}.hadith-collection-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.hadith-collection-item:hover{transform:translateY(-2px);background-color:var(--hover-color);box-shadow:0 4px 12px #0000001a}.hadith-collection-number{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:500;font-size:1.1rem}.hadith-collection-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.hadith-collection-name{font-size:1.1rem;font-weight:500}.hadith-count{font-size:.9rem;color:var(--text-color);opacity:.7}[data-theme=night] .hadith-collection-list-view{background-color:var(--background-color)}[data-theme=night] .hadith-collection-item{background-color:var(--container-bg)}[data-theme=night] .hadith-collection-item:hover{background-color:var(--container-bg);transform:none}@media (max-width: 768px){.hadith-collection-list-header{padding:.75rem 1rem}.hadith-collection-list-title{font-size:1.25rem}.hadith-collections-list,.hadith-collection-item{padding:.75rem}.hadith-collection-number{width:2rem;height:2rem;font-size:1rem}.hadith-collection-name{font-size:1rem}.hadith-count{font-size:.8rem}}.hadith-bookmark-collection-view{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-color);z-index:1000;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.hadith-bookmark-collection-view .hadith-collection-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--primary-color);color:#fff;z-index:10;box-shadow:0 2px 8px #0000001a}.hadith-bookmark-collection-view .hadith-collection-title{font-size:1.5rem;font-weight:600;margin:0}.hadith-bookmark-collection-view .close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.hadith-bookmark-collection-view .close-button:hover{background-color:#ffffff1a;transform:translate(2px)}.hadith-bookmark-collection-view .close-button svg{width:24px;height:24px}.bookmark-items-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.bookmark-hadith-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--container-bg);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.bookmark-hadith-item:hover{transform:translateY(-2px);background-color:var(--hover-color);box-shadow:0 4px 12px #0000001a}.bookmark-hadith-info{display:flex;align-items:center;gap:1rem}.bookmark-hadith-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--primary-color);color:#fff;border-radius:50%;font-weight:500;font-size:1.1rem}.bookmark-hadith-collection{font-size:1.1rem;color:var(--text-color);font-weight:500}@media (max-width: 768px){.hadith-bookmark-collection-view .hadith-collection-header{padding:.75rem 1rem}.hadith-bookmark-collection-view .hadith-collection-title{font-size:1.2rem}.hadith-bookmark-collection-view .close-button{width:36px;height:36px}.hadith-bookmark-collection-view .close-button svg{width:20px;height:20px}.bookmark-items-list{padding:1rem}.bookmark-hadith-item{padding:.75rem 1rem}.bookmark-hadith-number{width:2rem;height:2rem;font-size:1rem}.bookmark-hadith-collection{font-size:.95rem}}.bookmark-hadith-item .collection-verse-remove{padding:.5rem;color:var(--text-color);background:none;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:.25rem;opacity:.6}.bookmark-hadith-item .collection-verse-remove:hover{opacity:1;background-color:#ff00001a;color:#f44;transform:scale(1.1)}.bookmark-hadith-item .collection-verse-remove svg{width:1.2rem;height:1.2rem}[data-theme=night] .hadith-bookmark-collection-view{background-color:var(--background-color)}[data-theme=night] .bookmark-hadith-item{background-color:var(--container-bg)}[data-theme=night] .bookmark-hadith-item:hover{background-color:var(--hover-color)}[data-theme=night] .bookmark-hadith-item .collection-verse-remove:hover{background-color:#f003}.bookmark-hadith-item .collection-verse-remove{padding:.4rem}.bookmark-hadith-item .collection-verse-remove svg{width:1.1rem;height:1.1rem}#quran-nav .menu-item-icon img{filter:brightness(1);transition:filter .3s ease}[data-theme=night] #quran-nav .menu-item-icon img{filter:brightness(.8) invert(1)}#surah-nav img{filter:brightness(1);transition:filter .3s ease}[data-theme=night] #surah-nav img{filter:brightness(.8) invert(1)}:root{--primary-color: #3a873d;--primary-color-hover: #2d6a2f;--background-color: #ffffff;--text-color: #333333;--container-bg: rgba(255, 255, 255, .9);--border-color: rgba(0, 0, 0, .1);--hover-color: rgba(0, 0, 0, .05);--dot-color: #cccccc}[data-theme=night]{--background-color: #1a1a1a;--text-color: #ffffff;--container-bg: rgba(0, 0, 0, .9);--border-color: rgba(255, 255, 255, .1);--hover-color: rgba(255, 255, 255, .1);--dot-color: #666666}.theme-transition{transition:background-color .5s ease,color .5s ease}[data-theme=night] .container{background:var(--container-bg);color:var(--text-color)}[data-theme=night] .title{color:var(--text-color)}[data-theme=night] .control-button{background:#0003;border-color:#ffffff1a}[data-theme=night] .control-button:hover{background:#0000004d}[data-theme=night] .carousel-dot{background-color:#fff9}[data-theme=night] .carousel-dot.active{background-color:var(--primary-color)}