@font-face{font-family:KfgqpcWarsh;src:url(/fonts/warsh_kfgqpc.woff2) format("woff2"),url(/fonts/warsh_kfgqpc.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #070d18;--bg-secondary: #0b1528;--bg-card: rgba(16, 28, 52, .7);--bg-card-hover: rgba(22, 38, 70, .85);--bg-elevated: #111f38;--bg-glass: rgba(11, 21, 40, .85);--border-color: rgba(212, 175, 55, .15);--border-light: rgba(255, 255, 255, .08);--border-active: #d4af37;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-arabic: #ffffff;--gold-primary: #d4af37;--gold-light: #f5d77f;--gold-glow: rgba(212, 175, 55, .25);--emerald-primary: #10b981;--emerald-light: #34d399;--emerald-glow: rgba(16, 185, 129, .25);--indigo-primary: #6366f1;--indigo-light: #818cf8;--badge-bg: rgba(212, 175, 55, .12);--badge-text: #f5d77f;--font-arabic: "Amiri Quran", "Scheherazade New", "Amiri", serif;--font-warsh: "KfgqpcWarsh", "Amiri Quran", "Scheherazade New", "Amiri", serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-height: 70px;--max-content-width: 1040px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .45);--shadow-gold: 0 0 24px rgba(212, 175, 55, .22)}[data-theme=light]{--bg-primary: #fcfbf7;--bg-secondary: #f4efe4;--bg-card: rgba(255, 255, 255, .95);--bg-card-hover: #ffffff;--bg-elevated: #ffffff;--bg-glass: rgba(253, 250, 243, .95);--border-color: rgba(184, 134, 11, .22);--border-light: rgba(0, 0, 0, .08);--border-active: #b8860b;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-arabic: #070d18;--gold-primary: #b8860b;--gold-light: #996515;--gold-glow: rgba(184, 134, 11, .2);--emerald-primary: #059669;--emerald-light: #10b981;--emerald-glow: rgba(5, 150, 105, .2);--badge-bg: rgba(184, 134, 11, .12);--badge-text: #855800;--shadow-sm: 0 2px 8px rgba(184, 134, 11, .06);--shadow-md: 0 6px 20px rgba(184, 134, 11, .09);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .1);--shadow-gold: 0 0 24px rgba(184, 134, 11, .18)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-ui);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(212,175,55,.06) 0%,transparent 70%)}[data-theme=light] body{background-color:#fcfbf7;background-image:radial-gradient(circle at 50% 0%,rgba(184,134,11,.08) 0%,transparent 70%)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.app-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.header-brand{display:flex;align-items:center;gap:14px;cursor:pointer}.brand-logo-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s ease}.header-brand:hover .brand-logo-container{transform:scale(1.06)}.quran-brand-logo{filter:drop-shadow(0 2px 8px rgba(212,175,55,.35))}.brand-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#d4af3733,#10b98126);border:1px solid var(--gold-primary);display:flex;align-items:center;justify-content:center;color:var(--gold-light);box-shadow:var(--shadow-gold)}.brand-title{font-family:var(--font-heading);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.brand-title-text{font-family:var(--font-heading);font-weight:800;color:var(--text-primary)}.brand-badge{font-size:.68rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--badge-bg);color:var(--badge-text);font-weight:600;border:1px solid rgba(212,175,55,.25);text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:10px}.header-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.88rem;font-weight:500}.header-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--gold-primary);transform:translateY(-1px)}.friday-badge{background:linear-gradient(135deg,#10b98126,#d4af3726);border-color:var(--emerald-primary);color:var(--emerald-light)}.friday-banner{background:linear-gradient(90deg,#10b9811f,#d4af3726,#10b9811f);border-bottom:1px solid rgba(16,185,129,.3);padding:10px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:.86rem;color:var(--text-primary);animation:pulseGlow 4s infinite ease-in-out}.friday-banner button{text-decoration:underline;color:var(--gold-light);font-weight:600}@keyframes pulseGlow{0%,to{opacity:.95}50%{opacity:1}}.main-layout{flex:1;max-width:var(--max-content-width);margin:0 auto;width:100%;padding:24px 20px 140px}.surah-hero{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.surah-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);border-radius:50%;pointer-events:none}.surah-hero-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.surah-title-group{display:flex;align-items:center;gap:16px}.surah-number-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--gold-primary),#997300);color:#070d18;font-family:var(--font-heading);font-weight:800;font-size:1.15rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.surah-names h1{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;gap:12px}.surah-arabic-title{font-family:var(--font-arabic);font-size:2.1rem;color:var(--gold-light);direction:rtl}.surah-meta-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.meta-pill{font-size:.76rem;padding:3px 10px;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);font-weight:500}.meta-pill.qiraah{border-color:#6366f166;background:#6366f11f;color:var(--indigo-light);cursor:pointer}.meta-pill.qiraah:hover{border-color:var(--indigo-light)}.surah-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.surah-hero-play-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);background:linear-gradient(135deg,#d4af3738,#10b9812e);border:1.5px solid var(--gold-primary);color:var(--gold-light);font-weight:700;font-size:.88rem;cursor:pointer;box-shadow:0 4px 14px #d4af3733;transition:all .2s cubic-bezier(.16,1,.3,1)}.surah-hero-play-btn:hover{background:var(--gold-primary);color:#070d18;transform:translateY(-2px);box-shadow:0 6px 20px #d4af3759}.surah-hero-play-btn.is-playing{background:var(--emerald-primary);border-color:var(--emerald-light);color:#fff;box-shadow:0 0 16px #10b98166}.hifz-progress-box{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:16px;justify-content:space-between}.hifz-bar-track{flex:1;height:8px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.hifz-bar-fill{height:100%;background:linear-gradient(90deg,var(--emerald-primary),var(--gold-primary));border-radius:var(--radius-full);transition:width .4s ease}.hifz-bar-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;font-weight:600}.bismillah-wrapper{text-align:center;padding:30px 20px 20px;font-family:var(--font-arabic);font-size:2.2rem;color:var(--gold-light);text-shadow:0 0 20px var(--gold-glow);direction:rtl;-webkit-user-select:none;user-select:none}.memorization-toolbar{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;box-shadow:var(--shadow-sm)}.toolbar-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-label{font-size:.78rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em}.pill-selector{display:flex;background:#00000040;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:3px;gap:2px}.pill-btn{padding:5px 12px;border-radius:6px;font-size:.82rem;font-weight:500;color:var(--text-secondary)}.pill-btn:hover{color:var(--text-primary)}.pill-btn.active{background:var(--gold-primary);color:#070d18;font-weight:700;box-shadow:var(--shadow-sm)}.toolbar-select{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px 12px;font-size:.85rem;font-family:var(--font-body);cursor:pointer;outline:none;transition:all .2s ease;max-width:260px}.toolbar-select:focus,.toolbar-select:hover{border-color:var(--gold-primary);box-shadow:0 0 10px #d4af3733}.toolbar-select option,.toolbar-select optgroup{background:var(--bg-elevated);color:var(--text-primary)}[data-theme=light] .toolbar-select{background:#fff;color:#1e293b;border-color:#0000002e}[data-theme=light] .toolbar-select option,[data-theme=light] .toolbar-select optgroup{background:#fff;color:#1e293b}.ayah-list{display:flex;flex-direction:column;gap:18px}.ayah-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px 26px;box-shadow:var(--shadow-sm);transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;position:relative}.ayah-card:hover{border-color:#d4af3766;box-shadow:var(--shadow-md)}.ayah-card.active-playing{border-color:var(--gold-primary);background:#d4af370d;box-shadow:var(--shadow-gold)}.ayah-card.is-mastered{border-left:4px solid var(--emerald-primary)}.ayah-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--border-light);padding-bottom:12px}.ayah-meta{display:flex;align-items:center;gap:10px}.ayah-key-pill{font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--gold-light);background:#d4af371f;padding:3px 9px;border-radius:var(--radius-sm);border:1px solid rgba(212,175,55,.25)}.ayah-actions{display:flex;align-items:center;gap:8px}.action-icon-btn{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-light)}.action-icon-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:var(--gold-primary)}.action-icon-btn.playing{background:var(--gold-primary);color:#070d18}.action-icon-btn.mastered-btn{color:var(--emerald-light);border-color:#10b9814d}.action-icon-btn.mastered-btn.active{background:var(--emerald-primary);color:#070d18}.ayah-arabic-container{direction:rtl;text-align:right;line-height:2.2;margin:16px 0 18px;padding:10px 0;position:relative}.ayah-arabic-text{font-family:var(--font-arabic);font-size:1.85rem;color:var(--text-arabic);word-spacing:4px;letter-spacing:0}.mask-full-blur{filter:blur(10px);opacity:.3;-webkit-user-select:none;user-select:none;transition:filter .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;cursor:pointer}.mask-full-blur:hover,.mask-full-blur.revealed{filter:blur(0);opacity:1;-webkit-user-select:auto;user-select:auto}.mask-hint-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#070d18d9;border:1px dashed var(--gold-primary);color:var(--gold-light);padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;pointer-events:none;transition:opacity .2s ease;box-shadow:var(--shadow-sm);direction:ltr}.mask-full-blur:hover~.mask-hint-overlay,.mask-full-blur.revealed~.mask-hint-overlay{opacity:0}.word-span{display:inline-block;padding:2px 6px;margin:2px 3px;border-radius:6px;transition:all .2s ease;cursor:pointer;position:relative}.word-span.concealed{background:#d4af371a;color:transparent;border:1px dashed rgba(212,175,55,.3);text-shadow:0 0 12px rgba(212,175,55,.4);-webkit-user-select:none;user-select:none}.word-span.concealed:hover{background:#d4af3733;border-color:var(--gold-primary)}.word-span.revealed{background:transparent;color:var(--text-arabic);animation:revealShimmer .4s ease-out}@keyframes revealShimmer{0%{transform:scale(1.08);color:var(--gold-light)}to{transform:scale(1);color:var(--text-arabic)}}.first-letter-mode .word-first-letter{display:inline-block;font-family:var(--font-arabic);color:var(--gold-light);border-bottom:2px solid var(--gold-primary);padding:0 4px;cursor:pointer}.ayah-end-ornament{display:inline-flex;align-items:center;justify-content:center;margin-right:12px;font-family:var(--font-heading);font-size:.95rem;color:var(--gold-light);width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold-primary);vertical-align:middle;background:#d4af371a}.ayah-translation{font-size:.96rem;color:var(--text-secondary);line-height:1.65;margin-top:10px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.08)}.audio-looper-bar{position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:14px 24px;box-shadow:0 -8px 30px #00000080;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.looper-active-info{display:flex;align-items:center;gap:14px}.looper-pulse-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gold-primary),var(--emerald-primary));display:flex;align-items:center;justify-content:center;color:#070d18;animation:pulseBeat 2s infinite ease-in-out}@keyframes pulseBeat{0%,to{transform:scale(1);box-shadow:0 0 10px var(--gold-glow)}50%{transform:scale(1.05);box-shadow:0 0 20px var(--gold-glow)}}.looper-text-details{display:flex;flex-direction:column}.looper-ayah-title{font-family:var(--font-heading);font-size:.95rem;font-weight:700;color:var(--text-primary)}.looper-reciter-name{font-size:.78rem;color:var(--text-secondary)}.looper-central-controls{display:flex;align-items:center;gap:16px}.looper-play-btn{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold-primary),#caa32b);color:#070d18;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.looper-play-btn:hover{transform:scale(1.06);box-shadow:var(--shadow-gold)}.loop-count-pill{display:flex;align-items:center;gap:6px;background:#d4af371f;border:1px solid var(--gold-primary);color:var(--gold-light);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.85rem;font-weight:700}.looper-timer-delay{font-size:.78rem;color:var(--emerald-light);font-weight:600;background:#10b9811f;padding:4px 10px;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.25)}.looper-secondary-controls{display:flex;align-items:center;gap:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-secondary);z-index:2}.modal-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.modal-body{padding:24px}.qiraat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:18px;margin-bottom:14px;cursor:pointer;transition:all .2s ease}.qiraat-card:hover{border-color:var(--gold-primary);transform:translateY(-2px)}.qiraat-card.active{border-color:var(--gold-primary);background:#d4af3714}.qiraat-name-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.qiraat-ar-name{font-family:var(--font-arabic);font-size:1.4rem;color:var(--gold-light)}.qiraat-usul{font-size:.84rem;color:var(--text-secondary);line-height:1.5;margin-top:6px}.app-footer{margin-top:auto;border-top:1px solid var(--border-light);background:#070d18f2;padding:36px 20px 100px;color:var(--text-secondary);font-size:.88rem}.footer-content{max-width:var(--max-content-width);margin:0 auto;display:flex;flex-direction:column;gap:20px}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-brand-text{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--text-primary)}.footer-disclaimer{font-size:.8rem;color:var(--text-muted);line-height:1.5}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem}.footer-copyright{font-weight:700;color:var(--gold-light)}@media(max-width:768px){.app-header{padding:0 16px}.brand-badge{display:none!important}.brand-title-text{font-size:.94rem}.surah-hero{padding:20px 18px}.surah-names h1{font-size:1.3rem}.ayah-arabic-text{font-size:1.5rem;line-height:2}.audio-looper-bar{padding:12px 16px 80px}.looper-secondary-controls,.hide-on-mobile{display:none}}.page-mode-layout{max-width:1100px;padding:10px 16px 120px}.mushaf-page-view-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.mushaf-top-nav-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);gap:12px;flex-wrap:wrap}.mushaf-nav-btn{display:flex;align-items:center;gap:6px;background:#d4af371a;border:1px solid var(--border-color);color:var(--gold-light);border-radius:var(--radius-sm);padding:7px 14px;font-family:inherit;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.mushaf-nav-btn:hover:not(:disabled){background:var(--gold-primary);color:#070d18}.mushaf-nav-btn:disabled{opacity:.35;cursor:not-allowed}.mushaf-play-page-btn{background:linear-gradient(135deg,#d4af3738,#10b9812e)!important;border-color:var(--gold-primary)!important;color:var(--gold-light)!important;font-weight:700!important}.mushaf-play-page-btn:hover:not(:disabled){background:var(--gold-primary)!important;color:#070d18!important}.mushaf-play-page-btn.is-playing{background:var(--emerald-primary)!important;border-color:var(--emerald-light)!important;color:#fff!important;box-shadow:0 0 14px #10b98173!important}.mushaf-center-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1;justify-content:center}.mushaf-select-juz{background:#0000004d;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 10px;font-size:.82rem;font-family:inherit;cursor:pointer;outline:none}.mushaf-page-jump-form{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.mushaf-page-input{width:58px;padding:5px 8px;text-align:center;background:#00000059;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--gold-light);font-weight:700;font-size:.88rem;outline:none}.mushaf-page-slider{flex:1;min-width:140px;max-width:260px;accent-color:var(--gold-primary);cursor:pointer}.mushaf-reader-surface{display:flex;justify-content:center;gap:20px;width:100%}.mushaf-reader-surface.spread-layout{flex-direction:row}.mushaf-reader-surface.single-layout{flex-direction:column;align-items:center}.mushaf-page-container{width:100%;max-width:520px;background:#091322;box-shadow:0 12px 40px #0009,inset 0 0 40px #0000004d;border-radius:var(--radius-md);padding:18px 16px;position:relative;transition:all .2s ease}[data-theme=light] .mushaf-page-container{background:#fffdf7;box-shadow:0 10px 30px #b8860b26,inset 0 0 30px #d4af370d}.mushaf-ornate-border{border:3px double var(--gold-primary);border-radius:12px;padding:16px 18px;position:relative;min-height:580px;display:flex;flex-direction:column;justify-content:space-between}.mushaf-ornate-border:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;border:1px solid rgba(212,175,55,.3);border-radius:8px;pointer-events:none}.mushaf-header-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);padding-bottom:10px;margin-bottom:16px;font-size:.85rem;color:var(--gold-light);font-family:var(--font-arabic)}.mushaf-header-juz{display:flex;align-items:center;gap:6px}.mushaf-header-juz .sub-juz{color:var(--text-muted);font-size:.78rem}.mushaf-emblem{font-size:1.1rem;color:var(--gold-primary)}.mushaf-header-surah{font-weight:700;font-size:.95rem}.mushaf-surah-title-frame{margin:12px 0 8px;background:linear-gradient(135deg,#d4af372e,#10b9811f);border:1.5px solid var(--gold-primary);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;text-align:center}.surah-title-ornament-left,.surah-title-ornament-right{color:var(--gold-primary);font-size:1.1rem}.surah-title-center{display:flex;flex-direction:column;align-items:center}.surah-title-text{font-family:var(--font-arabic);font-size:1.35rem;color:var(--gold-light);font-weight:700}.surah-title-meta{font-size:.72rem;color:var(--text-muted);font-family:var(--font-ui)}.mushaf-bismillah-banner{text-align:center;font-family:var(--font-arabic);font-size:1.45rem;color:var(--gold-light);margin:10px 0 14px;line-height:1.8;letter-spacing:.5px}.mushaf-verses-canvas{font-family:var(--font-arabic);text-align:justify;text-align-last:center;direction:rtl;line-height:2.3;color:var(--text-arabic);flex:1}.mushaf-ayah-span{display:inline;padding:2px 4px;border-radius:4px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.mushaf-ayah-span:hover{background:#d4af3726}.mushaf-ayah-span.active-reading-ayah{background:linear-gradient(90deg,#d4af3747,#d4af3726);box-shadow:0 0 14px #d4af3759;border-radius:6px}.mushaf-ayah-span.selected-ayah{background:#6366f133;outline:1px dashed var(--indigo-light)}.mushaf-ayah-span.mastered-ayah .mushaf-ayah-number-badge{color:var(--emerald-light)}.mushaf-ayah-number-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0 4px;color:var(--gold-primary);font-size:1.15em;-webkit-user-select:none;user-select:none}.ayah-digit{position:absolute;font-size:.45em;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:inherit}.mushaf-footer-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-color);padding-top:8px;margin-top:14px;font-size:.85rem;color:var(--gold-light)}.selected-ayah-dock{position:fixed;bottom:85px;left:50%;transform:translate(-50%);z-index:95;width:90%;max-width:600px;animation:slideUp .25s ease}.selected-ayah-dock-inner{background:var(--bg-elevated);border:1.5px solid var(--gold-primary);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-ayah-meta{display:flex;align-items:center;gap:8px;overflow:hidden}.selected-ayah-snippet{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.selected-ayah-dock-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.playback-mode-pills{display:flex;background:#0000004d;border-radius:6px;padding:2px;gap:2px}.mode-pill{background:transparent;border:none;color:var(--text-secondary);font-size:.76rem;padding:3px 8px;border-radius:4px;cursor:pointer;font-family:inherit;transition:all .15s ease}.mode-pill.active{background:var(--gold-primary);color:#070d18;font-weight:700}.looper-range-inputs{display:flex;align-items:center;gap:4px;font-size:.76rem;color:var(--text-secondary)}.range-number-input{width:44px;padding:2px 4px;text-align:center;background:#00000059;border:1px solid var(--border-color);border-radius:4px;color:var(--gold-light);font-weight:700;font-size:.78rem;outline:none}.soundwave-bars{display:flex;align-items:flex-end;gap:2px;height:18px}.soundwave-bars .bar{width:3px;background:var(--gold-primary);border-radius:2px;transition:height .15s ease}.soundwave-bars .bar-1{height:6px}.soundwave-bars .bar-2{height:12px}.soundwave-bars .bar-3{height:8px}.looper-pulse-icon.is-playing .bar-1{animation:soundwave .8s infinite alternate ease-in-out}.looper-pulse-icon.is-playing .bar-2{animation:soundwave .8s infinite .2s alternate ease-in-out}.looper-pulse-icon.is-playing .bar-3{animation:soundwave .8s infinite .4s alternate ease-in-out}@keyframes soundwave{0%{height:4px}to{height:18px}}.volume-control-wrapper{position:relative;display:flex;align-items:center}.volume-slider-popover{position:absolute;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px;box-shadow:var(--shadow-md);z-index:100}.volume-slider{width:90px;accent-color:var(--gold-primary);cursor:pointer}.riwaya-toggle-btn{display:flex;align-items:center;gap:6px;border-color:#6366f166;color:var(--indigo-light)}.riwaya-indicator-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-light);box-shadow:0 0 8px var(--emerald-light)}.riwaya-badge-text{font-family:var(--font-arabic);font-size:.95rem}.riwaya-diff-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-full);font-size:.74rem;color:var(--indigo-light)}.active-view-btn{background:#d4af3726!important;border-color:var(--gold-primary)!important}.language-selector-wrapper{position:relative}.lang-dropdown-menu{position:absolute;top:48px;right:0;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-lg);min-width:170px;z-index:1100;display:flex;flex-direction:column;gap:2px}.lang-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;color:var(--text-primary);transition:background .15s ease}.lang-option:hover{background:#d4af371f;color:var(--gold-light)}.lang-option.active{background:#d4af3733;color:var(--gold-light);font-weight:700}.lang-check{margin-left:auto;color:var(--emerald-light)}.search-input-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light);gap:10px}.search-main-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.05rem;outline:none;font-family:inherit}.search-result-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all .18s ease}.search-result-item:hover{background:#d4af371a;border-color:var(--border-color)}.search-drawer-input{width:100%;padding:12px 14px 12px 42px;background:#00000040;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);font-size:.92rem;outline:none}.surah-drawer-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;transition:all .18s ease}.surah-drawer-card:hover{border-color:var(--gold-primary);background:var(--bg-card-hover)}.surah-drawer-card.selected{background:#d4af371f;border:1.5px solid var(--gold-primary)}.tafsir-modal-dialog{max-width:680px}.tafsir-verse-box{background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px}.header-desktop-actions{display:flex;align-items:center;gap:10px}.mobile-menu-toggle-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--gold-light);cursor:pointer;transition:all .2s ease}.mobile-menu-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);color:#fff}.mobile-nav-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:99998;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-nav-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:86vw;background:var(--bg-elevated);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:99999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.mobile-nav-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-light)}.drawer-title{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--gold-light)}.drawer-close-btn{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.drawer-close-btn:hover{background:#d4af3726;color:var(--gold-light)}.drawer-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.drawer-section{display:flex;flex-direction:column;gap:10px}.drawer-section-title{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-light);margin-bottom:2px}.drawer-action-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .18s ease;text-align:left}.drawer-action-btn:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);color:var(--gold-light);transform:translate(3px)}.drawer-action-btn.active{background:#d4af3729;border-color:var(--gold-primary);color:var(--gold-light);font-weight:700}.drawer-action-btn .drawer-badge{margin-left:auto;font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);background:#10b9812e;border:1px solid var(--emerald-primary);color:var(--emerald-light);font-weight:600}.drawer-lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-lang-chip{padding:9px 10px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;text-align:center;transition:all .15s ease}.mobile-lang-chip:hover{border-color:var(--gold-primary);color:var(--text-primary)}.mobile-lang-chip.active{background:#d4af3733;border-color:var(--gold-primary);color:var(--gold-light);font-weight:700}.mushaf-qawaid-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:all .2s ease}.mushaf-qawaid-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.mushaf-qawaid-toggle:hover{background:#d4af370f}.qawaid-bar-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qawaid-title-text{font-weight:700;font-size:.88rem;color:var(--text-primary);font-family:var(--font-heading)}.qawaid-riwaya-pill{font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--emerald-light);font-weight:600;font-family:var(--font-arabic)}.qawaid-diff-pill{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:2px 8px;border-radius:var(--radius-full);background:#6366f129;border:1px solid rgba(99,102,241,.35);color:var(--indigo-light);font-weight:600}.qawaid-diff-pill.active{background:#d4af3733;border-color:var(--gold-primary);color:var(--gold-light)}.qawaid-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--gold-light);background:#d4af371a;transition:transform .2s ease}.mushaf-qawaid-panel{border-top:1px solid var(--border-light);padding:14px 16px;display:flex;flex-direction:column;gap:14px;animation:fadeIn .2s ease}.qawaid-tab-nav{display:flex;gap:8px;border-bottom:1px solid var(--border-light);padding-bottom:10px;overflow-x:auto}.qawaid-tab-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.qawaid-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.qawaid-tab-btn.active{background:#d4af3729;border-color:var(--gold-primary);color:var(--gold-light)}.qawaid-tab-badge{font-size:.68rem;padding:1px 6px;border-radius:var(--radius-full);background:#6366f140;color:var(--indigo-light)}.qawaid-tab-content{min-height:80px}.qawaid-pane{display:flex;flex-direction:column;gap:12px}.page-diffs-list{display:flex;flex-direction:column;gap:10px}.page-diff-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.page-diff-card:hover{border-color:var(--border-color);transform:translateY(-1px)}.page-diff-card.active{border-color:var(--indigo-light);box-shadow:0 0 16px #6366f133}.diff-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.diff-surah-ref{font-weight:700;font-size:.82rem;color:var(--gold-light)}.diff-category-tag{font-size:.7rem;padding:2px 7px;border-radius:var(--radius-full);background:#d4af371a;border:1px solid rgba(212,175,55,.2);color:var(--badge-text);font-weight:600}.diff-reading-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reading-box{border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;gap:4px}.reading-box.hafs{background:#ffffff0a;border:1px solid var(--border-light)}.reading-box.warsh{background:#6366f11f;border:1px solid rgba(99,102,241,.35)}.reading-box .label{font-size:.68rem;text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.reading-box.warsh .label{color:var(--indigo-light)}.reading-box .arabic{font-family:var(--font-arabic);font-size:1.15rem;direction:rtl;color:var(--text-primary);line-height:1.4}.diff-explanation-box{font-size:.78rem;color:var(--text-secondary);line-height:1.5;background:#0003;padding:8px 10px;border-radius:var(--radius-sm);border-left:2px solid var(--gold-primary)}.no-diffs-banner{padding:16px;text-align:center;font-size:.85rem;color:var(--text-secondary);background:#10b98114;border:1px dashed rgba(16,185,129,.3);border-radius:var(--radius-md)}.usul-rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.usul-rule-card{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.usul-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.usul-card-header h5{font-size:.88rem;font-weight:700;color:var(--gold-light)}.usul-frequency-badge{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-full);background:#d4af371f;color:var(--badge-text);font-weight:600}.usul-rule-card p{font-size:.78rem;color:var(--text-secondary);line-height:1.45}.usul-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.usul-example-chip{font-family:var(--font-arabic);font-size:.95rem;padding:2px 8px;background:#d4af3714;border:1px solid rgba(212,175,55,.2);border-radius:var(--radius-sm);color:var(--gold-light);direction:rtl}.mushaf-diff-gem{display:inline-block;color:var(--indigo-light);font-size:.75rem;margin:0 3px;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(99,102,241,.5))}.mushaf-ayah-span.has-qiraat-difference{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#6366f199;text-underline-offset:6px}.habti-stop{display:inline-block;color:var(--gold-light, #f5d77f)!important;font-weight:700;font-size:.9em;padding:0 4px;text-shadow:0 0 10px rgba(212,175,55,.4);vertical-align:baseline;-webkit-user-select:none;user-select:none}.is-warsh-mode .mushaf-continuous-text,.is-warsh-mode .mushaf-text-words,.is-warsh-mode .mushaf-verses-canvas,.is-warsh-mode .ayah-arabic,.is-warsh-font{font-family:var(--font-warsh)!important}.mushaf-header-riwaya-pill{transition:all .2s ease}.mushaf-header-riwaya-pill.is-warsh{background:#10b98126!important;color:var(--emerald-light)!important;border-color:#10b98159!important}.mushaf-header-riwaya-pill.is-warsh_m6{background:#d4af372e!important;color:var(--gold-light)!important;border-color:#d4af3773!important}[data-theme=light] select,[data-theme=light] input[type=text],[data-theme=light] input[type=number]{background:#fff!important;color:#0f172a!important;border-color:#b8860b4d!important}[data-theme=light] .mushaf-select-juz,[data-theme=light] .mushaf-page-input,[data-theme=light] .range-number-input,[data-theme=light] .search-drawer-input,[data-theme=light] .search-main-input{background:#fff!important;color:#0f172a!important;border-color:#b8860b59!important}[data-theme=light] .modal-content{background:#fdfbf7;border-color:#b8860b4d;box-shadow:0 16px 48px #b8860b26}[data-theme=light] .modal-header{background:#fdfbf7;border-bottom-color:#b8860b26}[data-theme=light] .tafsir-verse-box{background:#f7f3e8;border-color:#b8860b40}[data-theme=light] .audio-looper-bar{background:#fdfbf7f5;border-top-color:#b8860b40;box-shadow:0 -4px 28px #00000014}[data-theme=light] .memorization-toolbar{background:#fdfbf7f5;border-top-color:#b8860b40}[data-theme=light] .selected-ayah-dock-inner{background:#fff;border-color:var(--gold-primary);box-shadow:0 10px 30px #b8860b33}[data-theme=light] .mobile-nav-drawer{background:#fdfbf7;border-left-color:#b8860b40}[data-theme=light] .drawer-action-btn,[data-theme=light] .mobile-lang-chip,[data-theme=light] .surah-drawer-card,[data-theme=light] .qiraat-card,[data-theme=light] .etiquette-card,[data-theme=light] .stat-card,[data-theme=light] .page-diff-card,[data-theme=light] .usul-rule-card{background:#fff;border-color:#b8860b33}[data-theme=light] .reading-box.hafs{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .reading-box.warsh{background:#eef2ff;border-color:#c7d2fe}[data-theme=light] .diff-explanation-box{background:#f8fafc;color:#334155;border-left-color:var(--gold-primary)}[data-theme=light] .mushaf-ayah-span:hover{background:#b8860b26}[data-theme=light] .mushaf-ayah-span.active-reading-ayah{background:linear-gradient(90deg,#b8860b40,#b8860b1f);box-shadow:0 0 12px #b8860b4d}[data-theme=light] .mushaf-page-container{background:#fdfaf3;box-shadow:0 12px 36px #b8860b1f,inset 0 0 40px #d4af370f}[data-theme=light] .mushaf-ornate-border{border-color:#b8860b}[data-theme=light] .mushaf-ornate-border:before{border-color:#b8860b59}[data-theme=light] .mushaf-bismillah-banner,[data-theme=light] .mushaf-header-bar,[data-theme=light] .mushaf-footer-bar{color:#855800}[data-theme=light] .surah-hero-play-btn{background:linear-gradient(135deg,#b8860b26,#0596691f);border-color:var(--gold-primary);color:#855800}[data-theme=light] .surah-hero-play-btn:hover{background:var(--gold-primary);color:#fff}[data-theme=light] .mushaf-play-page-btn{background:#b8860b1f!important;border-color:var(--gold-primary)!important;color:#855800!important}[data-theme=light] .mushaf-play-page-btn:hover:not(:disabled){background:var(--gold-primary)!important;color:#fff!important}[data-theme=light] .mobile-menu-toggle-btn{background:#b8860b1f!important;border-color:var(--gold-primary)!important;color:#855800!important}@media(max-width:860px){.header-desktop-actions{display:none}.mobile-menu-toggle-btn{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:#d4af3729!important;border:1.5px solid var(--gold-primary)!important;color:var(--gold-light)!important;cursor:pointer;flex-shrink:0}.app-header{padding:0 16px;height:62px}.brand-badge{display:none!important}.brand-title-text{font-size:.9rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-layout,.page-mode-layout{padding:12px 12px 140px}.surah-hero{padding:18px 16px}.mushaf-top-nav-bar{padding:8px 12px;gap:8px}.mushaf-page-slider{display:none}.mushaf-center-controls{order:3;width:100%;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-light)}.mushaf-reader-surface.spread-layout{flex-direction:column;align-items:center}.mushaf-page-container{max-width:100%;padding:12px 10px}.mushaf-ornate-border{padding:12px 10px;min-height:520px}.mushaf-verses-canvas{font-size:1.45rem;line-height:2.1}.audio-looper-bar{padding:10px 14px 75px;gap:8px}.looper-reciter-select{max-width:140px}.looper-secondary-controls{display:none}.selected-ayah-dock{width:95%;bottom:78px}.diff-reading-comparison{grid-template-columns:1fr}}@media(max-width:480px){.brand-icon{width:38px;height:38px}.mushaf-verses-canvas{font-size:1.35rem;line-height:2}.mushaf-bismillah-banner{font-size:1.25rem}.mushaf-header-bar,.mushaf-footer-bar{font-size:.78rem}.mushaf-nav-btn{padding:6px 10px;font-size:.78rem}.looper-reciter-select{max-width:110px;font-size:.75rem}.qawaid-bar-heading{gap:6px}.qawaid-title-text{font-size:.8rem}.drawer-lang-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.hide-on-xs{display:none!important}.header-actions{gap:6px}.header-btn{padding:6px 10px;font-size:.8rem}}[dir=rtl]{text-align:right}[dir=rtl] .search-drawer-input{padding:12px 42px 12px 14px}[dir=rtl] .search-drawer-input~svg{left:auto;right:14px}[dir=rtl] .lang-dropdown-menu{right:auto;left:0}[dir=rtl] .lang-check{margin-left:0;margin-right:auto}[dir=rtl] .mushaf-nav-btn{flex-direction:row-reverse}[dir=rtl] .mobile-nav-drawer,.mobile-nav-drawer[dir=rtl]{right:auto;left:0;border-left:none;border-right:1px solid var(--border-color);transform:translate(-100%);direction:rtl;text-align:right;font-family:var(--font-ui),var(--font-arabic),-apple-system,BlinkMacSystemFont,sans-serif}[dir=rtl] .mobile-nav-drawer.open,.mobile-nav-drawer[dir=rtl].open{transform:translate(0)}[dir=rtl] .drawer-header,.mobile-nav-drawer[dir=rtl] .drawer-header{flex-direction:row}[dir=rtl] .drawer-title,.mobile-nav-drawer[dir=rtl] .drawer-title{font-family:var(--font-arabic),var(--font-heading),-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.15rem;letter-spacing:normal;gap:12px}[dir=rtl] .drawer-action-btn,.mobile-nav-drawer[dir=rtl] .drawer-action-btn{text-align:right;font-family:var(--font-ui),var(--font-arabic),-apple-system,BlinkMacSystemFont,sans-serif;gap:12px}[dir=rtl] .drawer-action-btn:hover,.mobile-nav-drawer[dir=rtl] .drawer-action-btn:hover{transform:translate(-3px)}[dir=rtl] .drawer-action-btn .drawer-badge,.mobile-nav-drawer[dir=rtl] .drawer-badge{margin-left:0;margin-right:auto;flex-shrink:0;white-space:nowrap}[dir=rtl] .drawer-section-title,.mobile-nav-drawer[dir=rtl] .drawer-section-title{letter-spacing:normal;font-family:var(--font-ui),var(--font-arabic),-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;text-align:right}[dir=rtl] .mobile-lang-chip,.mobile-nav-drawer[dir=rtl] .mobile-lang-chip{font-family:var(--font-ui),var(--font-arabic),-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=light][dir=rtl] .mobile-nav-drawer,[data-theme=light] .mobile-nav-drawer[dir=rtl]{border-right-color:#d4af3740}[dir=rtl] .diff-explanation-box{border-left:none;border-right:2px solid var(--gold-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=light] .update-toast-banner{background:#fff!important;border-color:#b8860b!important;box-shadow:0 14px 40px #00000026,0 0 20px #b8860b33!important;color:#1e293b!important}[data-theme=light] .update-toast-banner div[style*="var(--text-secondary"]{color:#64748b!important}@media(max-width:640px){.update-toast-banner{bottom:110px!important;width:calc(100vw - 24px)!important;padding:14px 16px!important}}.search-modal-dialog{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 48px #00000080;overflow:hidden}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--bg-elevated);border-bottom:1px solid var(--border-light);gap:12px;flex-wrap:wrap}.search-tabs-container{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto;padding-bottom:2px}.search-nav-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.search-nav-tab .tab-sublabel{font-size:.72rem;opacity:.7;font-weight:400}.search-nav-tab:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-color)}.search-nav-tab.active{background:var(--badge-bg);color:var(--gold-light);border-color:var(--gold-primary);box-shadow:0 0 14px #d4af372e}.search-pane-body{display:flex;flex-direction:column;flex:1;overflow:hidden}.search-input-header{display:flex;align-items:center;padding:12px 18px;gap:10px;background:var(--bg-card);border-bottom:1px solid var(--border-light)}.search-main-input{flex:1;background:transparent;border:none;outline:none;font-size:1rem;color:var(--text-primary);font-family:inherit}.search-main-input::placeholder{color:var(--text-muted);font-size:.92rem}.search-results-scrollable{flex:1;overflow-y:auto;padding:16px 18px;max-height:60vh}.search-empty-state,.search-loading-state{text-align:center;padding:40px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center}.search-empty-state h4{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}.search-empty-state p{font-size:.88rem;max-width:480px;line-height:1.6;margin-bottom:16px}.quick-suggestions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}.suggestion-label{font-size:.82rem;color:var(--text-muted)}.suggestion-pill{padding:4px 12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--gold-light);font-size:.82rem;cursor:pointer;transition:all .2s ease}.suggestion-pill:hover{background:var(--bg-card-hover);border-color:var(--gold-primary)}.search-count-banner{padding:8px 14px;background:#d4af3714;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--gold-light);font-size:.84rem;margin-bottom:14px}.word-results-list{display:flex;flex-direction:column;gap:12px}.word-result-card{padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.word-result-card:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.word-result-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;gap:8px;flex-wrap:wrap}.word-result-meta-tags{display:flex;align-items:center;gap:6px}.badge-surah{font-weight:700;color:var(--gold-light);background:#d4af371f;padding:2px 8px;border-radius:var(--radius-full)}.badge-ayah{color:var(--text-primary);font-weight:600}.badge-key{color:var(--text-muted)}.word-result-page-tag{color:var(--text-muted);font-size:.78rem;display:flex;gap:6px}.word-result-arabic{font-family:var(--font-arabic);font-size:1.35rem;line-height:1.8;color:var(--text-arabic);direction:rtl;text-align:right}.word-result-translation{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.ayat-selector-toolbar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-card);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.ayat-surah-picker{display:flex;align-items:center;gap:8px;flex:1;min-width:240px}.ayat-picker-label{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.ayat-surah-dropdown{flex:1;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 12px;border-radius:var(--radius-md);font-size:.9rem;outline:none;cursor:pointer}.ayat-surah-dropdown option{background:var(--bg-secondary);color:var(--text-primary)}.ayat-quick-jump{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:2px 10px;width:170px}.ayat-number-input{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.88rem;padding:6px 0}.ayat-surah-summary-card{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#d4af370d;border-bottom:1px solid var(--border-light);gap:12px;flex-wrap:wrap}.summary-left{display:flex;align-items:center;gap:12px}.surah-num-orb{width:38px;height:38px;border-radius:50%;background:var(--badge-bg);border:1px solid var(--border-color);color:var(--gold-light);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}.summary-surah-name{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.summary-details{display:flex;gap:8px;font-size:.78rem;color:var(--text-muted)}.ayat-grid-wrapper{padding:16px 18px;overflow-y:auto;max-height:52vh}.ayat-grid-title{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:12px;font-weight:600}.ayat-filter-note{font-size:.78rem;color:var(--gold-light)}.ayat-numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}.ayah-number-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);color:var(--text-primary)}.ayah-number-tile:hover{background:var(--badge-bg);border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3733}.ayah-digit-arabic{font-family:var(--font-arabic);font-size:1.25rem;line-height:1.2;color:var(--gold-light)}.ayah-digit-english{font-size:.75rem;font-weight:700;color:var(--text-primary)}.ayah-tile-page{font-size:.65rem;color:var(--text-muted);margin-top:2px}.hizbs-catalog-grid,.juzs-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.hizb-catalog-card,.juz-catalog-card{padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.hizb-catalog-card:hover,.juz-catalog-card:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:translateY(-2px);box-shadow:0 6px 18px #00000040}.hizb-card-top,.juz-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.hizb-badge,.juz-badge{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);background:#d4af371f;border:1px solid var(--border-color);color:var(--gold-light);font-weight:700;font-size:.85rem}.hizb-meta-tags{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.hizb-tag-juz,.hizb-tag-page,.juz-page-pill{background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.hizb-surah-info{display:flex;align-items:center;justify-content:space-between;font-size:.92rem;color:var(--text-primary)}.hizb-ayah-pos{font-size:.8rem;color:var(--gold-light)}.hizb-opening-text,.juz-opening-text{font-family:var(--font-arabic);font-size:1.15rem;line-height:1.7;color:var(--text-arabic);direction:rtl;text-align:right;opacity:.9;background:#00000026;padding:6px 10px;border-radius:var(--radius-sm)}.juz-arabic-title{font-family:var(--font-arabic);font-size:1.35rem;font-weight:700;color:var(--gold-light)}.juz-start-info{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--text-muted)}.juz-hizbs-label{color:var(--emerald-light);font-weight:600}.revelation-filter-row{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.filter-pill-btn{padding:4px 14px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-pill-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.filter-pill-btn.active{background:var(--badge-bg);border-color:var(--gold-primary);color:var(--gold-light)}.surahs-catalog-grid{display:flex;flex-direction:column;gap:8px}.surah-catalog-card{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.surah-catalog-card:hover{background:var(--bg-card-hover);border-color:var(--gold-primary);transform:translate(-2px)}.surah-number-orb{width:36px;height:36px;border-radius:50%;background:var(--badge-bg);border:1px solid var(--border-color);color:var(--gold-light);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.surah-card-middle{flex:1;display:flex;flex-direction:column;gap:4px}.surah-names-row{display:flex;align-items:center;justify-content:space-between}.surah-name-en{font-weight:700;color:var(--text-primary);font-size:.96rem}.surah-name-ar{font-family:var(--font-arabic);font-size:1.35rem;color:var(--gold-light)}.surah-submeta-row{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.surah-rev-type{color:var(--emerald-light);font-weight:600}@media(max-width:640px){.search-tabs-container{gap:4px}.search-nav-tab{padding:6px 10px;font-size:.78rem}.ayat-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.hizbs-catalog-grid,.juzs-catalog-grid{grid-template-columns:1fr}}