:root{--color-gold: #D4AF37;--color-gold-light: #F3D57C;--color-gold-dark: #9B781E;--color-gold-subtle: rgba(212, 175, 55, .12);--color-emerald: #0E8388;--color-emerald-light: #2EAFB0;--color-emerald-dark: #075E62;--color-emerald-subtle: rgba(14, 131, 136, .12);--color-ruby: #D32F2F;--color-amber: #D97706;--color-azure: #2563EB;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-latin: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic: "Amiri", "Noto Naskh Arabic", "Scheherazade New", "Traditional Arabic", serif;--font-arabic-display: "Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--font-urdu: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Amiri", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark],:root:not([data-theme]){--bg-app: #070D1E;--bg-surface: #0E1A38;--bg-surface-elevated: #14244B;--bg-surface-glass: rgba(14, 26, 56, .92);--bg-input: #101F42;--bg-overlay: rgba(3, 7, 18, .85);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-tertiary: #94A3B8;--text-muted: #94A3B8;--text-accent: #E2C067;--text-inverse: #070D1E;--border-subtle: #1C315E;--border-medium: #274472;--border-accent: #3B5F8C;--surface: #0E1A38;--surface-soft: #14244B;--border: #1C315E;--accent-teal: #0E8388;--accent-gold: #D4AF37;--prayer-card-bg: linear-gradient(145deg, #0C1E3D 0%, #08283E 50%, #05445E 100%);--prayer-card-text: #F8FAFC;--prayer-card-subtext: #CBD5E1;--prayer-card-muted: #94A3B8;--prayer-card-badge-bg: rgba(255, 255, 255, .15);--prayer-card-badge-text: #FFFFFF;--prayer-card-next-bg: rgba(212, 175, 55, .25);--prayer-card-next-border: #D4AF37;--prayer-card-countdown: #FCE0AD;--player-bg: #0E1A38;--player-border: #274472;--player-text: #F8FAFC;--player-text-muted: #94A3B8;--player-slider-track: #1C315E;--player-slider-fill: #D4AF37;--active-ayah-bg: rgba(212, 175, 55, .12);--active-ayah-border: #D4AF37;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 6px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 16px rgba(14, 131, 136, .18);--shadow-gold: 0 0 14px rgba(212, 175, 55, .16);--card-gradient: linear-gradient(135deg, #122146 0%, #0E1A38 100%);--hero-gradient: linear-gradient(145deg, #0C1E3D 0%, #08283E 50%, #05445E 100%);--gold-gradient: linear-gradient(135deg, #F3D57C 0%, #D4AF37 50%, #B88E18 100%);--emerald-gradient: linear-gradient(135deg, #2EAFB0 0%, #0E8388 100%)}[data-theme=light]{--bg-app: #FAF7F2;--bg-surface: #FFFFFF;--bg-surface-elevated: #F7F4ED;--bg-surface-glass: rgba(255, 255, 255, .94);--bg-input: #F3ECE2;--bg-overlay: rgba(15, 23, 42, .65);--text-primary: #122033;--text-secondary: #526174;--text-tertiary: #667085;--text-muted: #667085;--text-accent: #9A7418;--text-inverse: #FFFFFF;--border-subtle: #E5DCD0;--border-medium: #D9D4C8;--border-accent: #C7B69D;--surface: #FFFFFF;--surface-soft: #F7F4ED;--border: #D9D4C8;--accent-teal: #147D83;--accent-gold: #9A7418;--prayer-card-bg: linear-gradient(135deg, #FAF7F2 0%, #EBF4F4 100%);--prayer-card-text: #122033;--prayer-card-subtext: #526174;--prayer-card-muted: #667085;--prayer-card-badge-bg: rgba(20, 125, 131, .12);--prayer-card-badge-text: #0E5E62;--prayer-card-next-bg: rgba(20, 125, 131, .15);--prayer-card-next-border: #147D83;--prayer-card-countdown: #9A7418;--player-bg: #FFFFFF;--player-border: #D9D4C8;--player-text: #122033;--player-text-muted: #526174;--player-slider-track: #E5DCD0;--player-slider-fill: #147D83;--active-ayah-bg: rgba(212, 175, 55, .18);--active-ayah-border: #9A7418;--shadow-sm: 0 1px 4px rgba(26, 32, 44, .05);--shadow-md: 0 4px 14px rgba(26, 32, 44, .08);--shadow-lg: 0 10px 24px rgba(26, 32, 44, .12);--shadow-glow: 0 0 14px rgba(20, 125, 131, .15);--shadow-gold: 0 0 12px rgba(154, 116, 24, .15);--card-gradient: linear-gradient(135deg, #FFFFFF 0%, #FAF6EE 100%);--hero-gradient: linear-gradient(145deg, #FAF7F2 0%, #EBF4F4 50%, #D8EEEE 100%);--gold-gradient: linear-gradient(135deg, #E6C564 0%, #9A7418 100%);--emerald-gradient: linear-gradient(135deg, #189AB4 0%, #075E62 100%)}[data-theme=high-contrast]{--bg-app: #000000;--bg-surface: #000000;--bg-surface-elevated: #121212;--bg-surface-glass: #000000;--bg-input: #151515;--bg-overlay: rgba(0, 0, 0, .98);--text-primary: #FFFFFF;--text-secondary: #E5E5E5;--text-tertiary: #CCCCCC;--text-muted: #CCCCCC;--text-accent: #FFFF00;--text-inverse: #000000;--border-subtle: #FFFFFF;--border-medium: #FFFFFF;--border-accent: #FFFF00;--surface: #000000;--surface-soft: #121212;--border: #FFFFFF;--accent-teal: #00FF66;--accent-gold: #FFFF00;--prayer-card-bg: #000000;--prayer-card-text: #FFFFFF;--prayer-card-subtext: #E5E5E5;--prayer-card-muted: #CCCCCC;--prayer-card-badge-bg: #151515;--prayer-card-badge-text: #FFFF00;--prayer-card-next-bg: #151515;--prayer-card-next-border: #FFFF00;--prayer-card-countdown: #FFFF00;--player-bg: #000000;--player-border: #FFFFFF;--player-text: #FFFFFF;--player-text-muted: #CCCCCC;--player-slider-track: #333333;--player-slider-fill: #FFFF00;--active-ayah-bg: #1a1a00;--active-ayah-border: #FFFF00;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--shadow-glow: none;--shadow-gold: none;--card-gradient: #000000;--hero-gradient: #000000;--gold-gradient: #FFFF00;--emerald-gradient: #00FF66}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;font-family:var(--font-latin);background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}[dir=rtl]{font-family:var(--font-arabic);text-align:right}button,a,input,select,textarea,[role=button]{touch-action:manipulation;font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}[data-theme=high-contrast] :focus-visible{outline:3px solid #FFFF00!important;outline-offset:3px!important}button{background:none;border:none;cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-emerald)}.arabic-text{font-family:var(--font-arabic);direction:rtl;text-align:right;line-height:2.35;letter-spacing:.015em;font-feature-settings:"cv01" on,"ss01" on,"liga" on,"calt" on;unicode-bidi:isolate;text-rendering:optimizeLegibility}.arabic-display{font-family:var(--font-arabic-display);direction:rtl;text-align:right;line-height:2.45;font-feature-settings:"cv01" on,"ss01" on,"liga" on;unicode-bidi:isolate;text-rendering:optimizeLegibility}.arabic-font-sm{font-size:1.25rem;line-height:2.2}.arabic-font-md{font-size:1.6rem;line-height:2.35}.arabic-font-lg{font-size:2.05rem;line-height:2.45}.arabic-font-xl{font-size:2.5rem;line-height:2.6}.english-font-sm{font-size:.85rem;line-height:1.5}.english-font-md{font-size:.95rem;line-height:1.6}.english-font-lg{font-size:1.12rem;line-height:1.7}.english-font-xl{font-size:1.3rem;line-height:1.8}.urdu-text{font-family:var(--font-urdu);direction:rtl;text-align:right;line-height:2.1;letter-spacing:.01em;unicode-bidi:isolate}.urdu-font-sm{font-size:.95rem;line-height:1.9}.urdu-font-md{font-size:1.15rem;line-height:2.1}.urdu-font-lg{font-size:1.4rem;line-height:2.3}.urdu-font-xl{font-size:1.75rem;line-height:2.5}.ayah-number-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-latin);font-size:.8rem;font-weight:700;margin:0 6px;vertical-align:middle;flex-shrink:0}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:var(--spacing-md);padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media(min-width:900px){.app-container{flex-direction:row}.main-content{padding:var(--spacing-xl);padding-bottom:var(--spacing-xl)}}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{border-color:var(--border-medium)}.card-elevated{background:var(--card-gradient);border:1px solid var(--border-medium);box-shadow:var(--shadow-md)}.card-hero{background:var(--prayer-card-bg);border:1.5px solid var(--prayer-card-next-border);color:var(--prayer-card-text);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.card-hero .text-muted{color:var(--prayer-card-muted)}.active-playing-ayah{border-inline-start:4px solid var(--active-ayah-border)!important;background:var(--active-ayah-bg)!important;box-shadow:0 0 16px #d4af3738;transition:all var(--transition-normal)}.islamic-pattern-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 85% 15%,rgba(212,175,55,.04) 0%,transparent 45%),radial-gradient(circle at 15% 85%,rgba(14,131,136,.04) 0%,transparent 45%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;transition:all var(--transition-fast);text-decoration:none;-webkit-user-select:none;user-select:none}.btn-primary{background:var(--emerald-gradient);color:#fff;box-shadow:0 4px 12px #0e838847}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0e838861}.btn-primary:active{transform:translateY(0)}.btn-gold{background:var(--gold-gradient);color:#070d1e;font-weight:700;box-shadow:0 4px 12px #d4af3747}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d4af376b}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--color-emerald)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.btn-danger{background:var(--color-ruby);color:#fff}.btn-icon{min-width:44px;min-height:44px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;letter-spacing:.015em;white-space:nowrap}.badge-gold{background:var(--color-gold-subtle);color:var(--color-gold);border:1px solid rgba(212,175,55,.3)}.badge-emerald{background:var(--color-emerald-subtle);color:var(--color-emerald-light);border:1px solid rgba(14,131,136,.3)}.badge-verified{background:#2eafb026;color:#2eafb0;border:1px solid rgba(46,175,176,.4)}.badge-review{background:#d9770626;color:var(--color-amber);border:1px solid rgba(217,119,6,.4)}.badge-ruby{background:#d32f2f26;color:var(--color-ruby);border:1px solid rgba(211,47,47,.4)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle)}.input-field,.select-field,select{width:100%;min-height:46px;padding:0 var(--spacing-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);max-width:100%}select.input-field,select.select-field,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:38px;cursor:pointer}[dir=rtl] select.input-field,[dir=rtl] select.select-field,[dir=rtl] select{background-position:left 14px center;padding-right:14px;padding-left:38px}@media(max-width:768px){input.input-field,select.input-field,select.select-field,select,textarea{font-size:16px!important}}.input-field:focus,.select-field:focus,select:focus{border-color:var(--color-emerald);box-shadow:0 0 0 3px #0e838833;outline:none}.search-wrapper{position:relative;width:100%}.search-wrapper .search-icon{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;pointer-events:none;color:var(--text-tertiary)}.search-wrapper .input-field{padding-inline-start:44px;padding-inline-end:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.grid-5{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr;gap:var(--spacing-sm)}.grid-4{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.grid-5{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:6px}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}@media(max-width:768px){.hide-on-mobile{display:none!important}.stack-on-mobile{flex-direction:column!important;align-items:stretch!important}.full-width-on-mobile{width:100%!important;max-width:100%!important}.text-center-on-mobile{text-align:center!important}}@media(min-width:769px){.hide-on-desktop{display:none!important}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}h1{font-size:clamp(1.35rem,5vw,1.85rem);line-height:1.25}h2{font-size:clamp(1.15rem,4vw,1.5rem);line-height:1.3}h3{font-size:clamp(1rem,3.2vw,1.25rem);line-height:1.35}@media(max-width:480px){.card{padding:14px 12px;border-radius:var(--radius-md)}.main-content{padding:12px 10px;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.btn{font-size:.88rem}.arabic-font-lg{font-size:1.7rem;line-height:2.3}.arabic-font-xl{font-size:2.1rem;line-height:2.4}}.desktop-audio-player{position:fixed;bottom:0;left:0;right:0;background:var(--player-bg);border-top:1.5px solid var(--player-border);box-shadow:var(--shadow-lg);z-index:95;padding:12px 24px;color:var(--player-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:slideUp .25s cubic-bezier(.4,0,.2,1)}.mobile-audio-mini-bar{position:fixed;bottom:calc(68px + env(safe-area-inset-bottom,0px));left:8px;right:8px;background:var(--player-bg);border:1px solid var(--player-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:88;padding:8px 12px;color:var(--player-text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;animation:slideUp .25s ease}.mobile-audio-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;flex-direction:column;justify-content:flex-end}.mobile-audio-sheet{background:var(--player-bg);border-top:1.5px solid var(--player-border);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px));color:var(--player-text);box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.minimized-audio-pill{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));inset-inline-end:16px;background:var(--player-bg);border:1.5px solid var(--color-gold);border-radius:var(--radius-full);padding:8px 16px;box-shadow:var(--shadow-lg);z-index:92;display:flex;align-items:center;gap:10px;color:var(--player-text);cursor:pointer;animation:slideUp .25s ease}.audio-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--player-slider-track);outline:none;cursor:pointer;transition:background var(--transition-fast)}.audio-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-gold);border:2px solid var(--player-bg);box-shadow:0 2px 6px #00000040;cursor:pointer;transition:transform var(--transition-fast)}.audio-range-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.audio-range-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-gold);border:2px solid var(--player-bg);box-shadow:0 2px 6px #00000040;cursor:pointer}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}