@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap);[data-theme=light]{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-glow:#0d948833;--color-gold:#b8860b;--color-gold-light:#d4a017;--color-bg-dark:#f8fafc;--color-bg-card:#fff;--color-bg-elevated:#f1f5f9;--color-surface:#e2e8f0;--color-text:#1e293b;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-verse-active:#0d9488;--color-verse-highlight:#0d94881a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a}:root,[data-theme=dark]{--color-primary:#14b8a6;--color-primary-dark:#0d9488;--color-primary-light:#2dd4bf;--color-primary-glow:#14b8a659;--color-gold:#f59e0b;--color-gold-light:#fbbf24;--color-gold-dark:#d97706;--color-bg-dark:#030712;--color-bg-base:#0a0f1a;--color-bg-card:#111827;--color-bg-elevated:#1f2937;--color-surface:#1e293b;--color-surface-hover:#334155;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-dim:#475569;--color-verse-active:#14b8a6;--color-verse-highlight:#14b8a61f;--color-verse-playing:#14b8a640;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#0d9488,#14b8a6 50%,#2dd4bf);--gradient-gold:linear-gradient(135deg,#d97706,#f59e0b 50%,#fbbf24);--gradient-dark:linear-gradient(180deg,#030712,#0a0f1a 50%,#111827);--gradient-glass:linear-gradient(135deg,#1f2937cc,#111827e6);--gradient-verse-active:linear-gradient(90deg,#0000 0%,var(--color-verse-highlight) 10%,var(--color-verse-highlight) 90%,#0000 100%);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px #0006;--shadow-md:0 4px 8px #00000080;--shadow-lg:0 8px 16px #00000080;--shadow-xl:0 16px 32px #0009;--shadow-glow:0 0 30px var(--color-primary-glow);--shadow-glow-intense:0 0 50px var(--color-primary-glow);--shadow-gold:0 0 20px #f59e0b4d;--font-arabic:"Amiri","Noto Naskh Arabic","Traditional Arabic","Scheherazade New",serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--arabic-sm:1.25rem;--arabic-base:1.5rem;--arabic-lg:1.875rem;--arabic-xl:2.25rem;--arabic-2xl:2.75rem;--arabic-3xl:3.25rem;--arabic-4xl:4rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--leading-arabic:2.4;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-slower:600ms;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-tooltip:500;--z-max:9999;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms}}@media (prefers-contrast:high){:root{--color-primary:#00d4b8;--color-text:#fff;--color-text-secondary:#e2e8f0;--color-bg-card:#000}}:root{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-glow:#0d94884d;--color-gold:#d4af37;--color-gold-light:#f4d03f;--color-bg-dark:#0a0f1a;--color-bg-card:#111827;--color-bg-elevated:#1f2937;--color-surface:#1e293b;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-verse-active:#0d9488;--color-verse-highlight:#0d948826;--gradient-primary:linear-gradient(135deg,#0d9488,#14b8a6);--gradient-gold:linear-gradient(135deg,#d4af37,#f4d03f);--gradient-dark:linear-gradient(180deg,#0a0f1a,#111827);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--shadow-glow:0 0 30px var(--color-primary-glow);--font-arabic:"Amiri","Noto Naskh Arabic","Traditional Arabic",serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0a0f1a,#111827);background:var(--gradient-dark);color:#f8fafc;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui);line-height:1.6;min-height:100vh}.arabic-text{direction:rtl;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-family:var(--font-arabic);font-size:1.5rem;line-height:2.2;text-align:right}.arabic-text-large{font-size:2rem;line-height:2.4}.arabic-text-xl{font-size:2.5rem;line-height:2.6}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:#d4af37;color:var(--color-gold)}.text-muted{color:#64748b;color:var(--color-text-muted)}.text-secondary{color:#94a3b8;color:var(--color-text-secondary)}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md)}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1f2937cc;border:1px solid #ffffff14}.card{background:#111827;background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:12px;border-radius:var(--radius-md);transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{border-color:#0d94884d;box-shadow:0 10px 15px #00000080;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-ui);font-size:.95rem;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#0d9488,#14b8a6);background:var(--gradient-primary);box-shadow:0 0 30px #0d94884d;box-shadow:var(--shadow-glow);color:#fff}.btn-primary:hover{box-shadow:0 0 40px #0d94884d;box-shadow:0 0 40px var(--color-primary-glow);transform:scale(1.05)}.btn-secondary{background:#1f2937;background:var(--color-bg-elevated);border:1px solid #ffffff1a;color:#f8fafc;color:var(--color-text)}.btn-secondary:hover{background:#1e293b;background:var(--color-surface);border-color:#0d9488;border-color:var(--color-primary)}.btn-icon{border-radius:50%;font-size:1.25rem;height:48px;padding:0;width:48px}.btn-icon-lg{font-size:1.75rem;height:72px;width:72px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0a0f1a;background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#1e293b;background:var(--color-surface);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0f766e;background:var(--color-primary-dark)}::selection{background:#0d9488;background:var(--color-primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #0d94884d;box-shadow:0 0 20px var(--color-primary-glow)}50%{box-shadow:0 0 40px #0d94884d;box-shadow:0 0 40px var(--color-primary-glow)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.mushaf-text{direction:rtl;font-family:var(--font-arabic);line-height:var(--leading-arabic);text-align:right;transition:color var(--transition-normal),text-shadow var(--transition-normal)}.mushaf-sm{font-size:var(--arabic-sm)}.mushaf-base{font-size:var(--arabic-base)}.mushaf-lg{font-size:var(--arabic-lg)}.mushaf-xl{font-size:var(--arabic-xl)}.mushaf-2xl{font-size:var(--arabic-2xl)}.mushaf-display{font-size:var(--arabic-4xl)}.mushaf-verse{color:var(--color-text);display:block}.mushaf-surah-name{color:var(--color-gold);font-weight:700}.mushaf-bismillah{color:var(--color-gold);display:block;padding:var(--space-4) 0;text-align:center}.mushaf-active{color:var(--color-primary-light)!important;text-shadow:0 0 30px var(--color-primary-glow)}.mushaf-playing{animation:verseGlow 2s ease-in-out infinite}.mushaf-clickable{cursor:pointer}.mushaf-clickable:hover{color:var(--color-primary)}.mushaf-verse-number{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;margin-right:var(--space-2);min-width:32px;padding:0 var(--space-2);vertical-align:middle}@keyframes verseGlow{0%,to{text-shadow:0 0 20px var(--color-primary-glow)}50%{text-shadow:0 0 40px var(--color-primary-glow),0 0 60px var(--color-primary-glow)}}.verse-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-ui);font-weight:600;justify-content:center}.verse-badge-sm{font-size:var(--text-xs);height:24px;min-width:24px}.verse-badge-md{font-size:var(--text-sm);height:32px;min-width:32px}.verse-badge-lg{font-size:var(--text-base);height:40px;min-width:40px}.verse-badge-default{background:var(--color-surface);color:var(--color-text-muted)}.verse-badge-active{background:var(--gradient-primary);color:#fff}.verse-badge-gold{background:var(--gradient-gold);color:var(--color-bg-dark)}.surah-header-display{padding:var(--space-8) var(--space-4);text-align:center}.surah-header-ornament{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin:var(--space-4) 0}.ornament-line{background:linear-gradient(90deg,#0000,var(--color-gold),#0000);height:1px;width:60px}.ornament-diamond{color:var(--color-gold);font-size:var(--text-sm)}.surah-header-english{color:var(--color-text);font-size:var(--text-2xl);font-weight:600;margin:var(--space-2) 0}.surah-header-meta{color:var(--color-text-muted);font-size:var(--text-sm)}.bismillah-decoration{display:block;margin:var(--space-4) 0;padding:var(--space-6) var(--space-4);position:relative;text-align:center}.bismillah-decoration:after,.bismillah-decoration:before{color:var(--color-gold-dark);content:"❋";font-size:var(--text-lg);opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}.bismillah-decoration:before{left:var(--space-8)}.bismillah-decoration:after{right:var(--space-8)}.audio-control-bar{background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.acb-progress-section{margin-bottom:var(--space-6)}.acb-progress-track{background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;height:8px;overflow:visible;position:relative}.acb-progress-track:hover .acb-progress-thumb{transform:translate(-50%,-50%) scale(1.2)}.acb-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .1s linear}.acb-progress-thumb{background:#fff;border-radius:50%;box-shadow:var(--shadow-md);height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform var(--transition-fast);width:16px}.acb-time-display{color:var(--color-text-muted);display:flex;font-family:var(--font-mono);font-size:var(--text-sm);gap:var(--space-2);justify-content:center;margin-top:var(--space-3)}.acb-time-separator{opacity:.5}.acb-main-controls{gap:var(--space-6);margin-bottom:var(--space-6)}.acb-btn,.acb-main-controls{align-items:center;display:flex;justify-content:center}.acb-btn{border:none;cursor:pointer;transition:all var(--transition-fast)}.acb-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.acb-btn-play{background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-glow);color:#fff;height:72px;width:72px}.acb-btn-play:hover{box-shadow:var(--shadow-glow-intense);transform:scale(1.08)}.acb-btn-play:active{transform:scale(.98)}.acb-btn-secondary{background:var(--color-surface);border-radius:50%;color:var(--color-text);height:48px;width:48px}.acb-btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-primary)}.acb-secondary-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.acb-control-group{align-items:center;background:var(--color-surface);border-radius:var(--radius-full);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.acb-control-label{color:var(--color-text-muted);display:flex}.acb-speed-select{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;outline:none;padding-right:var(--space-2)}.acb-speed-select option{background:var(--color-bg-card)}.acb-btn-toggle{background:var(--color-surface);border-radius:50%;color:var(--color-text-muted);height:44px;width:44px}.acb-btn-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.acb-btn-toggle.active{background:var(--color-primary);box-shadow:var(--shadow-glow);color:#fff}.theme-toggle{align-items:center;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-gold);color:var(--color-gold)}.virtual-scroll-container{contain:strict;contain-intrinsic-size:0 500px;content-visibility:auto}.verse-list-content{content-visibility:auto}.verse-item{contain:layout style}:focus{outline:none}.skip-link{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;font-weight:600;left:50%;padding:var(--space-3) var(--space-6);position:absolute;text-decoration:none;top:-100%;transform:translateX(-50%);transition:top var(--transition-fast);z-index:var(--z-max)}.skip-link:focus{top:var(--space-4)}.sr-only{clip:rect(0,0,0,0);border:0;margin:-1px;padding:0;white-space:nowrap}.live-region,.sr-only{height:1px;overflow:hidden;position:absolute;width:1px}.live-region{left:-10000px}@media (prefers-contrast:high){:root{--color-primary:#00e6cc;--color-gold:gold;--color-text:#fff;--color-text-secondary:#e0e0e0;--color-bg-card:#000;--color-surface:#1a1a1a}.card,.player-controls,.verse-container{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.mushaf-playing{animation:none;text-shadow:0 0 20px var(--color-primary-glow)}}@media (-webkit-min-device-pixel-ratio:1) and (prefers-reduced-motion:no-preference),(min-resolution:1dppx) and (prefers-reduced-motion:no-preference){html{font-size:clamp(14px,2vw,18px)}}@media (pointer:coarse){.acb-btn,.control-btn,.surah-card,.verse-item{min-height:44px;min-width:44px}.acb-btn-play{height:80px;width:80px}}.verse-list-content{contain:content}.verse-item{contain:layout style paint;contain-intrinsic-size:0 120px;content-visibility:auto}.surah-card{contain:layout style;contain-intrinsic-size:0 80px;content-visibility:auto}.acb-progress-fill,.acb-progress-thumb,.mushaf-playing{transform:translateZ(0);will-change:transform}.virtual-list-container{contain:strict;overflow-x:hidden;overflow-y:auto}.virtual-list-inner{contain:layout size}.virtual-list-items{will-change:transform}.virtual-list-item{contain:layout style}.lazy-load{min-height:50px}.lazy-load-placeholder{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fonts-loading .mushaf-text{opacity:.5;transition:opacity var(--transition-slow)}.fonts-loaded .mushaf-text{opacity:1}[dir=rtl]{direction:rtl}[dir=rtl] .back-button,[dir=rtl] .surah-card{flex-direction:row-reverse}[dir=rtl] .back-button svg{transform:scaleX(-1)}[dir=rtl] .acb-secondary-controls,[dir=rtl] .header-content,[dir=rtl] .logo{flex-direction:row-reverse}[dir=rtl] .verse-item{border-left:none;border-right:3px solid #0000}[dir=rtl] .verse-item.active{border-right-color:var(--color-primary)}.language-selector{background:var(--color-surface);border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.language-selector:hover{border-color:var(--color-primary)}.language-selector:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.language-selector option{background:var(--color-bg-card);color:var(--color-text)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.surah-card:nth-child(n){animation:slideIn .5s ease-out backwards}.surah-card:first-child{animation-delay:.05s}.surah-card:nth-child(2){animation-delay:.1s}.surah-card:nth-child(3){animation-delay:.15s}.surah-card:nth-child(4){animation-delay:.2s}.surah-card:nth-child(5){animation-delay:.25s}.surah-card:nth-child(6){animation-delay:.3s}.surah-card:nth-child(7){animation-delay:.35s}.surah-card:nth-child(8){animation-delay:.4s}.verse-item{animation:slideIn .4s ease-out backwards}.verse-item:nth-child(n){animation-delay:0s;animation-delay:calc(.05s*var(--index, 0))}:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0f1ae6;border-bottom:1px solid #ffffff0d;padding:var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{gap:var(--spacing-sm)}.logo-icon{font-size:1.75rem}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600}.logo-arabic{color:var(--color-gold);font-family:var(--font-arabic);font-size:1.5rem;margin-left:var(--spacing-sm)}.main{flex:1 1;padding:var(--spacing-xl) var(--spacing-md)}.home-hero{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0;text-align:center}.home-hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.home-hero .arabic-title{color:var(--color-gold);font-family:var(--font-arabic);font-size:3rem;margin-bottom:var(--spacing-sm)}.home-hero p{color:var(--color-text-secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.surah-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1200px}.surah-card{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative}.surah-card:before{background:var(--gradient-primary);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--transition-normal)}.surah-card:hover:before{opacity:.05}.surah-number{align-items:center;background:var(--color-surface);border:1px solid #0d948833;border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:48px;justify-content:center;width:48px}.surah-info{flex:1 1;min-width:0}.surah-name-english{color:var(--color-text);font-size:1rem;font-weight:600;margin-bottom:2px}.surah-name-arabic{color:var(--color-gold);direction:rtl;font-family:var(--font-arabic);font-size:1.25rem}.surah-meta{color:var(--color-text-muted);font-size:.85rem}.player-page{margin:0 auto;max-width:800px}.player-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-xl) 0;text-align:center}.player-surah-name{color:var(--color-gold);font-family:var(--font-arabic);font-size:3rem;margin-bottom:var(--spacing-sm)}.player-surah-english{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-xs)}.player-surah-meta{color:var(--color-text-muted);font-size:.95rem}.verse-container{background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden}.verse-display{display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-xl);text-align:center}.current-verse{color:var(--color-text);direction:rtl;font-family:var(--font-arabic);font-size:2.5rem;line-height:2.4;margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.current-verse.active{color:var(--color-primary);text-shadow:0 0 30px var(--color-primary-glow)}.verse-number-badge{align-items:center;background:var(--gradient-primary);border-radius:50%;display:inline-flex;font-size:.85rem;font-weight:600;height:36px;justify-content:center;margin-left:var(--spacing-sm);vertical-align:middle;width:36px}.current-translation{color:var(--color-text-secondary);font-size:1.1rem;font-style:italic;margin:0 auto;max-width:600px}.next-verse-preview{border-top:1px solid #ffffff0d;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.next-verse-label{color:var(--color-text-muted);font-size:.8rem;letter-spacing:1px;margin-bottom:var(--spacing-sm);text-transform:uppercase}.next-verse-text{color:var(--color-text-muted);direction:rtl;font-family:var(--font-arabic);font-size:1.5rem;opacity:.5}.progress-container{padding:0 var(--spacing-md) var(--spacing-md)}.progress-bar-wrapper{background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;height:6px;overflow:hidden;position:relative}.progress-bar{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .1s linear}.progress-time{color:var(--color-text-muted);display:flex;font-size:.85rem;justify-content:space-between;margin-top:var(--spacing-sm)}.player-controls{background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:var(--radius-lg);padding:var(--spacing-lg)}.controls-main{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.controls-main,.play-btn{align-items:center;display:flex;justify-content:center}.play-btn{background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:var(--shadow-glow);cursor:pointer;height:80px;transition:all var(--transition-fast);width:80px}.play-btn:hover{box-shadow:0 0 50px var(--color-primary-glow);transform:scale(1.08)}.play-btn svg{fill:#fff;height:32px;width:32px}.control-btn{align-items:center;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;height:52px;justify-content:center;transition:all var(--transition-fast);width:52px}.control-btn:hover{background:var(--color-bg-elevated);border-color:var(--color-primary);color:var(--color-primary)}.control-btn svg{height:20px;width:20px}.controls-secondary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.recite-after-control,.repeat-control,.speed-control{align-items:center;background:var(--color-surface);border:1px solid #ffffff0d;border-radius:var(--radius-full);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.speed-control select{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-size:.9rem;outline:none}.speed-control select option{background:var(--color-bg-card)}.toggle-label{color:var(--color-text-secondary);font-size:.9rem}.toggle-switch{background:var(--color-bg-elevated);border-radius:var(--radius-full);cursor:pointer;height:24px;position:relative;transition:background var(--transition-fast);width:44px}.toggle-switch.active{background:var(--color-primary)}.toggle-switch:after{background:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast);width:20px}.toggle-switch.active:after{transform:translateX(20px)}.verse-list{background:var(--color-bg-card);border:1px solid #ffffff0d;border-radius:var(--radius-lg);margin-top:var(--spacing-xl);overflow:hidden}.verse-list-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:var(--spacing-md)}.verse-list-title{color:var(--color-text);font-weight:600}.show-translation-toggle{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-sm)}.verse-list-content{max-height:400px;overflow-y:auto}.verse-item{border-bottom:1px solid #ffffff08;cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.verse-item.active,.verse-item:hover{background:var(--color-verse-highlight)}.verse-item.active{border-left:3px solid var(--color-primary)}.verse-item-arabic{color:var(--color-text);direction:rtl;font-family:var(--font-arabic);font-size:1.5rem;line-height:2.2;margin-bottom:var(--spacing-sm)}.verse-item.active .verse-item-arabic{color:var(--color-primary)}.verse-item-translation{color:var(--color-text-secondary);font-size:.95rem;font-style:italic}.verse-item-number{background:var(--color-surface);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.8rem;font-weight:500;height:28px;justify-content:center;margin-left:var(--spacing-sm);min-width:28px;padding:0 var(--spacing-xs)}.back-button,.verse-item-number{align-items:center;display:inline-flex}.back-button{background:#0000;border:1px solid #ffffff1a;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:200px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-surface);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:var(--spacing-md);width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.home-hero h1{font-size:1.8rem}.home-hero .arabic-title{font-size:2.2rem}.surah-grid{grid-template-columns:1fr}.current-verse{font-size:1.8rem}.player-surah-name{font-size:2.2rem}.controls-secondary{align-items:stretch;flex-direction:column}}.play-all-banner{background:linear-gradient(135deg,#0d9488,#14b8a6 50%,#0f766e);border-radius:var(--radius-xl);box-shadow:0 10px 40px #0d94884d;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.play-all-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-20%;top:-50%;width:60%}.play-all-content{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;position:relative;z-index:1}.play-all-info{flex:1 1}.play-all-arabic{color:#ffffffe6;font-size:1.5rem!important;margin-bottom:var(--spacing-xs)}.play-all-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 var(--spacing-xs)}.play-all-subtitle{color:#fffc;font-size:.95rem;margin:0}.play-all-btn{align-items:center;background:#fff;border:none;border-radius:var(--radius-full);box-shadow:0 4px 15px #0003;color:#0d9488;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.play-all-btn:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.05)}.play-all-btn:active{transform:scale(.98)}.play-all-btn svg{height:24px;width:24px}.play-all-progress{margin-top:var(--spacing-lg);position:relative;z-index:1}.play-all-progress-bar{background:#ffffff4d;border-radius:var(--radius-full);height:6px;overflow:hidden}.play-all-progress-fill{background:#fff;border-radius:var(--radius-full);height:100%;transition:width .3s ease}.play-all-progress-text{color:#ffffffe6;display:block;font-size:.9rem;font-weight:500;margin-top:var(--spacing-sm);text-align:center}.player-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.play-all-indicator{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.play-all-dot{animation:pulse 1.5s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.surah-card.playing{background:var(--color-verse-highlight);border-color:var(--color-primary)}.now-playing-badge{animation:pulse 1.5s ease-in-out infinite;background:var(--color-primary);border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:var(--spacing-sm);padding:2px 8px}@media (max-width:768px){.play-all-content{flex-direction:column;text-align:center}.play-all-title{font-size:1.4rem}.play-all-btn{justify-content:center;width:100%}}.audio-visualizer-container{background:#0003;border:1px solid #ffd7001a;border-radius:var(--radius-lg);box-shadow:0 0 20px #00e6cc1a;overflow:hidden}.mushaf-active{text-shadow:0 0 10px #2dd4bf80,0 0 20px #2dd4bf4d,0 0 40px #facc1533!important;transform:scale(1.02);transition:all .3s ease-out}.play-all-banner:after{animation:shimmer-load 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}@keyframes shimmer-load{0%{left:-100%}to{left:200%}}.acb-btn-play{animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 0 0 #facc1566}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 0 0 #facc1500}}.player-page{position:relative}.player-page:before{background:var(--gradient-gold);box-shadow:0 0 15px var(--color-gold);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:10}.acb-rangeslider{-webkit-appearance:none;appearance:none;background:var(--color-surface);border-radius:4px;cursor:pointer;height:4px}.acb-rangeslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-text-secondary);border-radius:50%;box-shadow:0 0 2px #00000080;cursor:pointer;height:14px;width:14px}.acb-rangeslider:hover::-webkit-slider-thumb{background:var(--color-primary);transform:scale(1.1)}.acb-control-group:hover .acb-rangeslider::-webkit-slider-thumb{background:var(--color-gold)}
/*# sourceMappingURL=main.ec5cace5.css.map*/