@import "https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--text:#5c6470;--text-h:#12151c;--bg:#eef1f6;--bg-elevated:#f7f9fc;--surface:#fff;--surface-2:#ffffffb8;--border:#0f172a14;--border-strong:#0f172a24;--accent:#1f8a5c;--accent-2:#2fbf78;--accent-bg:#1f8a5c1a;--accent-glow:#2fbf7847;--text-muted:#8b939e;--danger:#c24141;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 10px 30px #0f172a14;--shadow-lg:0 20px 50px #0f172a1f;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-pill:999px;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9aa3b2;--text-h:#f4f7fb;--bg:#0a0c10;--bg-elevated:#10131a;--surface:#151922;--surface-2:#151922d1;--border:#ffffff14;--border-strong:#ffffff24;--accent:#3ecf86;--accent-2:#6ee7a8;--accent-bg:#3ecf8624;--accent-glow:#3ecf8638;--text-muted:#7a8494;--danger:#f08080;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 12px 32px #00000059;--shadow-lg:0 24px 60px #00000073}}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 50% -10%, var(--accent-glow), transparent 55%), var(--bg);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button,input{font-family:inherit}input{outline:none}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{flex-direction:column;height:100svh;display:flex;overflow:hidden}.app-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.screen{width:100%;max-width:480px;padding:12px 18px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}.screen-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.5rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tab-bar{margin:0 10px calc(8px + env(safe-area-inset-bottom));border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);gap:4px;padding:6px;display:flex}.tab-button{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;font-size:10px;font-weight:600;transition:background .2s,color .2s,transform .15s;display:flex}.tab-button.active{color:var(--text-h);background:var(--surface);box-shadow:var(--shadow-sm)}.tab-button:active{transform:scale(.97)}.tab-icon{font-size:18px;line-height:1}.toggle{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-elevated);cursor:pointer;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .2s,border-color .2s;position:relative}.toggle.on{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000}.toggle.sm{width:40px;height:24px}.toggle-thumb{width:22px;height:22px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.sm .toggle-thumb{width:18px;height:18px}.toggle.on .toggle-thumb{transform:translate(20px)}.toggle.sm.on .toggle-thumb{transform:translate(16px)}.settings-section{margin-top:0;padding:0;overflow:hidden}.settings-section-head{border-bottom:1px solid var(--border);padding:12px 14px 10px}.settings-section-title{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:700}.settings-section-hint{color:var(--text-muted);margin:4px 0 0;font-size:12px;line-height:1.4}.settings-section-body{padding:4px 14px 12px}.settings-section h2{color:var(--text-h);margin:0 0 4px;font-size:1rem;font-weight:700}.settings-dashboard{flex-direction:column;gap:10px;padding-top:4px;display:flex}.settings-screen-header{padding-bottom:0}.settings-toggle-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.settings-section-body>.settings-toggle-item:last-child,.settings-subgroup>.settings-toggle-item:last-child{border-bottom:none}.settings-toggle-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-toggle-label{color:var(--text-h);font-size:14px;font-weight:600}.settings-toggle-desc{color:var(--text-muted);font-size:12px;line-height:1.35}.settings-subgroup{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.settings-subgroup-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:700}.settings-choice-list{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:0;list-style:none;overflow:hidden}.settings-choice-item{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);text-align:start;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.settings-choice-item:last-child{border-bottom:none}.settings-choice-item.selected{background:var(--accent-bg);color:var(--accent);font-weight:600}.settings-choice-item:active{opacity:.85}.settings-chip-row{flex-wrap:wrap;gap:6px;display:flex}.settings-chip{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:var(--radius-pill);cursor:pointer;padding:7px 12px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.settings-chip.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.settings-prayer-grid{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.settings-prayer-grid-item{border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.settings-prayer-grid-item:nth-child(2n){border-right:none}.settings-prayer-grid-item:nth-last-child(-n+2){border-bottom:none}.settings-prayer-grid-name{color:var(--text-h);font-size:13px;font-weight:600}.settings-footnote{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.settings-link-btn{margin-top:10px;font-size:13px}.settings-row,.settings-toggle-row{cursor:default}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settings-toggle-row{pointer-events:none}.settings-toggle-row .toggle{pointer-events:auto}.section-label{margin-top:14px;margin-bottom:0;font-weight:600}.adhan-note{border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--border);padding:10px 12px;line-height:1.45}.next-prayer-card{padding:14px 16px}.screen-header{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.reciter-label{color:var(--text);font-size:14px}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px;font-size:22px;line-height:1}.stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.mic-button{border:1px solid var(--border);background:linear-gradient(145deg, var(--accent-bg), var(--surface));width:168px;height:168px;color:var(--accent);cursor:pointer;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;font-size:64px;transition:transform .15s,box-shadow .2s;display:flex}.mic-button.listening{background:linear-gradient(145deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.mic-button:active{transform:scale(.96)}.mic-button.listening{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-bg)}50%{box-shadow:0 0 0 22px var(--accent-bg)}}.status{color:var(--text-h);max-width:320px;min-height:24px;font-size:16px}.hint{color:var(--text);font-size:13px}.error{color:var(--danger);max-width:320px;font-size:14px}.now-playing{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:8px;width:100%;padding:28px 22px;display:flex}.surah-arabic{color:var(--text-h);font-size:32px}.surah-english{color:var(--text);font-size:18px}.player-controls{gap:12px;margin-top:16px;display:flex}.control-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);padding:12px 18px;font-size:15px;font-weight:600;transition:transform .15s,background .15s}.control-button:active{transform:scale(.98)}.control-button.primary,.text-search button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.control-button.danger{color:var(--danger);border-color:var(--danger)}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:8px;font-size:15px}.back-button{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;font-size:16px;font-weight:600;display:flex}.back-arrow{font-size:20px;line-height:1}.text-search{gap:8px;padding-top:16px;display:flex}.text-search input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);box-shadow:var(--shadow-sm);flex:1;padding:12px 14px;font-size:15px}.text-search button{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 18px;font-size:15px;font-weight:600}.settings-screen section{margin-top:0}.settings-screen h2{color:var(--text-h);margin:0 0 4px;font-size:16px}.option-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.option-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:15px;transition:border-color .15s,background .15s,transform .15s;display:flex}.option-row:active{transform:scale(.99)}.option-row.selected{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent-bg)}.check{color:var(--accent);font-weight:700}.prayer-setup{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:24px;display:flex}.prayer-screen{padding-top:4px}.prayer-screen-header{padding-bottom:0}.prayer-change-loc{flex-shrink:0;padding:4px 0;font-size:13px}.prayer-dashboard{flex-direction:column;gap:10px;padding-top:4px;display:flex}.prayer-hero{background:linear-gradient(145deg, var(--accent-bg) 0%, var(--surface) 100%);border-color:color-mix(in srgb, var(--accent) 25%, var(--border));padding:14px 16px}.prayer-hero-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prayer-hero-location{color:var(--text-h);font-size:14px;font-weight:600}.prayer-hero-hijri{color:var(--text-muted);font-size:12px;font-weight:500}.prayer-hero-next{border-top:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));margin-top:12px;padding-top:12px}.prayer-hero-next-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.prayer-hero-countdown{letter-spacing:-.03em;color:var(--accent);margin:4px 0 0;font-size:1.75rem;font-weight:700;line-height:1.15}.prayer-schedule{padding:0;overflow:hidden}.prayer-schedule-head{border-bottom:1px solid var(--border);padding:12px 16px 8px}.prayer-schedule-title{color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:14px;font-weight:700}.prayer-schedule-list{margin:0;padding:0;list-style:none}.prayer-item{border-bottom:1px solid var(--border)}.prayer-item:last-child{border-bottom:none}.prayer-item-next{background:color-mix(in srgb, var(--accent-bg) 70%, var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.prayer-item-main{justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.prayer-item-info{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.prayer-item-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.prayer-item-text{min-width:0}.prayer-item-name{color:var(--text-h);font-size:15px;font-weight:600;display:block}.prayer-item-next .prayer-item-name{color:var(--accent)}.prayer-sunnah-chips{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.prayer-sunnah-chip{border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-2,var(--accent-bg));border:1px solid var(--border);white-space:nowrap;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.prayer-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.prayer-item-time{font-variant-numeric:tabular-nums;color:var(--text-h);text-align:end;min-width:3.2em;font-size:15px;font-weight:700}.prayer-item-next .prayer-item-time{color:var(--accent)}.prayer-tools{padding:12px 14px}.prayer-tool-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.prayer-tool-label{flex-direction:column;gap:2px;min-width:0;display:flex}.prayer-tool-name{color:var(--text-h);font-size:14px;font-weight:600}.prayer-tool-desc{color:var(--text-muted);font-size:12px;line-height:1.35}.prayer-tools-status,.prayer-tools-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.prayer-extras{flex-direction:column;gap:10px;display:flex}.prayer-extras .card-section{margin-top:0}.prayer-extras .islamic-dates-section .hint:first-of-type{margin-bottom:8px}.ramadan-times-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.ramadan-time-pill{border-radius:var(--radius-sm);background:var(--accent-bg);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.ramadan-time-label{color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.2}.taraweeh-block{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.taraweeh-block .section-label{margin-top:0}.prayer-list{flex-direction:column;gap:12px;padding-top:12px;display:flex}.hijri-date{text-align:center}.location-label{text-align:center;color:var(--text-h);font-size:15px;font-weight:600}.next-prayer-banner{text-align:center;color:var(--accent);font-size:15px;font-weight:600}.prayer-row{cursor:default}.prayer-row-end{align-items:center;gap:10px;display:flex}.location-form{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.location-form input,.azkar-search{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);box-shadow:var(--shadow-sm);padding:12px 14px;font-size:15px}.azkar-search{width:100%;margin-top:8px}.adhan-play-btn{border-radius:var(--radius-sm);background:var(--accent-bg);cursor:pointer;border:none;padding:6px 8px;font-size:16px;line-height:1;transition:opacity .15s,transform .15s}.adhan-play-btn.muted{opacity:.45}.adhan-play-btn:active{transform:scale(.95)}.prayer-name{font-weight:600}.prayer-time{color:var(--text);font-size:14px}.prayer-row.selected .prayer-time{color:var(--accent)}.qibla-enable-block{flex-direction:column;align-items:stretch;gap:8px;display:flex}.qibla-enable-block .control-button{align-self:flex-start}.azkar-pinned{flex-wrap:wrap;gap:8px;padding:8px 0 4px;display:flex}.azkar-pin{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.azkar-pin.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.azkar-full-list{flex:1;margin-top:4px;overflow-y:auto}.azkar-section-title{color:var(--text-h);margin:4px 0 12px;font-size:17px}.azkar-items{flex-direction:column;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.azkar-card{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);text-align:start;cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.azkar-card:active{transform:scale(.99)}.azkar-card.complete{border-color:var(--accent);background:var(--accent-bg)}.azkar-arabic{color:var(--text-h);font-size:19px;line-height:1.7}.azkar-translation{color:var(--text);text-align:left;direction:ltr;font-size:13px}.azkar-counter{color:var(--accent);align-self:flex-end;font-size:13px;font-weight:600}.recording-player{width:100%}.recording-badge{color:var(--text);font-size:12px}.recording-badge.yes{color:var(--accent);font-weight:600}.app-content:has(.mushaf-screen){overflow:hidden}.read-quran-screen.mushaf-screen{flex:1;max-width:100%;min-height:0;padding:2px 6px 0;overflow:hidden}.mushaf-screen{gap:0}.mushaf-screen .screen-header{flex-shrink:0;padding:2px 0 4px}.mushaf-header{flex-shrink:0}.mushaf-header-page{color:var(--text-muted);font-size:13px;font-weight:600}.mushaf-title-block{text-align:center;flex-shrink:0;padding:0 0 4px}.mushaf-title-compact .mushaf-title{font-size:1rem;line-height:1.25}.mushaf-title{color:var(--text-h);margin:0;font-size:1.1rem;font-weight:700}.mushaf-meta-line{margin:2px 0 0;font-size:12px;line-height:1.35}.mushaf-meta-line .mushaf-juz-badge,.mushaf-juz-badge{font-size:inherit;color:var(--accent);margin:0;font-weight:600;display:inline}.mushaf-viewport{touch-action:pan-y;flex:1;align-items:stretch;min-height:0;padding:2px 0 4px;display:flex}.mushaf-page{color:#1c1712;direction:rtl;background:linear-gradient(165deg,#faf6ee 0%,#f3ebdc 100%);border:1px solid #e8dcc8;border-radius:8px;flex-direction:column;flex:1;min-height:0;max-height:100%;margin:0;padding:10px 8px 6px;display:flex;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc}.mushaf-page .quran-ayah{color:#1c1712}.mushaf-page .quran-ayah-number{color:#2d6a4f}.mushaf-page .quran-surah-divider{color:#2d6a4f;text-align:center;text-align-last:center;border-top-color:#e0d4c0}.mushaf-page.mushaf-theme-sepia{color:#3d3428;background:linear-gradient(165deg,#f4ecd8 0%,#e8dcc4 100%);border-color:#d4c4a8}.mushaf-page.mushaf-theme-sepia .mushaf-line,.mushaf-page.mushaf-theme-sepia .quran-ayah{color:#3d3428}.mushaf-page.mushaf-theme-sepia .mushaf-line-header,.mushaf-page.mushaf-theme-sepia .mushaf-line-basmala,.mushaf-page.mushaf-theme-sepia .quran-surah-divider{color:#4a6741}.mushaf-page.mushaf-theme-night{color:#d4c4a8;background:linear-gradient(165deg,#1e1a16 0%,#14110e 100%);border-color:#3d3428;box-shadow:0 2px 12px #0006}.mushaf-page.mushaf-theme-night .mushaf-line,.mushaf-page.mushaf-theme-night .quran-ayah{color:#d4c4a8}.mushaf-page.mushaf-theme-night .mushaf-line-header,.mushaf-page.mushaf-theme-night .mushaf-line-basmala,.mushaf-page.mushaf-theme-night .quran-surah-divider,.mushaf-page.mushaf-theme-night .quran-ayah-number{color:#8fbc8f}.mushaf-page.mushaf-theme-night .mushaf-page-number{color:#9a8b72;border-top-color:#3d3428}.mushaf-page.mushaf-theme-night .mushaf-line-hidden,.mushaf-page.mushaf-theme-night .mushaf-ayah-hidden{background:#2a241c}.mushaf-page.mushaf-theme-night .mushaf-translation,.mushaf-page.mushaf-theme-night .mushaf-line-translations{color:#a89b82;border-top-color:#3d3428}.mushaf-page.mushaf-qcf .mushaf-line{letter-spacing:0;font-feature-settings:normal;font-family:inherit}.mushaf-page.mushaf-qcf .mushaf-line-basmala,.mushaf-page.mushaf-qcf .mushaf-line-header{letter-spacing:normal;font-feature-settings:"liga" 1, "calt" 1;font-family:Amiri,Scheherazade New,serif!important}.mushaf-page.mushaf-qcf .mushaf-line-basmala{letter-spacing:.02em;word-spacing:.12em;font-size:1.05em}.mushaf-page-number{text-align:center;color:#6b5c45;border-top:1px solid #e0d4c0;flex-shrink:0;margin-top:4px;padding-top:4px;font-size:12px;font-weight:600}.mushaf-page-inner{flex:1;min-height:0;overflow-y:auto}.mushaf-ayah{font-size:21px;line-height:2.15}.mushaf-surah-divider{color:#2d6a4f;text-align:center;text-align-last:center;margin-top:12px}.mushaf-nav{border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:6px 0 2px;display:grid}.mushaf-nav-btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600}.mushaf-nav-btn:first-child{justify-self:start}.mushaf-nav-btn:last-child{justify-self:end}.mushaf-nav-btn:disabled{opacity:.35;cursor:not-allowed}.mushaf-nav-meta{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:12px;font-weight:600}.read-surah-meta{text-align:center;margin-top:-4px}.quran-reader{text-align:justify;direction:rtl;flex:1;min-height:0;margin-top:12px;padding:4px 2px 16px;overflow-y:auto}.quran-ayah{color:var(--text-h);font-size:22px;line-height:2.2}.quran-ayah-number{color:var(--accent);white-space:nowrap;font-size:16px;font-weight:600}.quran-surah-divider{border-top:1px solid var(--border);text-align:center;width:100%;color:var(--accent);margin:20px 0 8px;padding:10px 0 6px;font-size:16px;font-weight:600;display:block}.quran-surah-divider:first-child{border-top:none;margin-top:0;padding-top:0}.khitma-screen{min-height:0}.khitma-name-section{margin-bottom:8px}.khitma-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.khitma-actions .control-button{flex:1;min-width:140px}.khitma-form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.khitma-progress{margin:8px 0 12px}.khitma-progress-bar{background:var(--border);border-radius:999px;height:8px;margin-bottom:6px;overflow:hidden}.khitma-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.khitma-juz-row.selected{border-color:var(--accent);background:var(--accent-bg)}.khitma-juz-meta{align-items:center;gap:8px;display:flex}.danger-text{color:var(--danger);text-align:center;width:100%;margin-top:16px}.mushaf-toolbar{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:0 0 4px;display:flex}.mushaf-tool{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-h);border-radius:var(--radius-pill);padding:4px 8px;font-size:11px;font-weight:600}.mushaf-screen .mushaf-reader-tip,.mushaf-screen .mushaf-toolbar-hint{display:none}.mushaf-tool.active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.mushaf-subtitle{margin:0}.mushaf-juz-badge{text-align:center;color:var(--accent);margin:4px 0 0;font-size:13px;font-weight:600}.ayah-actions-juz{text-align:center;color:var(--accent);margin:-4px 0 8px;font-weight:600}.juz-meta-badge{color:var(--accent);font-weight:600}.mushaf-scope-progress{text-align:center;margin:0}.mushaf-font-small .mushaf-ayah,.mushaf-font-small .mushaf-line{font-size:18px;line-height:1.9}.mushaf-font-medium .mushaf-ayah,.mushaf-font-medium .mushaf-line{font-size:21px;line-height:2.1}.mushaf-font-large .mushaf-ayah,.mushaf-font-large .mushaf-line{font-size:26px;line-height:2.2}.mushaf-line{color:#1c1712;min-height:1.6em;margin-bottom:4px;font-family:Amiri,Scheherazade New,serif}.mushaf-line-text{text-align:justify;text-align-last:justify;cursor:pointer;white-space:normal;word-spacing:normal;letter-spacing:normal;font-feature-settings:"liga" 1, "calt" 1;padding:2px 0;line-height:2}.mushaf-line-active{background:#2fbf7838;border-radius:4px}.mushaf-line-hidden{-webkit-user-select:none;user-select:none;background:#e8dcc8;border-radius:4px;min-height:2em;color:#0000!important}.mushaf-line-hidden:after{content:"•••";color:#b8a88a;letter-spacing:.2em}.mushaf-line-header{text-align:center;text-align-last:center;color:#2d6a4f;margin:8px 0;font-weight:700}.mushaf-line-basmala{text-align:center;text-align-last:center;color:#2d6a4f;margin-bottom:8px}.mushaf-word{cursor:pointer}.mushaf-word-active,.mushaf-ayah-active{background:#2fbf7840;border-radius:4px}.mushaf-word-hidden,.mushaf-ayah-hidden{-webkit-user-select:none;user-select:none;background:#e8dcc8;border-radius:4px;color:#0000!important}.mushaf-translation{text-align:left;font-family:var(--sans);color:#4a5568;direction:ltr;margin:6px 0 12px;font-size:14px;line-height:1.5;display:block}.mushaf-line-translations{border-top:1px dashed #e0d4c0;margin-top:6px;padding-top:6px}.mushaf-line-translations .mushaf-translation{margin:4px 0 0}.mushaf-toolbar-hint{width:100%;margin:0;font-size:12px}.mushaf-translation-inline{text-align:left;font-family:var(--sans);color:#4a5568;direction:ltr;margin-top:4px;font-size:13px;line-height:1.45;display:block}.ayah-actions-sheet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:20;padding:16px;position:fixed;inset:auto 12px 80px}.ayah-actions-buttons{flex-direction:column;gap:8px;display:flex}.ayah-listen-btn{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:700}.ayah-tafsir-block{max-height:160px;margin-bottom:12px;overflow-y:auto}.ayah-tafsir-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 4px;font-size:.75rem;font-weight:600}.ayah-tafsir-text{margin:0;font-size:.9rem;line-height:1.5}.ayah-tafsir-ar{font-family:var(--font-arabic,inherit);text-align:right}.prayer-push-card{margin:12px 0;padding:12px}.resume-card{border-radius:var(--radius-md);background:var(--accent-bg);text-align:center;margin-bottom:8px;padding:12px}.resume-card-text{margin:0 0 8px}.reader-tip{text-align:center;margin:0 0 12px;padding:0 4px}.mushaf-reader-tip{text-align:center;margin:0 0 8px}.mushaf-browse-pins{flex-wrap:wrap}.search-hit-row{flex-direction:column;gap:4px;align-items:flex-start!important}.search-hit-text{color:var(--text);text-align:start;font-size:13px}.bookmark-remove{margin-left:8px}.home-widgets{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.home-widget{appearance:none;border:1px solid var(--border);text-align:start;cursor:pointer;width:100%;padding:12px}.home-widget-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;display:block}.home-widget-value{color:var(--text-h);margin-top:4px;font-size:15px;font-weight:700;display:block}.home-widget-follow{grid-column:1/-1}.qibla-compass{text-align:center;margin-top:16px}.qibla-dial{border:2px solid var(--border);background:var(--surface);border-radius:50%;width:180px;height:180px;margin:12px auto;position:relative}.qibla-n{font-size:12px;font-weight:700;position:absolute;top:8px;left:50%;transform:translate(-50%)}.qibla-needle{transition:transform .2s ease-out;position:absolute;inset:20px}.qibla-needle-tip{background:linear-gradient(var(--accent), var(--accent-2));border-radius:2px;width:4px;height:50%;margin:0 auto;display:block}.ramadan-section,.card-section{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);margin-top:0;padding:12px 14px}.card-section-title{margin:0 0 8px;font-size:1rem}.taraweeh-form,.khitma-assign-row{align-items:center;gap:8px;display:flex}.khitma-assign-row input[type=number]{width:64px}.khitma-reminder{color:var(--accent);font-weight:600}.wird-goal-row{gap:8px;margin-top:8px;display:flex}.compare-player{margin-top:8px}.section-label{margin-top:12px;font-weight:600}.qibla-ios-guide{text-align:left;margin-bottom:12px}.qibla-ios-title{margin-bottom:8px;font-weight:600}.qibla-ios-steps{margin:0 0 12px;padding-left:1.25rem;font-size:14px;line-height:1.5}.qibla-ios-steps li{margin-bottom:6px}.qibla-calibration{justify-content:center;gap:8px;margin:8px 0;display:flex}.qibla-cal-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:background .3s}.qibla-cal-dot.on{background:var(--accent)}.qibla-compass.qibla-aligned .qibla-dial{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.qibla-compass.qibla-aligned .qibla-needle-tip{background:linear-gradient(#22c55e,#16a34a)}.ramadan-countdown-card{background:var(--accent-bg);margin:12px 0;padding:12px}.ramadan-countdown-line{justify-content:space-between;align-items:center;margin:0 0 6px;font-size:14px;display:flex}.ramadan-countdown-primary{color:var(--text-h);font-weight:700}.islamic-dates-list{margin-top:8px}.islamic-date-row{align-items:flex-start!important}.islamic-date-name{color:var(--text-h);font-weight:600;display:block}.islamic-date-greg{font-size:12px;display:block}.islamic-date-countdown{color:var(--accent);white-space:nowrap;font-size:13px;font-weight:600}.page-dashboard,.prayer-dashboard,.settings-dashboard,.listen-dashboard{flex-direction:column;flex:1;gap:10px;min-height:0;padding-top:4px;display:flex}.page-card{padding:0;overflow:hidden}.page-card-grow{flex-direction:column;flex:1;min-height:0;display:flex}.page-card-head{border-bottom:1px solid var(--border);padding:12px 14px 10px}.page-card-body{padding:12px 14px}.page-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 8px;font-size:11px;font-weight:700}.page-card-hint{color:var(--text-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.page-card-search{border-bottom:1px solid var(--border);padding:10px 14px}.page-search{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text-h);padding:11px 14px;font-size:15px}.page-field-label{color:var(--text-muted);margin:0 0 6px;font-size:12px;font-weight:600;display:block}.page-form{flex-direction:column;gap:10px;padding:14px;display:flex}.page-detail-title{color:var(--text-h);letter-spacing:-.02em;margin:0 0 10px;font-size:1.25rem;font-weight:700}.page-empty-hint{color:var(--text-muted);text-align:center;padding:16px 14px;font-size:13px}.page-inset-list{flex:1;overflow-y:auto;gap:0!important;margin:0!important}.page-card .option-row{border:none;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:12px 14px}.page-card .option-list li:last-child .option-row{border-bottom:none}.row-chevron{color:var(--text-muted);font-size:18px;font-weight:300}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip,.azkar-pin,.settings-chip{appearance:none;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;padding:7px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip.active,.azkar-pin.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.browse-chips .chip{padding:6px 10px;font-size:11px}.bookmark-list-item{border-bottom:1px solid var(--border);align-items:center;display:flex}.bookmark-list-item .option-row{flex:1;border-bottom:none!important}.resume-card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.listen-screen{padding-bottom:6px}.listen-header-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:11px;font-weight:700}.listen-reciter{color:var(--text-h);margin:2px 0 0;font-size:15px;font-weight:600}.listen-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:20px 16px 16px;display:flex}.listen-mic-block{flex-direction:column;align-items:center;gap:10px;display:flex}.listen-end-btn{font-size:13px}.listen-status{color:var(--text-h);max-width:300px;margin:0;font-size:16px;font-weight:600;line-height:1.4}.listen-status-live{color:var(--accent)}.listen-meta{color:var(--text-muted);margin:0;font-size:13px}.listen-error{margin:0}.listen-now-playing{box-shadow:none;background:0 0;border:none;padding:0}.listen-search{align-items:center;gap:8px;padding:8px 10px 8px 14px;display:flex}.listen-search-icon{color:var(--text-muted);flex-shrink:0;font-size:18px}.listen-search input{min-width:0;color:var(--text-h);background:0 0;border:none;flex:1;padding:8px 0;font-size:15px}.listen-search-btn{appearance:none;border-radius:var(--radius-pill);cursor:pointer;border:none;flex-shrink:0;padding:9px 16px;font-size:14px;font-weight:700}.home-widget-action{appearance:none;text-align:start;cursor:pointer;width:100%}.home-widget-meta{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.home-widgets .home-widget{padding:12px 14px}.read-browse-screen,.azkar-screen,.khitma-screen{min-height:0}.azkar-detail-screen .azkar-items{flex:1}.recordings-count{margin:-4px 0 8px}.khitma-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.khitma-actions .control-button{justify-content:center;width:100%}.tab-bar{margin:0 12px calc(10px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface) 88%, transparent);gap:2px;padding:5px}.tab-button{border-radius:calc(var(--radius-lg) - 4px);color:var(--text-muted);padding:9px 2px 7px}.tab-button.active{color:var(--accent);background:var(--accent-bg)}.tab-icon{font-size:18px}.mic-shell{justify-content:center;align-items:center;width:196px;height:196px;display:flex;position:relative}.mic-ring{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:0}.mic-ring-2{opacity:.45;border-width:1px;inset:14px}.mic-shell.active .mic-ring{animation:2s ease-in-out infinite mic-ring-pulse}@keyframes mic-ring-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}.mic-shell .mic-button{z-index:1;background:linear-gradient(145deg, var(--accent), var(--accent-2));color:#fff;width:132px;height:132px;box-shadow:0 12px 32px var(--accent-glow), inset 0 1px 0 #ffffff40;border:none;font-size:52px;position:relative}.mic-shell .mic-button.listening{background:linear-gradient(145deg,#c24141,#e85d5d);animation:1.4s ease-in-out infinite mic-listen-pulse}@keyframes mic-listen-pulse{0%,to{box-shadow:0 0 #c2414159}50%{box-shadow:0 0 0 18px #c2414100}}.listen-search-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.listen-stage.card{background:linear-gradient(165deg, color-mix(in srgb, var(--accent-bg) 50%, var(--surface)) 0%, var(--surface) 100%)}.resume-card.card{padding:14px 16px}.chip.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.app-credit{text-align:center;margin-top:4px;padding:16px 14px 8px}.app-credit-text{color:var(--text-muted);margin:0;font-size:12px}.app-credit-link{color:var(--accent);margin-top:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.app-credit-link:hover{text-decoration:underline}