@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:#4b5b54;--text-h:#16221c;--bg:#f3f6f5;--bg-elevated:#fafcfb;--surface:#fff;--surface-2:#eef2f1;--border:#14282014;--border-strong:#14282024;--accent:#0f9d6a;--accent-2:#16c98d;--accent-bg:#0f9d6a1a;--accent-glow:#16c98d42;--gold:#e8a33d;--gold-2:#f6c877;--gold-bg:#e8a33d1f;--text-muted:#8b978f;--danger:#c24141;--cat-1:#2a78d6;--cat-2:#1baf7a;--cat-3:#eda100;--cat-4:#4a3aa7;--cat-5:#e34948;--cat-6:#e87ba4;--cat-7:#eb6834;--shadow-sm:0 1px 2px #14231c0f;--shadow-md:0 8px 20px -6px #14231c24, 0 2px 6px #14231c0f;--shadow-lg:0 22px 44px -12px #14231c38;--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:#a9beb2;--text-h:#f1f7f3;--bg:#10201a;--bg-elevated:#142822;--surface:#16281f;--surface-2:#1b3226;--border:#e6f6ee14;--border-strong:#e6f6ee24;--accent:#22c58f;--accent-2:#57e0ac;--accent-bg:#22c58f24;--accent-glow:#57e0ac38;--gold:#f0b352;--gold-2:#ffd48c;--gold-bg:#f0b35224;--text-muted:#6f8579;--danger:#f08080;--cat-1:#3987e5;--cat-2:#199e70;--cat-3:#c98500;--cat-4:#9085e9;--cat-5:#e66767;--cat-6:#d55181;--cat-7:#d95926;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 20px -6px #00000073, 0 2px 6px #0000004d;--shadow-lg:0 22px 44px -12px #0000008c}}:root[data-theme=light]{--text:#4b5b54;--text-h:#16221c;--bg:#f3f6f5;--bg-elevated:#fafcfb;--surface:#fff;--surface-2:#eef2f1;--border:#14282014;--border-strong:#14282024;--accent:#0f9d6a;--accent-2:#16c98d;--accent-bg:#0f9d6a1a;--accent-glow:#16c98d42;--gold:#e8a33d;--gold-2:#f6c877;--gold-bg:#e8a33d1f;--text-muted:#8b978f;--danger:#c24141;--cat-1:#2a78d6;--cat-2:#1baf7a;--cat-3:#eda100;--cat-4:#4a3aa7;--cat-5:#e34948;--cat-6:#e87ba4;--cat-7:#eb6834;--shadow-sm:0 1px 2px #14231c0f;--shadow-md:0 8px 20px -6px #14231c24, 0 2px 6px #14231c0f;--shadow-lg:0 22px 44px -12px #14231c38}:root[data-theme=dark]{--text:#a9beb2;--text-h:#f1f7f3;--bg:#10201a;--bg-elevated:#142822;--surface:#16281f;--surface-2:#1b3226;--border:#e6f6ee14;--border-strong:#e6f6ee24;--accent:#22c58f;--accent-2:#57e0ac;--accent-bg:#22c58f24;--accent-glow:#57e0ac38;--gold:#f0b352;--gold-2:#ffd48c;--gold-bg:#f0b35224;--text-muted:#6f8579;--danger:#f08080;--cat-1:#3987e5;--cat-2:#199e70;--cat-3:#c98500;--cat-4:#9085e9;--cat-5:#e66767;--cat-6:#d55181;--cat-7:#d95926;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 20px -6px #00000073, 0 2px 6px #0000004d;--shadow-lg:0 22px 44px -12px #0000008c}:root.ramadan-theme{--text:#c9c2b0;--text-h:#f7ecd1;--bg:#0a1628;--bg-elevated:#0f2036;--surface:#122840;--surface-2:#122840d1;--border:#f5d78729;--border-strong:#f5d78742;--accent:#e0a938;--accent-2:#f5d787;--accent-bg:#e0a93829;--accent-glow:#f5d7874d;--text-muted:#9c9483;--danger:#e2685f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 12px 32px #00000073;--shadow-lg:0 24px 60px #0000008c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{-webkit-tap-highlight-color:transparent;background:radial-gradient(1200px 500px at 50% -10%, var(--accent-glow), transparent 55%), var(--bg);margin:0}:root.ramadan-theme body{background-color:#0000;background-image:url(/ramadan-moon.svg),url(/ramadan-skyline.svg),radial-gradient(1.5px 1.5px at 12% 12%,#f5d787e6,#0000 60%),radial-gradient(1px 1px at 28% 22%,#f5d787b3,#0000 60%),radial-gradient(1.5px 1.5px at 46% 9%,#f5d787cc,#0000 60%),radial-gradient(1px 1px at 62% 34%,#f5d78799,#0000 60%),radial-gradient(1.5px 1.5px at 78% 40%,#f5d787d9,#0000 60%),radial-gradient(1px 1px at 18% 44%,#f5d78799,#0000 60%),radial-gradient(1px 1px at 8% 28%,#f5d78780,#0000 60%),radial-gradient(1.5px 1.5px at 35% 30%,#f5d787b3,#0000 60%),radial-gradient(1200px 500px at 50% -8%,#f5d78729,#0000 60%),linear-gradient(#0a1628 0%,#123045 55%,#0a1628 100%);background-position:right 6% top 5%,bottom,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat,no-repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:180px 180px,100% 240px,auto,auto,auto,auto,auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box}#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}.global-topbar{padding:calc(6px + env(safe-area-inset-top)) 14px 4px;z-index:2;flex-shrink:0;justify-content:flex-end;gap:8px;display:flex;position:relative}.global-settings-btn{border:1px solid var(--border);background:var(--surface-2);-webkit-backdrop-filter:blur(16px);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.global-icon-img{object-fit:contain;width:20px;height:20px;display:block}.global-settings-btn:active{transform:scale(.95)}.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)}.now-playing-bar{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);flex-shrink:0;align-items:center;gap:10px;margin:0 10px 6px;padding:9px 8px 9px 14px;display:flex}.now-playing-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:13px;font-weight:600;overflow:hidden}.now-playing-stop{width:30px;height:30px;color:var(--accent);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.now-playing-stop-icon{width:22px;height:22px}.tab-bar-wrap{margin:0 10px calc(8px + env(safe-area-inset-bottom));position:relative}.tab-bar{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:2px;padding:6px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-button{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:52px;align-items:center;gap:2px;min-width:52px;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:disabled{opacity:.5;cursor:default}.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:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px 14px 10px;display:flex}.settings-section-head.collapsed{border-bottom:none}.settings-section-chevron{color:var(--text-muted);flex-shrink:0;font-size:18px;font-weight:300;transition:transform .2s}.settings-section-chevron.open{transform:rotate(180deg)}.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-list.settings-choice-list-scroll{max-height:50vh;overflow-y:auto}.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-choice-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.settings-choice-avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0;width:32px;height:32px}.settings-choice-avatar-fallback{background:var(--accent-bg);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-choice-avatar-icon{width:15px;height:15px}.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;display:block}.bug-report-form{flex-direction:column;gap:10px;display:flex}.bug-report-textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.bug-report-email{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);padding:10px 12px;font-family:inherit;font-size:14px}.bug-report-submit{align-self:flex-start}.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{z-index:1;justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:relative}.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}.mic-icon{width:56px;height:56px}.mic-stop-dot{background:currentColor;border-radius:50%;width:46px;height:46px}@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}.success{color:var(--accent);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);align-items:center;font-weight:700;display:flex}.check-icon{width:16px;height:16px}.prayer-setup{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:24px;display:flex}.prayer-use-location-btn{justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;padding:15px 20px;font-size:16px;display:flex}.prayer-use-location-icon{flex-shrink:0;width:18px;height:18px}.prayer-screen{padding-top:4px}.prayer-screen-header{justify-content:flex-end;padding-bottom:0}.chat-clear-header{justify-content:flex-end}.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-times-source{opacity:.85;margin:6px 0 0;font-size:11px}.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{background:var(--surface-2);width:32px;height:32px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.prayer-item-icon-svg{width:16px;height:16px}.prayer-item-next .prayer-item-icon{background:var(--accent-bg);color:var(--accent)}.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-item-shorouq{background:color-mix(in srgb, var(--surface-2) 45%, transparent)}.prayer-item-shorouq .prayer-item-main{padding-top:7px;padding-bottom:7px}.prayer-item-shorouq .prayer-item-name{color:var(--text-muted);font-size:12.5px;font-weight:500}.prayer-item-shorouq .prayer-item-time{color:var(--text-muted);font-size:12.5px;font-weight:600}.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-early-reminder-chips{margin:8px 0 4px}.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}.compare-reciter-select{margin-bottom: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{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 8px 4px;display:flex}.qibla-enable-block .hint{margin:0}.qibla-enable-block .control-button{align-self:center;margin-top:4px;padding:13px 28px}.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,.mushaf-page.mushaf-theme-sepia .mushaf-ayah-marker{color:#4a6741}.mushaf-page.mushaf-theme-sepia .mushaf-surah-frame{border-color:#4a6741}.mushaf-page.mushaf-theme-sepia .mushaf-surah-frame-corner{background:#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,.mushaf-page.mushaf-theme-night .mushaf-ayah-marker{color:#8fbc8f}.mushaf-page.mushaf-theme-night .mushaf-surah-frame{border-color:#8fbc8f}.mushaf-page.mushaf-theme-night .mushaf-surah-frame-corner{background:#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:1.9}.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:1.95}.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-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.7}.mushaf-font-medium .mushaf-ayah,.mushaf-font-medium .mushaf-line{font-size:21px;line-height:1.85}.mushaf-font-large .mushaf-ayah,.mushaf-font-large .mushaf-line{font-size:26px;line-height:1.95}.mushaf-line{color:#1c1712;min-height:1.4em;margin-bottom:2px;font-family:Amiri,Scheherazade New,serif}.mushaf-line-text{text-align:start;text-align-last:start;cursor:pointer;white-space:normal;word-spacing:normal;letter-spacing:normal;font-feature-settings:"liga" 1, "calt" 1;padding:1px 0;line-height:1.85}.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:0;font-weight:700}.mushaf-surah-frame{text-align:center;border:1.5px solid #2d6a4f;border-radius:6px;margin:10px 6px 14px;padding:8px 22px;position:relative}.mushaf-surah-frame-corner{background:#2d6a4f;width:7px;height:7px;position:absolute;transform:rotate(45deg)}.mushaf-surah-frame-corner-tl{top:-4.5px;left:-4.5px}.mushaf-surah-frame-corner-tr{top:-4.5px;right:-4.5px}.mushaf-surah-frame-corner-bl{bottom:-4.5px;left:-4.5px}.mushaf-surah-frame-corner-br{bottom:-4.5px;right:-4.5px}.mushaf-ayah-marker{color:#2d6a4f;font-feature-settings:normal;vertical-align:middle;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.3em;height:1.3em;margin:0 .12em;font-family:Amiri,Scheherazade New,serif;font-size:.6em;font-weight:700;line-height:1;display:inline-flex}.mushaf-ayah-marker-active{background:#2fbf7840}.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-listen-to-end-btn{font-weight:600}.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-datetime{text-align:center;margin:2px 0 14px;position:relative}.home-datetime-time{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 10px #0000008c;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;display:block}.home-datetime-date{color:#f6faf7d9;text-shadow:0 1px 8px #00000080;margin-top:2px;font-size:13px;display:block}.prayer-hero-card{appearance:none;cursor:pointer;text-align:start;border-radius:var(--radius-lg);background:linear-gradient(150deg, var(--accent) 0%, color-mix(in srgb, var(--accent-2) 55%, var(--accent) 45%) 100%);width:100%;box-shadow:var(--shadow-lg);color:#fff;border:none;margin-bottom:12px;padding:16px 18px 14px;position:relative;overflow:hidden}.prayer-hero-card-static{cursor:default;margin-bottom:0}.prayer-hero-card:before{content:"";pointer-events:none;background:linear-gradient(165deg,#0000000d 0%,#0000003d 100%);position:absolute;inset:0}.prayer-hero-card:after{content:"";pointer-events:none;background:radial-gradient(160px 160px at 88% -10%,#ffffff47,#0000 65%);position:absolute;inset:0}.prayer-hero-top{justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.prayer-hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.92;text-shadow:0 1px 4px #0000004d;font-size:11px;font-weight:700}.prayer-hero-loc{opacity:.92;text-shadow:0 1px 4px #0000004d;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:flex}.prayer-hero-loc-icon{width:12px;height:12px}.prayer-hero-main{align-items:center;gap:16px;margin-top:10px;display:flex;position:relative}.ring-wrap{flex-shrink:0;width:76px;height:76px;position:relative}.ring-track{background:conic-gradient(#fff var(--ring-pct,0deg), #ffffff47 var(--ring-pct,0deg) 360deg);border-radius:50%;width:100%;height:100%;padding:5px}.ring-inner{background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ring-inner-icon{color:#fff;width:24px;height:24px}.prayer-hero-info{min-width:0}.prayer-hero-name{text-transform:uppercase;letter-spacing:.04em;opacity:.85;text-shadow:0 1px 4px #0000004d;font-size:13px;font-weight:700}.prayer-hero-countdown{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #0000004d;margin-top:2px;font-size:27px;font-weight:800}.home-widgets{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.home-widgets::-webkit-scrollbar{display:none}.home-chip{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);width:108px;box-shadow:var(--shadow-sm);cursor:pointer;text-align:start;appearance:none;flex-direction:column;flex:none;align-items:flex-start;gap:6px;padding:10px;display:flex}.home-chip-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.home-chip-icon svg{width:14px;height:14px}.home-chip-icon-img{object-fit:contain;width:15px;height:15px}.home-chip-label{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9.5px;font-weight:700;overflow:hidden}.home-chip-value{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.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{--qibla-needle-a:var(--accent-2);--qibla-needle-b:var(--accent);width:220px;height:220px;filter:drop-shadow(var(--shadow-md));margin:12px auto;position:relative}.qibla-dial-face,.qibla-needle-svg{width:100%;height:100%;position:absolute;inset:0}.qibla-needle-svg{transition:transform .25s ease-out}.qibla-dial-center{background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qibla-compass.qibla-aligned .qibla-dial{--qibla-needle-a:#4ade80;--qibla-needle-b:#16a34a}.qibla-dial:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#4ade8066,#0000 70%);border-radius:50%;transition:opacity .3s;position:absolute;inset:-8px}.qibla-compass.qibla-aligned .qibla-dial:before{opacity:1;animation:1.8s ease-in-out infinite qiblaGlowPulse}@keyframes qiblaGlowPulse{0%,to{opacity:.6;transform:scale(.97)}50%{opacity:1;transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.qibla-compass.qibla-aligned .qibla-dial:before{opacity:.85;animation:none}}.qibla-meta{color:var(--text);margin:10px 0 0;font-size:14px;font-weight:600}.qibla-meta-aligned{color:#16a34a;align-items:center;gap:6px;display:inline-flex}.qibla-meta-check{width:16px;height:16px}.qibla-degree-chip{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text-muted);margin:8px 0 0;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.qibla-stats-card{flex-direction:column;gap:12px;display:flex}.qibla-stat{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.qibla-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:11px;font-weight:600}.qibla-stat-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.qibla-stat-value-location{align-items:center;gap:4px;font-size:14px;display:flex}.qibla-stat-loc-icon{width:14px;height:14px;color:var(--accent);flex-shrink:0}.qibla-stats-row{align-items:stretch;gap:14px;display:flex}.qibla-stats-row .qibla-stat{text-align:center;align-items:center}.qibla-stat-divider{background:var(--border);align-self:stretch;width:1px}.qibla-empty-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.qibla-empty-icon{width:38px;height:38px;color:var(--text-muted);margin-bottom:2px}.qibla-empty-title{color:var(--text-h);margin:0;font-size:16px;font-weight:700}.qibla-empty-card .hint{margin:0 0 8px}.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}.card-section-head-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-section-head-row .card-section-title{margin:0}.islamic-dates-calendar-link{white-space:nowrap;padding:0;font-size:12px}.taraweeh-form,.khitma-assign-row{align-items:center;gap:8px;display:flex}.khitma-assign-row input[type=number]{width:64px}.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:start;flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.qibla-ios-title{margin-bottom:8px;font-weight:600}.qibla-ios-steps{align-self:stretch;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-calibrate-guide{flex-direction:column;align-items:center;gap:4px;margin-top:6px;display:flex}.qibla-figure8-svg{width:120px;height:80px}.qibla-figure8-phone{offset-path:path("M 50,50 A 20,20 0 1 1 90,50 A 20,20 0 1 1 50,50 A 20,20 0 1 0 10,50 A 20,20 0 1 0 50,50 Z");offset-rotate:0deg;animation:3.2s linear infinite qiblaFigure8Move}@keyframes qiblaFigure8Move{0%{offset-distance:0%}to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.qibla-figure8-phone{animation:none}}.ramadan-section .card-section-title{align-items:center;gap:6px;display:flex}.ramadan-section-lantern{flex-shrink:0}.ramadan-ring-hero{justify-content:center;padding:6px 0 14px;display:flex}.ramadan-ring{border-radius:50%;width:150px;height:150px;padding:7px}.ramadan-ring-inner{background:var(--bg-elevated);border:1px solid #f5d7872e;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex;box-shadow:inset 0 0 24px #e0a9381a}.ramadan-ring-time{color:#f5d787;font-variant-numeric:tabular-nums;text-shadow:0 0 18px #f5d78766;font-size:25px;font-weight:700}.ramadan-ring-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.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-top{padding:0;overflow:hidden}.listen-reciter-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:start;background:0 0;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.listen-reciter-label{color:var(--text-muted);font-size:13px}.listen-reciter-value{min-width:0;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.listen-reciter-list{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.listen-reciter-item{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);text-align:start;cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.listen-reciter-item:last-child{border-bottom:none}.listen-reciter-item.selected{background:var(--accent-bg);color:var(--accent);font-weight:600}.listen-reciter-item:active{opacity:.85}.listen-reciter-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.listen-reciter-avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex-shrink:0;width:36px;height:36px}.listen-reciter-avatar-fallback{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.listen-reciter-avatar-icon{width:17px;height:17px}.listen-reciter-row .listen-reciter-avatar,.listen-reciter-row .listen-reciter-avatar-fallback{width:28px;height:28px}.listen-reciter-row .listen-reciter-avatar-icon{width:13px;height:13px}.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;display:flex}.listen-search-icon-svg{width:16px;height:16px}.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;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.home-widget-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.home-widget-icon svg{width:16px;height:16px}.home-widget-text{flex-direction:column;flex:1;min-width:0;display:flex}.home-widget-chevron{color:var(--text-muted);flex-shrink:0;font-size:18px;font-weight:300}.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-wrap{margin:0 12px calc(10px + env(safe-area-inset-bottom))}.tab-bar{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);gap:2px;padding:6px}.tab-bar-fade{pointer-events:none;align-items:center;width:28px;display:flex;position:absolute;top:1px;bottom:1px}.tab-bar-fade-start{border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(90deg, var(--surface), transparent);justify-content:flex-start;left:1px}.tab-bar-fade-end{border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:linear-gradient(270deg, var(--surface), transparent);justify-content:flex-end;right:1px}.tab-bar-fade-chevron{width:14px;height:14px;color:var(--text-muted);opacity:.8;animation:1.6s ease-in-out infinite tab-bar-chevron-nudge}.tab-bar-fade-chevron-start{transform:scaleX(-1)}@keyframes tab-bar-chevron-nudge{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tab-bar-fade-chevron{animation:none}}.tab-button{border-radius:calc(var(--radius-lg) - 6px);color:var(--text-muted);padding:8px 2px 6px}.tab-button.active{color:var(--accent);background:var(--accent-bg)}.tab-icon{font-size:18px}.tab-icon-svg{width:19px;height:19px;display:block}.tab-icon-img{object-fit:contain;width:20px;height:20px;display:block}.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-user-count{color:var(--accent);margin:0 0 10px;font-size:12.5px;font-weight:600}.app-credit-text{color:var(--text-muted);margin:0;font-size:12px}.app-credit-link{border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);text-underline-offset:2px;align-items:center;gap:5px;margin-top:6px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.app-credit-link:active{transform:scale(.97)}.app-credit-link-icon{width:13px;height:13px}.app-credit-sadaqah{max-width:280px;color:var(--text-muted);margin:8px auto 0;font-size:11.5px;font-style:italic;line-height:1.5}.app-build-stamp{color:var(--text-muted);opacity:.6;margin:10px 0 0;font-size:10px}.prayer-push-enable-btn{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:13px}.push-status-panel{background:var(--surface-2,#ffffff0a);border:1px solid var(--border);border-radius:10px;margin-top:10px;padding:10px 12px}.push-status-title{color:var(--text-h);margin:0 0 8px;font-size:12px;font-weight:600}.push-status-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.push-status-list li{color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:flex}.push-status-list li.ok{color:var(--accent)}.push-status-list li.bad{color:var(--danger,#e55)}.push-status-detail{opacity:.85;text-transform:lowercase;margin-left:auto}.push-status-hint,.push-status-endpoint{margin:8px 0 0;font-size:12px;line-height:1.45}.push-status-error{margin:8px 0 0;font-size:12px}.push-reset-box{background:color-mix(in srgb, var(--error,#c0392b) 8%, transparent);border:1px solid color-mix(in srgb, var(--error,#c0392b) 25%, transparent);border-radius:10px;margin-top:10px;padding:10px 12px}.push-reset-title{margin:0 0 8px;font-size:13px;font-weight:600}.push-reset-steps{margin:0;padding-left:18px;font-size:12px;line-height:1.5}.push-reset-steps li+li{margin-top:6px}.push-repair-btn{width:100%;margin-top:10px}.push-status-ready{margin-top:8px;margin-bottom:0}.tasbeeh-screen{gap:16px}.tasbeeh-presets{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.tasbeeh-presets::-webkit-scrollbar{display:none}.tasbeeh-preset{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.tasbeeh-preset.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.tasbeeh-preset-wrap{flex-shrink:0;display:flex;position:relative}.tasbeeh-preset-delete{border:1px solid var(--border);background:var(--surface-2);width:18px;height:18px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.tasbeeh-preset-add{color:var(--accent);border-style:dashed}.tasbeeh-custom-form{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.tasbeeh-custom-input{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);color:var(--text);padding:10px 12px;font-size:14px}.tasbeeh-custom-form-actions{align-items:center;gap:12px;display:flex}.tasbeeh-stats{padding:14px 16px}.tasbeeh-stats-row{gap:24px;display:flex}.tasbeeh-stat{flex-direction:column;gap:2px;display:flex}.tasbeeh-stat-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.tasbeeh-stat-label{color:var(--text-muted);font-size:12px}.tasbeeh-tap{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:min(280px,78vw);padding:10px;display:flex;position:relative}.tasbeeh-tap:active{transform:scale(.97)}.tasbeeh-tap.complete{cursor:default}.tasbeeh-ring{border-radius:50%;padding:6px;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.tasbeeh-tap-inner{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:relative}.tasbeeh-arabic{text-align:center;color:var(--text-h);font-size:clamp(18px,4.5vw,24px);line-height:1.5}.tasbeeh-count{color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(44px,12vw,64px);font-weight:800;line-height:1}.tasbeeh-progress,.tasbeeh-hint{color:var(--text-muted);font-size:13px}.tasbeeh-progress{direction:ltr;unicode-bidi:embed}.tasbeeh-complete{color:var(--accent);text-align:center;max-width:200px;font-size:12px;line-height:1.35}.tasbeeh-meaning{text-align:center;color:var(--text-muted);margin:0;font-size:14px}.tasbeeh-targets{padding:14px 16px}.tasbeeh-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 10px;font-size:12px;font-weight:700}.tasbeeh-target-row{flex-wrap:wrap;gap:8px;display:flex}.tasbeeh-target-btn{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 14px;font-size:14px;font-weight:600}.tasbeeh-target-btn.active{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.tasbeeh-reset{align-self:center;min-width:160px}.tab-button .tab-label{font-size:9px}.zakat-screen{gap:12px}.zakat-form{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.zakat-field{flex-direction:column;gap:4px;display:flex}.zakat-field-label{color:var(--text-muted);font-size:13px}.zakat-input{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;padding:10px 12px;font-size:15px}.zakat-result{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.zakat-result-row{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.zakat-result-value{color:var(--text-h);font-variant-numeric:tabular-nums;font-weight:600}.zakat-due{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:2px;padding-top:8px;display:flex}.zakat-due-label{color:var(--text-muted);font-size:13px}.zakat-due-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.zakat-note,.zakat-disclaimer{text-align:center}.names-search{margin:4px 0 12px}.names-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.names-card{align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.names-number{background:var(--accent-bg);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.names-body{flex-direction:column;gap:2px;min-width:0;display:flex}.names-arabic{color:var(--text-h);margin:0;font-size:20px}.names-transliteration{color:var(--text);margin:0;font-size:14px;font-weight:600}.names-meaning{color:var(--text-muted);margin:0;font-size:13px}.calendar-screen{gap:12px}.calendar-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-nav-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.calendar-month-label{color:var(--text-h);font-size:16px;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-align:center;color:var(--text-muted);padding-bottom:4px;font-size:11px;font-weight:700}.calendar-cell{aspect-ratio:1;border-radius:var(--radius-sm,10px);border:1px solid var(--border);background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.calendar-cell-blank{background:0 0;border:none}.calendar-day-number{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.calendar-day-greg{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10px}.calendar-cell.today{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.calendar-cell.today .calendar-day-number{color:var(--accent)}.calendar-day-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.calendar-events{padding:14px 16px}.azkar-reminders{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.azkar-reminder-row{padding:4px 0}.azkar-reminder-controls{align-items:center;gap:10px;display:flex}.azkar-reminder-time{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;padding:6px 8px;font-size:13px}.azkar-reminder-time:disabled{opacity:.5}.home-launcher-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.home-launcher-tile{cursor:pointer;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 8px;display:flex;position:relative}.home-launcher-lantern{position:absolute;top:6px;right:8px}.home-launcher-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.home-launcher-icon-svg{width:19px;height:19px}.home-launcher-icon-img{object-fit:contain;width:20px;height:20px;display:block}.tint-a{background:var(--accent-bg);color:var(--accent)}.tint-b{background:var(--gold-bg);color:var(--gold)}.tint-c{background:color-mix(in srgb, var(--cat-1) 16%, var(--surface-2));color:var(--cat-1)}.tint-d{background:color-mix(in srgb, var(--cat-4) 16%, var(--surface-2));color:var(--cat-4)}.home-launcher-label{color:var(--text-h);font-size:12px;font-weight:600}.khitma-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex}.khitma-hero-title{color:var(--text-h);margin:0 0 4px;font-size:1.1rem}.khitma-ring-wrap{aspect-ratio:1;width:140px;margin:6px 0;position:relative}.khitma-ring{border-radius:50%;padding:6px;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.khitma-ring-inner{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--shadow-sm);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px;display:flex;position:relative}.khitma-ring-pct{color:var(--accent);font-size:26px;font-weight:800}.khitma-ring-label{color:var(--text-muted);text-align:center;font-size:11px}.khitma-reminder{color:var(--accent);font-weight:600}.khitma-grid-section{flex-direction:column;gap:10px;display:flex}.khitma-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:13px;font-weight:600}.khitma-grid-head{flex-direction:column;gap:8px;display:flex}.khitma-legend{flex-wrap:wrap;gap:6px 14px;display:flex}.khitma-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.khitma-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.khitma-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.khitma-tile{aspect-ratio:1;border-radius:var(--radius-sm,10px);border:1px solid var(--border);border-top:3px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;padding:3px 2px 2px;display:flex;position:relative}.khitma-tile-number{font-variant-numeric:tabular-nums;color:var(--text-h);font-size:13px;font-weight:700}.khitma-tile-check{background:var(--accent);color:#fff;width:15px;height:15px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.khitma-tile-check-svg{width:9px;height:9px}.khitma-tile-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:8px;overflow:hidden}.khitma-tile.done{background:var(--accent-bg)}.khitma-sheet-backdrop{z-index:40;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.khitma-sheet{background:var(--surface);width:100%;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-md);border-radius:20px 20px 0 0;flex-direction:column;gap:10px;display:flex}.khitma-sheet-handle{background:var(--border-strong);border-radius:2px;align-self:center;width:36px;height:4px;margin-bottom:4px}.khitma-sheet-title{color:var(--text-h);text-align:center;margin:0;font-size:1.1rem}.khitma-sheet-assign{gap:8px;display:flex}.khitma-sheet-assign input{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);min-width:0;color:var(--text);flex:1;padding:10px 12px;font-size:14px}.khitma-sheet-self-name{flex-direction:column;gap:4px;display:flex}.khitma-sheet-self-name input{border:1px solid var(--border);border-radius:var(--radius-sm,10px);background:var(--surface);color:var(--text);padding:10px 12px;font-size:14px}.khitma-sheet-done-btn{width:100%}.khitma-intro-hint{text-align:center;margin:0 0 2px}.khitma-launcher-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.khitma-launcher-tile{cursor:pointer;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 12px;display:flex}.khitma-launcher-icon{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;display:flex}.khitma-launcher-icon-svg{width:22px;height:22px}.khitma-launcher-label{color:var(--text-h);font-size:14px;font-weight:600}.khitma-launcher-desc{color:var(--text-muted);font-size:11.5px;line-height:1.35}.khitma-section-head-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.khitma-pill-button{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.khitma-pill-icon{width:13px;height:13px}.khitma-secondary-actions{flex-shrink:0;gap:8px;display:flex}.khitma-saved-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.khitma-saved-card{cursor:pointer;width:100%;color:var(--text);text-align:start;align-items:center;gap:12px;padding:14px 16px;display:flex}.khitma-saved-icon{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.khitma-saved-icon-svg{width:18px;height:18px}.khitma-saved-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.khitma-saved-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.khitma-saved-name{color:var(--text-h);font-weight:600}.khitma-saved-pct{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.khitma-saved-bar{border-radius:var(--radius-pill);background:var(--accent-bg);height:6px;display:block;overflow:hidden}.khitma-saved-bar-fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.khitma-name-row{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-color:color-mix(in srgb, var(--accent) 40%, var(--border));align-items:center;gap:12px;padding:14px 16px;display:flex}.khitma-name-icon{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.khitma-name-icon-svg{width:18px;height:18px}.khitma-name-row input{min-width:0;color:var(--text-h);background:0 0;border:none;flex:1;padding:4px 0;font-size:16px;font-weight:600}.khitma-name-hint{margin:-4px 0 0;padding:0 4px}.khitma-form-card{flex-direction:column;gap:4px;padding:14px 16px 18px;display:flex}.khitma-form-header{margin:-4px -6px 0;display:flex}.khitma-form-title{color:var(--text-h);margin:2px 0 10px;font-size:1.05rem;font-weight:700}.khitma-form{gap:10px;padding:0}.khitma-form-submit{width:100%;margin-top:4px}.khitma-danger-zone{border-top:1px solid var(--border);justify-content:center;margin-top:22px;padding-top:16px;display:flex}.listen-hint-head{cursor:pointer;text-align:start;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;display:flex}.listen-hint-title{color:var(--text-h);font-size:13px;font-weight:700}.listen-hint-list{flex-direction:column;gap:6px;margin:0;padding:0 14px 12px 30px;display:flex}.listen-hint-list li{list-style:outside}.chat-screen{gap:8px;min-height:0;overflow:hidden}.chat-disclaimer{text-align:center;margin:0 0 4px}.chat-model-info{text-align:center;opacity:.75;margin:0 0 6px;font-size:11px}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 2px;display:flex;overflow-y:auto}.chat-row{align-items:flex-end;gap:8px;display:flex}.chat-row.user{justify-content:flex-end}.chat-row.assistant{justify-content:flex-start}.chat-avatar{width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:8px;flex-shrink:0}.chat-bubble-col{flex-direction:column;gap:3px;max-width:78%;display:flex}.chat-row.user .chat-bubble-col{align-items:flex-end}.chat-row.assistant .chat-bubble-col{align-items:flex-start}.chat-bubble{border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:break-word;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5}.chat-message-tokens{color:var(--text-muted);padding:0 4px;font-size:10.5px}.chat-md-p{margin:0 0 8px}.chat-md-p:last-child{margin-bottom:0}.chat-md-list{margin:0 0 8px;padding-inline-start:20px}.chat-md-list:last-child{margin-bottom:0}.chat-md-list li{margin-bottom:2px}.chat-source{color:var(--text-muted);margin:2px 4px 0;font-size:12px;line-height:1.4}.chat-source strong{color:var(--text)}.chat-bubble.user{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-bottom-right-radius:4px}.chat-bubble.assistant{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.chat-typing{color:var(--text-muted);font-weight:700}.chat-empty-state{flex-direction:column;gap:10px;padding-bottom:4px;display:flex}.chat-memory-hint{margin:0;color:var(--text-muted);align-items:center;gap:6px;margin-inline-start:34px;font-size:12px;display:flex}.chat-memory-hint-icon{width:14px;height:14px;color:var(--gold);flex-shrink:0}.chat-suggestions-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:6px 0 0;margin-inline-start:34px;font-size:12px;font-weight:700}.chat-suggestions{flex-direction:column;gap:8px;margin-inline-start:34px;display:flex}.chat-suggestion-chip{text-align:start;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;padding:10px 14px;font-size:13.5px;line-height:1.4}.chat-suggestion-chip:active{transform:scale(.98)}.chat-error,.chat-remaining{text-align:center;margin:0}.chat-input-row{flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-input-row input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:6px 4px;font-size:15px}.chat-send-btn{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:none;flex-shrink:0;padding:10px 18px;font-weight:700}.chat-send-btn:disabled{opacity:.5;cursor:default}.ramadan-banner{border-radius:var(--radius-lg);aspect-ratio:400/220;background:linear-gradient(#1b1c2b 0%,#7a4a1f 45%,#e2a845 100%);margin-bottom:4px;position:relative;overflow:hidden;box-shadow:0 14px 30px -10px #d79b2c59}.ramadan-banner-svg{width:100%;height:100%;position:absolute;inset:0}.ramadan-banner-text{background:linear-gradient(#0000 0%,#0a1628d9 100%);padding:14px 16px;position:absolute;inset:auto 0 0}.ramadan-banner-title{color:#f7ecd1;margin:0;font-size:17px;font-weight:700}.ramadan-banner-subtitle{color:#d9cdaa;margin:2px 0 0;font-size:12px}.ramadan-banner-ring{background:conic-gradient(#f5d787 var(--ring-pct,0deg), #ffffff38 var(--ring-pct,0deg) 360deg);border-radius:50%;width:84px;height:84px;padding:5px;position:absolute;top:12px;right:12px;box-shadow:0 8px 18px -8px #0000008c}.ramadan-banner-ring-inner{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;background:#0d121cbd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;padding:0 4px;display:flex}.ramadan-banner-ring-time{color:#f7ecd1;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #f5d78766;font-size:14px;font-weight:700;line-height:1.15}.ramadan-banner-ring-label{color:#d9cdaa;text-transform:uppercase;letter-spacing:.02em;font-size:8.5px;line-height:1.15}.page-hero-bg{z-index:0;pointer-events:none;width:min(100vw,480px);height:calc(min(100vw,480px)/2.2619);display:block;position:fixed;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.page-hero-text{background:linear-gradient(#060e0b6b 0%,#0000 100%);padding:2px 2px 12px;position:relative}.page-hero-title{color:#f6faf7;letter-spacing:-.01em;text-shadow:0 2px 10px #0000008c;margin:0;font-size:21px;font-weight:800}.page-hero-subtitle{color:#f6faf7d9;text-shadow:0 1px 8px #00000080;margin:3px 0 0;font-size:12.5px}.recorder-reading-card{margin:10px 0;padding:14px 16px}.recorder-reading-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 8px;font-size:12px;font-weight:700}.recorder-reading-text{max-height:260px;overflow-y:auto}.recorder-reading-ayah{color:var(--text-h);text-align:right;margin:0;font-size:19px;line-height:2}.recorder-reading-ayah-num{color:var(--accent);font-size:13px;font-weight:700}.daily-reminder-card{flex-direction:column;gap:8px;padding:16px;display:flex}.daily-reminder-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0;font-size:12px;font-weight:700}.daily-reminder-arabic{color:var(--text-h);text-align:right;white-space:pre-line;margin:4px 0 0;font-size:20px;line-height:2}.daily-reminder-ayah{font-family:Amiri,Scheherazade New,serif;font-size:22px;line-height:2.2}.daily-reminder-translation{color:var(--text);margin:0;font-size:14.5px;line-height:1.6}.daily-reminder-ref{color:var(--text-muted);margin:0;font-size:12px}.radio-now-playing{z-index:2;box-shadow:var(--shadow-md);margin:10px 0;padding:12px 14px;position:sticky;top:4px}.radio-now-playing-title{color:var(--text-h);margin:0 0 8px;font-size:13.5px;font-weight:700}.radio-seek-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.radio-seek-time{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:center;flex-shrink:0;min-width:34px;font-size:11px}.radio-seek-bar{min-width:0;accent-color:var(--accent);flex:1}.radio-now-playing-controls{justify-content:center;align-items:center;gap:14px;display:flex}.radio-skip-btn{background:var(--accent-bg);width:34px;height:34px;color:var(--accent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.radio-skip-icon{width:18px;height:18px}.radio-now-playing-toggle{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:700;display:flex}.radio-now-playing-toggle-icon{width:16px;height:16px}.radio-station-row{flex-direction:column;align-items:flex-start;gap:4px}.radio-station-desc{color:var(--text-muted);font-size:12.5px;font-weight:400}.findmosque-row{flex-direction:column;align-items:stretch;gap:6px;text-decoration:none}.findmosque-name{color:var(--text-h);font-size:15px;font-weight:600}.findmosque-meta{justify-content:space-between;align-items:center;display:flex}.findmosque-directions{color:var(--accent);font-size:12.5px;font-weight:600}.findmosque-link-btn{justify-content:center;align-items:center;gap:8px;display:flex}.findmosque-link-icon{width:18px;height:18px;color:var(--accent)}.widget-picker-card{flex-direction:column;gap:10px;display:flex}.widget-picker-title{font-size:15px}.widget-picker-card .prayer-tool-row{border-top:1px solid var(--border);padding-top:8px}.widget-add-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-size:13px;display:flex}.widget-add-icon{width:14px;height:14px}.findmosque-google-card{text-align:center;margin:10px 0 14px;padding:16px}.findmosque-google-title{color:var(--text-h);margin:0 0 4px;font-size:14.5px;font-weight:700}.findmosque-google-desc{color:var(--text-muted);margin:0 0 12px;font-size:12.5px;line-height:1.5}.findmosque-google-btn{text-align:center;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:none;width:100%;text-decoration:none;display:inline-block}.findmosque-section-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:4px 0 8px;font-size:12px;font-weight:700}.manasek-progress-card{margin-top:12px}.manasek-types-card{flex-direction:column;gap:8px;margin-top:12px;display:flex}.manasek-type-row{appearance:none;text-align:start;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.manasek-type-row.selected{border-color:var(--accent);background:var(--accent-bg)}.manasek-type-name{font-size:14px;font-weight:700}.manasek-type-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}.manasek-step-list{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.manasek-step-row{appearance:none;text-align:start;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);align-items:flex-start;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s,transform .15s;display:flex}.manasek-step-row:active{transform:scale(.99)}.manasek-step-row.done{border-color:var(--accent);background:var(--accent-bg)}.manasek-step-check{border:1.5px solid var(--border);background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;display:flex}.manasek-step-row.done .manasek-step-check{border-color:var(--accent);background:var(--accent);color:#fff}.manasek-step-check-svg{width:13px;height:13px}.manasek-step-body{flex-direction:column;gap:2px;min-width:0;display:flex}.manasek-step-day{color:var(--accent);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:700}.manasek-step-title{font-size:15px;font-weight:700}.manasek-step-detail{color:var(--text-muted);font-size:13px;line-height:1.45}.manasek-disclaimer{text-align:center;margin-top:10px}