@import"https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0d1117bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center;padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:var(--z-nav)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px 4px;border-radius:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);color:#fff6;min-width:56px;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}.bottom-nav__item:active{transform:scale(.88);transition-duration:.1s}.bottom-nav__emoji{font-size:1.35rem;line-height:1;transition:all .3s cubic-bezier(.34,1.56,.64,1);filter:grayscale(.7) opacity(.6)}.bottom-nav__label{font-size:.6rem;font-weight:600;letter-spacing:.2px;transition:all .3s}.bottom-nav__dot{width:4px;height:4px;border-radius:50%;background:transparent;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:1px}.bottom-nav__item.active{color:#e8d48b}.bottom-nav__item.active .bottom-nav__emoji{filter:grayscale(0) opacity(1);transform:scale(1.15) translateY(-2px);text-shadow:0 0 12px rgba(201,168,76,.4)}.bottom-nav__item.active .bottom-nav__label{color:#c9a84c;font-weight:700}.bottom-nav__item.active .bottom-nav__dot{width:5px;height:5px;background:#c9a84c;box-shadow:0 0 8px #c9a84c99}.bottom-nav__item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.2),transparent 70%);pointer-events:none;animation:nav-glow 2s ease-in-out infinite}@keyframes nav-glow{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.side-menu-backdrop{position:fixed;inset:0;background:#000000b3;z-index:var(--z-overlay);animation:fadeIn .2s ease;-webkit-tap-highlight-color:transparent}.side-menu{position:fixed;top:0;left:0;bottom:0;width:85vw;max-width:320px;background:var(--color-bg-secondary);z-index:var(--z-modal);display:flex;flex-direction:column;animation:slideFromLeft .3s ease;box-shadow:4px 0 30px #00000080;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@keyframes slideFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.side-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);min-height:70px;background:#c9a84c1a;border-bottom:1px solid rgba(201,168,76,.2);flex-shrink:0}.side-menu-brand{display:flex;align-items:center;gap:var(--space-sm);color:#c9a84c;font-weight:700;font-size:var(--text-ui-lg)}.side-menu-close{color:var(--color-text-muted);padding:var(--space-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.side-menu-close:active{color:var(--color-text-primary)}.side-menu-nav{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto;-webkit-overflow-scrolling:touch}.side-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);min-height:56px;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-ui-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.side-menu-item:active{background:var(--color-bg-tertiary);transform:scale(.98)}.side-menu-item.active{background:#c9a84c26;border-left:4px solid #c9a84c;padding-left:calc(var(--space-md) - 4px)}.side-menu-item svg{flex-shrink:0}.side-menu-footer{padding:var(--space-lg);text-align:center;font-size:var(--text-ui-xs);color:var(--color-text-muted);border-top:1px solid var(--color-bg-tertiary);flex-shrink:0}@media(min-width:768px){.side-menu{width:320px}.side-menu-item:hover{background:var(--color-bg-tertiary)}}.khatm-banner{margin:8px 12px;background:linear-gradient(135deg,#0d1b2a,#1b2838);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(201,168,76,.2)}.khatm-compact{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none}.khatm-ring-container{position:relative;width:48px;height:48px;flex-shrink:0}.khatm-ring-svg{width:48px;height:48px;transform:rotate(-90deg)}.khatm-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4}.khatm-ring-progress{fill:none;stroke:#c9a84c;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.khatm-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#c9a84c}.khatm-info{flex:1;min-width:0}.khatm-title-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.khatm-title{font-size:.8rem;font-weight:700;color:#c9a84c}.khatm-day-badge{font-size:.65rem;background:#c9a84c33;color:#c9a84c;padding:2px 8px;border-radius:10px;font-weight:600}.khatm-today-goal{font-size:.75rem;color:#ffffffb3;margin-bottom:6px}.khatm-today-goal strong{color:#fff}.khatm-mini-bar{height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.khatm-mini-fill{height:100%;background:linear-gradient(90deg,#c9a84c,#e8d48b);border-radius:4px;transition:width .4s ease}.khatm-chevron{color:#fff6;flex-shrink:0;transition:transform .3s ease}.khatm-chevron.open{transform:rotate(180deg)}.khatm-expanded{padding:0 14px 14px;border-top:1px solid rgba(255,255,255,.08);animation:khatmSlide .25s ease}@keyframes khatmSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.khatm-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.khatm-stat{background:#ffffff0d;border-radius:12px;padding:10px 8px;text-align:center}.khatm-stat-value{font-size:1.1rem;font-weight:800;color:#c9a84c;display:block}.khatm-stat-label{font-size:.65rem;color:#ffffff80;margin-top:2px;display:block}.khatm-message{margin-top:12px;padding:10px 12px;background:#c9a84c1a;border-radius:12px;border-left:3px solid #c9a84c;font-size:.8rem;color:#fffc;line-height:1.4}.khatm-actions{display:flex;gap:8px;margin-top:12px}.khatm-btn{flex:1;padding:8px 12px;border:none;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .2s}.khatm-btn:active{opacity:.7}.khatm-btn-secondary{background:#ffffff14;color:#ffffffb3}.khatm-btn-danger{background:#ef444426;color:#ef4444}.khatm-setup-banner{margin:8px 12px;background:linear-gradient(135deg,#0d1b2a,#1b2838);border-radius:16px;padding:16px;text-align:center;border:1px dashed rgba(201,168,76,.3);cursor:pointer}.khatm-setup-icon{font-size:2rem;margin-bottom:8px}.khatm-setup-text{font-size:.85rem;font-weight:600;color:#c9a84c;margin-bottom:4px}.khatm-setup-sub{font-size:.75rem;color:#ffffff80}.khatm-modal-backdrop{position:fixed;inset:0;background:#0009;z-index:9998;animation:fadeIn .2s ease}.khatm-modal{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--card-bg, #1b2838);border-radius:20px 20px 0 0;z-index:9999;padding:24px 20px 32px;animation:slideUpModal .3s ease;overflow-y:auto;box-shadow:0 -4px 24px #0000004d}.khatm-modal h2{font-size:1.2rem;font-weight:700;color:#c9a84c;margin:0 0 6px;display:flex;align-items:center;gap:8px}.khatm-modal-desc{font-size:.85rem;color:#fff9;margin-bottom:20px;line-height:1.4}.khatm-preset{background:#c9a84c1a;border:2px solid rgba(201,168,76,.3);border-radius:14px;padding:14px;margin-bottom:16px;cursor:pointer;transition:border-color .2s;display:flex;align-items:center;gap:12px}.khatm-preset:hover,.khatm-preset.selected{border-color:#c9a84c}.khatm-preset-icon{font-size:1.8rem}.khatm-preset-info{flex:1}.khatm-preset-title{font-size:.95rem;font-weight:700;color:#c9a84c}.khatm-preset-dates{font-size:.8rem;color:#ffffff80;margin-top:2px}.khatm-custom{margin-top:16px}.khatm-custom-title{font-size:.9rem;font-weight:600;color:#fffc;margin-bottom:12px}.khatm-date-row{display:flex;gap:10px;margin-bottom:16px}.khatm-date-field{flex:1}.khatm-date-field label{display:block;font-size:.75rem;color:#ffffff80;margin-bottom:4px}.khatm-date-field input{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:#ffffff0d;color:#fff;font-size:.9rem;outline:none;box-sizing:border-box}.khatm-date-field input:focus{border-color:#c9a84c}.khatm-start-btn{width:100%;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#c9a84c,#b8963e);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #c9a84c4d;transition:transform .15s}.khatm-start-btn:active{transform:scale(.97)}.khatm-start-btn:disabled{opacity:.5;cursor:not-allowed}.khatm-cancel-btn{width:100%;margin-top:8px;padding:10px;border:none;border-radius:12px;background:transparent;color:#ffffff80;font-size:.85rem;cursor:pointer}.khatm-page-badge{position:fixed;bottom:146px;right:12px;z-index:40;background:#c9a84cf2;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #c9a84c66;cursor:pointer;transition:transform .2s,background .2s;border:none}.khatm-page-badge:active{transform:scale(.9)}.khatm-page-badge.validated{background:#2ecc71f2;box-shadow:0 4px 14px #2ecc7166}.mushaf-page{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#faf8f2;overflow:hidden;position:relative;padding-bottom:env(safe-area-inset-bottom,0px)}.mih-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:max(8px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e8e4da;z-index:100}.mih-header__right{display:flex;align-items:center}.mih-header__info{display:flex;flex-direction:column;cursor:pointer}.mih-header__surah{font-size:.9rem;font-weight:700;color:#1a1a2e;display:flex;align-items:center}.mih-header__page-num{font-size:.75rem;color:#666;margin-top:-2px}.mih-header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#555;border-radius:50%;cursor:pointer;transition:all .2s}.mih-header__icon-btn:active{background:#0000000d}.mih-header__icon-btn.active{color:#4caf50;background:#4caf501a}.mih-mushaf{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#fff;position:relative}.mih-mushaf__content{padding:16px 12px 24px;max-width:600px;margin:0 auto;min-height:100%}.mih-surah-frame{text-align:center;margin:8px 0 12px;padding:0}.mih-surah-frame__border{display:inline-block;border:2px solid #1a1a2e;border-radius:0;padding:10px 40px;position:relative;background:#fff;min-width:60%}.mih-surah-frame__border:before,.mih-surah-frame__border:after{content:"❋";position:absolute;font-size:1.1rem;color:#1a1a2e;top:50%;transform:translateY(-50%)}.mih-surah-frame__border:before{left:8px}.mih-surah-frame__border:after{right:8px}.mih-surah-frame__top-line,.mih-surah-frame__bottom-line{display:block;height:2px;background:linear-gradient(90deg,transparent,#1a1a2e 20%,#1a1a2e 80%,transparent);margin:0 auto;width:90%}.mih-surah-frame__top-line{margin-bottom:4px}.mih-surah-frame__bottom-line{margin-top:4px}.mih-surah-name{font-family:var(--font-arabic),"Traditional Arabic",serif;font-size:1.6rem;font-weight:700;color:#1a1a2e;line-height:1.4}.mih-bismillah{text-align:center;font-family:var(--font-arabic),"Traditional Arabic",serif;font-size:1.3rem;color:#333;margin:8px 0 16px;direction:rtl}.mih-ayahs{font-family:var(--font-arabic),"Traditional Arabic",serif;font-size:1.5rem;line-height:2.4;direction:rtl;text-align:justify;text-justify:inter-word;color:#1a1a2e;word-spacing:2px;font-feature-settings:"liga" 1,"clig" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.mih-ayah{display:inline}.ayah__word{display:inline-block;padding:0 2px;border-radius:4px;transition:background-color .2s,color .2s;cursor:default}.ayah__word--clickable{cursor:pointer}.ayah__word--active{background-color:#c9a84c40;color:#000}.ayah__word--playing{background-color:#4caf5040;color:#1b5e20}[data-theme=dark] .ayah__word--active{background-color:#c9a84c66;color:#fff}.mih-verse-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid #8b7333;border-radius:50%;font-size:.65rem;color:#8b7333;margin:0 2px;vertical-align:middle;font-family:var(--font-arabic);background:#c9a84c0f}[data-arabic-size=sm] .mih-ayahs{font-size:1.2rem;line-height:2}[data-arabic-size=lg] .mih-ayahs{font-size:1.8rem;line-height:2.6}[data-arabic-size=xl] .mih-ayahs{font-size:2.1rem;line-height:2.8}.tajweed-highlight{display:contents}.tj-madda_normal{color:#2196f3}.tj-madda_permissible{color:#1976d2}.tj-madda_obligatory{color:#e65100}.tj-madda_necessary{color:#c62828}.tj-ghunnah{color:#4caf50}.tj-ikhfa{color:#388e3c}.tj-ikhfa_shafawi{color:#2e7d32}.tj-qalqalah{color:#795548}.tj-idgham_ghunnah{color:#009688}.tj-idgham_wo_ghunnah,.tj-idgham_no_ghunnah{color:#00796b}.tj-idgham_mutajanisayn{color:#00695c}.tj-idgham_mutaqaribayn{color:#004d40}.tj-iqlab{color:#0288d1}.tj-izhar{color:#455a64}.tj-izhar_shafawi{color:#37474f}.tj-slnt,.tj-silent,.tj-ham_wasl,.tj-laam_shamsiyah{color:#9e9e9e}.tj-tafkhim{color:#5d4037}.mih-float-nav{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#4caf50;display:flex;align-items:center;justify-content:center;z-index:90;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:all .2s}.mih-float-nav:active:not(:disabled){transform:translateY(-50%) scale(.9);background:#fff}.mih-float-nav:disabled{opacity:0;pointer-events:none}.mih-float-nav--left{left:8px}.mih-float-nav--right{right:8px}@media(hover:none)and (pointer:coarse){.mih-float-nav{display:none}}.mih-toolbar{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 2px 12px #0000001a;animation:mih-toolbar-slide .25s cubic-bezier(.34,1.56,.64,1);margin-right:4px}.is-mobile .mih-header__right{flex:1;justify-content:flex-end;min-width:0}.is-mobile .mih-toolbar{max-width:calc(100vw - 120px);overflow-x:auto;scrollbar-width:none}.is-mobile .mih-toolbar::-webkit-scrollbar{display:none}@keyframes mih-toolbar-slide{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.mih-toolbar__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:#666;border-radius:8px;cursor:pointer;transition:all .2s;padding:0}.mih-toolbar__btn:active{background:#0000000d;transform:scale(.9)}.mih-toolbar__btn.active{color:#4caf50;background:#4caf501a}.mih-toolbar__divider{width:1px;height:18px;background:#ddd;margin:0 2px}.mih-toolbar__validate{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;color:#999;padding:0}.mih-toolbar__validate.validated{background:#e8f5e9;color:#4caf50}.mih-nav{display:none}.mih-translation{display:block;direction:ltr;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;font-style:italic;line-height:1.6;color:#555;margin-top:8px;margin-bottom:12px;padding:8px 12px;border-left:3px solid #c9a84c;background:#c9a84c0a;border-radius:0 8px 8px 0}[data-theme=dark] .mih-translation,.mushaf-page[data-mushaf-dark=true] .mih-translation{color:#bbb;background:#c9a84c0f;border-left-color:#c9a84c}[data-theme=sepia] .mih-translation{color:#5c4a32;background:#c9a84c0f}.mih-transliteration{display:block;direction:ltr;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.82rem;line-height:1.6;color:#ab8a4c;margin-top:6px;margin-bottom:4px;padding:6px 12px;border-left:3px solid #d4af37;background:#d4af370a;border-radius:0 8px 8px 0;letter-spacing:.2px}[data-theme=dark] .mih-transliteration,.mushaf-page[data-mushaf-dark=true] .mih-transliteration{color:#d4b86a;background:#d4af370f;border-left-color:#c9a84c}[data-theme=sepia] .mih-transliteration{color:#8b6d3a;background:#d4af370f}[data-theme=light] .mih-transliteration{color:#8b6914}.mih-sheet-overlay{position:fixed;inset:0;background:#0000004d;z-index:100;animation:mih-fadeIn .2s ease}@keyframes mih-fadeIn{0%{opacity:0}to{opacity:1}}.mih-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;z-index:101;padding:12px 16px 24px;max-height:60vh;overflow-y:auto;animation:mih-slideUp .3s ease}@keyframes mih-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mih-sheet__handle{width:40px;height:4px;background:#ddd;border-radius:4px;margin:0 auto 12px}.mih-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mih-sheet__title{font-size:1rem;font-weight:600;color:#1a1a2e}.mih-sheet__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;border-radius:50%;color:#666;cursor:pointer}[data-theme=dark] .mih-sheet{background:#161b22;border-color:#ffffff1a}[data-theme=dark] .mih-sheet__handle{background:#444}[data-theme=dark] .mih-sheet__title{color:#e8e0d4}[data-theme=dark] .mih-sheet__close{background:#333;color:#888}[data-theme=dark] .mih-sheet-overlay{background:#0009}.mih-tajweed-toggle{display:flex;align-items:center;justify-content:space-between;background:#4caf50;color:#fff;padding:12px 16px;border-radius:12px;margin-bottom:16px;font-weight:600;font-size:.9rem}.mih-tajweed-toggle.off{background:#999}.mih-toggle-switch{width:48px;height:26px;background:#ffffff4d;border-radius:13px;position:relative;cursor:pointer;border:none;transition:background .2s}.mih-toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.mih-toggle-switch.on:after{transform:translate(22px)}.mih-tajweed-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mih-tajweed-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:12px;border:1.5px solid #eee;background:#fff;text-align:center;cursor:pointer;transition:all .2s;min-height:56px}.mih-tajweed-card.active{border-color:currentColor;background:currentColor}.mih-tajweed-card.active .mih-tajweed-card__name,.mih-tajweed-card.active .mih-tajweed-card__arabic{color:#fff}.mih-tajweed-card__name{font-size:.8rem;font-weight:600;color:inherit;margin-bottom:2px}.mih-tajweed-card__arabic{font-family:var(--font-arabic);font-size:.7rem;opacity:.7}.mih-mask-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mih-mask-card{display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;transition:all .2s;font-size:.85rem;color:#333}.mih-mask-card.active{background:#fff3e0;border-color:#ff9800;color:#e65100;font-weight:600}.mih-mask-card svg{flex-shrink:0}.mih-word{display:inline;padding:1px 2px;border-radius:3px;transition:all .3s ease}.mih-word--hidden{color:transparent!important;background:#e0e0e0;border-radius:4px;-webkit-user-select:none;user-select:none}.mih-word--partial{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .3s}.mih-word--partial:active{filter:blur(0)}.mih-word--minimal{color:transparent!important;position:relative}.mih-word--minimal:first-letter{color:#999!important}.mih-word--correct{background:#4caf5033;color:#2e7d32!important}.mih-word--error{background:#d32f2f26;color:#c62828!important;border-bottom:2px solid #C62828}.mih-word--current{background:#2196f326;color:#1565c0!important}.mih-fontsize-grid{display:flex;gap:8px;justify-content:center}.mih-fontsize-btn{padding:12px 20px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;font-family:var(--font-arabic);transition:all .2s}.mih-fontsize-btn.active{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.mih-fontsize-btn span{display:block;text-align:center}.mih-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#999}.mih-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:#666}.mih-error__btn{padding:10px 24px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer}@media(min-width:768px){.mih-mushaf__content{padding:24px 32px}.mih-ayahs{font-size:1.7rem}}[data-theme=dark] .mushaf-page,.mushaf-page[data-mushaf-dark=true]{background:#1a1a2e}[data-theme=dark] .mih-header,.mushaf-page[data-mushaf-dark=true] .mih-header{background:#16213e;border-color:#ffffff1a}[data-theme=dark] .mih-header__surah,.mushaf-page[data-mushaf-dark=true] .mih-header__surah{color:#f0e6d3}[data-theme=dark] .mih-header__badge,.mushaf-page[data-mushaf-dark=true] .mih-header__badge{color:#aaa}[data-theme=dark] .mih-mushaf,.mushaf-page[data-mushaf-dark=true] .mih-mushaf{background:#1a1a2e}[data-theme=dark] .mih-ayahs,.mushaf-page[data-mushaf-dark=true] .mih-ayahs,[data-theme=dark] .mih-surah-name,.mushaf-page[data-mushaf-dark=true] .mih-surah-name{color:#f0e6d3}[data-theme=dark] .mih-surah-frame__border,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border{border-color:#c9a84c;background:transparent}[data-theme=dark] .mih-surah-frame__border:before,[data-theme=dark] .mih-surah-frame__border:after,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border:before,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__border:after{color:#c9a84c}[data-theme=dark] .mih-surah-frame__top-line,[data-theme=dark] .mih-surah-frame__bottom-line,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__top-line,.mushaf-page[data-mushaf-dark=true] .mih-surah-frame__bottom-line{background:linear-gradient(90deg,transparent,#c9a84c 20%,#c9a84c 80%,transparent)}[data-theme=dark] .mih-bismillah,.mushaf-page[data-mushaf-dark=true] .mih-bismillah{color:#d4c4a0}[data-theme=dark] .mih-verse-num,.mushaf-page[data-mushaf-dark=true] .mih-verse-num{border-color:#c9a84c;color:#c9a84c;background:#c9a84c1a}[data-theme=dark] .tj-madda_normal,.mushaf-page[data-mushaf-dark=true] .tj-madda_normal{color:#64b5f6}[data-theme=dark] .tj-madda_permissible,.mushaf-page[data-mushaf-dark=true] .tj-madda_permissible{color:#42a5f5}[data-theme=dark] .tj-madda_obligatory,.mushaf-page[data-mushaf-dark=true] .tj-madda_obligatory{color:#ff8a65}[data-theme=dark] .tj-madda_necessary,.mushaf-page[data-mushaf-dark=true] .tj-madda_necessary{color:#ef5350}[data-theme=dark] .tj-ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-ghunnah{color:#66bb6a}[data-theme=dark] .tj-ikhfa,.mushaf-page[data-mushaf-dark=true] .tj-ikhfa{color:#81c784}[data-theme=dark] .tj-ikhfa_shafawi,.mushaf-page[data-mushaf-dark=true] .tj-ikhfa_shafawi{color:#a5d6a7}[data-theme=dark] .tj-qalqalah,.mushaf-page[data-mushaf-dark=true] .tj-qalqalah{color:#bcaaa4}[data-theme=dark] .tj-idgham_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_ghunnah{color:#4db6ac}[data-theme=dark] .tj-idgham_wo_ghunnah,[data-theme=dark] .tj-idgham_no_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_wo_ghunnah,.mushaf-page[data-mushaf-dark=true] .tj-idgham_no_ghunnah{color:#80cbc4}[data-theme=dark] .tj-iqlab,.mushaf-page[data-mushaf-dark=true] .tj-iqlab{color:#4fc3f7}[data-theme=dark] .tj-slnt,[data-theme=dark] .tj-silent,[data-theme=dark] .tj-ham_wasl,[data-theme=dark] .tj-laam_shamsiyah,.mushaf-page[data-mushaf-dark=true] .tj-slnt,.mushaf-page[data-mushaf-dark=true] .tj-silent,.mushaf-page[data-mushaf-dark=true] .tj-ham_wasl,.mushaf-page[data-mushaf-dark=true] .tj-laam_shamsiyah{color:#757575}[data-theme=dark] .mih-toolbar,.mushaf-page[data-mushaf-dark=true] .mih-toolbar{background:#16213e;border-color:#ffffff14}[data-theme=dark] .mih-toolbar__btn,.mushaf-page[data-mushaf-dark=true] .mih-toolbar__btn{color:#aaa}[data-theme=dark] .mih-toolbar__btn.active,.mushaf-page[data-mushaf-dark=true] .mih-toolbar__btn.active{color:#66bb6a}[data-theme=dark] .mih-nav,.mushaf-page[data-mushaf-dark=true] .mih-nav{background:#16213e;border-color:#ffffff14}[data-theme=dark] .mih-nav__page,.mushaf-page[data-mushaf-dark=true] .mih-nav__page,[data-theme=dark] .mih-nav__validate,.mushaf-page[data-mushaf-dark=true] .mih-nav__validate{background:#ffffff14;border-color:#ffffff26;color:#ddd}[data-theme=dark] .mih-nav__validate.validated,.mushaf-page[data-mushaf-dark=true] .mih-nav__validate.validated{background:#4caf5026;border-color:#4caf50;color:#66bb6a}[data-theme=dark] .mih-word--hidden,.mushaf-page[data-mushaf-dark=true] .mih-word--hidden{background:#ffffff26}.highlighted-from-shazam{animation:shazamHighlight 3s ease-out;border-radius:4px}@keyframes shazamHighlight{0%{background:#c9a84c80;box-shadow:0 0 20px #c9a84c99}to{background:transparent;box-shadow:none}}.mih-search-overlay{position:fixed;inset:0;background:#fffffff7;z-index:200;display:flex;flex-direction:column;animation:mih-fadeIn .2s ease}[data-theme=dark] .mih-search-overlay{background:#1a1a2ef7}.mih-search-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #eee}[data-theme=dark] .mih-search-header{border-color:#ffffff1a}.mih-search-input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:10px;font-size:.9rem;background:#f5f5f5;color:#333}[data-theme=dark] .mih-search-input{background:#ffffff14;border-color:#ffffff26;color:#eee}.mih-search-cancel{border:none;background:none;color:#333;font-size:.9rem;cursor:pointer;white-space:nowrap}[data-theme=dark] .mih-search-cancel{color:#ccc}.mih-search-label{padding:8px 16px;font-size:.8rem;color:#999}.mih-search-list{flex:1;overflow-y:auto;padding:0}.mih-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}[data-theme=dark] .mih-search-item{border-color:#ffffff0d}.mih-search-item:active{background:#f5f5f5}[data-theme=dark] .mih-search-item:active{background:#ffffff0d}.mih-search-item__icon{width:40px;height:40px;border-radius:10px;background:#e8f5e9;display:flex;align-items:center;justify-content:center;color:#4caf50;flex-shrink:0}[data-theme=dark] .mih-search-item__icon{background:#4caf5026}.mih-search-item__info{flex:1}.mih-search-item__name{font-weight:600;color:#1a1a2e;font-size:.95rem}[data-theme=dark] .mih-search-item__name{color:#eee}.mih-search-item__detail{font-size:.8rem;color:#999}.mih-audio-bar{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:0;right:0;height:64px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:1000;box-shadow:0 -4px 16px #00000014;animation:mih-audio-slide .4s cubic-bezier(.16,1,.3,1)}@media(max-width:420px){.mih-audio-bar{height:58px;padding:0 8px}.mih-audio-bar__controls{gap:6px;margin:0 8px}.mih-audio-bar__play-btn{width:40px;height:40px}.mih-audio-bar__btn{width:30px;height:30px}.mih-audio-bar__info{max-width:80px}}@keyframes mih-audio-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mih-audio-bar__info{flex:1;min-width:0}.mih-audio-bar__title{font-size:.7rem;color:#8bc34a;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mih-audio-bar__subtitle{font-size:.9rem;color:#1a1a2e;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mih-audio-bar__controls{display:flex;align-items:center;gap:12px;margin:0 16px}.mih-audio-bar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;color:#333;border-radius:50%;cursor:pointer;transition:all .2s}.mih-audio-bar__btn:disabled{opacity:.3}.mih-audio-bar__btn:active:not(:disabled){background:#0000000d;transform:scale(.9)}.mih-audio-bar__play-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#4caf50;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #4caf504d;transition:all .2s}.mih-audio-bar__play-btn:active{transform:scale(.9);box-shadow:0 2px 6px #4caf5033}.mih-audio-bar__speed{font-size:.75rem;font-weight:700;background:#0000000d;padding:4px 8px;border-radius:12px;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.mih-audio-bar__stop{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f5f5f5;color:#999;border:none;border-radius:50%;cursor:pointer;margin-left:8px}[data-theme=dark] .mih-audio-bar,.mushaf-page[data-mushaf-dark=true] .mih-audio-bar{background:#16213ef2;border-color:#ffffff1a}[data-theme=dark] .mih-audio-bar__subtitle,.mushaf-page[data-mushaf-dark=true] .mih-audio-bar__subtitle{color:#f0e6d3}[data-theme=dark] .mih-audio-bar__btn,.mushaf-page[data-mushaf-dark=true] .mih-audio-bar__btn{color:#fff}.mih-reciter-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.mih-reciter-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1.5px solid #eee;background:#fff;cursor:pointer;transition:all .2s;font-size:.9rem;color:#333}.mih-reciter-item:active{transform:scale(.98)}.mih-reciter-item.active{background:#e8f5e9;border-color:#4caf50}.mih-reciter-item__flag{font-size:1.3rem;flex-shrink:0}.mih-reciter-item__name{flex:1;font-weight:600;color:inherit}.mih-reciter-item__arabic{font-family:var(--font-arabic);font-size:1rem;color:#999;direction:rtl}.mih-reciter-item.active .mih-reciter-item__name{color:#2e7d32}.mih-reciter-item.active .mih-reciter-item__arabic{color:#4caf50}[data-theme=dark] .mih-reciter-item{background:#ffffff0d;border-color:#ffffff1a;color:#eee}[data-theme=dark] .mih-reciter-item.active{background:#4caf5026;border-color:#4caf50}[data-theme=dark] .mih-reciter-item__arabic{color:#888}[data-theme=dark] .mih-reciter-item.active .mih-reciter-item__name,[data-theme=dark] .mih-reciter-item.active .mih-reciter-item__arabic{color:#66bb6a}.mih-juz-scroll{display:flex;gap:6px;padding:8px 16px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mih-juz-scroll::-webkit-scrollbar{display:none}.mih-juz-pill{flex-shrink:0;min-width:36px;height:32px;background:#f5f3ed;border:1px solid #e8e4da;border-radius:16px;padding:0 10px;font-size:.8rem;font-weight:600;color:#777;cursor:pointer;transition:all .15s ease;text-align:center;display:flex;align-items:center;justify-content:center}.mih-juz-pill:active{transform:scale(.95)}.mih-juz-pill.active{background:#4caf50;color:#fff;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}[data-theme=dark] .mih-juz-pill{background:#ffffff0f;border-color:#ffffff1a;color:#aaa}[data-theme=dark] .mih-juz-pill.active{background:#66bb6a;color:#111;border-color:#66bb6a}.mih-fav-btn{background:none;border:none;color:#ccc;cursor:pointer;padding:4px 6px;margin-inline-end:6px;border-radius:6px;transition:all .2s ease;display:inline-flex;align-items:center;vertical-align:middle;opacity:.5;float:right}.mih-fav-btn:hover{opacity:1;color:#e74c3c}.mih-fav-btn.active{color:#e74c3c;opacity:1}[data-theme=dark] .mih-fav-btn{color:#888}[data-theme=dark] .mih-fav-btn:hover,[data-theme=dark] .mih-fav-btn.active{color:#e74c3c}.mih-search-item__play{background:none;border:none;color:#4caf50;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.mih-search-item__play:hover{background:#4caf501a}.mih-search-item__queue{color:#42a5f5}.mih-search-item__queue--added{background:#4caf501a!important;color:#4caf50!important;border-color:#4caf504d!important}[data-theme=dark] .mih-search-item__queue--added{background:#66bb6a26!important;color:#81c784!important}.mih-search-item__queue:hover{background:#42a5f51a}[data-theme=dark] .mih-search-item__play{color:#66bb6a}[data-theme=dark] .mih-search-item__play:hover{background:#66bb6a26}.mih-share-overlay{position:fixed;inset:0;background:#00000080;z-index:9000}.mih-share-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:9001;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));animation:shareSlideUp .25s ease-out}@keyframes shareSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mih-share-modal__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;font-size:1rem;color:#333}.mih-share-modal__header button{margin-left:auto;background:none;border:none;color:#999;cursor:pointer;padding:4px}.mih-share-modal__ref{font-size:.8rem;color:#999;margin-bottom:12px;font-weight:500}.mih-share-modal__text{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.3rem;line-height:2.2;color:#333;background:#f8f6f0;padding:16px;border-radius:12px;margin-bottom:8px}.mih-share-modal__translation{font-size:.85rem;color:#666;font-style:italic;line-height:1.5;padding:0 4px;margin-bottom:16px}.mih-share-modal__actions{display:flex;gap:10px;margin-top:16px}.mih-share-modal__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:12px;border:1px solid #e8e4da;background:#fff;color:#333;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.mih-share-modal__btn:hover{background:#f5f3ed}.mih-share-modal__btn--primary{background:#4caf50;color:#fff;border-color:#4caf50}.mih-share-modal__btn--primary:hover{background:#43a047}[data-theme=dark] .mih-share-modal{background:#1a1a2e}[data-theme=dark] .mih-share-modal__header{color:#e8e0d4}[data-theme=dark] .mih-share-modal__text{background:#ffffff0f;color:#e8e0d4}[data-theme=dark] .mih-share-modal__translation{color:#999}[data-theme=dark] .mih-share-modal__btn{background:#ffffff0f;border-color:#ffffff1a;color:#e8e0d4}[data-theme=dark] .mih-share-modal__btn:hover{background:#ffffff1a}[data-theme=dark] .mih-share-modal__btn--primary{background:#66bb6a;border-color:#66bb6a;color:#111}.mih-coach-bar{position:fixed;top:52px;left:0;right:0;height:24px;background:#00000014;z-index:105;display:flex;align-items:center}.mih-coach-bar__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s ease;border-radius:0 4px 4px 0}.mih-coach-bar__text{position:relative;z-index:1;width:100%;text-align:center;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;gap:8px}.mih-coach-bar__errors{background:#f44336cc;border:none;color:#fff;font-size:.65rem;font-weight:600;padding:1px 8px;border-radius:10px;cursor:pointer}.mih-coach-controls{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:100;animation:mih-audio-slide .3s ease-out}.mih-coach-listen-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;color:#4caf50;cursor:pointer;box-shadow:0 4px 16px #00000026;transition:all .2s}.mih-coach-listen-btn:active{transform:scale(.9)}.mih-coach-mic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#4caf50;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 6px 24px #4caf5066;transition:all .2s}.mih-coach-mic:active{transform:scale(.92)}.mih-coach-mic--active{background:#f44336;box-shadow:0 6px 24px #f4433666;animation:coach-pulse 1.5s infinite}@keyframes coach-pulse{0%,to{box-shadow:0 6px 24px #f4433666}50%{box-shadow:0 6px 32px #f44336b3,0 0 0 12px #f443361a}}.mih-coach-interim{position:fixed;bottom:calc(165px + env(safe-area-inset-bottom,0px));left:16px;right:16px;background:#000000b3;color:#fff;padding:8px 14px;border-radius:12px;font-family:var(--font-arabic);font-size:1rem;text-align:center;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:60px;overflow:hidden}.mih-word--correct{color:#4caf50!important;text-shadow:0 0 8px rgba(76,175,80,.3)}.mih-word--error{color:#f44336!important;text-decoration:underline;text-decoration-color:#f44336;cursor:pointer}.mih-word--current{color:#c9a84c!important;text-shadow:0 0 10px rgba(201,168,76,.5);font-weight:700}.mih-coach-error-modal{position:fixed;bottom:20%;left:16px;right:16px;max-width:400px;margin:0 auto;background:#fff;border-radius:16px;z-index:9001;box-shadow:0 12px 40px #0000004d;animation:shareSlideUp .25s ease-out;overflow:hidden}.mih-coach-error-modal__header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}.mih-coach-error-modal__header h3{margin:0;font-size:1rem;color:#333}.mih-coach-error-modal__header button{background:none;border:none;color:#999;cursor:pointer;padding:4px}.mih-coach-error-modal__content{padding:16px;display:flex;flex-direction:column;gap:12px}.mih-coach-error-row{display:flex;align-items:center;gap:8px}.mih-coach-error-label{font-size:.8rem;color:#999;min-width:60px}.mih-coach-error-text{font-family:var(--font-arabic);font-size:1.3rem;flex:1}.mih-coach-error-text--expected{color:#4caf50}.mih-coach-error-text--spoken{color:#f44336}.mih-coach-error-play{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:50%;color:#4caf50;cursor:pointer;flex-shrink:0}.mih-coach-error-play:active{transform:scale(.9)}.mih-coach-summary-item{padding:12px;border:1px solid #eee;border-radius:10px;margin-bottom:8px;cursor:pointer;transition:background .15s}.mih-coach-summary-item:active{background:#f5f5f5}.mih-coach-summary-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mih-coach-summary-row:last-child{margin-bottom:0}[data-theme=dark] .mih-coach-bar{background:#ffffff0f}[data-theme=dark] .mih-coach-listen-btn{background:#1e1e32e6;border-color:#ffffff1a}[data-theme=dark] .mih-coach-error-modal{background:#1a1a2e}[data-theme=dark] .mih-coach-error-modal__header{border-color:#ffffff1a}[data-theme=dark] .mih-coach-error-modal__header h3{color:#c9a84c;font-weight:700}[data-theme=dark] .mih-coach-error-modal__content{background:#0d1117}[data-theme=dark] .mih-coach-error-label{color:#888}[data-theme=dark] .mih-coach-error-text--expected{color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.2)}[data-theme=dark] .mih-coach-error-text--spoken{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.2)}[data-theme=dark] .mih-coach-summary-item{border-color:#ffffff1a}[data-theme=dark] .mih-coach-summary-item:active{background:#ffffff0d}.search-modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:var(--color-bg-primary)}.search-modal__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);padding-top:max(var(--space-md),env(safe-area-inset-top));background:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary)}.search-modal__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary)}.search-modal__input-wrapper{flex:1;position:relative}.search-modal__input{width:100%;padding:var(--space-md);padding-left:44px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-ui-md)}.search-modal__input::placeholder{color:var(--color-text-muted)}.search-modal__input:focus{outline:2px solid var(--color-accent)}.search-modal__input-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-modal__content{flex:1;overflow-y:auto;padding:var(--space-md)}.search-modal__section{margin-bottom:var(--space-xl)}.search-modal__section-title{font-size:var(--text-ui-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.search-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted);text-align:center;gap:var(--space-md)}.search-result{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.search-result:hover{background:var(--color-bg-tertiary)}.search-result:active{transform:scale(.98)}.search-result__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.search-result__title{font-weight:500;color:var(--color-accent)}.search-result__meta{font-size:var(--text-ui-xs);color:var(--color-text-muted)}.search-result__text{font-family:var(--font-arabic);font-size:var(--text-arabic-sm);direction:rtl;color:var(--color-text-secondary);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result__text mark{background:var(--color-accent-muted);color:var(--color-accent);border-radius:2px;padding:0 2px}.surah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.surah-grid__item{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.surah-grid__item:hover{background:var(--color-accent-muted)}.surah-grid__number{font-size:var(--text-ui-lg);font-weight:600;color:var(--color-accent)}.surah-grid__name{font-family:var(--font-arabic);font-size:var(--text-ui-sm);color:var(--color-text-primary);margin-top:var(--space-xs)}.search-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.search-tab{flex:1;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-ui-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.search-tab.active{background:var(--color-accent);color:#fff}.voice-search-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.voice-search{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;padding:var(--space-lg)}.voice-search__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.voice-search__header h2{font-size:var(--text-ui-lg);font-weight:600;color:var(--color-text-primary)}.voice-search__close{padding:var(--space-xs);color:var(--color-text-muted);transition:color var(--transition-fast)}.voice-search__close:hover{color:var(--color-text-primary)}.voice-search__hint{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-lg)}.voice-search__controls{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.voice-search__record{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:120px;height:120px;background:var(--color-bg-secondary);border:2px dashed var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.voice-search__record:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.voice-search__record--active{background:#f8514926;border-color:var(--color-error);color:var(--color-error);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.voice-search__processing{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-accent)}.voice-search__spinner{animation:spin 1s linear infinite}.voice-search__transcribed{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.voice-search__transcribed span{font-family:var(--font-arabic);font-size:var(--text-arabic-md)}.voice-search__error{padding:var(--space-md);background:#f8514926;border-radius:var(--radius-md);color:var(--color-error);text-align:center;margin-bottom:var(--space-lg)}.voice-search__results{border-top:1px solid var(--color-bg-tertiary);padding-top:var(--space-md)}.voice-search__results h3{font-size:var(--text-ui-sm);color:var(--color-text-muted);margin-bottom:var(--space-md)}.voice-search__result{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-sm);text-align:left;transition:background var(--transition-fast)}.voice-search__result:hover{background:var(--color-bg-tertiary)}.voice-search__result-ref{font-size:var(--text-ui-sm);color:var(--color-accent);font-weight:500}.voice-search__result-text{font-family:var(--font-arabic);font-size:var(--text-arabic-sm);color:var(--color-text-secondary);line-height:1.8}.srs-controls{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-bg-tertiary)}.srs-due-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#eab30826;color:#eab308;border-radius:var(--radius-full);font-size:var(--text-ui-xs);font-weight:600;margin-bottom:var(--space-md)}.srs-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-ui-sm);transition:all var(--transition-fast)}.srs-add-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #8b5cf64d}.srs-review{text-align:center}.srs-review__prompt{font-size:var(--text-ui-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.srs-review__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.srs-review__btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:2px solid transparent}.srs-review__btn:hover{border-color:var(--btn-color);background:color-mix(in srgb,var(--btn-color) 15%,transparent)}.srs-review__emoji{font-size:1.5rem}.srs-review__label{font-size:var(--text-ui-xs);font-weight:500;color:var(--color-text-secondary)}.srs-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-ui-sm)}.srs-status__info{display:flex;align-items:center;gap:var(--space-sm);flex:1}.srs-status__icon{color:#eab308}.srs-status__next{margin-left:auto;color:var(--color-text-muted);font-size:var(--text-ui-xs)}.srs-status__delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.srs-status__delete:hover{background:#ef444426;color:#ef4444}.hifdh-page{min-height:100vh;min-height:100dvh;background:var(--color-bg-primary);padding:env(safe-area-inset-top) var(--space-md) calc(env(safe-area-inset-bottom) + 100px) var(--space-md)}.hifdh-page__header-row{position:relative;display:flex;justify-content:space-between;align-items:center;margin:calc(-1*env(safe-area-inset-top)) calc(-1 * var(--space-md)) var(--space-lg);padding:calc(env(safe-area-inset-top) + var(--space-xl)) var(--space-lg) var(--space-xl);background:linear-gradient(135deg,#0d1117,#1a1a2e,#16213e);overflow:hidden}.hifdh-page__header-row:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.15) 0%,transparent 70%);pointer-events:none}[data-theme=light] .hifdh-page__header-row{background:linear-gradient(135deg,#f8f6f0,#eee8d5,#e8e0cc)}[data-theme=sepia] .hifdh-page__header-row{background:linear-gradient(135deg,#ebe3cf,#ddd5c1,#d5cdb9)}.hifdh-page__header{font-size:var(--text-ui-xl);font-weight:600;color:#c9a84c}.hifdh-test-toggle{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-ui-sm);font-weight:600;transition:all var(--transition-fast)}.hifdh-test-toggle.active{background:#9333ea1a;border-color:#9333ea;color:#9333ea}.hifdh-selection{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);border-left:4px solid #c9a84c}.hifdh-selection__select{width:100%;padding:var(--space-md);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-ui-md)}.hifdh-verse-range{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-bg-tertiary);flex-wrap:wrap}.hifdh-verse-range__label{font-size:var(--text-ui-sm);color:var(--color-text-secondary);font-weight:500}.hifdh-verse-range__inputs{display:flex;align-items:center;gap:var(--space-sm)}.hifdh-verse-range__input{width:60px;padding:var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-ui-md);text-align:center;font-weight:600}.hifdh-verse-range__input:focus{outline:none;border-color:var(--color-accent)}.hifdh-verse-range__separator,.hifdh-verse-range__total{color:var(--color-text-muted);font-size:var(--text-ui-sm)}.hifdh-verse-range__all-btn{margin-left:auto;padding:var(--space-xs) var(--space-md);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-ui-xs);font-weight:600;transition:all var(--transition-fast)}.hifdh-verse-range__all-btn:hover{background:var(--color-accent);color:#fff}.hifdh-verse-range__controls{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hifdh-verse-range__group{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-tertiary);padding:4px;border-radius:var(--radius-md)}.hifdh-verse-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-ui-lg);font-weight:600;color:var(--color-text-primary);transition:all var(--transition-fast)}.hifdh-verse-btn:hover:not(:disabled){background:var(--color-accent);color:#fff}.hifdh-verse-btn:disabled{opacity:.3;cursor:not-allowed}.hifdh-verse-range__value{min-width:32px;text-align:center;font-weight:700;font-size:var(--text-ui-lg);color:var(--color-accent)}.hifdh-verse-select{min-width:50px;padding:4px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-accent);font-weight:700;font-size:var(--text-ui-md);text-align:center;cursor:pointer}.hifdh-verse-select:focus{outline:none;border-color:var(--color-accent)}.hifdh-verse-range__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.hifdh-verse-range__preset{padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-ui-xs);font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.hifdh-verse-range__preset:hover{background:var(--color-accent-muted);color:var(--color-accent)}.hifdh-main-card{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-md);transition:all var(--transition-normal);border:1px solid rgba(255,255,255,.1)}.hifdh-main-card.test-active{border-color:#9333ea;box-shadow:0 0 20px #9333ea1a}.hifdh-ayah-container{margin-bottom:var(--space-xl)}.hifdh-words-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;direction:rtl}.hifdh-word{font-family:var(--font-arabic);font-size:var(--text-arabic-lg);line-height:2.2;padding:0 6px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.hifdh-word:hover{background:var(--color-bg-tertiary)}.hifdh-word.highlight{background:var(--color-accent-muted);color:var(--color-accent);transform:scale(1.1)}.hifdh-word.hidden-word{background:var(--color-bg-tertiary);color:var(--color-text-muted);opacity:.5}.hifdh-word.revealed-word{background:#22c55e1a;color:#22c55e;animation:wordPop .3s ease-out}@keyframes wordPop{0%{transform:scale(.8)}70%{transform:scale(1.1)}to{transform:scale(1)}}.hifdh-word.range-selected{background:#3b82f633;box-shadow:0 0 0 2px #3b82f6}.hifdh-word.single-selected{background:#3b82f61a;border:1px dashed #3b82f6}.hifdh-test-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.hifdh-difficulty-selector{display:flex;gap:var(--space-sm)}.hifdh-difficulty-selector button{padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-ui-xs);font-weight:600}.hifdh-difficulty-selector button.active{background:#9333ea;color:#fff}.hifdh-mic-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);width:100px;height:100px;background:#9333ea;color:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast)}.hifdh-mic-btn.recording{background:#ef4444;animation:micPulse 1.5s infinite}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.hifdh-footer-controls{display:flex;flex-direction:column;gap:var(--space-md)}.hifdh-control-group{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.hifdh-config-btn{width:100%;text-align:left;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-ui-sm);color:var(--color-text-primary)}.hifdh-speed-row{display:flex;justify-content:space-around}.hifdh-speed-row button{padding:var(--space-xs) var(--space-sm);font-size:var(--text-ui-xs);border-radius:var(--radius-sm)}.hifdh-speed-row button.active{background:var(--color-accent);color:#fff}.hifdh-repeat-control{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;justify-content:center;align-items:center;gap:var(--space-lg)}.hifdh-repeat-stat{font-weight:600;color:var(--color-accent)}.hifdh-selection-bar{display:flex;justify-content:space-between;align-items:center;background:#3b82f61a;color:#3b82f6;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:var(--text-ui-sm);font-weight:500}.hifdh-selection-bar button{display:flex;align-items:center;gap:4px;font-size:var(--text-ui-xs);opacity:.8}.hifdh-premium-gate{text-align:center;padding:var(--space-lg)}.hifdh-premium-btn{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,gold,orange);color:#1a1a2e;font-weight:700;border-radius:var(--radius-md)}.hifdh-error-msg{margin-top:var(--space-md);color:#ef4444;text-align:center;font-size:var(--text-ui-sm)}.hifdh-poke-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,#eab30833,#fbbf2433);border:1px solid rgba(234,179,8,.4);border-radius:var(--radius-md);margin-top:var(--space-md);font-size:var(--text-arabic-md);font-family:var(--font-arabic);color:#fbbf24;animation:hintPulse 1.5s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.hifdh-mic-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.hifdh-player-ui{display:flex;flex-direction:column;gap:var(--space-md)}.hifdh-player__progress{display:flex;align-items:center;gap:var(--space-sm)}.hifdh-player__time{font-size:var(--text-ui-xs);color:var(--color-text-muted);min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.hifdh-player__progress-bar{flex:1;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.hifdh-player__progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .1s linear}.hifdh-player__controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md)}.hifdh-player__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-fast)}.hifdh-player__btn:hover{background:var(--color-bg-secondary);transform:scale(1.05)}.hifdh-player__btn--primary{width:56px;height:56px;background:var(--color-accent);color:#fff}.hifdh-player__btn--active{background:var(--color-accent);color:#fff}.hifdh-action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-ui-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.hifdh-action-btn:hover{background:var(--color-bg-secondary)}.hifdh-loading-ayah{font-family:var(--font-arabic);font-size:var(--text-arabic-lg);text-align:center;line-height:2;color:var(--color-text-secondary)}.hifdh-srs-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.hifdh-srs-due__header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-ui-sm);font-weight:600;color:var(--color-accent);margin-bottom:var(--space-sm)}.hifdh-srs-due__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hifdh-srs-card{display:flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--color-accent-muted);border-radius:var(--radius-md);font-size:var(--text-ui-sm);color:var(--color-accent);font-weight:500;transition:all var(--transition-fast)}.hifdh-srs-card:hover{background:var(--color-accent);color:#fff;transform:scale(1.02)}.hifdh-srs-card__surah{font-family:var(--font-arabic);font-size:var(--text-ui-md)}.hifdh-srs-card__ayah{font-weight:700}.hifdh-srs-more{font-size:var(--text-ui-xs);color:var(--color-text-muted);padding:var(--space-xs) var(--space-sm)}.hifdh-srs-all__label{display:block;font-size:var(--text-ui-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.mini-player{position:fixed;bottom:72px;left:0;right:0;background:#fff;border-top:1px solid #e8e4da;z-index:500;box-shadow:0 -2px 12px #00000014;transition:height .3s ease}.mini-player__progress{height:3px;background:#e8e4da;position:relative}.mini-player__progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width .3s linear;border-radius:0 2px 2px 0}.mini-player__main{display:flex;align-items:center;padding:8px 12px;gap:8px}.mini-player__info{flex:1;min-width:0;cursor:pointer}.mini-player__surah{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.05rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__detail{font-size:.75rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.mini-player__btn{background:none;border:none;color:#555;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.mini-player__btn:hover{background:#0000000d}.mini-player__btn--play{background:#4caf50;color:#fff;width:36px;height:36px}.mini-player__btn--play:hover{background:#43a047}.mini-player__btn--close{color:#bbb}.mini-player__btn--close:hover{color:#e74c3c}.mini-player__btn--expand{color:#bbb}.mini-player__time-row{display:flex;justify-content:space-between;padding:4px 16px;font-size:.7rem;color:#999}.mini-player__scroll{max-height:280px;overflow-y:auto;padding:4px 0;-webkit-overflow-scrolling:touch}.mini-player__ayah{display:flex;align-items:flex-start;gap:10px;padding:8px 16px;cursor:pointer;transition:background .15s}.mini-player__ayah:hover{background:#00000008}.mini-player__ayah.active{background:#4caf5014}.mini-player__ayah-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#f0ede6;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#666}.mini-player__ayah.active .mini-player__ayah-num{background:#4caf50;color:#fff}.mini-player__ayah-text{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:.95rem;line-height:1.8;color:#444;flex:1;min-width:0}[data-theme=dark] .mini-player{background:#1a1a2e;border-top-color:#ffffff14;box-shadow:0 -2px 12px #0000004d}[data-theme=dark] .mini-player__progress{background:#ffffff14}[data-theme=dark] .mini-player__surah{color:#e8e0d4}[data-theme=dark] .mini-player__detail{color:#888}[data-theme=dark] .mini-player__btn{color:#ccc}[data-theme=dark] .mini-player__btn:hover{background:#ffffff14}[data-theme=dark] .mini-player__btn--play{background:#66bb6a;color:#111}[data-theme=dark] .mini-player__btn--close{color:#666}[data-theme=dark] .mini-player__ayah:hover{background:#ffffff0a}[data-theme=dark] .mini-player__ayah.active{background:#66bb6a1a}[data-theme=dark] .mini-player__ayah-num{background:#ffffff14;color:#aaa}[data-theme=dark] .mini-player__ayah.active .mini-player__ayah-num{background:#66bb6a;color:#111}[data-theme=dark] .mini-player__ayah-text{color:#ccc}[data-theme=dark] .mini-player__time-row{color:#666}.mini-player__queue-badge{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:10px;background:#4caf5026;color:#4caf50;font-size:.68rem;font-weight:600;vertical-align:middle}[data-theme=dark] .mini-player__queue-badge{background:#66bb6a26;color:#66bb6a}.mini-player__tabs{display:flex;gap:4px;padding:4px 12px 8px}.mini-player__tab{flex:1;padding:6px 8px;border:none;border-radius:8px;background:#0000000a;color:#888;font-size:.78rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s}.mini-player__tab.active{background:#4caf50;color:#fff}.mini-player__queue-item{display:flex;align-items:center;gap:10px;padding:10px 16px;transition:background .15s}.mini-player__queue-item:hover{background:#00000008}.mini-player__queue-num{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#f0ede6;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#888}.mini-player__queue-info{flex:1;min-width:0}.mini-player__queue-name{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1rem;color:#333;display:block}.mini-player__queue-detail{font-size:.72rem;color:#999}.mini-player__queue-remove{background:none;border:none;color:#ccc;cursor:pointer;padding:6px;border-radius:50%;display:flex;transition:all .15s}.mini-player__queue-remove:hover{color:#e74c3c;background:#e74c3c14}[data-theme=dark] .mini-player__tab{background:#ffffff0f;color:#aaa}[data-theme=dark] .mini-player__tab.active{background:#66bb6a;color:#111}[data-theme=dark] .mini-player__queue-item:hover{background:#ffffff0a}[data-theme=dark] .mini-player__queue-num{background:#ffffff14;color:#aaa}[data-theme=dark] .mini-player__queue-name{color:#e8e0d4}[data-theme=dark] .mini-player__queue-detail{color:#888}[data-theme=dark] .mini-player__queue-remove{color:#666}[data-theme=dark] .mini-player__queue-remove:hover{color:#e74c3c;background:#e74c3c26}.settings-page{padding:var(--space-md);padding-top:max(var(--space-md),env(safe-area-inset-top));padding-bottom:calc(80px + var(--space-lg))}.settings-page__header{font-size:var(--text-ui-xl);font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.settings-section{margin-bottom:var(--space-xl)}.settings-section__title{font-size:var(--text-ui-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-sm)}.settings-item__label{display:flex;flex-direction:column;gap:var(--space-xs)}.settings-item__title{font-weight:500;color:var(--color-text-primary)}.settings-item__description{font-size:var(--text-ui-sm);color:var(--color-text-secondary)}.toggle{position:relative;width:48px;height:28px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:background var(--transition-fast);cursor:pointer}.toggle.active{background:var(--color-accent)}.toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle.active .toggle__knob{transform:translate(20px)}.segment-control{display:flex;gap:var(--space-xs);background:var(--color-bg-tertiary);padding:var(--space-xs);border-radius:var(--radius-md)}.segment-control__btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-ui-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.segment-control__btn.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.slider-container{display:flex;align-items:center;gap:var(--space-md)}.slider{flex:1;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--color-accent);border-radius:var(--radius-full);cursor:pointer}.slider-value{min-width:40px;text-align:center;font-weight:500;color:var(--color-text-secondary)}.settings-item--vertical{flex-direction:column;align-items:stretch}.reciter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.reciter-card{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1.5px solid #eee;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;color:#333}.reciter-card:active{transform:scale(.97)}.reciter-card.active{background:#fdfaf3;border-color:#c9a84c;box-shadow:0 4px 12px #c9a84c1a}.reciter-card__flag{font-size:1.5rem;flex-shrink:0}.reciter-card__info{display:flex;flex-direction:column;min-width:0}.reciter-card__name{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reciter-card__arabic{font-size:.75rem;color:#888;font-family:var(--font-arabic)}.reciter-card__check{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#c9a84c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .reciter-card{background:#161b22;border-color:#30363d;color:#e6edf3}[data-theme=dark] .reciter-card.active{background:#c9a84c1a;border-color:#c9a84c}[data-theme=sepia] .reciter-card{background:#fdf6e3;border-color:#eee8d5}[data-theme=sepia] .reciter-card.active{background:#eee8d5;border-color:#c9a84c}@media(max-width:400px){.reciter-grid{grid-template-columns:1fr}}.reciter-select{width:100%;padding:var(--space-md);background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-ui-md);cursor:pointer}.reciter-select:focus{outline:2px solid var(--color-accent)}.prayer-times-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);padding-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.prayer-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:#c9a84c}.prayer-loading .spin{animation:spin 1.5s linear infinite}.prayer-header{padding:var(--space-lg) var(--space-md);text-align:center;background:#0000004d}.prayer-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.prayer-location,.prayer-current-time{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-ui-sm);color:var(--color-text-secondary)}.prayer-hijri-date{font-family:var(--font-arabic);font-size:var(--text-ui-lg);color:#c9a84c;margin-top:var(--space-sm)}.next-prayer-card{margin:var(--space-md);padding:var(--space-lg);background:#c9a84c1a;border-radius:var(--radius-xl);border:2px solid #c9a84c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.next-prayer-label{font-size:var(--text-ui-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-sm)}.next-prayer-info{display:flex;align-items:center;gap:var(--space-md)}.next-prayer-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full)}.next-prayer-icon svg{width:28px;height:28px}.next-prayer-details{flex:1;display:flex;flex-direction:column}.next-prayer-name{font-size:var(--text-ui-lg);font-weight:600;color:#c9a84c}.next-prayer-name-ar{font-family:var(--font-arabic);font-size:var(--text-ui-md);color:var(--color-text-secondary)}.next-prayer-time{display:flex;flex-direction:column;align-items:flex-end}.next-prayer-hour{font-size:var(--text-ui-xl);font-weight:700;color:#c9a84c}.next-prayer-countdown{font-size:var(--text-ui-xs);color:var(--color-text-muted)}.prayer-times-list{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.prayer-time-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff0d;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.prayer-time-item.next{background:#c9a84c26;border:1px solid rgba(201,168,76,.3)}.prayer-time-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-md)}.prayer-time-names{flex:1;display:flex;flex-direction:column}.prayer-time-name{font-size:var(--text-ui-md);font-weight:600;color:#c9a84c}.prayer-time-name-ar{font-family:var(--font-arabic);font-size:var(--text-ui-sm);color:var(--color-text-muted)}.prayer-time-value{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.prayer-start{font-size:var(--text-ui-lg);font-weight:700;color:#c9a84c}.prayer-end{font-size:var(--text-ui-xs);color:var(--color-text-muted)}.prayer-error{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.prayer-error button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:#c9a84c;color:#1a1a2e;border-radius:var(--radius-full);font-weight:600}.prayer-footer{padding:var(--space-md);text-align:center}.prayer-footer p{font-size:var(--text-ui-xs);color:var(--color-text-muted)}@media(min-width:768px){.prayer-times-list{max-width:500px;margin:0 auto}.next-prayer-card{max-width:500px;margin-left:auto;margin-right:auto}}.adhkar-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#1a1a2e,#2d1b3d);padding-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 80px)}.adhkar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#0000004d;min-height:56px}.adhkar-back-btn{color:#c9a84c;padding:var(--space-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.adhkar-title{font-size:var(--text-ui-lg);font-weight:600;color:#c9a84c}.adhkar-progress-text{font-size:var(--text-ui-sm);color:var(--color-text-muted);min-width:44px;text-align:right}.adhkar-subtitle{text-align:center;padding:var(--space-md)}.adhkar-subtitle-ar{display:block;font-family:var(--font-arabic);font-size:var(--text-ui-xl);color:#c9a84c;margin-bottom:var(--space-xs)}.adhkar-subtitle span:last-child{font-size:var(--text-ui-sm);color:var(--color-text-muted)}.adhkar-progress-bar{height:3px;background:#ffffff1a}.adhkar-progress-fill{height:100%;transition:width .3s ease}.adhkar-categories{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.adhkar-category-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff0d;border-radius:var(--radius-lg);text-align:left;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.adhkar-category-card:active{background:#ffffff1a;transform:scale(.98)}.category-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-md)}.category-info{flex:1;display:flex;flex-direction:column}.category-name{font-size:var(--text-ui-md);font-weight:600;color:#c9a84c}.category-name-ar{font-family:var(--font-arabic);font-size:var(--text-ui-sm);color:var(--color-text-muted)}.category-count{font-size:var(--text-ui-xs);color:var(--color-text-muted)}.category-arrow{color:var(--color-text-muted)}.dhikr-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.dhikr-card{width:100%;max-width:400px;padding:var(--space-lg);background:#ffffff0d;border-radius:var(--radius-xl);margin-bottom:var(--space-lg)}.dhikr-arabic{font-family:var(--font-arabic);font-size:var(--text-arabic-lg);line-height:2;color:#c9a84c;text-align:center;margin-bottom:var(--space-lg);direction:rtl}.dhikr-translation{font-size:var(--text-ui-sm);line-height:1.6;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-md)}.dhikr-source{font-size:var(--text-ui-xs);color:var(--color-text-muted);text-align:center}.dhikr-audio-player{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:400px;padding:12px 16px;background:#ffffff0d;border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.dhikr-audio-player__controls{display:flex;align-items:center;gap:8px}.dhikr-audio-player__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#c9a84c;color:#1a1a2e;border:none;border-radius:50%;cursor:pointer;transition:all .2s}.dhikr-audio-player__btn:active{transform:scale(.9)}.dhikr-audio-player__stop{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;color:#999;border:none;border-radius:50%;cursor:pointer}.dhikr-audio-player__loop{display:flex;align-items:center;gap:6px;color:var(--color-text-muted)}.dhikr-audio-player__loop-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff14;color:var(--color-text-secondary);border:none;border-radius:50%;cursor:pointer}.dhikr-audio-player__loop-btn:active{background:#ffffff26}.dhikr-audio-player__loop-count{font-size:.85rem;font-weight:700;color:#c9a84c;min-width:32px;text-align:center}.dhikr-counter{position:relative;width:140px;height:140px;border-radius:50%;background:#ffffff0d;border:3px solid #c9a84c;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all var(--transition-fast)}.dhikr-counter:active{transform:scale(.95)}.counter-progress{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg)}.counter-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.counter-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .3s ease}.counter-text{display:flex;flex-direction:column;align-items:center;z-index:1}.counter-current{font-size:36px;font-weight:700;color:var(--color-text-primary)}.counter-total{font-size:var(--text-ui-sm);color:var(--color-text-muted)}.dhikr-nav{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.dhikr-nav-btn{padding:var(--space-sm) var(--space-lg);min-height:44px;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-ui-sm);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.dhikr-nav-btn:disabled{opacity:.3}.dhikr-nav-btn:active:not(:disabled){background:#fff3}.adhkar-list-view{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);overflow-y:auto;flex:1;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch}.adhkar-list-item{padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.adhkar-list-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0;background:#c9a84c;transition:height .3s ease;border-radius:0 4px 4px 0}.adhkar-list-item:active{background:#ffffff1a;transform:scale(.98)}.adhkar-list-item.active{background:#c9a84c1a;border-color:#c9a84c80;box-shadow:0 8px 24px #0006}.adhkar-list-item.active:before{height:70%}.list-item-header{display:flex;justify-content:space-between;align-items:center}.list-item-tts-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#c9a84c26;border:1px solid rgba(201,168,76,.3);border-radius:50%;color:#c9a84c;cursor:pointer;transition:all .2s}.list-item-tts-btn:active{transform:scale(.9);background:#c9a84c4d}.list-item-tts-btn .spin{animation:spin 1s linear infinite}.item-number{font-size:.75rem;font-weight:800;color:gold;background:#c9a84c26;padding:3px 10px;border-radius:6px;letter-spacing:.5px}.item-source{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.item-arabic{font-family:var(--font-arabic);font-size:1.8rem;color:#f3e5ab;text-align:right;line-height:1.8;direction:rtl;margin:4px 0}.active .item-arabic{color:#fff;text-shadow:0 0 15px rgba(201,168,76,.4)}.item-translation{font-size:.9rem;color:#ffffffb3;line-height:1.6}.active .item-translation{color:#fff}.adhkar-player{flex:1;display:flex;flex-direction:column}.adhkar-search{display:flex;align-items:center;gap:10px;margin:0 var(--space-md) var(--space-md);padding:10px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);color:var(--color-text-muted)}.adhkar-search input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:var(--text-ui-sm)}.adhkar-search input::placeholder{color:var(--color-text-muted)}.adhkar-search-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1a;border-radius:50%;color:var(--color-text-muted);cursor:pointer}.adhkar-mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);padding:0 var(--space-md) var(--space-md)}.adhkar-mega-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-lg) var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;position:relative}.adhkar-mega-card:active{background:#ffffff1f;transform:scale(.97)}.mega-emoji{font-size:2rem}.mega-name{font-size:var(--text-ui-sm);font-weight:600;color:#c9a84c}.mega-count{font-size:.7rem;color:var(--color-text-muted);background:#ffffff14;padding:2px 8px;border-radius:10px}.adhkar-section-label{padding:var(--space-md) var(--space-md) var(--space-xs);font-size:var(--text-ui-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted)}.rabbana-card{border:1px solid rgba(233,30,99,.2);background:#e91e630d}.adhkar-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-muted);font-size:var(--text-ui-sm)}@media(min-width:768px){.adhkar-categories{max-width:500px;margin:0 auto}.adhkar-category-card:hover{background:#ffffff1a}.dhikr-counter:hover{transform:scale(1.02)}.adhkar-list-view{max-width:650px;margin:0 auto;width:100%;background:transparent}}.list-item-fav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e74c3c14;border:1px solid rgba(231,76,60,.15);border-radius:50%;color:#888;cursor:pointer;transition:all .2s}.list-item-fav-btn:active{transform:scale(.9)}.list-item-fav-btn.active{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c66}.dhikr-fav-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:8px 16px;background:#e74c3c14;border:1px solid rgba(231,76,60,.15);border-radius:10px;color:#888;font-size:.82rem;cursor:pointer;transition:all .2s}.dhikr-fav-btn.active{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c66}.hadith-fav-active{color:#e74c3c!important}.mosques-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#1a1a2e,#16213e);padding-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 80px)}.mosques-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#0000004d;min-height:56px}.mosques-back-btn{color:#c9a84c;padding:var(--space-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mosques-title{font-size:var(--text-ui-lg);font-weight:600;color:#c9a84c}.mosques-subtitle{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-md);color:var(--color-text-muted);font-size:var(--text-ui-sm)}.mosques-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:#c9a84c}.mosques-loading .spin{animation:spin 1.5s linear infinite}.mosques-error,.mosques-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;color:var(--color-text-secondary)}.mosques-error button{margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:#c9a84c;color:#1a1a2e;border-radius:var(--radius-full);font-weight:600}.mosques-list{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);overflow-y:auto;-webkit-overflow-scrolling:touch}.mosque-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff0d;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.mosque-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#c9a84c33;border-radius:var(--radius-md);color:#c9a84c;flex-shrink:0}.mosque-info{flex:1;min-width:0}.mosque-name{font-size:var(--text-ui-md);font-weight:600;color:#c9a84c;margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosque-address{font-size:var(--text-ui-xs);color:var(--color-text-muted);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mosque-distance{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-ui-xs);color:var(--color-text-secondary)}.mosque-directions-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#c9a84c33;border-radius:var(--radius-full);color:#c9a84c;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all var(--transition-fast)}.mosque-directions-btn:active{background:#c9a84c66;transform:scale(.95)}.mosques-footer{padding:var(--space-md);text-align:center}.mosques-footer p{font-size:var(--text-ui-xs);color:var(--color-text-muted)}@media(min-width:768px){.mosques-list{max-width:600px;margin:0 auto}.mosque-card:hover{background:#ffffff1a}.mosque-directions-btn:hover{background:#c9a84c66}}.tafsir-page{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);padding:env(safe-area-inset-top) var(--space-md) calc(env(safe-area-inset-bottom) + 100px) var(--space-md)}.tafsir-header{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) var(--space-md);background:#0000004d;border-bottom:1px solid rgba(201,168,76,.2);margin:calc(-1*env(safe-area-inset-top)) calc(-1 * var(--space-md)) var(--space-lg);padding-top:calc(env(safe-area-inset-top) + var(--space-lg))}.tafsir-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-ui-xl);font-weight:600;color:#c9a84c}.tafsir-subtitle{font-family:var(--font-arabic);font-size:var(--text-ui-lg);color:var(--color-text-muted);margin-top:var(--space-xs)}.tafsir-selectors{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-md);margin-bottom:var(--space-lg)}.tafsir-selector{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:120px}.tafsir-selector--wide{flex:2;min-width:200px}.tafsir-selector label{font-size:var(--text-ui-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.tafsir-select-wrapper{position:relative;display:flex;align-items:center}.tafsir-select-wrapper select{width:100%;padding:var(--space-sm) var(--space-md);padding-right:36px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-ui-md);appearance:none;cursor:pointer}.tafsir-select-wrapper select:focus{outline:none;border-color:#c9a84c}.tafsir-select-wrapper svg{position:absolute;right:12px;color:var(--color-text-muted);pointer-events:none}.tafsir-verse-card{background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tafsir-verse-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tafsir-verse-ref{font-size:var(--text-ui-sm);color:#c9a84c;font-weight:600}.tafsir-verse-arabic{font-family:var(--font-arabic);font-size:var(--text-arabic-xl);line-height:2;text-align:center;color:var(--color-text-primary);margin-bottom:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid rgba(255,255,255,.1)}.tafsir-tts-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:var(--space-md);background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-full);color:#c9a84c;font-size:var(--text-ui-xs);cursor:pointer;transition:all .2s}.tafsir-tts-btn:active,.tafsir-tts-btn.active{background:#c9a84c40;transform:scale(.95)}.tafsir-tts-btn .spin{animation:tts-spin 1s linear infinite}@keyframes tts-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tafsir-verse-translation{font-size:var(--text-ui-md);color:var(--color-text-secondary);line-height:1.6;font-style:italic}.tafsir-content-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.tafsir-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.tafsir-content-label{font-size:var(--text-ui-sm);font-weight:600;color:var(--color-text-primary)}.tafsir-content-source{font-size:var(--text-ui-xs);color:#c9a84c;background:#c9a84c26;padding:4px 10px;border-radius:var(--radius-full)}.tafsir-text{font-size:var(--text-ui-md);line-height:1.8;color:var(--color-text-secondary)}.tafsir-text p{margin-bottom:var(--space-md)}.tafsir-text p:last-child{margin-bottom:0}.tafsir-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);color:var(--color-text-muted)}.tafsir-loading .spin{animation:spin 1s linear infinite}.tafsir-error{text-align:center;padding:var(--space-lg);color:var(--color-text-muted)}.tafsir-nav-hint{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:#ffffff08;border-radius:var(--radius-md)}.tafsir-nav-hint button{padding:var(--space-sm) var(--space-md);background:#ffffff14;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-ui-sm);transition:all var(--transition-fast)}.tafsir-nav-hint button:hover:not(:disabled){background:#c9a84c33;color:#c9a84c}.tafsir-nav-hint button:disabled{opacity:.3;cursor:not-allowed}.tafsir-nav-hint>span{font-size:var(--text-ui-sm);color:var(--color-text-muted)}.tafsir-narrative-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);margin-top:var(--space-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-ui-xs);transition:all var(--transition-fast)}.tafsir-narrative-toggle:hover{background:#c9a84c26;border-color:#c9a84c4d;color:#c9a84c}.tafsir-narrative-toggle.active{background:linear-gradient(135deg,#c9a84c40,#c9a84c26);border-color:#c9a84c;color:#c9a84c}.tafsir-text.narrative-mode{display:flex;flex-direction:column;gap:var(--space-md)}.dialogue-bubble{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#c9a84c14;border-left:3px solid #c9a84c;border-radius:0 var(--radius-md) var(--radius-md) 0;animation:fadeIn .3s ease-out}.dialogue-icon{flex-shrink:0;color:#c9a84c;margin-top:3px}.dialogue-bubble p{margin:0;font-style:italic;color:var(--color-text-primary)}.narrator-text{color:var(--color-text-secondary);padding-left:var(--space-md);border-left:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.shazam-page{min-height:100vh;background:linear-gradient(180deg,#0d1117,#1a1a2e,#0d1117);display:flex;flex-direction:column;padding-bottom:80px}.shazam-header{padding:var(--space-xl) var(--space-lg);text-align:center;background:linear-gradient(180deg,rgba(201,168,76,.1) 0%,transparent 100%)}.shazam-title{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.75rem;font-weight:700;color:#c9a84c;margin:0}.shazam-subtitle{margin-top:var(--space-sm);color:var(--color-text-secondary);font-size:.95rem}.shazam-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);gap:var(--space-xl)}.shazam-visualizer{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.shazam-wave{display:flex;align-items:center;gap:6px;height:60px;opacity:.3;transition:opacity .3s}.shazam-visualizer.active .shazam-wave{opacity:1}.shazam-wave-bar{width:6px;height:20px;background:linear-gradient(180deg,#c9a84c,#a8893d);border-radius:3px;animation:wave-idle 1s ease-in-out infinite}.shazam-visualizer.active .shazam-wave-bar{animation:wave-active .4s ease-in-out infinite alternate}@keyframes wave-idle{0%,to{height:20px}50%{height:30px}}@keyframes wave-active{0%{height:15px}to{height:60px}}.shazam-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.shazam-ring{position:absolute;border:2px solid rgba(201,168,76,.2);border-radius:50%;opacity:0}.shazam-ring:nth-child(1){width:120px;height:120px}.shazam-ring:nth-child(2){width:160px;height:160px}.shazam-ring:nth-child(3){width:200px;height:200px}.shazam-visualizer.active .shazam-ring{animation:ring-pulse 2s ease-out infinite}.shazam-visualizer.active .shazam-ring:nth-child(2){animation-delay:.5s}.shazam-visualizer.active .shazam-ring:nth-child(3){animation-delay:1s}@keyframes ring-pulse{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.5);opacity:0}}.shazam-visualizer.processing .shazam-wave-bar{animation:wave-processing .8s ease-in-out infinite}@keyframes wave-processing{0%,to{opacity:.3}50%{opacity:1}}.shazam-status{font-size:1.1rem;color:var(--color-text-secondary);text-align:center}.shazam-btn{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#c9a84c,#a8893d);color:#1a1a2e;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #c9a84c4d;transition:transform .2s,box-shadow .2s}.shazam-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 12px 40px #c9a84c66}.shazam-btn:active:not(:disabled){transform:scale(.95)}.shazam-btn.listening{background:linear-gradient(135deg,#ff6b6b,#ee5253);animation:btn-pulse 1s ease-in-out infinite}.shazam-btn.processing{opacity:.7;cursor:wait}@keyframes btn-pulse{0%,to{box-shadow:0 8px 32px #ff6b6b4d}50%{box-shadow:0 8px 48px #ff6b6b80}}.shazam-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shazam-instructions{text-align:center;color:var(--color-text-muted);font-size:.9rem;line-height:1.8}.shazam-instructions p{margin:var(--space-xs) 0}.shazam-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;max-width:320px}.shazam-error p{color:#e57373;margin-bottom:var(--space-md)}.shazam-error button{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-primary);background:#ffffff1a;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.shazam-result{background:#c9a84c14;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-lg);padding:var(--space-lg);width:100%;max-width:400px;animation:slide-up .4s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shazam-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.shazam-result-surah{font-size:1.2rem;font-weight:600;color:#c9a84c}.shazam-result-ayah{font-size:.9rem;color:var(--color-text-secondary);background:#ffffff0d;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.shazam-result-text{font-family:var(--font-arabic);font-size:1.4rem;line-height:2;color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center}.shazam-result-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.shazam-result-actions button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);background:#ffffff0d;border-radius:var(--radius-md);color:var(--color-text-primary);transition:background .2s}.shazam-result-actions button:hover{background:#ffffff1a}.shazam-result-reciter{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:linear-gradient(135deg,#2ed57326,#2ed57314);border:1px solid rgba(46,213,115,.3);border-radius:var(--radius-md);color:#2ed573}.shazam-result-reciter svg{flex-shrink:0}.shazam-reciter-name{font-weight:600;color:var(--color-text-primary)}.shazam-reciter-ar{font-family:var(--font-arabic);color:var(--color-text-secondary);font-size:.9rem}.shazam-reciter-confidence{margin-left:auto;background:#2ed57333;padding:2px 8px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.shazam-maintenance-overlay{position:fixed;inset:0;z-index:100;background:linear-gradient(180deg,#0d1117f2,#1a1a2efa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-text-primary)}.shazam-maintenance-icon{color:#c9a84c;margin-bottom:var(--space-lg);animation:maintenance-pulse 2s ease-in-out infinite}@keyframes maintenance-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.shazam-maintenance-badge{background:#c9a84c;color:#1a1a2e;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-full);font-weight:700;font-size:.85rem;letter-spacing:1px;margin:var(--space-md) 0}.shazam-maintenance-overlay h2{font-size:2rem;margin:0;color:var(--color-text-primary)}.shazam-maintenance-overlay p{color:var(--color-text-secondary);max-width:300px;line-height:1.6;margin-bottom:var(--space-xl)}.shazam-maintenance-btn{padding:var(--space-md) var(--space-2xl);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:600;transition:all .2s}.shazam-maintenance-btn:hover{background:#ffffff26;border-color:#c9a84c;color:#c9a84c}.prophets-page{min-height:100dvh;padding-bottom:80px;background:var(--color-bg-primary)}.prophets-hero{position:relative;padding:var(--space-2xl) var(--space-lg) var(--space-xl);padding-top:max(var(--space-2xl),calc(env(safe-area-inset-top) + var(--space-lg)));text-align:center;overflow:hidden;background:linear-gradient(135deg,#0d1117,#1a1a2e,#16213e)}.prophets-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.15) 0%,transparent 70%);pointer-events:none}.prophets-hero__icon{font-size:2.5rem;margin-bottom:var(--space-sm);display:block;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.prophets-hero__title{font-family:var(--font-arabic);font-size:1.8rem;color:#c9a84c;margin-bottom:var(--space-xs);direction:rtl}.prophets-hero__subtitle{font-size:var(--text-ui-sm);color:var(--color-text-secondary);font-weight:400}.prophets-hero__count{display:inline-block;margin-top:var(--space-sm);padding:4px 14px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-full);font-size:var(--text-ui-xs);color:#c9a84c}.prophets-hero__source{display:block;margin-top:var(--space-sm);font-size:.7rem;color:#fff6;font-style:italic}.prophets-search{padding:var(--space-md) var(--space-lg) 0}.prophets-search__input{width:100%;padding:12px 16px 12px 42px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-ui-md);font-family:var(--font-ui);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.prophets-search__input:focus{border-color:#c9a84c80;box-shadow:0 0 0 3px #c9a84c1a}.prophets-search__wrapper{position:relative}.prophets-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.prophets-timeline{padding:var(--space-lg) var(--space-md);position:relative}.prophets-timeline:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,rgba(201,168,76,.4) 5%,rgba(201,168,76,.4) 95%,transparent 100%)}.prophet-card{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);cursor:pointer;position:relative;animation:slideUp .4s ease-out both}.prophet-card:nth-child(1){animation-delay:0ms}.prophet-card:nth-child(2){animation-delay:30ms}.prophet-card:nth-child(3){animation-delay:60ms}.prophet-card:nth-child(4){animation-delay:90ms}.prophet-card:nth-child(5){animation-delay:.12s}.prophet-card:nth-child(6){animation-delay:.15s}.prophet-card:nth-child(7){animation-delay:.18s}.prophet-card:nth-child(8){animation-delay:.21s}.prophet-card:nth-child(9){animation-delay:.24s}.prophet-card:nth-child(10){animation-delay:.27s}.prophet-card__dot{width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid;background:var(--color-bg-primary);margin-top:18px;z-index:1;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 0 0 3px var(--color-bg-primary)}.prophet-card:hover .prophet-card__dot,.prophet-card:active .prophet-card__dot{transform:scale(1.3);box-shadow:0 0 8px currentColor,0 0 0 3px var(--color-bg-primary)}.prophet-card__body{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-md);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.prophet-card:hover .prophet-card__body,.prophet-card:active .prophet-card__body{transform:translate(4px);border-color:#c9a84c4d;box-shadow:0 4px 20px #0000004d}.prophet-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:6px}.prophet-card__emoji{font-size:1.4rem;line-height:1}.prophet-card__names{flex:1;min-width:0}.prophet-card__name-ar{font-family:var(--font-arabic);font-size:1.3rem;color:#c9a84c;line-height:1.3;direction:rtl}.prophet-card__name-islamic{font-size:var(--text-ui-md);color:var(--color-text-primary);font-weight:600}.prophet-card__name-ar{font-family:var(--font-arabic);font-size:1.1rem;color:#c9a84c;line-height:1.3;direction:rtl}.prophet-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.prophet-card__mentions{font-size:var(--text-ui-xs);color:var(--color-accent);white-space:nowrap}.prophet-card__period{font-size:var(--text-ui-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.prophet-card__title{font-size:var(--text-ui-xs);color:var(--color-text-secondary);font-style:italic;margin-bottom:4px}.prophet-card__summary{font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prophet-modal__overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.prophet-modal{background:linear-gradient(180deg,#1a1a2e,#0d1117);border-top-left-radius:24px;border-top-right-radius:24px;width:100%;max-width:600px;max-height:90dvh;overflow-y:auto;animation:modalSlideUp .35s cubic-bezier(.16,1,.3,1);border:1px solid rgba(201,168,76,.2);border-bottom:none}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.prophet-modal__handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:12px auto}.prophet-modal__hero{text-align:center;padding:var(--space-md) var(--space-lg) var(--space-lg);position:relative}.prophet-modal__emoji{font-size:3.5rem;display:block;margin-bottom:var(--space-sm)}.prophet-modal__name-ar{font-family:var(--font-arabic);font-size:2.2rem;color:#c9a84c;direction:rtl;margin-bottom:2px}.prophet-modal__name-fr{font-size:var(--text-ui-lg);color:var(--color-text-primary);font-weight:600}.prophet-modal__title-ar{font-family:var(--font-arabic);font-size:1.1rem;color:var(--color-text-secondary);direction:rtl;margin-top:4px}.prophet-modal__title-fr{font-size:var(--text-ui-sm);color:var(--color-text-muted);font-style:italic}.prophet-modal__badges{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-top:var(--space-sm)}.prophet-modal__period{display:inline-block;padding:4px 14px;background:#c9a84c1a;border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-full);font-size:var(--text-ui-xs);color:#c9a84c}.prophet-modal__mention-badge{display:inline-block;padding:4px 14px;background:#58a6ff14;border:1px solid rgba(88,166,255,.2);border-radius:var(--radius-full);font-size:var(--text-ui-xs);color:var(--color-accent)}.prophet-modal__section{padding:0 var(--space-lg) var(--space-lg)}.prophet-modal__section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-ui-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.prophet-modal__section-title svg{color:#c9a84c}.prophet-modal__lineage{font-size:var(--text-ui-sm);color:var(--color-text-secondary);padding:10px var(--space-md);background:#c9a84c0f;border:1px solid rgba(201,168,76,.15);border-radius:var(--radius-md);font-style:italic;text-align:center}.prophet-modal__text{font-size:var(--text-ui-md);color:var(--color-text-secondary);line-height:1.7;background:#ffffff08;padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid rgba(201,168,76,.4)}.prophet-modal__verses{display:flex;flex-direction:column;gap:var(--space-md)}.prophet-modal__verse{background:#c9a84c0d;border:1px solid rgba(201,168,76,.15);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.prophet-modal__verse-arabic{font-family:var(--font-arabic);font-size:1.4rem;color:#c9a84c;direction:rtl;line-height:2;margin-bottom:var(--space-sm)}.prophet-modal__verse-translation{font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.6;font-style:italic;margin-bottom:6px}.prophet-modal__verse-ref{font-size:var(--text-ui-xs);color:var(--color-text-muted);font-weight:600}.prophet-modal__miracles{display:flex;flex-direction:column;gap:var(--space-sm)}.prophet-modal__miracle{display:flex;align-items:flex-start;gap:var(--space-sm);padding:10px var(--space-md);background:#ffc1070f;border:1px solid rgba(255,193,7,.15);border-radius:var(--radius-md);font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.5}.prophet-modal__miracle-icon{color:#ffd54f;min-width:18px;margin-top:2px}.prophet-modal__duas{display:flex;flex-direction:column;gap:var(--space-md)}.prophet-modal__dua{background:#4caf500d;border:1px solid rgba(76,175,80,.15);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center}.prophet-modal__dua-arabic{font-family:var(--font-arabic);font-size:1.3rem;color:#81c784;direction:rtl;line-height:2;margin-bottom:var(--space-sm)}.prophet-modal__dua-translation{font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.6;font-style:italic;margin-bottom:6px}.prophet-modal__dua-ref{font-size:var(--text-ui-xs);color:var(--color-text-muted);font-weight:600}.prophet-modal__surahs{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.prophet-modal__surah-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#58a6ff14;border:1px solid rgba(88,166,255,.2);border-radius:var(--radius-full);font-size:var(--text-ui-sm);color:var(--color-accent);cursor:pointer;transition:all var(--transition-fast)}.prophet-modal__surah-chip:hover{background:#58a6ff26;border-color:var(--color-accent);transform:translateY(-1px)}.prophet-modal__surah-number{font-size:var(--text-ui-xs);opacity:.6}.prophet-modal__lessons{display:flex;flex-direction:column;gap:var(--space-sm)}.prophet-modal__lesson{display:flex;align-items:flex-start;gap:var(--space-sm);padding:10px var(--space-md);background:#4caf500f;border:1px solid rgba(76,175,80,.15);border-radius:var(--radius-md);font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.5}.prophet-modal__lesson-icon{color:#66bb6a;min-width:18px;margin-top:2px}.prophet-modal__close{position:sticky;bottom:0;padding:var(--space-md) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0d1117 30%)}.prophet-modal__close-btn{width:100%;padding:14px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-lg);color:#c9a84c;font-size:var(--text-ui-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.prophet-modal__close-btn:hover{background:#c9a84c33}.prophets-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.prophets-empty__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.prophets-empty__text{font-size:var(--text-ui-md)}[data-theme=light] .prophets-hero{background:linear-gradient(135deg,#f8f6f0,#eee8d5,#e8e0cc)}[data-theme=light] .prophet-modal{background:linear-gradient(180deg,#faf8f2,#fff)}[data-theme=light] .prophet-card__body{box-shadow:0 1px 3px #00000014}[data-theme=light] .prophet-modal__close{background:linear-gradient(transparent,#fff 30%)}[data-theme=sepia] .prophets-hero{background:linear-gradient(135deg,#ebe3cf,#ddd5c1,#d5cdb9)}[data-theme=sepia] .prophet-modal{background:linear-gradient(180deg,#ebe3cf,#f4ecd8)}[data-theme=sepia] .prophet-modal__close{background:linear-gradient(transparent,#f4ecd8 30%)}.prophets-tabs{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0}.prophets-tabs__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-ui-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.prophets-tabs__btn--active{background:#c9a84c1f;border-color:#c9a84c66;color:#c9a84c;font-weight:600}.prophets-tabs__btn:hover:not(.prophets-tabs__btn--active){background:var(--color-bg-tertiary)}.companion-badge{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:var(--text-ui-xs);font-weight:600}.companion-badge--ashara{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold}.companion-badge--sahabiyyah{background:#e91e631a;border:1px solid rgba(233,30,99,.3);color:#f06292}.companion-timeline{position:relative;padding-left:24px}.companion-timeline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#66bb6a,#c9a84c 35% 65%,#ef5350);border-radius:2px}.companion-timeline__item{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative}.companion-timeline__item:last-child{margin-bottom:0}.companion-timeline__dot{width:14px;height:14px;min-width:14px;border-radius:50%;border:2px solid;position:absolute;left:-24px;top:4px;z-index:1;background:var(--color-bg-primary)}.companion-timeline__dot--birth{border-color:#66bb6a;box-shadow:0 0 6px #66bb6a66}.companion-timeline__dot--conversion{border-color:#42a5f5;box-shadow:0 0 6px #42a5f566}.companion-timeline__dot--event{border-color:#c9a84c;width:10px;height:10px;min-width:10px;left:-22px;top:6px}.companion-timeline__dot--death{border-color:#ef5350;box-shadow:0 0 6px #ef535066}.companion-timeline__label{font-size:var(--text-ui-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.companion-timeline__value{font-size:var(--text-ui-sm);color:var(--color-text-secondary);line-height:1.5}.favorites-page{min-height:100dvh;background:var(--bg, #0a0e17);color:#e8e6e3;padding:0 0 100px}.favorites-header{display:flex;align-items:center;gap:12px;padding:16px 20px;position:sticky;top:0;z-index:10;background:#0a0e17eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.1)}.favorites-back{background:#ffffff0f;border:none;color:#d4af37;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.favorites-title{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;color:#e74c3c;flex:1;margin:0}.favorites-count{background:#e74c3c26;color:#e74c3c;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.favorites-tabs{display:flex;gap:6px;padding:12px 20px;overflow-x:auto}.favorites-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;color:#999;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.favorites-tab:hover{background:#ffffff14}.favorites-tab.active{background:#d4af371f;border-color:#d4af374d;color:#d4af37}.favorites-tab__badge{background:#d4af3733;color:#d4af37;padding:1px 7px;border-radius:8px;font-size:.72rem;font-weight:600}.favorites-empty{text-align:center;padding:60px 20px;color:#666}.favorites-empty p{margin:8px 0}.favorites-empty__hint{font-size:.82rem;color:#555}.favorites-list{display:flex;flex-direction:column;gap:12px;padding:8px 20px}.favorites-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;cursor:pointer;transition:all .25s}.favorites-card:hover{border-color:#d4af3733}.favorites-card__ref{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#d4af37;margin-bottom:8px;font-weight:500}.favorites-card__text{font-family:Amiri,serif;font-size:1.1rem;line-height:1.9;color:#d4af37;margin-bottom:10px}.favorites-card__french{font-size:.85rem;line-height:1.5;color:#c0bdb8;margin-bottom:10px}.favorites-card__meta{display:flex;gap:8px;font-size:.72rem;color:#888;margin-bottom:8px}.favorites-card__meta span{background:#ffffff0a;padding:2px 8px;border-radius:6px}.favorites-card__footer{display:flex;align-items:center;justify-content:space-between}.favorites-card__date{font-size:.72rem;color:#666}.favorites-card__delete{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s}.favorites-card__delete:hover{color:#e74c3c}.favorites-card--hadith,.favorites-card--dua{cursor:default}.themes-page{min-height:100vh;background:var(--color-bg, #faf8f2);padding:60px 16px 100px;color:var(--color-text, #333);overflow-x:hidden}.themes-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative}.themes-back{background:#0000000f;border:none;color:var(--color-text, #333);cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;flex-shrink:0;width:40px;height:40px;justify-content:center}.themes-back:hover{background:#0000000d}.themes-title{font-size:1.3rem;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.themes-title__icon{font-size:1.5rem}.themes-title__ar{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.1rem;font-weight:400;color:#888}.themes-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e8e4da;border-radius:10px;padding:10px 14px;margin-bottom:20px}.themes-search input{border:none;outline:none;width:100%;font-size:.9rem;background:none;color:var(--color-text, #333)}.themes-search svg{color:#999;flex-shrink:0}.themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.themes-card{background:#fff;border:1px solid #e8e4da;border-radius:14px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;border-left-width:3px}.themes-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.themes-card__icon{font-size:1.8rem;margin-bottom:8px}.themes-card__name{font-size:.95rem;font-weight:600;color:#333}.themes-card__name-ar{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1rem;color:#888;margin-top:2px}.themes-card__count{font-size:.75rem;color:#aaa;margin-top:6px}.themes-card__arrow{position:absolute;top:16px;right:12px}.themes-verses{display:flex;flex-direction:column;gap:14px}.themes-verse-card{background:#fff;border:1px solid #e8e4da;border-left-width:3px;border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease}.themes-verse-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000000f}.themes-verse-card__ref{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#999;margin-bottom:10px;font-weight:500}.themes-verse-card__ar{font-family:var(--font-arabic, "Scheherazade New", serif);font-size:1.2rem;line-height:2;color:#333;margin-bottom:8px}.themes-verse-card__fr{font-size:.85rem;color:#666;line-height:1.5;font-style:italic}[data-theme=dark] .themes-page{background:#0a0e17;color:#e8e0d4}[data-theme=dark] .themes-back{color:#e8e0d4}[data-theme=dark] .themes-back:hover{background:#ffffff14}[data-theme=dark] .themes-search{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .themes-search input{color:#e8e0d4}[data-theme=dark] .themes-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .themes-card:hover{background:#ffffff12;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .themes-card__name{color:#e8e0d4}[data-theme=dark] .themes-card__name-ar{color:#888}[data-theme=dark] .themes-verse-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .themes-verse-card:hover{background:#ffffff12}[data-theme=dark] .themes-verse-card__ar{color:#e8e0d4}[data-theme=dark] .themes-verse-card__fr{color:#999}.quiz-container{min-height:100vh;padding:16px;padding-top:calc(env(safe-area-inset-top,0px) + 16px);background:var(--bg-primary, #0a0a14);color:var(--text-primary, #f0f0f0)}.quiz-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-right:48px}.quiz-back-btn{background:#ffffff14;border:none;color:var(--text-primary, #f0f0f0);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.quiz-back-btn:hover{background:#ffffff26}.quiz-title{display:flex;align-items:center;gap:8px;font-size:1.3rem;font-weight:700;flex:1}.quiz-player-badge{display:flex;align-items:center;gap:6px;background:#ffffff14;padding:6px 12px;border-radius:20px;font-size:.85rem}.quiz-player-emoji{font-size:1.2rem}.quiz-player-info{display:flex;flex-direction:column;align-items:flex-start}.quiz-player-title{font-size:.65rem;color:gold;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.quiz-xp-container{background:#ffffff0a;border-radius:12px;padding:10px 14px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.quiz-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quiz-level-tag{font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff9800,#f44336);padding:2px 8px;border-radius:6px}.quiz-xp-text{font-size:.75rem;color:var(--text-secondary, #aaa);font-weight:600}.quiz-xp-bar-bg{width:100%;height:6px;background:#ffffff1a;border-radius:10px;overflow:hidden}.quiz-xp-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.quiz-powerups{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.quiz-powerup-item{display:flex;flex-direction:column;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;cursor:pointer;transition:all .2s;min-width:60px;position:relative}.quiz-powerup-item:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.quiz-powerup-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.quiz-pu-icon{font-size:1.2rem}.quiz-pu-count{font-size:.7rem;font-weight:700;color:#ff9800;margin-top:2px}.quiz-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.quiz-btn-secondary:hover{background:#ffffff1f}.quiz-daily-intro{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 20px;background:#ffffff0a;border-radius:24px;margin-top:20px}.quiz-daily-icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(33,150,243,.4))}.quiz-daily-intro h2{font-size:1.6rem;margin-bottom:12px}.quiz-daily-intro p{color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.quiz-daily-perks{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:30px}.quiz-perk{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0f;border-radius:12px;font-size:.9rem;font-weight:600}.quiz-daily-played{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#4caf501a;border-radius:16px;width:100%}.quiz-daily-played p{margin:0;color:#4caf50;font-size:.85rem}.quiz-profile-card{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border-radius:24px;padding:30px;margin-bottom:20px}.quiz-profile-avatar{font-size:4rem;margin-bottom:12px}.quiz-profile-name{font-size:1.5rem;font-weight:700;margin-bottom:8px}.quiz-profile-rank{display:flex;align-items:center;gap:12px}.quiz-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-p-stat{background:#ffffff0a;padding:16px;border-radius:16px;display:flex;align-items:center;gap:12px}.quiz-p-stat-info{display:flex;flex-direction:column}.quiz-p-stat-info strong{font-size:1.2rem}.quiz-p-stat-info span{font-size:.75rem;color:var(--text-secondary)}.quiz-audio-player{width:100%;margin-bottom:20px}.quiz-audio-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#2196f31a;border:2px solid rgba(33,150,243,.2);border-radius:16px;color:#2196f3;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.quiz-audio-btn:hover{background:#2196f333;border-color:#2196f3}.quiz-audio-btn.playing{background:#2196f3;color:#fff;box-shadow:0 0 20px #2196f366;animation:quizAudioPulse 2s infinite}@keyframes quizAudioPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.quiz-subtitle{color:var(--text-secondary, #aaa);font-size:.95rem;margin-bottom:16px;text-align:center}.quiz-stats-bar{display:flex;justify-content:center;gap:20px;margin-bottom:16px;padding:10px;background:#ffffff0a;border-radius:12px}.quiz-stat{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #aaa);font-size:.85rem}.quiz-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-theme-card{position:relative;border:none;border-radius:16px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:#fff;text-align:center;transition:transform .2s,box-shadow .2s;overflow:hidden}.quiz-theme-card:before{content:"";position:absolute;inset:0;background:#ffffff0d;opacity:0;transition:opacity .2s}.quiz-theme-card:hover:before{opacity:1}.quiz-theme-card:active{transform:scale(.96)}.quiz-theme-emoji{font-size:2rem;margin-bottom:4px}.quiz-theme-name{font-size:.95rem;font-weight:600}.quiz-theme-nameAr{font-size:.85rem;opacity:.8;font-family:Amiri,serif}.quiz-theme-count{font-size:.7rem;opacity:.6;margin-top:4px}.quiz-theme-high{display:flex;align-items:center;gap:3px;font-size:.7rem;color:gold;margin-top:2px}.quiz-mode-cards{display:flex;flex-direction:column;gap:16px;margin-top:30px}.quiz-mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px;border:2px solid rgba(255,255,255,.1);border-radius:20px;background:#ffffff0a;color:var(--text-primary, #f0f0f0);cursor:pointer;transition:all .3s}.quiz-mode-card:hover{border-color:#ffffff40;background:#ffffff14}.quiz-mode-card:active{transform:scale(.97)}.quiz-mode-card h3{font-size:1.3rem;margin:0}.quiz-mode-card p{margin:0;color:var(--text-secondary, #aaa);font-size:.9rem}.quiz-mode-detail{font-size:.75rem;color:var(--text-secondary, #888);margin-top:4px}.quiz-mode-card.solo{border-color:#4caf504d}.quiz-mode-card.solo:hover{border-color:#4caf50;background:#4caf501a}.quiz-mode-card.duel{border-color:#e91e634d}.quiz-mode-card.duel:hover{border-color:#e91e63;background:#e91e631a}.quiz-mode-card.daily{background:linear-gradient(135deg,#3f51b5,#2196f3);border:none;position:relative;padding:24px}.quiz-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-mode-row .quiz-mode-card{padding:20px}.quiz-mode-tag{position:absolute;top:12px;right:12px;background:#ffc107;color:#000;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase;box-shadow:0 4px 10px #0000004d}.quiz-join-btn{width:100%;margin-top:16px;padding:14px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;background:transparent;color:var(--text-secondary, #aaa);font-size:.9rem;cursor:pointer;transition:all .2s}.quiz-join-btn:hover{border-color:#fff6;color:var(--text-primary, #f0f0f0)}.quiz-special-modes{display:flex;flex-direction:column;gap:12px}.quiz-special-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative;overflow:hidden}.quiz-special-card:hover{transform:translate(4px);background:#ffffff14;border-color:#fff3}.quiz-special-card h4{margin:0;font-size:1rem}.quiz-special-card p{margin:2px 0 0;font-size:.75rem;opacity:.7}.quiz-special-card.sprint-card{background:linear-gradient(135deg,#1a237e,#3f51b5)}.quiz-special-card.teacher-card{background:linear-gradient(135deg,#3e2723,#795548)}.quiz-special-card.revision-card{background:linear-gradient(135deg,#1b5e20,#4caf50)}.quiz-special-best{margin-left:auto;font-weight:800;font-size:.8rem;background:#0003;padding:2px 8px;border-radius:10px}.quiz-lobby{display:flex;flex-direction:column;align-items:center;padding-top:40px}.quiz-lobby-label{color:var(--text-secondary, #aaa);margin-bottom:16px;font-size:.9rem}.quiz-code-display{display:flex;gap:8px;margin-bottom:24px}.quiz-code-char{width:44px;height:56px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:12px;font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:2px;color:gold}.quiz-lobby-actions{display:flex;gap:12px;margin-bottom:40px}.quiz-lobby-waiting{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary, #aaa)}.quiz-lobby-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:60px}.quiz-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:#e91e63;border-radius:50%;animation:quizSpin .8s linear infinite}@keyframes quizSpin{to{transform:rotate(360deg)}}.quiz-join{display:flex;flex-direction:column;align-items:center;padding-top:40px;gap:16px}.quiz-join-label{color:var(--text-secondary, #aaa);font-size:.9rem}.quiz-join-input{width:200px;padding:14px;text-align:center;font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:6px;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:16px;color:var(--text-primary, #f0f0f0);outline:none;transition:border-color .2s}.quiz-join-input:focus{border-color:#e91e63}.quiz-join-error{color:#f44336;font-size:.85rem}.quiz-playing{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px)}.quiz-play-header{width:100%}.quiz-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:8px}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#e91e63,#ff5722);border-radius:4px;transition:width .3s}.quiz-play-meta{display:flex;justify-content:space-between;align-items:center}.quiz-q-counter{font-size:.85rem;color:var(--text-secondary, #aaa)}.quiz-duel-scores{display:flex;align-items:center;gap:8px;font-weight:700}.quiz-my-score{color:#4caf50}.quiz-vs{color:var(--text-secondary, #888);font-size:.75rem}.quiz-opp-score{color:#e91e63}.quiz-timer{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.quiz-timer-text{position:absolute;font-size:1.2rem;font-weight:700}.quiz-question-card{width:100%;background:#ffffff0f;border-radius:16px;padding:20px;text-align:center}.quiz-question-ar{font-family:Amiri,serif;font-size:1.3rem;line-height:2;margin-bottom:12px;color:gold;direction:rtl}.quiz-question-fr{font-size:1rem;line-height:1.5;color:var(--text-primary, #f0f0f0)}.quiz-choices{width:100%;display:flex;flex-direction:column;gap:10px}.quiz-choice{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:var(--text-primary, #f0f0f0);font-size:.9rem;text-align:left;cursor:pointer;transition:all .2s}.quiz-choice:hover:not(:disabled){border-color:#ffffff4d;background:#ffffff1a}.quiz-choice:active:not(:disabled){transform:scale(.98)}.quiz-choice.selected{border-color:#2196f3;background:#2196f333}.quiz-choice-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a;font-weight:700;font-size:.8rem;flex-shrink:0}.quiz-choice-text{flex:1;line-height:1.4}.quiz-opp-progress{display:flex;justify-content:space-between;width:100%;padding:8px 12px;background:#e91e631a;border-radius:10px;font-size:.8rem;color:var(--text-secondary, #aaa)}.quiz-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:16px}.quiz-feedback.correct{background:#4caf5014}.quiz-feedback.wrong{background:#f4433614}.quiz-feedback-icon{animation:quizPop .4s ease-out}@keyframes quizPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.quiz-icon-correct{color:#4caf50}.quiz-icon-wrong{color:#f44336}.quiz-feedback-title{font-size:1.5rem;font-weight:700}.quiz-feedback-answer{color:var(--text-secondary, #aaa);font-size:.9rem}.quiz-feedback-answer strong{color:#4caf50}.quiz-feedback-explanation{color:var(--text-secondary, #888);font-size:.85rem;max-width:300px}.quiz-feedback-next{color:var(--text-secondary, #666);font-size:.8rem;margin-top:8px}.quiz-result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:20px}.quiz-result-top{position:relative}.quiz-crown-anim{font-size:3rem;animation:quizBounce .6s ease-out}@keyframes quizBounce{0%{transform:translateY(-40px) scale(0);opacity:0}60%{transform:translateY(5px) scale(1.2)}to{transform:translateY(0) scale(1);opacity:1}}.quiz-result-title{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,gold,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-result-vs{display:flex;align-items:center;gap:20px;padding:20px;background:#ffffff0a;border-radius:16px;width:100%;justify-content:center}.quiz-result-player{display:flex;flex-direction:column;align-items:center;gap:4px}.quiz-result-emoji{font-size:2rem}.quiz-result-pseudo{font-size:.85rem;color:var(--text-secondary, #aaa)}.quiz-result-score{font-size:1.6rem;font-weight:800;color:gold}.quiz-result-versus{font-size:1rem;font-weight:700;color:var(--text-secondary, #666)}.quiz-result-stats{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}.quiz-result-stat{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0a;border-radius:12px;font-size:.9rem}.quiz-result-theme{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary, #aaa)}.quiz-result-actions{margin-top:10px}.quiz-pseudo-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary, #0a0a14)}.quiz-pseudo-card{width:100%;max-width:360px;background:#ffffff0f;border-radius:24px;padding:32px 24px;text-align:center;display:flex;flex-direction:column;gap:20px}.quiz-pseudo-card h2{font-size:1.4rem;font-weight:700;color:var(--text-primary, #f0f0f0)}.quiz-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.quiz-emoji-btn{width:44px;height:44px;border-radius:12px;border:2px solid transparent;background:#ffffff0f;font-size:1.4rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quiz-emoji-btn.active{border-color:#e91e63;background:#e91e6326;transform:scale(1.1)}.quiz-pseudo-input{width:100%;padding:14px;text-align:center;font-size:1.1rem;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:14px;color:var(--text-primary, #f0f0f0);outline:none;transition:border-color .2s}.quiz-pseudo-input:focus{border-color:#e91e63}.quiz-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#e91e63,#ff5722);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.quiz-btn-primary:hover{opacity:.9}.quiz-btn-primary:active{transform:scale(.97)}.quiz-btn-primary:disabled{opacity:.4;cursor:not-allowed}.quiz-btn-secondary{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-primary, #f0f0f0);font-size:.85rem;cursor:pointer;transition:all .2s}.quiz-btn-secondary:hover{background:#ffffff26}.quiz-stats-bar .quiz-stat{cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s}.quiz-stats-bar .quiz-stat:hover{background:#ffffff14}.quiz-special-modes{display:flex;gap:10px;margin-bottom:20px}.quiz-special-card{flex:1;display:flex;align-items:center;gap:10px;padding:14px;border:2px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:var(--text-primary, #f0f0f0);cursor:pointer;transition:all .2s;position:relative}.quiz-special-card:active{transform:scale(.97)}.quiz-special-card h4{margin:0;font-size:.9rem}.quiz-special-card p{margin:0;font-size:.7rem;color:var(--text-secondary, #aaa)}.quiz-special-best{position:absolute;top:8px;right:10px;font-size:.7rem;color:gold}.sprint-card{border-color:#ff98004d}.sprint-card:hover{border-color:#ff9800;background:#ff98001a}.revision-card{border-color:#2196f34d}.revision-card:hover{border-color:#2196f3;background:#2196f31a}.quiz-theme-meta{display:flex;align-items:center;gap:8px;margin-top:4px}.quiz-theme-rate{font-size:.7rem;padding:2px 6px;border-radius:6px;background:#ffffff26;font-weight:600}.quiz-difficulty-row{display:flex;gap:8px;margin-bottom:16px}.quiz-diff-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:var(--text-primary, #f0f0f0);cursor:pointer;transition:all .2s}.quiz-diff-btn.active{border-color:#e91e63;background:#e91e6326}.quiz-diff-btn:hover:not(.active){border-color:#fff3}.quiz-diff-emoji{font-size:1.4rem}.quiz-diff-label{font-size:.85rem;font-weight:600}.quiz-diff-detail{font-size:.65rem;color:var(--text-secondary, #aaa)}.quiz-sprint-meta{display:flex;align-items:center;gap:12px}.quiz-sprint-correct{font-size:1.1rem;font-weight:700;color:#4caf50}.quiz-streak-badge{font-size:.85rem;padding:3px 10px;border-radius:20px;background:linear-gradient(135deg,#ff5722,#ff9800);color:#fff;font-weight:700;animation:quizPop .3s ease-out}.quiz-choice.sprint-correct{border-color:#4caf50!important;background:#4caf5033!important;animation:flashCorrect .3s ease-out}.quiz-choice.sprint-wrong{border-color:#f44336!important;background:#f4433633!important;animation:flashWrong .3s ease-out}@keyframes flashCorrect{0%{background:#4caf5080}to{background:#4caf5033}}@keyframes flashWrong{0%{background:#f4433680}to{background:#f4433633}}.quiz-global-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;justify-content:center}.quiz-global-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;background:#ffffff0a;border-radius:12px;min-width:80px}.quiz-gstat-value{font-size:1.2rem;font-weight:800;color:gold}.quiz-gstat-label{font-size:.7rem;color:var(--text-secondary, #aaa)}.quiz-radar-container{background:#ffffff0a;border-radius:16px;padding:16px;margin-bottom:20px;text-align:center}.quiz-radar-container h3{font-size:.95rem;margin:0 0 8px;color:var(--text-secondary, #ccc)}.quiz-radar-svg{width:100%;max-width:280px}.quiz-theme-stats-list{display:flex;flex-direction:column;gap:10px}.quiz-theme-stat-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff0a;border-radius:12px}.quiz-badge-card.unlocked{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 4px 12px #ffd7001a}.quiz-badge-card.locked{opacity:.5;background:#ffffff08;filter:grayscale(1);border-style:dashed}.quiz-badge-emoji{font-size:2.2rem;margin-bottom:10px;display:block}.quiz-badge-name{font-weight:700;font-size:.95rem;margin-bottom:4px}.quiz-badge-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.quiz-badge-condition{margin-top:8px;font-size:.7rem;font-weight:600;color:#4caf50;background:#4caf501f;padding:2px 6px;border-radius:4px}.quiz-badge-check{position:absolute;top:8px;right:8px;color:#4caf50;font-weight:700}.quiz-level-guide{margin-top:24px;background:#ffffff0a;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08)}.quiz-level-guide h3{font-size:1rem;margin-bottom:12px;display:flex;align-items:center;gap:8px}.quiz-guide-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.quiz-guide-row:last-child{border-bottom:none}.quiz-guide-label{display:flex;flex-direction:column}.quiz-guide-title{font-weight:700;font-size:.9rem}.quiz-guide-info{font-size:.7rem;color:var(--text-secondary)}.quiz-guide-range{font-size:.8rem;font-weight:600;padding:2px 8px;background:#ffffff14;border-radius:20px}.quiz-guide-row.active{background:#ffd7000d;margin:0 -8px;padding:8px;border-radius:8px;border-bottom:none}.quiz-guide-row.active .quiz-guide-title{color:gold}.quiz-next-level-info{margin-top:12px;font-size:.85rem;text-align:center;color:var(--text-secondary)}.quiz-next-level-info strong{color:#fff}.quiz-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.quiz-theme-card{background:#ffffff0d;border-radius:16px;padding:16px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.quiz-theme-card:hover{transform:translateY(-4px);background:#ffffff14}.quiz-theme-card.active{background:var(--theme-gradient);border-color:#fff;transform:scale(1.02);box-shadow:0 8px 16px #0000004d}.quiz-theme-emoji{font-size:2.2rem;margin-bottom:8px}.quiz-theme-info h3{font-size:.95rem;margin-bottom:2px}.quiz-theme-info p{font-size:.75rem;opacity:.8}.quiz-theme-check{position:absolute;top:8px;right:8px;background:#fff;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.quiz-tstat-emoji{font-size:1.4rem}.quiz-tstat-info{flex:1;display:flex;flex-direction:column;gap:4px}.quiz-tstat-name{font-size:.85rem;font-weight:600}.quiz-tstat-bar{height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.quiz-tstat-fill{height:100%;border-radius:4px;transition:width .5s ease}.quiz-tstat-numbers{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.quiz-tstat-pct{font-size:.9rem;font-weight:700;color:gold}.quiz-tstat-count{font-size:.7rem;color:var(--text-secondary, #aaa)}.quiz-badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz-badge-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border-radius:14px;text-align:center;position:relative;transition:all .2s}.quiz-badge-card.unlocked{background:#ffd70014;border:1px solid rgba(255,215,0,.2)}.quiz-badge-card.locked{background:#ffffff08;border:1px solid rgba(255,255,255,.06);opacity:.5;filter:grayscale(.8)}.quiz-badge-emoji{font-size:1.8rem;margin-bottom:2px}.quiz-badge-name{font-size:.75rem;font-weight:600;color:var(--text-primary, #f0f0f0)}.quiz-badge-desc{font-size:.65rem;color:var(--text-secondary, #aaa);line-height:1.3}.quiz-badge-check{position:absolute;top:6px;right:8px;font-size:.7rem;color:#4caf50;background:#4caf5033;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%}.quiz-new-badges{background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:16px;width:100%;max-width:300px}.quiz-new-badges h3{font-size:.85rem;margin:0 0 10px;color:gold;text-align:center}.quiz-new-badge-list{display:flex;gap:12px;justify-content:center}.quiz-new-badge{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;animation:quizBounce .6s ease-out}.quiz-new-badge span:first-child{font-size:1.5rem}.quiz-my-leaderboard{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#e91e631f,#ff57221f);border:1px solid rgba(233,30,99,.2);border-radius:16px;margin-bottom:20px}.quiz-lb-emoji{font-size:1.8rem}.quiz-lb-pseudo{font-size:1rem;font-weight:700;flex:1}.quiz-lb-my-stats{display:flex;gap:8px;font-size:.75rem;color:var(--text-secondary, #aaa)}.quiz-empty-lb{text-align:center;padding:40px 20px;color:var(--text-secondary, #aaa);font-size:.9rem}.quiz-leaderboard-list{display:flex;flex-direction:column;gap:6px}.quiz-lb-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0a;border-radius:12px;transition:all .2s}.quiz-lb-row.quiz-lb-me{background:#e91e6314;border:1px solid rgba(233,30,99,.2)}.quiz-lb-rank{font-size:.9rem;font-weight:700;min-width:32px;text-align:center}.quiz-lb-avatar{font-size:1.3rem}.quiz-lb-info{flex:1;display:flex;flex-direction:column;gap:2px}.quiz-lb-name{font-size:.85rem;font-weight:600}.quiz-lb-detail{font-size:.7rem;color:var(--text-secondary, #aaa)}.quiz-lb-sprint{font-size:.8rem;font-weight:700;color:#ff9800}[data-theme=light] .quiz-container{background:#f5f5f8;color:#1a1a2e}[data-theme=light] .quiz-back-btn{background:#0000000d;color:#1a1a2e}[data-theme=light] .quiz-player-badge{background:#0000000d}[data-theme=light] .quiz-stats-bar{background:#00000008}[data-theme=light] .quiz-mode-card{border-color:#0000001a;background:#00000005;color:#1a1a2e}[data-theme=light] .quiz-mode-card p{color:#666}[data-theme=light] .quiz-join-btn{border-color:#00000026;color:#666}[data-theme=light] .quiz-code-char{background:#0000000a;border-color:#0000001a;color:#e65100}[data-theme=light] .quiz-question-card{background:#00000008}[data-theme=light] .quiz-choice{background:#00000008;border-color:#00000014;color:#1a1a2e}[data-theme=light] .quiz-choice-letter{background:#0000000f}[data-theme=light] .quiz-pseudo-setup{background:#f5f5f8}[data-theme=light] .quiz-pseudo-card{background:#fff;box-shadow:0 4px 24px #00000014}[data-theme=light] .quiz-pseudo-input,[data-theme=light] .quiz-join-input{background:#00000008;border-color:#0000001a;color:#1a1a2e}[data-theme=light] .quiz-emoji-btn{background:#0000000a}[data-theme=light] .quiz-result-vs,[data-theme=light] .quiz-result-stat{background:#00000008}[data-theme=light] .quiz-btn-secondary{background:#0000000d;border-color:#0000001a;color:#1a1a2e}[data-theme=light] .quiz-feedback.correct{background:#4caf500d}[data-theme=light] .quiz-feedback.wrong{background:#f443360d}.home-page{min-height:100vh;background:linear-gradient(160deg,#0a0e1a,#1a1a2e 35%,#16213e 65%,#0f3460);padding:0 0 100px;color:#e0e0e0;overflow-x:hidden;position:relative}.home-page:before,.home-page:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:0}.home-page:before{width:300px;height:300px;background:radial-gradient(circle,#c9a84c,transparent 70%);top:-50px;right:-80px;animation:float-orb 8s ease-in-out infinite}.home-page:after{width:250px;height:250px;background:radial-gradient(circle,#58A6FF,transparent 70%);bottom:100px;left:-60px;animation:float-orb 10s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-15px,15px) scale(.95)}}.home-header{padding:20px 20px 12px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1;animation:slide-down .5s cubic-bezier(.16,1,.3,1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-header__left{flex:1}.home-header__greeting{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px;display:flex;align-items:center;gap:10px}.home-header__greeting-emoji{font-size:1.6rem;animation:gentle-bounce 2s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.home-header__hijri{font-size:.82rem;color:#ffffff73;font-weight:400;direction:ltr}.home-header__hijri-ar{font-size:.88rem;color:#fff9;font-family:Amiri,Traditional Arabic,serif;direction:rtl;margin-top:2px}.home-streak{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#ff6b002e,#ff3c0014);border:1px solid rgba(255,107,0,.25);border-radius:16px;padding:10px 14px;min-width:58px;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .15s both}.home-streak__flame{color:#ff6b00;animation:flame-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,107,0,.5))}@keyframes flame-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 6px rgba(255,107,0,.5))}50%{transform:scale(1.15);filter:drop-shadow(0 0 12px rgba(255,107,0,.8))}}.home-streak__count{font-size:1.3rem;font-weight:800;color:#ff8c42;line-height:1}.home-streak__label{font-size:.55rem;color:#ff8c4299;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.home-continue-row{display:flex;align-items:stretch;gap:10px;margin:6px 16px 14px;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .1s both}.home-continue{flex:1;padding:16px 18px;background:linear-gradient(135deg,#c9a84c2e,#c9a84c0f);border:1px solid rgba(201,168,76,.25);border-radius:18px;display:flex;align-items:center;gap:14px;cursor:pointer;position:relative;z-index:1;overflow:hidden;color:#e0e0e0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.home-continue:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.08),transparent);animation:shimmer 4s ease-in-out infinite}.home-continue:active{transform:scale(.97)}.home-continue__icon{width:42px;height:42px;border-radius:14px;background:#c9a84c33;color:#e8d48b;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-continue__text{flex:1;display:flex;flex-direction:column;gap:3px}.home-continue__title{font-size:.82rem;font-weight:700;color:#e8d48b}.home-continue__page{font-size:.72rem;color:#ffffff73}.home-continue__arrow{font-size:1.2rem;color:#c9a84c80;font-weight:300}.home-prayer{margin:0 16px 14px;padding:14px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .15s both}.home-prayer__left{display:flex;align-items:center;gap:10px}.home-prayer__emoji{font-size:1.4rem}.home-prayer__name{display:block;font-size:.82rem;font-weight:700;color:#ffffffd9}.home-prayer__name-ar{display:block;font-size:.78rem;font-family:Amiri,serif;color:#fff6;direction:rtl}.home-prayer__right{text-align:right;display:flex;flex-direction:column;gap:2px}.home-prayer__time{font-size:1.1rem;font-weight:800;color:#c9a84c}.home-prayer__countdown{font-size:.65rem;color:#ffffff59;font-weight:500}.home-today{margin:0 16px 16px;position:relative;z-index:1;animation:fade-up .5s cubic-bezier(.16,1,.3,1) .2s both}.home-today__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:8px;padding-left:4px}.home-today__tip{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#ffffff0a;border-radius:12px;margin-bottom:6px;border-left:3px solid rgba(201,168,76,.3)}.home-today__tip-emoji{font-size:1rem;flex-shrink:0;margin-top:1px}.home-today__tip-text{font-size:.78rem;color:#ffffff8c;line-height:1.5}.home-dhikr{margin:0 16px 22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .4s both}.home-dhikr__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:12px;padding-left:4px}.home-dhikr__complete{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#38ef7d14;border:1px solid rgba(56,239,125,.2);border-radius:18px;font-size:.82rem;color:#ffffffb3;flex-wrap:wrap}.home-dhikr__check{font-size:1.2rem}.home-dhikr__reset{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffff80;padding:6px 12px;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;margin-left:auto;transition:all .2s}.home-dhikr__reset:active{transform:scale(.93)}.home-dhikr__active{display:flex;flex-direction:column;gap:10px}.home-dhikr__tap{padding:22px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1);color:#e0e0e0;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.home-dhikr__tap:active{transform:scale(.95);background:#ffffff17}.home-dhikr__tap-ar{font-family:Amiri,Traditional Arabic,serif;font-size:1.8rem;color:#fff;font-weight:700;line-height:1.4}.home-dhikr__tap-fr{font-size:.75rem;color:#fff6;font-weight:600;text-transform:uppercase;letter-spacing:1px}.home-dhikr__tap-count{font-size:1.5rem;font-weight:800;margin-top:4px}.home-dhikr__progress{height:4px;background:#ffffff0f;border-radius:4px;overflow:hidden}.home-dhikr__progress-bar{height:100%;border-radius:4px;transition:width .3s ease}.home-dhikr__steps{display:flex;justify-content:center;gap:16px}.home-dhikr__step{font-size:.65rem;color:#fff3;font-weight:600;transition:all .2s}.home-dhikr__step.done{color:#38ef7d99;text-decoration:line-through}.home-dhikr__step.active{color:#ffffffb3}.home-seasonal{margin:4px 16px 16px;padding:14px 16px;background:linear-gradient(135deg,#c9a84c2e,#c9a84c0d);border:1px solid rgba(201,168,76,.25);border-radius:16px;display:flex;align-items:center;gap:12px;position:relative;z-index:1;overflow:hidden;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .1s both}.home-seasonal:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(201,168,76,.08),transparent);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-50%)}to{transform:translate(50%)}}.home-seasonal__emoji{font-size:2rem;animation:gentle-bounce 3s ease-in-out infinite}.home-seasonal__text{flex:1;position:relative;z-index:1}.home-seasonal__text strong{display:block;color:#e8d48b;font-size:.88rem;font-weight:700;margin-bottom:2px}.home-seasonal__text span{font-size:.75rem;color:#ffffff80}.hadith-card{margin:8px 16px 20px;padding:28px 22px;background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:1;overflow:hidden;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .2s both}.hadith-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c9a84c,#e8d48b,#c9a84c,#e8d48b);background-size:200% 100%;animation:gradient-slide 3s linear infinite;border-radius:24px 24px 0 0}@keyframes gradient-slide{0%{background-position:0% 0}to{background-position:200% 0}}.hadith-card:after{content:"﷽";position:absolute;top:16px;right:18px;font-size:1.1rem;color:#c9a84c33;font-family:Amiri,serif}.hadith-card__label{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#c9a84c;margin-bottom:20px}.hadith-card__label-dot{width:7px;height:7px;border-radius:50%;background:#c9a84c;box-shadow:0 0 8px #c9a84c80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px #c9a84c80}50%{opacity:.4;box-shadow:0 0 2px #c9a84c33}}.hadith-card__arabic{font-family:Amiri,Traditional Arabic,Scheherazade New,serif;font-size:1.55rem;line-height:2.3;color:#fff;text-align:center;direction:rtl;margin-bottom:18px;padding:16px 8px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.hadith-card__arabic:before,.hadith-card__arabic:after{content:"❁";font-size:.65rem;color:#c9a84c4d;position:absolute;top:50%;transform:translateY(-50%)}.hadith-card__arabic:before{left:0}.hadith-card__arabic:after{right:0}.hadith-card__french{font-size:.95rem;line-height:1.75;color:#ffffffb8;text-align:center;font-style:italic;margin-bottom:18px;padding:0 8px}.hadith-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.hadith-card__source{font-size:.75rem;color:#fff6;display:flex;align-items:center;gap:4px}.hadith-card__source strong{color:#c9a84c;font-weight:600}.hadith-card__narrator{font-size:.72rem;color:#ffffff59}.hadith-card__actions{display:flex;gap:6px}.hadith-card__action-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff80;cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hadith-card__action-btn:hover{background:#c9a84c26;border-color:#c9a84c59;color:#e8d48b;transform:scale(1.05)}.hadith-card__action-btn:active{transform:scale(.95)}.home-surahs{padding:0 0 0 16px;margin-bottom:22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .3s both}.home-surahs__header{display:flex;align-items:center;justify-content:space-between;padding-right:16px;margin-bottom:12px}.home-surahs__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;display:flex;align-items:center;gap:6px;padding-left:4px}.home-surahs__title svg{color:#c9a84c}.home-surahs__scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:16px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.home-surahs__scroll::-webkit-scrollbar{display:none}.surah-card{flex:0 0 130px;scroll-snap-align:start;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1);animation:surah-card-in .5s cubic-bezier(.16,1,.3,1) both;color:#e0e0e0;text-decoration:none;-webkit-tap-highlight-color:transparent}@keyframes surah-card-in{0%{opacity:0;transform:translate(20px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.surah-card__gradient{position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;opacity:.8}.surah-card:before{content:"";position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s}.surah-card:hover:before,.surah-card:active:before{opacity:1;background:radial-gradient(circle at center top,rgba(255,255,255,.06),transparent 70%)}.surah-card:hover{transform:translateY(-6px) scale(1.03);border-color:#fff3;box-shadow:0 12px 30px #0006}.surah-card:active{transform:scale(.95);transition-duration:.1s}.surah-card__emoji{font-size:1.6rem;margin-bottom:2px;animation:gentle-bounce 3s ease-in-out infinite;position:relative;z-index:1}.surah-card__name-ar{font-family:Amiri,Traditional Arabic,serif;font-size:1.25rem;color:#fff;font-weight:700;line-height:1.3;position:relative;z-index:1}.surah-card__name-fr{font-size:.68rem;font-weight:600;color:#fff9;position:relative;z-index:1}.surah-card__benefit{font-size:.6rem;color:#fff6;text-align:center;line-height:1.3;margin-top:2px;font-style:italic;position:relative;z-index:1}.surah-card__verses{font-size:.55rem;color:#ffffff40;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.home-shortcuts{padding:0 16px;margin-bottom:22px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .35s both}.home-shortcuts__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:12px;padding-left:4px}.home-shortcuts__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-shortcut{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 8px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);text-decoration:none;color:inherit;position:relative;overflow:hidden}.home-shortcut:before{content:"";position:absolute;inset:0;border-radius:18px;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 70%);opacity:0;transition:opacity .3s}.home-shortcut:hover:before{opacity:1}.home-shortcut:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff2e;box-shadow:0 8px 25px #0000004d}.home-shortcut:active{transform:scale(.93);transition-duration:.1s}.home-shortcut__emoji{font-size:1.8rem;animation:gentle-bounce 3s ease-in-out infinite;position:relative;z-index:1}.home-shortcut__label{font-size:.78rem;font-weight:700;color:#ffffffd9;text-align:center}.home-shortcut__desc{font-size:.6rem;color:#ffffff59;font-weight:500;text-align:center;letter-spacing:.3px}.home-stats{padding:0 16px;margin-bottom:20px;position:relative;z-index:1;animation:fade-up .6s cubic-bezier(.16,1,.3,1) .5s both}.home-stats__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin-bottom:12px;padding-left:4px}.home-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.home-stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 12px;text-align:center;transition:all .3s;position:relative;overflow:hidden}.home-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent)}.home-stat__value{font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#c9a84c,#e8d48b,#c9a84c);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;animation:gold-shimmer 3s ease-in-out infinite}@keyframes gold-shimmer{0%,to{background-position:0% 0}50%{background-position:200% 0}}.home-stat__label{font-size:.7rem;color:#fff6;font-weight:500;letter-spacing:.3px}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.home-shortcuts__grid{grid-template-columns:repeat(2,1fr)}.hadith-card__arabic,.home-header__greeting{font-size:1.3rem}}.hadiths-page{min-height:100dvh;background:var(--bg, #0a0e17);padding:0 0 100px;color:#e8e6e3}.hadiths-header{display:flex;align-items:center;gap:12px;padding:16px 20px;position:sticky;top:0;z-index:10;background:#0a0e17eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,175,55,.1)}.hadiths-back{background:#ffffff0f;border:none;color:#d4af37;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.hadiths-back:hover{background:#d4af3726}.hadiths-title{font-size:1.3rem;font-weight:700;color:#d4af37;flex:1;margin:0}.hadiths-badge{background:#d4af3726;color:#d4af37;padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.hadiths-search{display:flex;align-items:center;gap:10px;margin:12px 20px;padding:10px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#999}.hadiths-search input{flex:1;background:none;border:none;outline:none;color:#e8e6e3;font-size:.9rem}.hadiths-search input::placeholder{color:#666}.hadiths-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 20px}.hadiths-cat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.hadiths-cat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,var(--cat-color, #d4af37) 0%,transparent 70%);opacity:.08;transition:opacity .3s}.hadiths-cat-card:hover:before{opacity:.15}.hadiths-cat-card:hover{border-color:var(--cat-color, #d4af37);transform:translateY(-2px)}.hadiths-cat-emoji{font-size:2rem}.hadiths-cat-name{font-size:.85rem;font-weight:600;color:#e8e6e3;text-align:center}.hadiths-cat-nameAr{font-size:.8rem;color:#888;font-family:Amiri,serif}.hadiths-cat-count{font-size:.72rem;color:var(--cat-color, #d4af37);opacity:.8}.hadiths-list{display:flex;flex-direction:column;gap:12px;padding:8px 20px}.hadiths-empty{text-align:center;color:#666;padding:40px 20px;font-size:.95rem}.hadith-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;transition:border-color .25s}.hadith-card:hover{border-color:#d4af3733}.hadith-card__arabic{font-family:Amiri,serif;font-size:1.2rem;line-height:2;color:#d4af37;margin-bottom:12px;text-align:right}.hadith-card__french{font-size:.88rem;line-height:1.6;color:#c0bdb8;margin-bottom:12px}.hadith-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.hadith-card__source,.hadith-card__narrator{font-size:.72rem;color:#888;background:#ffffff0a;padding:3px 10px;border-radius:8px}.hadith-card__actions{display:flex;gap:8px;justify-content:flex-end}.hadith-card__fav,.hadith-card__share{background:#ffffff0d;border:none;color:#888;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hadith-card__fav:hover{color:#e74c3c;background:#e74c3c1f}.hadith-card__fav.active{color:#e74c3c}.hadith-card__share:hover{color:#58a6ff;background:#58a6ff1f}.qibla-page{min-height:100dvh;padding-bottom:80px;background:var(--color-bg-primary)}.qibla-hero{position:relative;padding:var(--space-2xl) var(--space-lg) var(--space-xl);padding-top:max(var(--space-2xl),calc(env(safe-area-inset-top) + var(--space-lg)));text-align:center;overflow:hidden;background:linear-gradient(135deg,#0d1117,#1a1a2e,#16213e)}.qibla-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.15) 0%,transparent 70%);pointer-events:none}.qibla-hero__icon{font-size:2.5rem;margin-bottom:var(--space-sm);display:block;animation:floatKaaba 3s ease-in-out infinite}@keyframes floatKaaba{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.qibla-hero__title{font-family:var(--font-arabic);font-size:1.8rem;color:#c9a84c;margin-bottom:var(--space-xs);direction:rtl}.qibla-hero__subtitle{font-size:var(--text-ui-sm);color:var(--color-text-secondary);font-weight:400}.qibla-hero__city{display:inline-flex;align-items:center;gap:4px;margin-top:var(--space-sm);padding:4px 14px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.25);border-radius:var(--radius-full);font-size:var(--text-ui-xs);color:#c9a84c}.qibla-content{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;align-items:center}.qibla-loading{text-align:center;color:var(--color-text-secondary);padding:var(--space-2xl) 0}.qibla-loading__spinner{animation:spin 1s linear infinite;color:#c9a84c;margin-bottom:var(--space-md)}@keyframes spin{to{transform:rotate(360deg)}}.qibla-error{text-align:center;color:var(--color-text-secondary);padding:var(--space-2xl) 0}.qibla-error svg{color:#ef5350;margin-bottom:var(--space-md)}.qibla-retry-btn{margin-top:var(--space-md);padding:10px 24px;background:#c9a84c1f;border:1px solid rgba(201,168,76,.3);border-radius:var(--radius-lg);color:#c9a84c;font-size:var(--text-ui-sm);cursor:pointer;transition:all var(--transition-fast)}.qibla-retry-btn:hover{background:#c9a84c33}.qibla-compass{position:relative;width:300px;height:300px;margin:var(--space-md) auto}.qibla-compass__dial{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,168,76,.3);background:#c9a84c08;transition:transform .3s cubic-bezier(.4,0,.2,1)}.qibla-compass__cardinal{position:absolute;font-size:.85rem;font-weight:700;color:var(--color-text-secondary);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.qibla-compass__n{top:8px;left:50%;transform:translate(-50%);color:#ef5350;font-size:1rem}.qibla-compass__e{right:8px;top:50%;transform:translateY(-50%)}.qibla-compass__s{bottom:8px;left:50%;transform:translate(-50%)}.qibla-compass__w{left:8px;top:50%;transform:translateY(-50%)}.qibla-compass__tick{position:absolute;top:0;left:50%;width:1px;height:8px;background:#c9a84c40;transform-origin:0 150px;margin-left:-.5px}.qibla-compass__tick--major{height:14px;width:2px;background:#c9a84c80;margin-left:-1px}.qibla-needle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.qibla-needle__arrow{width:3px;height:100px;background:linear-gradient(to top,transparent 0%,#c9a84c 30%,#FFD54F 100%);border-radius:2px;margin-top:12px;box-shadow:0 0 12px #c9a84c80}.qibla-needle__kaaba{font-size:1.8rem;margin-top:-8px;filter:drop-shadow(0 0 8px rgba(201,168,76,.6))}.qibla-compass__center{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#c9a84c;border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 10px #c9a84c99}.qibla-info{text-align:center;margin-top:var(--space-lg);width:100%;max-width:400px}.qibla-info__angle{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px var(--space-lg);background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:var(--radius-lg);color:#c9a84c;font-size:1.2rem;font-weight:700}.qibla-info__label{font-size:var(--text-ui-sm);font-weight:400;color:var(--color-text-muted)}.qibla-info__hint{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);padding:10px var(--space-md);background:#ffffff08;border:1px solid var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:var(--text-ui-sm);color:var(--color-text-secondary)}.qibla-info__hint--active{background:#4caf500f;border-color:#4caf5033;color:#81c784}.qibla-info__hint svg{min-width:16px;color:var(--color-text-muted)}.qibla-info__hint--active svg{color:#66bb6a}.qibla-compass-btn{background:none;border:none;color:#42a5f5;font-size:var(--text-ui-sm);cursor:pointer;text-decoration:underline;padding:0}[data-theme=light] .qibla-hero{background:linear-gradient(135deg,#f8f6f0,#eee8d5,#e8e0cc)}[data-theme=sepia] .qibla-hero{background:linear-gradient(135deg,#ebe3cf,#ddd5c1,#d5cdb9)}.install-backdrop{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}.install-modal{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--card-bg, #fff);border-radius:20px 20px 0 0;z-index:9999;padding:24px 20px 32px;animation:slideUpModal .3s ease;overflow-y:auto;box-shadow:0 -4px 24px #00000026}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.install-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.install-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary, #1a1a2e);margin:0}.install-close{background:var(--bg-secondary, #f0f0f0);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary, #666);transition:background .2s}.install-close:hover{background:var(--bg-tertiary, #ddd)}.install-desc{color:var(--text-secondary, #666);font-size:.9rem;margin-bottom:16px;line-height:1.4}.install-tabs{display:flex;gap:8px;margin-bottom:20px}.install-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--border-color, #e0e0e0);border-radius:12px;background:transparent;font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);cursor:pointer;transition:all .2s}.install-tab.active{border-color:#2ecc71;background:#2ecc71;color:#fff}.install-tab svg{width:18px;height:18px}.install-instructions{background:var(--bg-secondary, #f8f8f8);border-radius:16px;padding:20px;border:1px solid var(--border-color, #e8e8e8)}.install-platform-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.install-platform-icon{font-size:1.3rem}.install-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.install-steps li{font-size:.9rem;color:var(--text-primary, #333);line-height:1.5}.install-steps li strong{color:var(--text-primary, #1a1a2e)}.install-native-btn{width:100%;margin-top:16px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #2ecc7159}.install-native-btn:active{transform:scale(.97)}.install-banner{position:fixed;bottom:88px;left:16px;right:16px;z-index:100;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #2ecc7166;animation:slideUpBanner .4s ease;cursor:pointer}@keyframes slideUpBanner{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.install-banner-text{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.9rem}.install-banner-close{background:#fff3;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0}:root{--color-bg-primary: #0D1117;--color-bg-secondary: #161B22;--color-bg-tertiary: #21262D;--color-bg-elevated: #2D333B;--color-text-primary: #F0E6D3;--color-text-secondary: #8B949E;--color-text-muted: #6E7681;--color-accent: #58A6FF;--color-accent-hover: #79B8FF;--color-accent-muted: rgba(88, 166, 255, .15);--color-success: #3FB950;--color-warning: #D29922;--color-error: #F85149;--tajwid-madd: #FF6B6B;--tajwid-ghunna: #4ECDC4;--tajwid-qalqala: #FFE66D;--tajwid-idgham: #95E1D3;--tajwid-ikhfa: #DDA0DD;--tajwid-iqlab: #87CEEB;--font-arabic: "Amiri", "Traditional Arabic", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-arabic-xl: 2.5rem;--text-arabic-lg: 2rem;--text-arabic-md: 1.75rem;--text-arabic-sm: 1.5rem;--text-ui-xl: 1.5rem;--text-ui-lg: 1.125rem;--text-ui-md: 1rem;--text-ui-sm: .875rem;--text-ui-xs: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--line-height-arabic: 2.4;--line-height-ui: 1.5;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-modal: 100;--z-overlay: 90;--z-header: 80;--z-nav: 70}[data-theme=light]{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F6F8FA;--color-bg-tertiary: #EAEEF2;--color-bg-elevated: #FFFFFF;--color-text-primary: #1F2328;--color-text-secondary: #656D76;--color-text-muted: #8C959F;--color-accent: #0969DA;--color-accent-hover: #0550AE;--color-accent-muted: rgba(9, 105, 218, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2)}[data-theme=sepia]{--color-bg-primary: #F4ECD8;--color-bg-secondary: #EBE3CF;--color-bg-tertiary: #E2D9C5;--color-bg-elevated: #F9F3E3;--color-text-primary: #3D3929;--color-text-secondary: #6B6455;--color-text-muted: #8A8374}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden;touch-action:manipulation}body{font-family:var(--font-ui);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-ui);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}.arabic{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:var(--line-height-arabic);font-size:var(--text-arabic-md)}.arabic-xl{font-size:var(--text-arabic-xl)}.arabic-lg{font-size:var(--text-arabic-lg)}.arabic-md{font-size:var(--text-arabic-md)}.arabic-sm{font-size:var(--text-arabic-sm)}.ayah-number{display:inline-flex;align-items:center;justify-content:center;width:2em;height:2em;font-size:.5em;font-family:var(--font-ui);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);margin:0 .25em;vertical-align:middle}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-muted);color:var(--color-accent)}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}[data-starry=true] body:before,[data-starry=true] body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}[data-starry=true] body:before{background:radial-gradient(1px 1px at 20px 30px,white,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 50px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 180px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 280px 90px,white,transparent),radial-gradient(1px 1px at 320px 140px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 350px 30px,white,transparent),radial-gradient(1px 1px at 380px 200px,rgba(255,255,255,.6),transparent);background-size:400px 250px;animation:starryTwinkle1 4s ease-in-out infinite}[data-starry=true] body:after{background:radial-gradient(1px 1px at 70px 100px,white,transparent),radial-gradient(1px 1px at 110px 150px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 150px 20px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 180px 220px,white,transparent),radial-gradient(1px 1px at 220px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 260px 170px,white,transparent),radial-gradient(1px 1px at 300px 110px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 340px 190px,white,transparent),radial-gradient(1px 1px at 370px 70px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 400px 140px,white,transparent);background-size:450px 280px;animation:starryTwinkle2 5s ease-in-out infinite .5s}@keyframes starryTwinkle1{0%,to{opacity:.4}50%{opacity:.8}}@keyframes starryTwinkle2{0%,to{opacity:.6}50%{opacity:.3}}[data-starry=true] .mushaf-page:before{content:"";position:fixed;top:10%;left:-100px;width:100px;height:2px;background:linear-gradient(90deg,transparent,white,transparent);animation:shootingStar 8s ease-in-out infinite;opacity:0}@keyframes shootingStar{0%,90%,to{opacity:0;transform:translate(0) translateY(0)}92%{opacity:1}95%{opacity:0;transform:translate(calc(100vw + 200px)) translateY(100px)}}.error-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .3s ease-out}.error-modal{background:#1a1a2e;border:1px solid rgba(201,168,76,.4);border-radius:var(--radius-lg);width:100%;max-width:450px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0009;animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.error-modal--large{max-width:600px}@keyframes modal-pop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.error-modal__header{padding:var(--space-lg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.error-modal__header h3{color:#c9a84c;margin:0;font-size:1.25rem;font-weight:600}.error-modal__header button{color:var(--color-text-muted);padding:8px;border-radius:50%;transition:background .2s}.error-modal__header button:hover{background:#ffffff1a;color:var(--color-text-primary)}.error-modal__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.error-modal__content--scrollable{overflow-y:auto;max-height:60vh}.error-item{display:flex;flex-direction:column;gap:8px}.error-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.error-text{font-family:var(--font-arabic);font-size:1.75rem;padding:var(--space-md);border-radius:var(--radius-md);text-align:center;box-shadow:inset 0 2px 4px #0003}.error-text.expected{background:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.4)}.error-text.spoken{background:#f4433626;color:#e57373;border:1px solid rgba(244,67,54,.4)}.error-modal__hint{padding:var(--space-md) var(--space-lg);font-size:.85rem;color:var(--color-text-muted);text-align:center;background:#0000001a;margin:0}.error-summary-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:transform .2s,background .2s;display:flex;flex-direction:column;gap:8px}.error-summary-item:hover{background:#ffffff12;transform:translate(-4px);border-color:#c9a84c4d}.error-summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.error-summary-label{font-size:.7rem;color:var(--color-text-muted);min-width:60px}.error-summary-text{font-family:var(--font-arabic);font-size:1.25rem;text-align:right}.error-summary-text.expected{color:#81c784}.error-summary-text.spoken{color:#e57373}.error-modal__empty{padding:var(--space-2xl) 0;text-align:center;color:var(--color-text-muted);font-style:italic}.global-menu-btn{position:fixed;top:max(12px,calc(env(safe-area-inset-top) + 4px));right:12px;z-index:50;width:40px;height:40px;border-radius:12px;border:none;background:var(--color-bg-secondary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:background .2s}.global-menu-btn:active{background:var(--color-bg-tertiary)}.page-back-btn{position:fixed;top:max(12px,calc(env(safe-area-inset-top) + 4px));left:12px;z-index:50;width:40px;height:40px;border-radius:12px;border:none;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s}.page-back-btn:active{background:#ffffff26;transform:scale(.9)}