.home-view[data-v-acf3bcee],.favorites-view[data-v-b807f80c]{width:100%}.section-title[data-v-b807f80c]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-b807f80c]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-fav[data-v-b807f80c]{color:var(--color-primary)}.section-title p[data-v-b807f80c]{color:var(--color-text-muted)}.radio-view[data-v-e0a15cc8]{width:100%}.section-title[data-v-e0a15cc8]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-e0a15cc8]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-radio[data-v-e0a15cc8]{color:var(--color-primary)}.section-title p[data-v-e0a15cc8]{color:var(--color-text-muted)}.search-box-container[data-v-e0a15cc8]{margin-bottom:2rem}.stations-grid[data-v-e0a15cc8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.station-card[data-v-e0a15cc8]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:right;position:relative;overflow:hidden}.station-card[data-v-e0a15cc8]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 20px #00000040}.station-card.playing[data-v-e0a15cc8]{border-color:var(--color-accent);background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(var(--color-accent-rgb),.05) 100%)}.station-icon[data-v-e0a15cc8]{width:48px;height:48px;border-radius:10px;background:var(--bg-app);border:1px solid var(--border-color);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:all .3s}.station-card:hover .station-icon[data-v-e0a15cc8]{background:var(--color-primary);color:#fff}.station-info[data-v-e0a15cc8]{flex-grow:1;min-width:0}.station-name[data-v-e0a15cc8]{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-status[data-v-e0a15cc8]{font-size:.8rem;color:var(--color-text-muted)}.station-card.playing .station-status[data-v-e0a15cc8]{color:var(--color-accent);font-weight:500}.play-station-btn[data-v-e0a15cc8]{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.station-card:hover .play-station-btn[data-v-e0a15cc8]{border-color:var(--color-primary);color:var(--color-primary)}.play-station-btn.active[data-v-e0a15cc8]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.browse-quran-view[data-v-23426f2e]{width:100%}.section-title[data-v-23426f2e]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-23426f2e]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-browse[data-v-23426f2e]{color:var(--color-primary)}.section-title p[data-v-23426f2e]{color:var(--color-text-muted)}.search-box-container[data-v-23426f2e]{margin-bottom:2rem}.surah-grid[data-v-23426f2e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.surah-card[data-v-23426f2e]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:right}.surah-card[data-v-23426f2e]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 20px #00000040}.surah-number[data-v-23426f2e]{width:36px;height:36px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;transition:all .3s}.surah-card:hover .surah-number[data-v-23426f2e]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.surah-info[data-v-23426f2e]{flex-grow:1;min-width:0}.surah-name[data-v-23426f2e]{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text)}.surah-meta[data-v-23426f2e]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.surah-arrow[data-v-23426f2e]{color:var(--color-text-muted);font-size:.85rem;transition:all .3s}.surah-card:hover .surah-arrow[data-v-23426f2e]{color:var(--color-primary);transform:translate(-4px)}.back-navigation[data-v-23426f2e]{margin-bottom:1.5rem;display:flex;justify-content:flex-start}.back-btn[data-v-23426f2e]{background:transparent;border:none;color:var(--color-primary);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .3s;padding:.5rem 0}.back-btn[data-v-23426f2e]:hover{color:var(--color-accent)}.back-btn i[data-v-23426f2e]{transition:transform .3s}.back-btn:hover i[data-v-23426f2e]{transform:translate(4px)}.reciters-list[data-v-23426f2e]{display:flex;flex-direction:column;gap:1rem}.reciting-reciter-card[data-v-23426f2e]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .3s;text-align:right}.reciting-reciter-card[data-v-23426f2e]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.reciter-avatar[data-v-23426f2e]{width:44px;height:44px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .3s}.reciting-reciter-card:hover .reciter-avatar[data-v-23426f2e]{background:var(--color-primary);color:#fff}.reciter-details[data-v-23426f2e]{flex-grow:1;min-width:0}.reciter-name[data-v-23426f2e]{font-size:1.05rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.reciter-sub[data-v-23426f2e]{font-size:.8rem;color:var(--color-text-muted);margin:0}.play-reciter-btn[data-v-23426f2e]{width:36px;height:36px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);border:1px solid transparent;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.reciting-reciter-card:hover .play-reciter-btn[data-v-23426f2e]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kahf-view[data-v-85043cdd]{width:100%}.section-title[data-v-85043cdd]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-85043cdd]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-kahf[data-v-85043cdd]{color:var(--color-primary)}.section-title p[data-v-85043cdd]{color:var(--color-text-muted)}.virtues-container[data-v-85043cdd]{margin-bottom:2.5rem}.virtue-card[data-v-85043cdd]{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(var(--color-primary-rgb),.08) 100%);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:center}.virtue-card h3[data-v-85043cdd]{color:var(--color-primary);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.accent-star[data-v-85043cdd]{color:var(--color-primary)}.hadith[data-v-85043cdd]{font-size:1.3rem;font-weight:500;line-height:1.8;color:var(--color-text);margin-bottom:.5rem;font-style:italic}.hadith-narrator[data-v-85043cdd]{font-size:.9rem;color:var(--color-text-muted)}.subsection-title[data-v-85043cdd]{font-size:1.3rem;color:var(--color-text);margin-bottom:1.25rem;text-align:right;border-right:4px solid var(--color-primary);padding-right:.75rem}.kahf-reciters-grid[data-v-85043cdd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.kahf-card[data-v-85043cdd]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:right}.kahf-card[data-v-85043cdd]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 20px #00000040}.kahf-card.playing[data-v-85043cdd]{border-color:var(--color-primary);background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(var(--color-primary-rgb),.05) 100%)}.kahf-avatar[data-v-85043cdd]{width:44px;height:44px;border-radius:10px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all .3s}.kahf-card:hover .kahf-avatar[data-v-85043cdd]{background:var(--color-primary);color:#fff}.kahf-info[data-v-85043cdd]{flex-grow:1;min-width:0}.kahf-info h4[data-v-85043cdd]{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text)}.rewaya[data-v-85043cdd]{font-size:.8rem;color:var(--color-text-muted)}.play-kahf-btn[data-v-85043cdd]{width:36px;height:36px;border-radius:50%;background:rgba(var(--color-primary-rgb),.1);border:1px solid transparent;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}.kahf-card:hover .play-kahf-btn[data-v-85043cdd],.play-kahf-btn.active[data-v-85043cdd]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tafsir-view[data-v-da7f9bef]{width:100%}.section-title[data-v-da7f9bef]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-da7f9bef]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-tafsir[data-v-da7f9bef]{color:var(--color-primary)}.section-title p[data-v-da7f9bef]{color:var(--color-text-muted)}.tafsir-list[data-v-da7f9bef]{display:flex;flex-direction:column;gap:2rem}.tafsir-card[data-v-da7f9bef]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:2rem;text-align:right;transition:all .3s}.tafsir-card[data-v-da7f9bef]:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #0003}.tafsir-header[data-v-da7f9bef]{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem}.tafsir-icon[data-v-da7f9bef]{width:48px;height:48px;border-radius:10px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s}.tafsir-card:hover .tafsir-icon[data-v-da7f9bef]{background:var(--color-primary);color:#fff}.tafsir-titles h3[data-v-da7f9bef]{font-size:1.2rem;color:var(--color-text);margin:0 0 .25rem}.author[data-v-da7f9bef]{font-size:.85rem;color:var(--color-text-muted)}.description[data-v-da7f9bef]{line-height:1.7;color:var(--color-text-muted);margin-bottom:1.5rem}.features-list[data-v-da7f9bef]{margin-bottom:1.75rem}.features-list h4[data-v-da7f9bef]{font-size:.95rem;color:var(--color-text);margin-bottom:.75rem}.features-list ul[data-v-da7f9bef]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.features-list li[data-v-da7f9bef]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-muted)}.feature-check[data-v-da7f9bef]{color:var(--color-primary);flex-shrink:0}.tafsir-footer[data-v-da7f9bef]{display:flex;justify-content:flex-end}.read-btn[data-v-da7f9bef]{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb),.2);padding:.75rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s}.read-btn[data-v-da7f9bef]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.qiraat-view[data-v-c7c85c9a]{width:100%}.section-title[data-v-c7c85c9a]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-c7c85c9a]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-qiraat[data-v-c7c85c9a]{color:var(--color-primary)}.section-title p[data-v-c7c85c9a]{color:var(--color-text-muted)}.intro-card[data-v-c7c85c9a]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem;text-align:right;line-height:1.8}.intro-card h3[data-v-c7c85c9a]{color:var(--color-primary);margin-bottom:.75rem;font-size:1.25rem}.intro-card p[data-v-c7c85c9a]{color:var(--color-text-muted);font-size:.95rem}.qiraat-grid[data-v-c7c85c9a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.qiraat-card[data-v-c7c85c9a]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;text-align:right;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;transition:all .3s}.qiraat-card[data-v-c7c85c9a]:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 20px #0003}.qari-header[data-v-c7c85c9a]{display:flex;align-items:center;gap:.75rem}.qari-number[data-v-c7c85c9a]{width:28px;height:28px;border-radius:6px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:all .3s}.qiraat-card:hover .qari-number[data-v-c7c85c9a]{background:var(--color-primary);color:#fff}.qari-header h3[data-v-c7c85c9a]{font-size:1.15rem;color:var(--color-text);margin:0}.rawis-section h4[data-v-c7c85c9a]{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.rawi-badges[data-v-c7c85c9a]{display:flex;gap:.75rem}.rawi-badge[data-v-c7c85c9a]{background:#ffffff0d;border:1px solid var(--border-color);padding:.35rem .75rem;border-radius:6px;font-size:.85rem;color:var(--color-text);font-weight:500}.region-section[data-v-c7c85c9a]{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--color-text-muted);border-top:1px solid var(--border-color);padding-top:.75rem}.region-icon[data-v-c7c85c9a]{color:var(--color-primary);margin-top:.15rem}.region-text[data-v-c7c85c9a]{line-height:1.4}.haramain-view[data-v-e19b34bf]{width:100%}.section-title[data-v-e19b34bf]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-e19b34bf]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-haramain[data-v-e19b34bf]{color:var(--color-primary)}.section-title p[data-v-e19b34bf]{color:var(--color-text-muted)}.about-view[data-v-f4140301]{width:100%}.section-title[data-v-f4140301]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-f4140301]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-about[data-v-f4140301]{color:var(--color-primary)}.section-title p[data-v-f4140301]{color:var(--color-text-muted)}.about-content[data-v-f4140301]{display:flex;flex-direction:column;gap:1.5rem;text-align:right}.about-card[data-v-f4140301]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;line-height:1.8}.about-card h3[data-v-f4140301]{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.about-card p[data-v-f4140301]{color:var(--color-text-muted);font-size:.95rem}.features-list[data-v-f4140301]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.features-list li[data-v-f4140301]{display:flex;align-items:flex-start;gap:.75rem;color:var(--color-text-muted);font-size:.95rem}.features-list i[data-v-f4140301]{margin-top:.35rem}.text-primary[data-v-f4140301]{color:var(--color-primary)}.link-primary[data-v-f4140301]{color:var(--color-primary);text-decoration:underline}.link-primary[data-v-f4140301]:hover{color:var(--color-primary);opacity:.8}.privacy-view[data-v-73c61ad6]{width:100%}.section-title[data-v-73c61ad6]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-73c61ad6]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-privacy[data-v-73c61ad6]{color:var(--color-primary)}.section-title p[data-v-73c61ad6]{color:var(--color-text-muted)}.privacy-content[data-v-73c61ad6]{display:flex;flex-direction:column;gap:1.5rem;text-align:right}.privacy-card[data-v-73c61ad6]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:2rem;line-height:1.8}.privacy-card h3[data-v-73c61ad6]{color:var(--color-primary);margin-bottom:1rem;font-size:1.25rem}.privacy-card p[data-v-73c61ad6]{color:var(--color-text-muted);font-size:.95rem}.privacy-list[data-v-73c61ad6]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.privacy-list li[data-v-73c61ad6]{display:flex;align-items:flex-start;gap:.75rem;color:var(--color-text-muted);font-size:.95rem;position:relative;padding-right:1.25rem}.privacy-list li[data-v-73c61ad6]:before{content:"•";color:var(--color-primary);position:absolute;right:0;font-size:1.5rem;line-height:1;top:-2px}.mushaf-view[data-v-3d78cef3]{width:100%}.section-title[data-v-3d78cef3]{margin-bottom:2rem;text-align:right}.section-title h2[data-v-3d78cef3]{font-size:1.8rem;color:var(--color-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.header-icon-mushaf[data-v-3d78cef3]{color:var(--color-primary)}.section-title p[data-v-3d78cef3]{color:var(--color-text-muted)}.search-box-container[data-v-3d78cef3]{margin-bottom:2rem}.surah-grid[data-v-3d78cef3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.surah-card[data-v-3d78cef3]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:right}.surah-card[data-v-3d78cef3]:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 8px 20px #0003}.surah-number[data-v-3d78cef3]{width:36px;height:36px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0;transition:all .3s}.surah-card:hover .surah-number[data-v-3d78cef3]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.surah-info[data-v-3d78cef3]{flex-grow:1;min-width:0}.surah-name[data-v-3d78cef3]{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text)}.surah-meta[data-v-3d78cef3]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-muted)}.surah-arrow[data-v-3d78cef3]{color:var(--color-text-muted);font-size:.85rem;transition:all .3s}.surah-card:hover .surah-arrow[data-v-3d78cef3]{color:var(--color-primary);transform:translate(-4px)}.reading-view[data-v-3d78cef3]{animation:fadeIn .4s ease}.reading-controls[data-v-3d78cef3]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:2rem}.back-btn[data-v-3d78cef3]{background:transparent;border:none;color:var(--color-primary);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;font-weight:700;transition:all .3s}.back-btn[data-v-3d78cef3]:hover{color:var(--color-accent);transform:translate(4px)}.surah-title-badge[data-v-3d78cef3]{display:flex;align-items:center;gap:1.25rem;text-align:right}.surah-play-btn[data-v-3d78cef3]{background:var(--color-primary);border:none;color:#fff;padding:.55rem 1.1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #10b98133}.surah-play-btn[data-v-3d78cef3]:hover{background:var(--color-accent);box-shadow:0 4px 10px #b8952b33;transform:scale(1.02)}.surah-title-meta-group[data-v-3d78cef3]{display:flex;flex-direction:column}.surah-title-meta-group h2[data-v-3d78cef3]{font-size:1.25rem;color:var(--color-primary);margin:0}.surah-type-meta[data-v-3d78cef3]{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.quran-reader-container[data-v-3d78cef3]{max-width:900px;margin:0 auto 3rem}.bismillah-card[data-v-3d78cef3]{font-size:2.2rem;color:var(--color-text);margin-bottom:2.5rem;text-align:center;font-family:var(--font-quran);letter-spacing:1px}.verses-list[data-v-3d78cef3]{display:flex;flex-direction:column;gap:1.5rem}.verse-card[data-v-3d78cef3]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow)}.verse-card[data-v-3d78cef3]:hover{border-color:var(--color-primary);transform:translateY(-2px)}.verse-card.active[data-v-3d78cef3]{border-color:var(--color-primary);border-right:4px solid var(--color-primary);background:#10b98108;box-shadow:0 4px 25px #10b9811f}.verse-card-header[data-v-3d78cef3]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color);padding-bottom:.75rem}.verse-badge[data-v-3d78cef3]{font-size:.8rem;font-weight:700;color:var(--color-text-muted);background:var(--bg-app);border:1px solid var(--border-color);padding:4px 10px;border-radius:6px}.verse-play-btn[data-v-3d78cef3]{width:32px;height:32px;border-radius:50%;border:none;background:#10b9811a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.verse-play-btn[data-v-3d78cef3]:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.verse-arabic-text[data-v-3d78cef3]{font-size:2rem;line-height:2.4;text-align:right;font-family:var(--font-quran);direction:rtl;padding:.5rem 0}.quran-word-wrapper[data-v-3d78cef3]{position:relative;display:inline-block;cursor:pointer;margin:0 3px;padding:0 4px;border-radius:6px;transition:all .2s;color:var(--color-text)}.quran-word-wrapper[data-v-3d78cef3]:hover{background:#10b9811f;color:var(--color-primary)!important}.quran-word-wrapper.highlighted[data-v-3d78cef3]{background:var(--color-primary)!important;color:#fff!important;border-radius:6px;box-shadow:0 2px 8px #10b98166}.quran-word-tooltip[data-v-3d78cef3]{visibility:hidden;opacity:0;position:absolute;bottom:130%;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;text-align:center;padding:8px 14px;border-radius:8px;font-size:.78rem;white-space:nowrap;z-index:100;box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:4px;font-family:var(--font-ui);transition:opacity .2s,visibility .2s,transform .2s}.quran-word-tooltip[data-v-3d78cef3]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1e293b transparent transparent transparent}.quran-word-wrapper:hover .quran-word-tooltip[data-v-3d78cef3],.quran-word-wrapper.highlighted .quran-word-tooltip[data-v-3d78cef3]{visibility:visible;opacity:1;transform:translate(-50%) translateY(-2px)}.tooltip-translit[data-v-3d78cef3]{font-weight:700;color:#10b981}.tooltip-trans[data-v-3d78cef3]{color:#e2e8f0}.quran-verse-end[data-v-3d78cef3]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-primary);color:var(--color-primary);font-size:.9rem;font-weight:700;margin:0 8px;vertical-align:middle;transform:translateY(-2px)}.verse-translation[data-v-3d78cef3]{font-size:1rem;color:var(--color-text);opacity:.95;line-height:1.7;border-top:1px solid var(--border-color);padding-top:.75rem;font-family:var(--font-ui);text-align:left}.verse-actions-group[data-v-3d78cef3]{display:flex;align-items:center;gap:8px}.verse-action-btn[data-v-3d78cef3]{width:32px;height:32px;border-radius:50%;border:none;background:#189fb714;color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.85rem}.verse-action-btn[data-v-3d78cef3]:hover{background:var(--color-primary);color:#fff;transform:scale(1.08)}.tafsir-selector-wrapper[data-v-3d78cef3]{display:flex;align-items:center;gap:8px;background:var(--bg-app);border:1px solid var(--border-color);padding:6px 14px;border-radius:24px;box-shadow:inset 0 2px 4px #0000000d}.selector-icon[data-v-3d78cef3]{color:var(--color-primary);font-size:.9rem}.tafsir-select[data-v-3d78cef3]{background:transparent;border:none;color:var(--color-text);font-family:var(--font-ui);font-weight:700;font-size:.85rem;cursor:pointer;outline:none;direction:rtl}.tafsir-select option[data-v-3d78cef3]{background:var(--bg-glass);color:var(--color-text)}.tafsir-text-arabic[data-v-3d78cef3]{direction:rtl;text-align:right;font-size:1.05rem;line-height:1.8;color:var(--color-text-muted)}.tafsir-text-arabic[data-v-3d78cef3] .green{color:var(--color-accent)!important;font-weight:700}.tafsir-loading-placeholder[data-v-3d78cef3]{font-size:.88rem;color:var(--color-text-muted);text-align:right;padding:4px 0}.mushaf-toast[data-v-3d78cef3]{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#03161cf2;border:1px solid var(--color-primary);color:#fff;padding:12px 28px;border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #0000004d,0 0 15px #189fb733;z-index:2000;font-weight:700;font-size:.92rem}.toast-icon[data-v-3d78cef3]{color:var(--color-primary);font-size:1.25rem}.fade-enter-active[data-v-3d78cef3],.fade-leave-active[data-v-3d78cef3]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-3d78cef3],.fade-leave-to[data-v-3d78cef3]{opacity:0;transform:translate(-50%,15px)}@media (max-width: 768px){.verse-card[data-v-3d78cef3]{padding:1.25rem}.verse-arabic-text[data-v-3d78cef3]{font-size:1.6rem;line-height:2.2}.reading-controls[data-v-3d78cef3]{flex-direction:column;align-items:stretch}.tafsir-selector-wrapper[data-v-3d78cef3]{justify-content:center}.surah-title-badge[data-v-3d78cef3]{justify-content:space-between}}.rp-overlay[data-v-7021c9c7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-enter-active[data-v-7021c9c7],.overlay-leave-active[data-v-7021c9c7]{transition:opacity .3s ease}.overlay-enter-from[data-v-7021c9c7],.overlay-leave-to[data-v-7021c9c7]{opacity:0}.slide-enter-active[data-v-7021c9c7],.slide-leave-active[data-v-7021c9c7]{transition:transform .35s cubic-bezier(.4,0,.2,1)}.slide-enter-from[data-v-7021c9c7],.slide-leave-to[data-v-7021c9c7]{transform:translate(-100%)}.slide-enter-to[data-v-7021c9c7],.slide-leave-from[data-v-7021c9c7]{transform:translate(0)}.app-layout[data-v-c3978c41]{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.main-wrapper[data-v-c3978c41]{flex-grow:1;display:flex;flex-direction:column;min-height:100vh;margin-right:328px;transition:margin-right .3s ease;width:calc(100% - 328px);padding:0 40px 40px;transition:padding-bottom .3s ease}.app-layout.has-player .main-wrapper[data-v-c3978c41]{padding-bottom:110px}@media (max-width: 992px){.main-wrapper[data-v-c3978c41]{margin-right:0;width:100%;padding:0 24px 24px}.app-layout.has-player .main-wrapper[data-v-c3978c41]{padding-bottom:120px}}@media (max-width: 576px){.main-wrapper[data-v-c3978c41]{padding:0 16px 16px}.app-layout.has-player .main-wrapper[data-v-c3978c41]{padding-bottom:130px}}:root{--font-ui: "Cairo", sans-serif;--font-quran: "Amiri", serif;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--shadow-luxury: 0 10px 30px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .05)}.theme-dark{--bg-app: radial-gradient(circle at 100% 0%, #083b4c 0%, #042431 60%, #021720 100%);--bg-surface: rgba(8, 48, 60, .4);--bg-surface-hover: rgba(24, 159, 183, .1);--bg-glass: rgba(3, 22, 28, .8);--border-color: rgba(24, 159, 183, .25);--border-color-hover: rgba(0, 213, 255, .45);--color-primary: #189fb7;--color-primary-rgb: 24, 159, 183;--color-accent: #00d5ff;--color-accent-rgb: 0, 213, 255;--text-main: #e8f4f8;--text-muted: #8eb4be;--text-inverse: #021720;--color-text: var(--text-main);--color-text-muted: var(--text-muted);--shadow-glow: 0 0 20px rgba(24, 159, 183, .15);--shadow-player: 0 -10px 30px rgba(1, 10, 13, .6);--bg-slider-track: #05232d}.theme-light{--bg-app: linear-gradient(135deg, #f2fafc 0%, #e2f1f3 100%);--bg-surface: #ffffff;--bg-surface-hover: #f0fafb;--bg-glass: rgba(255, 255, 255, .85);--border-color: rgba(24, 159, 183, .15);--border-color-hover: rgba(24, 159, 183, .35);--color-primary: #189fb7;--color-primary-rgb: 24, 159, 183;--color-accent: #0093a8;--color-accent-rgb: 0, 147, 168;--text-main: #0c313a;--text-muted: #507780;--text-inverse: #ffffff;--color-text: var(--text-main);--color-text-muted: var(--text-muted);--shadow-glow: 0 4px 20px rgba(24, 159, 183, .08);--shadow-player: 0 -10px 30px rgba(12, 49, 58, .05);--bg-slider-track: #e5edf0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg-app);color:var(--text-main);min-height:100vh;overflow-x:hidden;transition:background .4s ease,color .4s ease;direction:rtl}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.font-amiri{font-family:var(--font-quran)}.font-cairo{font-family:var(--font-ui)}.glow-blob{position:fixed;width:350px;height:350px;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none;z-index:-1;transition:all 1s ease}.blob-primary{background-color:var(--color-primary);top:-50px;right:-50px}.blob-accent{background-color:var(--color-accent);bottom:-50px;left:-50px}.theme-light .glow-blob{opacity:.08;filter:blur(140px)}.app-container{max-width:1300px;margin:0 auto;padding:0 20px 140px;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px dashed var(--border-color);margin-bottom:24px}.logo-area{display:flex;align-items:center;gap:14px;cursor:pointer}.logo-icon{font-size:2.2rem;color:var(--color-primary);text-shadow:0 0 15px rgba(var(--color-primary-rgb),.3);transition:var(--transition-medium)}.logo-area:hover .logo-icon{transform:rotate(-10deg) scale(1.1);color:var(--color-accent)}.logo-text h1{font-size:1.8rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,var(--text-main) 30%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text .subtitle{font-size:.75rem;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.theme-toggle-btn{width:44px;height:44px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:var(--transition-medium);box-shadow:var(--shadow-glow)}.theme-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.controls-section{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.search-box-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto}.search-icon{position:absolute;top:50%;right:18px;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;transition:var(--transition-fast)}#search-input{width:100%;padding:16px 50px 16px 20px;font-family:var(--font-ui);font-size:1rem;font-weight:600;background-color:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:16px;color:var(--text-main);outline:none;transition:var(--transition-medium);box-shadow:var(--shadow-glow)}#search-input:focus{border-color:var(--color-primary);box-shadow:0 0 25px rgba(var(--color-primary-rgb),.15)}#search-input:focus+.search-icon{color:var(--color-primary)}.clear-btn{position:absolute;top:50%;left:18px;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px;transition:var(--transition-fast)}.clear-btn:hover{color:var(--color-primary)}.alphabet-container{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);max-width:900px;margin:0 auto}.alphabet-chip{padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:.88rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.alphabet-chip:hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.alphabet-chip.active{background:var(--color-primary);color:var(--text-inverse);font-weight:800;box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.3)}.navigation-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap;background:var(--bg-surface);padding:12px 18px;border-radius:14px;border:1px solid var(--border-color);animation:fadeIn .4s ease}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--color-primary);font-family:var(--font-ui);font-weight:800;font-size:.95rem;cursor:pointer;transition:var(--transition-fast)}.back-btn:hover{color:var(--color-accent);transform:translate(4px)}.breadcrumb-text{display:flex;align-items:center;gap:8px;font-size:1rem}.breadcrumb-text .active-item{font-size:1.15rem;font-weight:700;color:var(--color-accent)}.breadcrumb-text .divider{color:var(--text-muted)}.moshap-dropdown{padding:6px 14px;border-radius:10px;background:var(--bg-app);color:var(--text-main);border:1px solid var(--border-color);font-family:var(--font-ui);font-weight:700;outline:none;cursor:pointer;transition:var(--transition-fast)}.moshap-dropdown:focus{border-color:var(--color-primary)}.content-display{position:relative;min-height:300px}.reciters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;animation:fadeIn .5s ease}.reciter-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:var(--transition-medium);position:relative;overflow:hidden;box-shadow:var(--shadow-glow)}.reciter-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:0;transition:var(--transition-fast)}.reciter-card:hover{transform:translateY(-6px);border-color:var(--border-color-hover);box-shadow:0 15px 30px #00000026,0 0 20px rgba(var(--color-primary-rgb),.08)}.reciter-card:hover:before{opacity:1}.reciter-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),rgba(var(--color-accent-rgb),.1));border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-family:var(--font-quran);font-size:1.8rem;font-weight:700;margin-bottom:16px;box-shadow:inset 0 0 15px rgba(var(--color-accent-rgb),.05);transition:var(--transition-medium)}.reciter-card:hover .reciter-avatar{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);transform:scale(1.05)}.reciter-name{font-size:1.1rem;font-weight:800;margin-bottom:8px;line-height:1.4;transition:var(--transition-fast)}.reciter-card:hover .reciter-name{color:var(--color-primary)}.mushaf-count-badge{font-size:.75rem;font-weight:700;color:var(--text-muted);background:rgba(var(--color-primary-rgb),.05);border:1px solid var(--border-color);padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;margin-top:auto}.surahs-container{animation:fadeIn .4s ease}.surahs-header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.mushaf-badge{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--text-main);background:var(--bg-surface);border:1px solid var(--border-color);padding:8px 16px;border-radius:12px}.mushaf-badge i{color:var(--color-primary)}.surah-count-badge{font-size:.9rem;font-weight:800;color:var(--color-accent);background:rgba(var(--color-accent-rgb),.1);padding:6px 14px;border-radius:10px}.surahs-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.surah-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:var(--transition-medium);cursor:pointer}.surah-item:hover{border-color:var(--color-primary);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.06);transform:translateY(-2px)}.surah-item.playing{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);box-shadow:inset 0 0 10px rgba(var(--color-primary-rgb),.05)}.surah-left-info{display:flex;align-items:center;gap:14px}.surah-number-badge{width:38px;height:38px;border-radius:10px;background:var(--bg-app);border:1.5px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--text-muted);transition:var(--transition-fast)}.surah-item:hover .surah-number-badge{border-color:var(--color-primary);color:var(--color-primary)}.surah-item.playing .surah-number-badge{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.surah-title-meta{display:flex;flex-direction:column}.surah-name{font-size:1.15rem;font-weight:700;color:var(--text-main);transition:var(--transition-fast)}.surah-item:hover .surah-name{color:var(--color-primary)}.surah-item.playing .surah-name{color:var(--color-primary);font-weight:800}.surah-type{font-size:.72rem;color:var(--text-muted);font-weight:600}.surah-actions{display:flex;gap:8px}.surah-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-app);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.surah-btn:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.surah-btn.play-btn-active{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.spinner{width:45px;height:45px;border:3.5px solid rgba(var(--color-primary-rgb),.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s infinite linear;margin-bottom:16px;box-shadow:0 0 15px rgba(var(--color-primary-rgb),.05)}.loading-text{font-size:.95rem;font-weight:700;color:var(--text-muted)}.empty-state{text-align:center;padding:80px 20px;background:var(--bg-surface);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-glow);animation:fadeIn .4s ease}.empty-icon{font-size:3.5rem;color:var(--border-color-hover);margin-bottom:20px}.empty-state h3{font-size:1.4rem;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.reset-btn{padding:12px 24px;background:var(--color-primary);color:var(--text-inverse);font-family:var(--font-ui);font-weight:800;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.25);transition:var(--transition-fast)}.reset-btn:hover{background:var(--color-accent);box-shadow:0 4px 15px rgba(var(--color-accent-rgb),.25);transform:translateY(-1px)}.app-player{position:fixed;bottom:16px;left:24px;right:328px;background-color:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-player);padding:10px 20px 14px;z-index:100;display:flex;flex-direction:column;gap:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 992px){.app-player{right:24px!important}}@media (max-width: 768px){.app-player{bottom:0!important;left:0!important;right:0!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-bottom:none!important}}.player-progress-container{display:flex;align-items:center;gap:14px;width:100%}.time-label{font-size:.8rem;font-weight:700;color:var(--text-muted);min-width:44px}.time-label.current-time{text-align:left}.time-label.total-duration{text-align:right}.progress-bar-wrapper{flex-grow:1;position:relative;display:flex;align-items:center;height:20px}.luxury-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:100px;background:var(--bg-slider-track);outline:none;cursor:pointer;position:relative;z-index:2}.progress-fill{position:absolute;top:50%;right:0;transform:translateY(-50%);height:5px;border-radius:100px;background:linear-gradient(90deg,var(--color-accent),var(--color-primary));pointer-events:none;z-index:1}.luxury-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--color-accent);border:2px solid var(--text-main);box-shadow:0 0 10px rgba(var(--color-accent-rgb),.5);transition:var(--transition-fast)}.luxury-slider::-webkit-slider-thumb:hover{transform:scale(1.3);background:var(--color-primary)}.player-main-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%}.player-track-info{display:flex;align-items:center;gap:12px;width:30%;min-width:180px}.track-icon-wrapper{width:36px;height:36px;border-radius:10px;background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1rem;box-shadow:inset 0 0 8px rgba(var(--color-primary-rgb),.05)}.track-icon-wrapper i.playing{animation:musicPulse 1.5s infinite ease-in-out}.track-details{display:flex;flex-direction:column;overflow:hidden}.track-surah{font-size:1.15rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-reciter{font-size:.75rem;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center-actions{display:flex;align-items:center;gap:16px}.player-btn{background:none;border:none;cursor:pointer;transition:var(--transition-medium);display:flex;align-items:center;justify-content:center}.control-secondary{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);font-size:.8rem}.control-secondary:hover{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.03);transform:scale(1.05)}.control-secondary:active{transform:scale(.95)}.control-primary{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--text-inverse);font-size:1.1rem;box-shadow:0 5px 15px rgba(var(--color-primary-rgb),.3)}.control-primary:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.45),0 0 12px rgba(var(--color-accent-rgb),.2)}.control-primary:active{transform:scale(.96)}.player-right-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;width:30%}.player-extra-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;transition:var(--transition-fast)}.player-extra-btn:hover,.player-extra-btn.active{color:var(--color-primary);border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.player-extra-btn.active{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05)}.speed-control-wrapper{position:relative}.speed-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:6px;min-width:80px;box-shadow:0 -5px 20px #0003;z-index:10;animation:slideUp .2s ease}.speed-option{padding:8px 12px;text-align:center;font-size:.8rem;font-weight:700;cursor:pointer;border-radius:8px;transition:var(--transition-fast)}.speed-option:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.speed-option.active{background:var(--color-primary);color:var(--text-inverse)}.volume-slider-wrapper{display:flex;align-items:center;gap:8px}.volume-slider-container{width:0;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.volume-slider-wrapper:hover .volume-slider-container,.volume-slider-wrapper:focus-within .volume-slider-container{width:80px}.volume-slider{width:80px;margin-right:4px}.player-download-btn{width:32px;height:32px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:var(--transition-fast)}.player-download-btn:hover{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.05);transform:translateY(-2px)}.player-download-btn.disabled{pointer-events:none;opacity:.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes musicPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1;color:var(--color-accent)}}@media (max-width: 960px){.app-container{padding-bottom:180px}.player-main-controls{flex-wrap:wrap;gap:12px}.player-track-info{width:100%;order:1}.player-center-actions{width:50%;justify-content:flex-start;order:2}.player-right-actions{width:50%;order:3}}@media (max-width: 600px){.app-header{padding:16px 0}.logo-text h1{font-size:1.4rem}.logo-icon{font-size:1.8rem}.reciters-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.reciter-card{padding:16px 12px}.reciter-avatar{width:52px;height:52px;font-size:1.4rem;margin-bottom:12px}.reciter-name{font-size:.95rem;font-weight:700}.mushaf-count-badge{font-size:.68rem;padding:2px 8px}.surahs-list-grid{grid-template-columns:1fr;gap:8px}.surah-item{padding:12px}.surah-name{font-size:1.05rem}.app-player{padding:8px 12px 10px}.player-track-info{width:100%}.player-center-actions{width:40%;gap:10px}.player-right-actions{width:60%;gap:8px}.control-primary{width:44px;height:44px;font-size:1.1rem}.control-secondary{width:34px;height:34px;font-size:.8rem}.volume-slider-wrapper{display:none}}.reciter-heart-btn{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:var(--bg-app);border:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:2}.reciter-heart-btn:hover{color:#f43f5e;border-color:#f43f5e;background:#f43f5e14;transform:scale(1.15)}.reciter-heart-btn.favorited{color:#f43f5e;border-color:#f43f5e59;background:#f43f5e14;box-shadow:0 0 12px #f43f5e40}.reciter-heart-btn.favorited:hover{background:#f43f5e26;transform:scale(1.15)}.recently-played-panel{position:fixed;top:0;left:0;width:320px;height:100vh;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-color);box-shadow:4px 0 30px #0003;z-index:200;display:flex;flex-direction:column;padding-bottom:100px}.recently-played-panel.open{transform:translate(0)}.rp-header{display:flex;align-items:center;gap:10px;padding:20px 18px;border-bottom:1px solid var(--border-color);font-weight:800;font-size:1rem;color:var(--text-main)}.rp-header i{color:var(--color-accent);font-size:1.1rem}.rp-header span{flex-grow:1}.rp-close-btn{width:30px;height:30px;border-radius:8px;background:none;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);font-size:.85rem}.rp-close-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.rp-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.rp-empty{text-align:center;color:var(--text-muted);font-size:.88rem;font-weight:600;padding:40px 16px}.rp-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast)}.rp-item:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05);transform:translate(4px)}.rp-icon{width:36px;height:36px;border-radius:10px;background:rgba(var(--color-accent-rgb),.1);border:1px solid rgba(var(--color-accent-rgb),.2);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-size:.85rem;flex-shrink:0}.rp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rp-surah{font-size:1rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-reciter{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px}@media (max-width: 480px){.recently-played-panel{width:100%}}.logo-wrapper{display:flex;align-items:center;gap:12px}.hamburger-btn{display:none;width:44px;height:44px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;align-items:center;justify-content:center;font-size:1.15rem;transition:var(--transition-medium)}.hamburger-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.app-sidebar{position:fixed;top:24px;right:24px;width:280px;height:calc(100vh - 48px);background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;z-index:1010;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #00000040}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:24px 20px;border-bottom:1px dashed var(--border-color)}.sidebar-logo .logo-icon{font-size:1.8rem;color:var(--color-primary)}.sidebar-logo .logo-text h2{font-size:1.15rem;font-weight:700;color:var(--text-main);line-height:1.2}.sidebar-logo .logo-text span{font-size:.75rem;color:var(--text-muted)}.close-sidebar-btn{display:none;margin-right:auto;background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:4px}.close-sidebar-btn:hover{color:var(--color-primary)}.sidebar-nav-container{flex-grow:1;overflow-y:auto;padding:20px 12px;display:flex;flex-direction:column;gap:24px}.sidebar-group{display:flex;flex-direction:column;gap:8px}.group-title{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding-right:12px}.group-list{list-style:none;display:flex;flex-direction:column;gap:4px}.nav-item-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.92rem;transition:var(--transition-fast)}.nav-item-link:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary);transform:translate(-4px)}.nav-item-link.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff!important;font-weight:700;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.25);border-radius:12px}.nav-item-link.active .nav-icon{color:#fff!important}.external-arrow{margin-right:auto;font-size:.75rem;opacity:.5}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color);text-align:center;font-size:.8rem;color:var(--text-muted)}.sidebar-footer p{font-weight:600;margin-bottom:2px}.live-stream-indicator{display:flex;align-items:center;gap:8px;margin:0 auto;background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:6px 16px;border-radius:20px}.live-dot{width:8px;height:8px;background-color:#ef4444;border-radius:50%;animation:livePulse 1.5s infinite}.live-text{font-size:.85rem;font-weight:700;color:#ef4444}@keyframes livePulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.6}}@media (max-width: 992px){.app-sidebar{top:0;right:0;height:100vh;width:290px;border-radius:0;border-top:none;border-bottom:none;border-right:none;transform:translate(100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s}.app-sidebar.open{transform:translate(0);visibility:visible}.hamburger-btn,.close-sidebar-btn{display:flex}}@media (max-width: 480px){.app-sidebar{width:260px}.navigation-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px}}@media (max-width: 576px){.alphabet-container{justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:10px 16px!important;border-radius:12px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.alphabet-container::-webkit-scrollbar{display:none}.alphabet-chip{flex-shrink:0}.player-main-controls{flex-direction:row!important;justify-content:space-between;align-items:center;gap:8px!important;width:100%;padding:4px 0}.player-track-info{width:auto!important;min-width:0!important;flex:1 1 35%!important;text-align:right!important;justify-content:flex-start!important}.track-icon-wrapper{display:none!important}.track-surah{font-size:.95rem!important}.track-reciter{font-size:.7rem!important}.player-center-actions{width:auto!important;flex:0 0 auto!important;justify-content:center!important;gap:8px!important}.control-primary{width:38px!important;height:38px!important;font-size:1rem!important}.control-secondary{width:30px!important;height:30px!important;font-size:.75rem!important}.player-right-actions{width:auto!important;flex:1 1 35%!important;justify-content:flex-end!important;gap:6px!important}.player-extra-btn,.player-download-btn{width:28px!important;height:28px!important;font-size:.72rem!important;border-radius:6px!important;padding:0!important}#speed-label{font-size:.68rem!important}}.decor-mandala{position:fixed;width:600px;height:600px;pointer-events:none;z-index:-1;color:var(--color-primary);transition:color .4s ease}.theme-dark .decor-mandala{opacity:.04}.theme-light .decor-mandala{opacity:.03}.decor-mandala-left{top:-150px;left:-150px;transform:rotate(15deg)}.decor-mandala-right{bottom:-150px;right:-150px;transform:rotate(-30deg)}