@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Regular-Arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Regular-LatinExt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Regular-Latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Medium-Arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Medium-LatinExt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Medium-Latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansArabic-SemiBold-Arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansArabic-SemiBold-LatinExt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansArabic-SemiBold-Latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Bold-Arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Bold-LatinExt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansArabic-Bold-Latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand:#168c83;--brand-text:#10736d;--brand-solid:#10736d;--brand-solid-hover:#0c625d;--brand-tint:#168c8317;--background-primary:#fcfdfc;--background-secondary:#f5f6f6;--surface:#fff;--surface-raised:#fff;--surface-glass:#fafbfae6;--surface-hover:#f2f6f5;--text-primary:#171918;--text-secondary:#6b706e;--separator:#17191817;--separator-strong:#1719181f;--control-border:#858a88;--danger:#b84343;--warning:#9a6520;--shadow:0 16px 42px #1c2e2a12;--font-interface:"IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif}:root[data-theme=dark]{--brand:#2ba99d;--brand-text:#69ccc0;--brand-solid:#10736d;--brand-solid-hover:#0c625d;--brand-tint:#2ba99d29;--background-primary:#111312;--background-secondary:#1a1d1c;--surface:#202322;--surface-raised:#252927;--surface-glass:#111312e6;--surface-hover:#292d2b;--text-primary:#f4f5f4;--text-secondary:#a0a5a3;--separator:#f4f5f413;--separator-strong:#f4f5f421;--control-border:#747a77;--danger:#ef8585;--warning:#e6b66f;--shadow:0 18px 48px #0003}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}ol,ul{margin:0;padding:0;list-style:none}img,svg{max-width:100%;display:block}:root[data-site=khairah-app]{--brand:#168c83;--brand-text:#10736d;--brand-solid:#10736d;--brand-solid-hover:#0c625d;--brand-tint:#168c8317;--background-primary:#fff;--background-secondary:#f5f6f6;--surface:#fff;--surface-raised:#fff;--surface-hover:#eef0ef;--surface-glass:#f5f6f6eb;--text-primary:#171918;--text-secondary:#6b706e;--radius-sm:8px;--radius-md:12px;--app-control:#f5f6f6;--app-text:.9375rem;--app-meta:.8125rem}:root[data-site=khairah-app][data-theme=dark]{--app-control:#252927;--brand:#2ba99d;--brand-text:#2ba99d;--brand-tint:#2ba99d17;--background-primary:#111312;--background-secondary:#1a1d1c;--surface:#202322;--surface-raised:#252927;--surface-hover:#292d2b;--surface-glass:#1a1d1ceb;--text-primary:#f4f5f4;--text-secondary:#a0a5a3}:root[data-site=khairah-app][lang=ar]{--app-text:1rem;--app-meta:.875rem}html{background:var(--background-secondary);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;min-width:320px;line-height:1.5}body{background:var(--background-secondary);min-height:100vh;color:var(--text-primary);font-family:var(--font-interface);font-feature-settings:normal;margin:0}button,input,select,textarea{color:inherit;font:inherit;margin:0}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-text);outline-offset:4px}::selection{background:color-mix(in srgb, var(--brand) 25%, transparent)}.skip-link{z-index:200;background:var(--text-primary);color:var(--background-primary);border-radius:12px;padding:10px 14px;font-weight:600;position:fixed;inset-block-start:10px;inset-inline-start:10px;translate:0 -150%}.skip-link:focus{translate:0}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-lockup{flex-shrink:0;align-items:center;display:inline-flex}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:62px;display:block}.page{width:min(100%,860px);margin-inline:auto;padding:22px 16px 46px}.page-wide{width:min(100%,1120px)}.page-heading{justify-content:space-between;align-items:flex-start;gap:16px;min-height:50px;margin-block-end:22px;display:flex}.page-title-row{align-items:flex-start;gap:12px;min-width:0;display:flex}.page-heading h1{letter-spacing:-.02em;margin:0;font-size:clamp(22px,3vw,28px);font-weight:600}.page-heading p{max-width:680px;color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.55}.page-actions{align-items:center;gap:8px;display:flex}.section-block{margin-block-start:28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;min-height:24px;margin-block-end:11px;padding-inline:4px;display:flex}.section-heading h2{margin:0;font-size:15px;font-weight:600}.section-heading p{color:var(--text-secondary);margin:3px 0 0;font-size:12px}.card,.list-card{border:1px solid var(--separator);background:var(--surface);border-radius:24px}.list-card{overflow:hidden}.icon-button{border:1px solid var(--separator);background:var(--surface);width:42px;height:42px;color:var(--text-primary);border-radius:13px;flex:none;place-items:center;transition:background-color .18s;display:grid}.icon-button:hover{background:var(--surface-hover)}.primary-button,.secondary-button,.danger-button{border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-size:15px;font-weight:600;transition:background-color .18s;display:inline-flex}.primary-button{background:var(--brand-solid);color:#fff}.primary-button:hover{background:var(--brand-solid-hover)}.secondary-button{border:1px solid var(--control-border);background:var(--surface)}.secondary-button:hover{background:var(--surface-hover)}.danger-button{border:1px solid var(--separator-strong);background:color-mix(in srgb, var(--danger) 8%, var(--surface));color:var(--danger)}.text-button{color:var(--brand-text);border-radius:10px;padding:6px 8px;font-size:13px;font-weight:600}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row.end{justify-content:flex-end}.list-row{border-block-end:1px solid var(--separator);text-align:start;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 18px;display:flex;position:relative}.list-row:last-child{border-block-end:0}button.list-row:hover,a.list-row:hover{background:var(--surface-hover)}.row-icon,.state-icon{background:var(--brand-tint);width:40px;height:40px;color:var(--brand-text);border-radius:12px;flex:none;place-items:center;display:grid}.row-icon-danger{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.row-copy{flex:1;gap:2px;min-width:0;display:grid}.row-copy strong,.list-row>strong{font-size:15px;font-weight:500}.row-copy small,.list-row small{color:var(--text-secondary);font-size:12px;line-height:1.45}.row-value{color:var(--text-secondary);font-size:13px}.row-arrow{color:var(--text-secondary);opacity:.6;flex:none}.text-danger{color:var(--danger)}.toggle{background:var(--separator-strong);border-radius:999px;flex:none;width:46px;height:28px;padding:3px;transition:background-color .16s;position:relative}.toggle span{background:#fff;border-radius:50%;width:22px;height:22px;transition:translate .16s;display:block;box-shadow:0 2px 6px #0000002e}.toggle-on span{translate:18px}[dir=rtl] .toggle-on span{translate:-18px}.field input,.field textarea,.search-field input{border:1px solid var(--control-border);background:var(--surface-raised);border-radius:13px;min-height:44px;padding:8px 12px}.field-label{font-size:13px;font-weight:600}.field small{color:var(--text-secondary);font-size:12px}.field-grid{gap:12px;display:grid}.form-stack{gap:16px;display:grid}.segmented{border:1px solid var(--separator);background:var(--background-secondary);border-radius:14px;gap:3px;width:fit-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented button{min-height:36px;color:var(--text-secondary);border-radius:10px;flex:none;padding:6px 12px;font-size:13px;font-weight:500}.segmented button.selected{background:var(--surface-raised);color:var(--text-primary);font-weight:600;box-shadow:0 2px 8px #14231f12}.state-panel{border:1px solid var(--separator);background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:230px;padding:30px;display:flex}.state-panel>strong{font-size:17px;font-weight:600}.state-panel p{max-width:480px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.inline-notice{border:1px solid var(--separator);background:var(--surface);color:var(--text-secondary);border-radius:15px;align-items:flex-start;gap:9px;margin-block:12px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.inline-notice a{color:var(--brand-text);font-weight:600}.inline-notice-brand{border-color:var(--separator);background:var(--brand-tint);color:var(--text-primary)}.inline-notice-warning{border-color:var(--separator);background:color-mix(in srgb, var(--warning) 8%, var(--surface));color:var(--text-primary)}.dialog{width:min(100% - 24px,560px);max-height:min(88vh,820px);color:var(--text-primary);background:0 0;border:0;border-radius:26px;padding:0;overflow:visible}.dialog-panel{border:1px solid var(--separator);background:var(--background-primary);border-radius:26px;max-height:min(88vh,820px);overflow:hidden;box-shadow:0 28px 90px #00000040}.dialog-header{border-block-end:1px solid var(--separator);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.dialog-header h2{margin:0;font-size:18px;font-weight:600}.dialog-content{max-height:calc(min(88vh,820px) - 76px);padding:20px;overflow-y:auto}.search-field{border:1px solid var(--separator-strong);background:var(--background-secondary);border-radius:18px;align-items:center;gap:11px;min-height:52px;padding:6px;display:flex}.search-field.prominent{min-height:58px;margin-block-end:22px}.search-field-icon{background:var(--surface-raised);width:38px;height:38px;color:var(--text-secondary);border-radius:13px;flex:none;place-items:center;display:grid}.search-field input{text-align:start;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 3px}.search-field:focus-within{background:var(--surface-hover)}.search-field button{width:34px;height:34px;color:var(--text-secondary);border-radius:10px;font-size:22px}.location-setup-panel{grid-template-columns:auto 1fr;gap:14px;margin-block-end:18px;padding:18px;display:grid}.location-setup-panel h2{margin:0;font-size:17px}.location-setup-panel p{color:var(--text-secondary);margin:3px 0 0;font-size:13px;line-height:1.5}.location-setup-panel .inline-notice,.location-setup-panel .button-row{grid-column:1/-1}.location-summary{border:1px solid var(--separator);background:var(--surface);border-radius:18px;align-items:center;gap:12px;padding:13px;display:flex}.location-summary span:nth-child(2){flex:1;min-width:0;display:grid}.location-summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.location-summary small{color:var(--text-secondary);font-size:11px}.error-card{gap:8px;padding:18px;display:grid}.error-card p{color:var(--text-secondary);margin:0;font-size:13px}.search-results{border:1px solid var(--separator);background:var(--surface);border-radius:20px;display:grid;overflow:hidden}.athkar-search-result{border-block-end:1px solid var(--separator);text-align:start;gap:7px;padding:15px 18px;display:grid}.athkar-search-result:last-child{border-block-end:0}.athkar-search-result:hover{background:var(--surface-hover)}.athkar-search-result span{text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.9;overflow:hidden}.athkar-search-result small{color:var(--text-secondary);font-size:11px}.athkar-progress{background:var(--separator);border-radius:999px;height:5px;margin-block-end:14px;overflow:hidden}.athkar-progress i{border-radius:inherit;background:var(--brand);height:100%;transition:width .18s;display:block}.athkar-reader-card{border:1px solid var(--separator);background:var(--surface);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:420px;padding:clamp(22px,6vw,44px);display:flex}.athkar-reader-card.count-anywhere{cursor:pointer}.athkar-text{white-space:pre-line;max-width:720px;margin:0;font-weight:500;line-height:2.05}.athkar-text-small{font-size:18px}.athkar-text-standard{font-size:22px}.athkar-text-large{font-size:26px}.athkar-text-extraLarge{font-size:31px}.athkar-counter{color:var(--text-secondary);gap:1px;font-size:12px;display:grid}.athkar-counter strong{color:var(--brand-text);font-size:38px;line-height:1}.count-button{min-width:min(100%,260px)}.athkar-details{gap:10px;margin-block-start:14px;display:grid}.athkar-details>div{border:1px solid var(--separator);background:var(--surface);border-radius:17px;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.athkar-details strong{min-width:74px;color:var(--brand-text);font-size:13px}.athkar-details p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.7}.reader-navigation{direction:ltr;justify-content:space-between;gap:10px;margin-block-start:16px;display:flex}.reader-navigation.compact{margin-block-start:10px}[dir=rtl] .reader-navigation .themed-button>span{direction:rtl}.completion-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.completion-mark{background:var(--brand-tint);width:58px;height:58px;color:var(--brand-text);border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid}.settings-note{border-block-end:1px solid var(--separator);background:var(--brand-tint);color:var(--brand-text);padding:9px 18px;font-size:11px}.number-stepper{border:1px solid var(--separator-strong);background:var(--surface-raised);border-radius:12px;grid-template-columns:32px minmax(45px,auto) 32px;align-items:center;display:grid;overflow:hidden}.number-stepper button{width:32px;height:34px;color:var(--brand-text);font-size:18px}.number-stepper strong{text-align:center;font-size:12px}@media (width>=600px){.page{padding:30px 26px 58px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.page{padding-block-start:36px}}@media (width<=599px){.page-heading .secondary-button{min-height:42px;padding:8px 11px;font-size:12px}.list-row{flex-wrap:wrap}.list-row>.segmented{width:100%;margin-inline-start:52px}.reader-navigation .secondary-button{flex:1;min-width:0;padding-inline:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--background-primary)}.site-shell{background:var(--background-primary);min-height:100vh}.site-header{z-index:90;border-block-end:1px solid var(--separator);background:var(--surface-glass);-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);position:sticky;inset-block-start:0}.site-header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;width:min(100% - 40px,1280px);min-height:76px;margin-inline:auto;display:grid}.site-brand{border-radius:14px}.site-header-actions{align-items:center;gap:7px;display:flex}.header-icon-link{border:1px solid var(--separator);background:var(--surface);min-width:40px;height:40px;color:var(--text-secondary);border-radius:11px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.header-icon-link:hover{background:var(--surface-hover)}.site-main{outline:0;min-height:65vh}.site-main h1:focus{outline:0}.site-main .page{width:min(100%,1120px);padding:54px 28px 88px}.site-main .page-wide{width:min(100%,1280px)}.site-main .page-heading{min-height:74px;margin-block-end:34px}.site-main .page-heading h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,44px);font-weight:600}[dir=rtl] .page-heading h1,[dir=rtl] .site-main .page-heading h1{letter-spacing:0}.site-main .page-heading p{max-width:760px;margin-block-start:8px;font-size:16px;line-height:1.7}.site-main .section-block{margin-block-start:42px}.site-main .section-heading{margin-block-end:15px;padding-inline:0}.site-main .section-heading h2{font-size:20px;font-weight:600}.site-main .section-heading p{font-size:14px}.site-main .card,.site-main .list-card{border-radius:18px}.site-footer{border-block-start:1px solid var(--separator);background:var(--background-secondary)}.site-footer-inner{gap:36px;width:min(100% - 40px,1280px);margin-inline:auto;padding-block:64px 28px;display:grid}.footer-brand p{max-width:350px;color:var(--text-secondary);margin:18px 0 0;font-size:13px;line-height:1.75}.footer-links{align-content:start;gap:10px;display:grid}.footer-links strong{margin-block-end:4px;font-size:13px}.footer-links a{width:fit-content;color:var(--text-secondary);font-size:13px}.footer-links a:hover{background:var(--surface-hover)}.footer-bottom{border-block-start:1px solid var(--separator);color:var(--text-secondary);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:10px;padding-block-start:22px;font-size:11px;display:flex}@media (width>=640px){.site-footer-inner{grid-template-columns:1.5fr repeat(2,1fr)}}@media (width>=900px){.site-footer-inner{grid-template-columns:1.8fr repeat(3,1fr)}}@media (width<=639px){.site-header-inner,.site-footer-inner{width:min(100% - 32px,1280px)}.site-header-inner{gap:10px;min-height:66px}.header-icon-link>span{display:none}.header-icon-link{min-width:38px;height:38px}.site-main .page,.site-main .page-wide{padding:34px 16px 66px}.site-main .page-heading h1{font-size:30px}.site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding-block-start:48px}.footer-brand,.footer-bottom{grid-column:1/-1}}body{font-variant-numeric:lining-nums tabular-nums}.lucide{flex:none;display:block}button,a,[role=option]{transition:background-color .18s}.themed-button{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.themed-button>.lucide{align-self:center}.themed-button-small:not(.themed-button-icon){border-radius:11px;min-height:38px;padding:7px 12px;font-size:13px}.themed-button-large:not(.themed-button-icon){min-height:54px;padding:13px 22px}.themed-button-ghost:hover,.themed-button-icon:hover{background:var(--surface-hover)}.themed-button-danger:hover{background:color-mix(in srgb, var(--danger) 12%, var(--surface))}.themed-button-icon.themed-button-small,.search-clear{border:0;border-radius:10px;width:34px;height:34px;min-height:34px;padding:0}.breadcrumbs{color:var(--text-secondary);margin-block-end:18px;font-size:13px}.breadcrumbs ol{scrollbar-width:none;white-space:nowrap;align-items:center;gap:7px;max-width:100%;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.breadcrumbs ol::-webkit-scrollbar{display:none}.breadcrumbs li{flex:none;align-items:center;gap:7px;display:inline-flex}.breadcrumbs a,.breadcrumbs span{border-radius:8px;padding:4px 6px}.breadcrumbs a:hover{background:var(--surface-hover)}.breadcrumbs [aria-current=page]{color:var(--text-primary);font-weight:600}.breadcrumb-separator{color:var(--text-secondary);opacity:.55}.themed-select{flex:none;width:min(240px,44vw);max-width:100%;display:inline-block}.list-row>.themed-select{margin-inline-start:auto}.themed-select-trigger{border:1px solid var(--control-border);background:var(--surface-raised);text-align:start;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 11px 8px 13px;transition:background-color .18s;display:flex}.themed-select-trigger:hover,.themed-select-trigger[aria-expanded=true]{background:var(--surface-hover)}.themed-select-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.themed-select-trigger>svg{color:var(--text-secondary);transition:rotate .16s}.themed-select-trigger>svg.open{rotate:180deg}.themed-select-menu{z-index:500;border:1px solid var(--separator-strong);background:var(--surface-raised);border-radius:15px;max-height:min(288px,100dvh - 24px);padding:5px;animation:.14s both select-menu-in;position:fixed;overflow-y:auto;box-shadow:0 18px 44px #0b1d1a29}.themed-select-menu>button{text-align:start;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;padding:8px 10px;transition:background-color .18s;display:flex}.themed-select-menu>button:hover,.themed-select-menu>button.active{background:var(--surface-hover)}.themed-select-menu>button[aria-selected=true]{background:var(--brand-tint);font-weight:600}.themed-select-menu>button>bdi{text-overflow:ellipsis;min-width:0;overflow:hidden}.themed-select-menu>button>svg{color:var(--brand-text)}@keyframes select-menu-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@keyframes content-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}.site-main>.page{animation:.22s both content-in}.dialog[open] .dialog-panel{animation:.18s both content-in}.search-field{transition:background-color .18s}.search-field:hover{background:var(--surface-hover)}.search-field input::placeholder{color:var(--text-secondary);opacity:.8;text-align:start}.search-clear{color:var(--text-secondary)}@media (width<=639px){.breadcrumbs{margin-block-end:14px}.site-main .page-heading{min-height:0;margin-block-end:26px}.list-row:has(>.themed-select){flex-wrap:wrap}.list-row>.themed-select{flex-basis:100%;width:100%}}.privacy-document{width:min(100%,780px);margin-inline:auto}.privacy-introduction{border-block-end:1px solid var(--separator);padding-block-end:32px}.policy-updated{color:var(--text-secondary);margin-block-end:18px;font-size:.8125rem}.privacy-introduction>p:last-child,.privacy-section p,.privacy-section li{color:var(--text-secondary);font-size:1rem;line-height:1.95}.privacy-introduction>p:last-child{color:var(--text-primary);font-size:1.0625rem}.privacy-section{border-block-end:1px solid var(--separator);padding-block:32px}.privacy-section h2{color:var(--text-primary);margin-block-end:14px;font-size:1.25rem;font-weight:600;line-height:1.6}.privacy-section p+p,.privacy-section p+ul{margin-block-start:14px}.privacy-section ul{padding-inline-start:1.25rem;list-style:outside}.privacy-section a{color:var(--brand-text);overflow-wrap:anywhere;text-underline-offset:3px;text-decoration:underline}.privacy-section li+li{margin-block-start:6px}.privacy-links{flex-wrap:wrap;gap:12px 24px;padding-block-start:26px;display:flex}.privacy-links a{color:var(--brand-text);text-underline-offset:3px;font-size:.875rem;text-decoration:underline}@media (width<=600px){.privacy-introduction{padding-block-end:26px}.privacy-section{padding-block:26px}.privacy-section h2{font-size:1.125rem}.privacy-introduction>p:last-child,.privacy-section p,.privacy-section li{font-size:.9375rem}.privacy-links{flex-direction:column;align-items:flex-start}}@media print{.privacy-document{width:100%}.privacy-links{display:none}.privacy-section{break-inside:avoid}}.app-main .card,.app-main .list-card{border-radius:var(--radius-md);box-shadow:none;background:0 0;border:0}.app-main .list-card{padding:0}.app-main .list-row,.dialog .list-row{text-align:start;border:0;gap:20px;min-height:74px;padding:16px 12px}.app-main .list-row+.list-row,.dialog .list-row+.list-row{border:0}.app-main .list-row:is(a,button){border-radius:12px}.app-main .list-row:is(a,button):hover{background:var(--surface-hover)}.row-copy{min-width:0}.app-main .row-copy strong,.dialog .row-copy strong{font-size:var(--app-text);font-weight:600;line-height:1.65}.app-main .row-copy small,.dialog .row-copy small{font-size:var(--app-meta);margin-top:5px;line-height:1.75}.app-main .row-icon,.dialog .row-icon{width:28px;height:28px;color:var(--text-secondary);background:0 0;border:0}.app-main .row-value{max-width:40%;font-size:var(--app-meta)}.row-arrow{color:var(--text-secondary);flex:none}.themed-button{border-radius:var(--radius-sm);min-height:44px;font-size:var(--app-text);border:0;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-weight:600;line-height:1.5;transition:background .14s,color .14s;display:inline-flex}.themed-button-primary,.primary-button{background:var(--brand-solid);color:#fff}.themed-button-primary:hover,.primary-button:hover{background:var(--brand-solid-hover)}.themed-button-secondary,.secondary-button{color:var(--text-primary);background:var(--app-control)}.themed-button-secondary:hover,.secondary-button:hover{background:var(--surface-hover)}.themed-button-ghost,.themed-button-icon{color:var(--text-secondary);background:0 0}.themed-button-ghost:hover,.themed-button-icon:hover{background:var(--surface-hover);color:var(--text-primary)}.themed-button-danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.themed-button-small{min-height:36px;font-size:var(--app-meta);padding:7px 12px}.themed-button-large{min-height:50px;padding:12px 24px}.themed-button-icon,.icon-button{border-radius:var(--radius-sm);border:0;width:40px;height:40px;min-height:40px;padding:0}button>svg,a>svg{flex:none}.button-row{align-items:center;gap:10px}.themed-select{min-width:0;max-width:100%}.themed-select-trigger{border-radius:var(--radius-sm);background:var(--app-control);min-height:44px;color:var(--text-primary);font-size:var(--app-text);border:0;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;font-weight:600;line-height:1.6;display:flex}[dir=rtl] .themed-select-trigger{padding:10px 14px}.themed-select-value{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;min-width:0;overflow:hidden}.themed-select-trigger>svg{width:15px;color:var(--text-secondary)}.themed-select-trigger:hover{background:var(--surface-hover)}.list-row>.themed-select{flex:0 0 224px;width:224px}.themed-select-menu{background:var(--surface-raised);box-shadow:var(--shadow);border:0;border-radius:12px;padding:6px}.themed-select-menu>button{min-height:42px;font-size:var(--app-text);border-radius:8px;padding:10px 12px;font-weight:600;line-height:1.6}.themed-select-menu>button[aria-selected=true]{background:var(--brand-tint);color:var(--brand-text);font-weight:600}.segmented{background:var(--app-control);border:0;border-radius:12px;gap:4px;padding:4px;display:flex}.segmented button{min-height:36px;color:var(--text-secondary);font-size:var(--app-text);background:0 0;border:0;border-radius:8px;padding:7px 14px;font-weight:600;line-height:1.6}.segmented button:hover{color:var(--text-primary)}.segmented button.selected{background:var(--surface);color:var(--brand-text);box-shadow:none;font-weight:600}.toggle{background:var(--app-control);width:44px;height:26px;box-shadow:none;border:0;flex:none;padding:3px}.toggle span{background:var(--text-secondary);width:20px;height:20px;box-shadow:none}.toggle-on{background:var(--brand-solid)}.toggle-on span{background:#fff}.app-main .search-field,.dialog .search-field{border-radius:var(--radius-sm);background:var(--app-control);border:0;gap:8px;min-width:0;min-height:46px;margin-bottom:24px;padding:0 12px}.search-field .search-field-icon{background:0 0;width:24px;height:24px}.app-main .search-field input,.dialog .search-field input{width:100%;min-width:0;min-height:46px;font-size:var(--app-text);text-align:start;border:0;border-radius:0;flex:1;padding:0}.search-clear{border:0;width:30px;height:30px}:root[data-site=khairah-app] .search-field input:focus-visible{box-shadow:none;background:0 0}.field{gap:8px;display:grid}.field>span{min-width:0}.field-label{font-size:var(--app-text);font-weight:600;line-height:1.6}.field input,.field textarea{border-radius:var(--radius-sm);background:var(--app-control);width:100%;min-height:46px;font-size:var(--app-text);border:0;padding:11px 14px;line-height:1.6}.field small{font-size:var(--app-meta);color:var(--text-secondary);line-height:1.7}.form-stack{gap:22px}.field-grid{gap:20px}.inline-notice{font-size:var(--app-meta);border:0;border-radius:12px;padding:14px 16px;line-height:1.8}.dialog{background:0 0;border:0;border-radius:18px;width:min(560px,100% - 40px);max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0}.dialog-wide{width:min(760px,100% - 40px)}.dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0008}.dialog-panel{border-radius:inherit;background:var(--surface);border:0;flex-direction:column;max-height:calc(100dvh - 48px);display:flex;box-shadow:0 24px 96px #0003}.dialog-header{border:0;flex:none;justify-content:space-between;align-items:start;gap:24px;padding:28px 28px 16px;display:flex}.dialog-header>div{min-width:0}.dialog-header h2{font-size:1.25rem;font-weight:600;line-height:1.55}.dialog-header p{max-width:440px;color:var(--text-secondary);font-size:var(--app-meta);margin:8px 0 0;line-height:1.8}.dialog-header .icon-button{margin-top:-6px;color:var(--text-secondary);flex:none;margin-inline-end:-8px}.dialog-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--text-secondary) transparent;min-height:0;max-height:none;padding:8px 28px 28px;overflow-y:auto}.dialog-content .section-block:first-child{margin-top:0}.dialog-content .section-block+.section-block{margin-top:28px}.dialog-content .section-heading{margin-bottom:8px}.dialog-content .section-heading h2{color:var(--text-secondary);font-size:var(--app-meta);font-weight:600}.dialog-content .list-card{background:0 0;border:0;padding:0}.dialog-content .list-row{min-height:66px;padding:12px 0}.dialog-content>.button-row:last-child,.form-stack>.button-row:last-child{border:0;justify-content:flex-end;margin-top:0;padding-top:14px}.state-panel{box-shadow:none;background:0 0;border:0;padding:48px 24px}.state-panel .state-icon{width:40px;height:40px;color:var(--brand);background:0 0;border:0;border-radius:0}.state-panel>strong{margin-top:12px;font-size:1.125rem;font-weight:600}.state-panel>p{max-width:420px;font-size:var(--app-text);margin-top:8px;line-height:1.8}.loading-state{background:0 0;width:100%;padding:24px 0}.app-main>.loading-state{width:min(100% - 64px,1040px);margin:40px auto}.loading-caption{font-size:var(--app-meta);color:var(--text-secondary);align-items:center;gap:12px;display:flex}.loading-dots{flex:none;gap:4px;display:flex}.loading-dots i{background:var(--brand);border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite loading-pulse}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.loading-skeleton{gap:12px;max-width:600px;margin-top:24px;display:grid}.loading-skeleton i{background:color-mix(in srgb, var(--text-secondary) 9%, transparent);border-radius:4px;height:12px;display:block}.loading-skeleton i:nth-child(2){width:84%}.loading-skeleton i:nth-child(3){width:65%}@keyframes loading-pulse{0%,to{opacity:.25}50%{opacity:1}}.connection-view{background:var(--app-canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.connection-card{text-align:center;width:min(100%,440px)}.connection-card>svg{color:var(--brand);margin:0 auto 20px}.connection-card h1{margin:0;font-size:1.375rem;font-weight:600}.connection-card p{color:var(--text-secondary);font-size:var(--app-text);margin-top:12px;line-height:1.8}:root[data-site=khairah-app] :focus,:root[data-site=khairah-app] :focus-visible{box-shadow:none;outline:0}:root[data-site=khairah-app] :is(button,input,textarea,select):focus-visible{background-color:var(--surface-hover)}:root[data-site=khairah-app] .primary-button:focus-visible{background-color:var(--brand-solid-hover)}:root[data-site=khairah-app] a:focus-visible{text-underline-offset:5px;text-decoration:underline}:root[data-site=khairah-app] :is(.search-field,.field):focus-within{box-shadow:none}@media (width<=600px){.app-main .list-row{flex-wrap:wrap;gap:14px;padding:16px}.list-row>.themed-select{flex-basis:100%;width:100%}.list-row>.segmented{max-width:100%;margin-inline-start:auto}.field input,.field textarea,.app-main .search-field input,.dialog .search-field input{font-size:16px}.dialog,.dialog-wide{border-radius:18px;width:calc(100% - 24px);max-height:calc(100dvh - 32px)}.dialog-panel{max-height:calc(100dvh - 32px)}.dialog-header{gap:16px;padding:24px 22px 14px}.dialog-content{padding:8px 22px 24px}.dialog-content .list-row{flex-wrap:wrap;gap:14px}}@media (prefers-reduced-motion:reduce){.loading-dots i{animation:none}}.number-stepper{background:var(--app-control);direction:ltr;border-radius:9px;align-items:center;gap:4px;padding:3px;display:inline-flex}.number-stepper button{width:32px;height:32px;color:var(--text-secondary);border-radius:6px;place-items:center;display:grid}.number-stepper button:hover:not(:disabled){background:var(--surface);color:var(--brand-text)}.number-stepper strong{min-width:40px;font-size:var(--app-text);text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.prayer-summary{color:var(--text-primary)}.summary-header{align-items:center;min-height:36px;display:flex}.summary-location{max-width:100%;min-height:36px;color:var(--text-secondary);font-size:var(--app-meta);text-align:start;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.summary-location bdi{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.summary-location svg{flex:none}.summary-location:hover{background:var(--app-control);color:var(--brand-text)}.summary-body{gap:24px;margin-block-start:16px;display:grid}.summary-next{text-align:center;background:0 0;border-radius:0;flex-direction:column;justify-content:center;justify-self:center;width:100%;min-width:0;min-height:330px;padding:32px 24px;display:flex}.summary-prayer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.summary-prayer h2{margin:0;font-size:1.75rem;font-weight:600;line-height:1.6}.prayer-time{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:inline-flex}.prayer-time .time-period{font-size:.72em;font-weight:500}.summary-countdown{flex-direction:column;align-items:center;gap:8px;margin-block:18px 24px;display:flex}.summary-countdown>bdi{letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--brand-text);white-space:nowrap;font-size:clamp(3.5rem,6.5vw,5.75rem);font-weight:500;line-height:1.2}.summary-countdown>span{color:var(--text-secondary);font-size:var(--app-meta)}.summary-progress{background:var(--surface-hover);border-radius:4px;width:100%;max-width:300px;height:6px;margin-inline:auto;overflow:hidden}.summary-progress i{background:var(--brand);border-radius:inherit;height:100%;display:block}.summary-current{color:var(--text-secondary);font-size:var(--app-meta);flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-block-start:12px;display:flex}.summary-current>span{flex-wrap:wrap;gap:8px;display:flex}.summary-current strong{color:var(--text-primary);font-weight:500}.summary-times{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.summary-times>div{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:22px 8px;display:flex}.summary-times svg{color:var(--text-secondary);stroke-width:1.5px;flex:none}.summary-times>div>span{font-size:var(--app-text);color:var(--text-primary);font-weight:500}.summary-times time{font-size:1.375rem;font-weight:600}.summary-times .is-next{background:var(--brand-tint);color:var(--brand-text)}.summary-times .is-next :is(svg,span){color:var(--brand-text)}.prayer-summary .location-setup-panel{background:0 0;border:0;max-width:520px;margin-block:16px 0;padding:32px 0}@media (width<=1100px) and (width>=841px){.summary-times{gap:2px}.summary-times time{font-size:1.125rem}}@media (width<=600px){.summary-body{gap:28px;margin-block-start:12px}.summary-countdown>bdi{font-size:clamp(2.75rem,12vw,4.5rem)}.summary-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.summary-times>div{gap:8px;padding-block:16px}.summary-times time{font-size:1.125rem}}.summary-header:empty,.summary-current:empty{display:none}@media (width<=600px){.summary-next{border-radius:0;min-height:280px;padding:24px 14px}.summary-prayer{gap:8px}.summary-prayer h2{font-size:1.5rem}}.prayer-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:min(100%,520px);min-height:min(610px,100dvh - 120px);margin:24px auto;padding:28px 16px;display:flex}.welcome-brand .brand-logo{height:54px}.welcome-step{width:100%;animation:.18s ease-out welcome-appear}.welcome-step h2,.prayer-welcome .location-setup-panel h2{outline:none;margin:0 0 14px;font-size:clamp(1.5rem,2.6vw,1.875rem);font-weight:600;line-height:1.5}.welcome-description,.prayer-welcome .location-setup-panel p{max-width:380px;color:var(--text-secondary);font-size:var(--app-text);margin:0 auto;line-height:1.9}.welcome-features{justify-content:center;gap:44px;margin-top:36px;display:flex}.welcome-features>span{font-size:var(--app-meta);justify-items:center;gap:12px;display:grid}.welcome-features svg{color:var(--brand-text);stroke-width:1.7px}.welcome-preferences{text-align:start;gap:12px;max-width:340px;margin:28px auto 0;display:grid}.welcome-preferences>label{font-size:var(--app-meta)}.welcome-preferences>label:not(:first-child){margin-top:8px}.welcome-preferences .segmented{width:100%}.welcome-preferences .segmented button{flex:1}.welcome-preferences .segmented button.selected{background:var(--brand-solid);color:#fff}:root[data-site=khairah-app] .welcome-preferences .segmented button.selected:focus-visible{background:var(--brand-solid);text-underline-offset:4px;text-decoration:underline}.welcome-next{width:fit-content;min-width:128px}.welcome-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(100%,340px);margin-top:8px;display:grid}.welcome-back{justify-self:start}.welcome-back:disabled{visibility:hidden}.welcome-steps{gap:7px;display:flex}.welcome-steps i{background:var(--surface-hover);border-radius:6px;width:6px;height:6px;transition:width .18s,background .18s}.welcome-steps i[data-active]{background:var(--brand);width:20px}.welcome-step-number{color:var(--text-secondary);justify-self:end;font-size:12px}.prayer-welcome .location-setup-panel{background:0 0;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:none;margin:0;padding:0;display:flex}.prayer-welcome .location-setup-panel .button-row{gap:12px;width:min(100%,320px);display:grid}.prayer-welcome .location-setup-panel .button-row>button{white-space:normal;width:100%}.prayer-welcome .welcome-note{max-width:320px;color:var(--text-secondary);font-size:12px;line-height:1.8}@keyframes welcome-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=600px){.prayer-welcome{gap:28px;min-height:calc(100dvh - 160px);margin:0 auto;padding:24px 0}.welcome-brand .brand-logo{height:46px}.welcome-features{gap:32px;margin-top:28px}}@media (prefers-reduced-motion:reduce){.welcome-step{animation:none}.welcome-steps i{transition:none}}.verification-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.verification-times>div{gap:.4rem;display:grid}.verification-times dd{margin:0;font-weight:600}.verification-reference{gap:.7rem;margin-block:1.5rem;display:grid}.verification-reference small{line-height:1.7}.prayer-verification .settings-disclosure{text-align:start}.app-main .athkar-reader-card{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 160px;align-items:start;gap:12px 36px;padding:24px 0;display:grid}.app-main .athkar-text{font-size:var(--athkar-text-size,1.75rem);text-align:start;grid-area:auto/1;margin:0;line-height:2}.athkar-reading-copy{width:100%;min-width:0}.athkar-count-controls{flex-direction:column;align-items:center;gap:18px;width:100%;min-width:0;display:flex}.athkar-text-small{--athkar-text-size:1.375rem}.athkar-text-large{--athkar-text-size:2rem}.athkar-text-extraLarge{--athkar-text-size:2.375rem}.app-main .athkar-progress{border:0;height:5px;margin-bottom:20px}.app-main .athkar-counter{font-size:var(--app-meta);margin:0;padding-top:16px}.app-main .athkar-counter strong{font-size:2rem}.app-main .athkar-details,.app-main .athkar-details>div{text-align:start;background:0 0;border:0}.app-main .athkar-details{margin:12px 0 0;padding-block:8px 0}.app-main .athkar-details>div{padding-block:12px}.app-main .athkar-details strong,.app-main .athkar-details p{font-size:var(--app-text);line-height:1.8}.reader-navigation{direction:inherit;gap:12px;margin-top:20px}.app-main .athkar-search-result{border-radius:var(--radius-md);background:var(--surface);border:0;padding:20px}.app-main .location-setup-panel p{font-size:var(--app-meta);line-height:1.8}.app-main .location-summary{border-radius:var(--radius-md);border:0}.app-main .location-summary strong{font-size:var(--app-text)}.app-main .location-summary small{font-size:var(--app-meta)}.app-main .settings-note{font-size:var(--app-meta);line-height:1.7}@media (width<=760px){.app-main .athkar-reader-card{padding:24px 20px}.app-main .athkar-text{font-size:var(--athkar-text-size,1.5rem)}.athkar-text-small{--athkar-text-size:1.25rem}.athkar-text-large{--athkar-text-size:1.75rem}.athkar-text-extraLarge{--athkar-text-size:2rem}}.collection-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.collection-tabs{scrollbar-width:thin;background:0 0;gap:6px;max-width:100%;padding:0;overflow-x:auto}.collection-tabs button{white-space:nowrap}.collection-tabs .selected{background:var(--brand-tint)}.app-main .collection-toolbar .search-field{flex:0 260px;width:260px;margin:0}@media (width<=1100px){.collection-toolbar{flex-wrap:wrap}.app-main .collection-toolbar .search-field{flex:1 0 100%;width:100%}}.app-main .athkar-reader-card .count-button{width:100%;min-width:0;margin:0}.library-tabs.segmented{background:0 0;border-radius:0;gap:16px;padding:0}.library-tabs.segmented button{min-height:44px;box-shadow:none;background:0 0;border-radius:0;padding:8px 4px 14px;position:relative}.library-tabs.segmented .selected{color:var(--brand-text);background:0 0;font-weight:600}.library-tabs.segmented .selected:after{content:"";inset-inline:0;background:var(--brand);border-radius:3px;height:3px;position:absolute;bottom:0}@media (width<=1150px){.app-main .athkar-reader-card{grid-template-columns:minmax(0,1fr) 140px;gap:12px 24px}}@media (width<=1000px){.app-main .athkar-reader-card{flex-direction:column;align-items:center;gap:20px;padding:8px 0;display:flex}.app-main .athkar-counter{margin:0;padding-top:0}.app-main .athkar-reader-card .count-button{width:min(100%,240px)}}.app-main .page[data-page^=athkar\/]{padding-block-end:100px}.athkar-navigation{inset-inline-start:calc(var(--sidebar-width) + 48px);inset-inline-end:48px;bottom:var(--playback-dock-height,0px);z-index:30;background:var(--app-canvas);justify-content:space-between;gap:16px;margin:0;padding-block:16px 20px;display:flex;position:fixed}.athkar-navigation>button{min-width:128px;min-height:44px}.athkar-text{font-weight:400}@media (width<=1150px){.athkar-navigation{inset-inline-start:calc(var(--sidebar-width) + 32px);inset-inline-end:32px}}@media (width<=600px){.athkar-navigation{padding-block:12px max(16px, env(safe-area-inset-bottom));inset-inline:20px}.athkar-navigation>button{flex:1;min-width:0}}.library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:4px 24px;display:grid}.app-main .library-item{text-align:start;min-width:0;min-height:88px;color:var(--text-primary);background:0 0;border:0;border-radius:10px;align-items:center;gap:14px;padding:16px 12px;display:flex}.app-main .library-item:hover,.app-main .library-item:focus-visible{background:var(--app-control)}.library-item-leading{width:40px;height:40px;color:var(--brand-text);background:var(--app-control);font-size:var(--app-meta);font-variant-numeric:tabular-nums;border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.library-item-leading svg{stroke-width:1.6px}.library-item-copy{gap:4px;min-width:0;display:grid}.library-item-copy strong{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.7}.library-item-copy small{color:var(--text-secondary);font-size:var(--app-meta);overflow-wrap:anywhere;line-height:1.65}@media (width<=600px){.library-grid{gap:2px}.app-main .library-item{min-height:80px;padding-inline:8px}}.listening-workspace{gap:40px;display:grid}.listening-section-title{align-items:center;gap:10px;margin:0;font-size:1.125rem;font-weight:600;display:flex}.listening-section-title svg{color:var(--brand-text)}.broadcast-section>h2{margin-block-end:18px}.broadcast-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.broadcast-station{background:var(--app-control);text-align:start;min-width:0;color:var(--text-primary);border:0;border-radius:16px;align-items:center;gap:18px;padding:20px;display:flex}.broadcast-station:hover,.broadcast-station[data-active]{background:var(--brand-tint)}.broadcast-station>img{object-fit:cover;border-radius:12px;flex:none;width:68px;height:76px}.broadcast-copy{flex:1;gap:5px;min-width:0;display:grid}.broadcast-copy strong{font-size:1rem;font-weight:600}.broadcast-copy small{font-size:var(--app-meta);color:var(--text-secondary);line-height:1.8}.broadcast-status{color:var(--brand-text);align-items:center;gap:6px;font-size:12px;display:inline-flex}.broadcast-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.broadcast-play{background:var(--brand-solid);color:#fff;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}.listening-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-block-end:20px;display:flex}.app-main .listening-toolbar .search-field{width:320px;max-width:55%;margin:0}.recitation-edition{min-width:0;color:var(--text-secondary);align-items:center;gap:12px;display:flex}.recitation-edition>svg{color:var(--brand-text);flex:none}.recitation-edition .themed-select{width:280px;max-width:100%}.library-item-copy{flex:1}.library-item-action{width:34px;height:34px;color:var(--brand-text);border-radius:50%;flex:none;place-items:center;display:grid}.app-main .library-item[data-active]{background:var(--brand-tint)}.library-item[data-active] .library-item-action{background:var(--brand-solid);color:#fff}.library-item[aria-pressed=true] .library-item-copy strong{color:var(--brand-text)}.listening-player{justify-items:center;gap:28px;max-width:600px;margin-inline:auto;padding-block:28px;display:grid}.listening-cover{object-fit:cover;background:var(--brand-tint);width:144px;height:144px;color:var(--brand-text);border-radius:28px;place-items:center;display:grid}.listening-player-copy{text-align:center}.listening-player-copy h2{font-size:1.875rem;font-weight:600;line-height:1.6}.listening-player-copy p{color:var(--text-secondary);margin-block-start:8px}.listening-player-controls{align-items:center;gap:20px;display:flex}.listening-player-controls .playback-toggle{width:58px;height:58px}.listening-player>.audio-timeline{width:100%}.listening-player>.audio-volume{width:240px;max-width:100%}@media (width<=1150px){.broadcast-station{gap:12px;padding:16px}.broadcast-station>img{width:52px;height:64px}.broadcast-copy small{font-size:12px}.broadcast-list{gap:12px}}@media (width<=700px){.broadcast-list{grid-template-columns:1fr}.listening-toolbar{flex-wrap:wrap;gap:16px}.app-main .listening-toolbar .search-field{width:100%;max-width:none}.recitation-edition{width:100%}.recitation-edition .themed-select{flex:1;min-width:0}.broadcast-station{padding:16px}}.broadcast-station>img[data-artwork=logo]{object-fit:contain;background:#fff;padding:6px}:root{--playback-dock-height:0px}:root:has(.playback-dock){--playback-dock-height:108px}:root:has(.playback-dock .playback-status){--playback-dock-height:148px}.app-shell.has-mini-player .app-main{padding-block-end:var(--playback-dock-height)}.playback-dock{z-index:42;inset-inline-start:calc(var(--sidebar-width) + 24px);inset-inline-end:24px;background:var(--surface-raised);min-height:80px;color:var(--text-primary);border-radius:18px;grid-template-columns:minmax(140px,.7fr) minmax(160px,1fr) auto;align-items:center;gap:16px 28px;padding:14px 20px;display:grid;position:fixed;bottom:18px;box-shadow:0 6px 32px #00000012}.playback-track{text-align:start;align-items:center;gap:12px;min-width:0;display:flex}.playback-track>img,.playback-artwork{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px}.playback-artwork{background:var(--brand-tint);color:var(--brand-text);place-items:center;display:grid}.playback-track>span:last-child{gap:4px;min-width:0;display:grid}.playback-track :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playback-track strong{font-size:var(--app-text);font-weight:600}.playback-track small{color:var(--text-secondary);font-size:12px}.playback-transport{align-items:center;gap:18px;min-width:0;display:flex}.playback-actions{align-items:center;gap:6px;display:flex}.playback-actions button,.playback-stop,.audio-mute{width:34px;height:34px;color:var(--text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.playback-actions button:hover,.playback-stop:hover,.audio-mute:hover{background:var(--app-control);color:var(--text-primary)}.playback-toggle{background:var(--brand-solid);color:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}:root[data-site=khairah-app] .playback-toggle:is(:hover,:focus-visible){background:var(--brand-solid-hover);color:#fff}.audio-timeline{min-width:0;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:1;align-items:center;gap:10px;font-size:12px;display:flex}.audio-timeline bdi{flex:none;min-width:34px}:root[data-site=khairah-app] .audio-range{appearance:none;width:100%;min-width:24px;height:28px;box-shadow:none;cursor:pointer;direction:ltr;background:0 0;border:0;border-radius:0;margin:0;padding:0}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) var(--audio-progress), var(--surface-hover) var(--audio-progress));border-radius:6px;height:6px}.audio-range::-moz-range-track{background:var(--surface-hover);border-radius:6px;height:6px}.audio-range::-moz-range-progress{background:var(--brand);border-radius:6px;height:6px}.audio-range::-webkit-slider-thumb{appearance:none;background:var(--brand);border:0;border-radius:50%;width:14px;height:14px;margin-top:-4px}.audio-range::-moz-range-thumb{background:var(--brand);border:0;border-radius:50%;width:14px;height:14px}.audio-range:disabled{cursor:default;opacity:.55}.audio-range:focus-visible::-webkit-slider-thumb{background:var(--brand-solid-hover)}.audio-volume{width:170px;min-width:0;color:var(--text-secondary);align-items:center;gap:8px;display:flex}.audio-volume .audio-range{flex:1;min-width:40px}.audio-volume bdi{font-variant-numeric:tabular-nums;text-align:end;min-width:36px;font-size:12px}.audio-volume[data-muted] .audio-range{opacity:.5}.audio-volume[data-muted] .audio-mute{color:var(--brand-text)}.audio-live{font-size:var(--app-meta);color:var(--brand-text);flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.audio-waves{align-items:center;gap:3px;height:20px;display:flex}.audio-waves i{background:currentColor;border-radius:3px;width:3px;height:8px}.audio-waves i:nth-child(2){height:16px}.audio-waves.is-playing i{animation:.9s ease-in-out infinite alternate audio-wave}.audio-waves.is-playing i:nth-child(2){animation-delay:-300ms}.audio-waves.is-playing i:nth-child(3){animation-delay:-600ms}@keyframes audio-wave{0%{transform:scaleY(.5)}to{transform:scaleY(1.2)}}.playback-status{color:var(--text-secondary);text-align:center;grid-column:1/-1;margin:0;font-size:12px;line-height:1.6}@media (width<=1100px){:root:has(.playback-dock){--playback-dock-height:156px}:root:has(.playback-dock .playback-status){--playback-dock-height:196px}.playback-dock{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-inline:14px}.playback-transport{grid-area:2/1/auto/-1}.playback-actions .playback-expand{display:none}}@media (width<=700px){:root:has(.playback-dock){--playback-dock-height:200px}:root:has(.playback-dock .playback-status){--playback-dock-height:240px}.playback-dock{inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:12px}.playback-transport{display:contents}.playback-dock .audio-timeline,.playback-dock .audio-live{grid-area:2/1/auto/-1}.playback-dock .playback-status{grid-row:4}.playback-actions{grid-area:3/1/auto/-1;justify-content:space-between}.playback-dock .playback-toggle{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.audio-waves.is-playing i{animation:none}}:root{--desktop-titlebar-height:0px}:root:has(.desktop-titlebar){--desktop-titlebar-height:44px}.desktop-titlebar{z-index:150;width:100%;height:44px;color:var(--text-secondary);background:var(--app-sidebar);font-family:var(--font-interface);-webkit-user-select:none;user-select:none;-webkit-app-region:drag;align-items:stretch;font-size:12px;font-weight:600;display:flex;position:fixed;inset:0 0 auto}.desktop-titlebar-caption{flex:1;align-items:center;gap:10px;min-width:0;padding-inline:16px;display:flex}.desktop-titlebar-caption>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desktop-titlebar-caption img{object-fit:contain;flex:none}.desktop-titlebar[data-focused=false] .desktop-titlebar-caption{opacity:.65}.desktop-window-controls{-webkit-app-region:no-drag;flex:none;align-items:center;gap:0;padding-inline:8px;display:flex}.desktop-window-controls button{width:42px;height:32px;color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}:root[data-site=khairah-app] .desktop-window-controls button:is(:hover,:focus-visible),:root[data-site=khairah-app] .desktop-window-controls .desktop-window-close:is(:hover,:focus-visible){background:var(--surface-hover);color:var(--text-primary)}:root:has(.desktop-titlebar) body{padding-block-start:var(--desktop-titlebar-height)}:root:has(.desktop-titlebar) .app-sidebar{inset-block-start:var(--desktop-titlebar-height)}:root:has(.desktop-titlebar) .app-shell{min-height:calc(100dvh - var(--desktop-titlebar-height))}:root:has(.desktop-titlebar) .app-main{min-height:calc(100dvh - var(--desktop-titlebar-height))}:root:has(.desktop-titlebar) .connection-view{min-height:calc(100dvh - var(--desktop-titlebar-height))}.dialog:has(.desktop-titlebar){animation:none;transform:none}@media (width<=840px){:root:has(.desktop-titlebar) .app-main{min-height:calc(100dvh - var(--desktop-titlebar-height) - 68px)}}@media (forced-colors:active){.desktop-titlebar{color:canvastext;background:canvas}.desktop-window-controls button{color:buttontext}}.settings-sections{gap:56px;display:grid}.settings-group{grid-template-columns:200px minmax(0,1fr);gap:48px;scroll-margin-block-start:32px;display:grid}.settings-group-heading{top:calc(var(--desktop-titlebar-height,0px) + 24px);z-index:10;background:var(--app-canvas);grid-template-columns:24px 1fr;align-content:start;align-self:start;align-items:center;gap:8px 12px;padding-block-start:0;display:grid;position:sticky}.settings-group-heading>svg{color:var(--brand);stroke-width:1.7px}.settings-group-heading h2{font-size:1.125rem;font-weight:600;line-height:1.6}.settings-group-heading p{font-size:var(--app-meta);color:var(--text-secondary);grid-column:2;margin:0;line-height:1.8}.settings-group-content{min-width:0}.app-main .settings-group .list-row{border-radius:0;flex-wrap:nowrap;gap:20px;min-height:68px;padding:14px 0}.settings-group .list-row .row-copy{min-width:0}.settings-group .list-row .row-copy strong{font-weight:600}.settings-group .list-row .row-icon{display:none}.settings-group .list-row>.themed-select{flex:none;width:240px;max-width:52%}.settings-group .list-row>.segmented{flex:none;max-width:58%}.app-main .settings-group .section-block{margin-block:28px 0}.app-main .settings-group .section-block:first-child{margin-top:0}.app-main .settings-group .section-heading{margin-bottom:8px}.app-main .settings-group .section-heading h2{font-size:var(--app-meta);color:var(--text-secondary);font-weight:600}.app-main .settings-group .settings-note{font-size:var(--app-meta);color:var(--text-secondary);background:0 0;border:0;margin:0;padding:0 0 12px;line-height:1.8}.settings-group .location-summary{background:0 0;padding:12px 0 18px}.settings-group .location-setup-panel{background:0 0;border:0;margin:0;padding:12px 0 20px}.settings-group .location-setup-panel h2{font-size:var(--app-text)}.settings-disclosure{margin-block-start:24px}.settings-disclosure>summary{color:var(--brand-text);font-size:var(--app-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure[open]>summary svg{transform:rotate(180deg)}.settings-disclosure>.secondary-button{margin-top:20px}@media (width<=1150px){.settings-group{grid-template-columns:170px minmax(0,1fr);gap:28px}.settings-group .list-row>.themed-select{width:210px}}@media (width<=1000px){.settings-group{display:block}.settings-group-heading{top:var(--desktop-titlebar-height,0px);margin-block-end:16px;padding-block:12px}.settings-group-heading p{grid-column:1/-1}.settings-sections{gap:44px}}@media (width<=600px){.app-main .settings-group .list-row{flex-wrap:wrap;gap:12px}.settings-group .list-row>.themed-select{flex-basis:100%;width:100%;max-width:none}.settings-group .list-row>.segmented{max-width:100%}}:root{--site-width:1120px;--sidebar-width:224px;--app-canvas:var(--background-primary);--app-sidebar:var(--background-secondary)}:root[data-site=khairah-app][data-theme=dark]{--app-canvas:var(--background-secondary);--app-sidebar:var(--background-primary)}:root[data-site=khairah-app] body{font-weight:500}:is(html:has(.navigation-open),html:has(.dialog[open])){overflow:hidden}.app-shell{background:var(--app-canvas);min-height:100dvh;color:var(--text-primary);font-size:var(--app-text);font-weight:500;line-height:1.65}.app-sidebar{z-index:45;width:var(--sidebar-width);background:var(--app-sidebar);scrollbar-width:thin;flex-direction:column;padding:28px 16px 18px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.navigation-brand{align-self:start;margin-bottom:36px;padding-inline:16px}.navigation-brand .brand-logo{width:auto;height:34px}[lang=ar] .navigation-brand .brand-logo{height:44px}.sidebar-navigation,.navigation-footer{gap:6px;display:grid}.sidebar-navigation a,.sidebar-information a,.navigation-footer>a,.navigation-footer>button{min-height:44px;color:var(--text-secondary);font-size:var(--app-text);text-align:start;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-weight:600;display:flex;position:relative}.sidebar-navigation svg,.sidebar-information svg,.navigation-footer>a svg,.navigation-footer>button svg{stroke-width:1.75px;flex:none;width:20px}.app-sidebar :is(nav a,.navigation-footer>a,.navigation-footer>button):hover{color:var(--text-primary);background:var(--surface-hover)}.app-sidebar [aria-current=page]{background:var(--brand-solid);color:#fff}.app-sidebar nav a[aria-current=page]:hover{color:#fff;background:var(--brand-solid-hover)}.navigation-footer{margin-top:auto;padding-top:36px}.app-utilities{align-items:center;gap:8px;padding:12px 8px 0;display:flex}.app-utilities button{min-width:38px;min-height:38px;font-size:var(--app-meta);color:var(--text-secondary);border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:8px;display:inline-flex}.app-utilities button:first-child{flex:1;justify-content:start}.app-utilities button:hover{background:var(--surface-hover);color:var(--text-primary)}.app-workspace{min-width:0;margin-inline-start:var(--sidebar-width)}.mobile-header,.navigation-close{display:none}.app-main{min-width:0;min-height:100dvh}.app-main .page,.app-main .page-wide{width:min(calc(100% - 96px), var(--site-width));margin-inline:auto;padding:36px 0 48px}.app-main .page:not(.page-wide){max-width:880px;margin-inline:48px auto}.app-main .page-heading{border:0;align-items:center;gap:24px;min-height:44px;margin-bottom:28px;padding:0}.app-main .page-heading h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:600;line-height:1.45}[lang=ar] .app-main .page-heading h1{letter-spacing:0}.app-main .page-heading p{max-width:640px;color:var(--text-secondary);font-size:var(--app-meta);margin-top:8px;line-height:1.8}.app-main .page-title-row,.app-main .page-title-row>div{min-width:0}.app-main .page-actions{flex:none}.app-main .breadcrumbs{font-size:var(--app-meta);margin-bottom:24px}.app-main .section-block{margin-top:36px}.app-main .section-heading{align-items:center;gap:16px;margin-bottom:20px}.app-main .section-heading h2{font-size:1.125rem;font-weight:600}.app-main .section-heading p{font-size:var(--app-meta);color:var(--text-secondary);margin-top:5px}.navigation-scrim{z-index:55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;position:fixed;inset:0}@media (width<=1150px){:root{--sidebar-width:208px}.app-sidebar{padding-inline:12px}.app-main .page,.app-main .page-wide{width:calc(100% - 64px);padding-top:36px}.app-main .page:not(.page-wide){margin-inline-start:32px}}@media (width<=840px){:root{--sidebar-width:0px}.app-sidebar{visibility:hidden;z-index:60;width:min(280px,100% - 40px);padding:28px 16px;transform:translate(-100%)}[dir=rtl] .app-sidebar{transform:translate(100%)}.app-sidebar.is-open{visibility:visible;transform:translate(0)}.navigation-close{inset-inline-end:16px;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:24px}.navigation-brand{margin-block:0 36px;padding-inline:12px}.mobile-header{justify-content:space-between;align-items:center;height:68px;padding-inline:24px;display:flex}.app-brand .brand-logo{width:auto;height:30px}[lang=ar] .app-brand .brand-logo{height:38px}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-header .app-utilities{gap:2px;padding:0}.mobile-header .app-utilities button:first-child{flex:none}.app-menu-button{width:40px;height:40px;color:var(--text-secondary);border-radius:9px;place-items:center;display:grid}.app-main{min-height:calc(100dvh - 68px)}.app-main .page,.app-main .page-wide{padding-top:20px}}@media (width<=600px){.mobile-header{padding-inline:20px}.app-main .page,.app-main .page-wide{width:calc(100% - 40px);padding-bottom:36px}.app-main .page:not(.page-wide){margin-inline-start:20px}.app-main .page-heading{gap:16px;margin-bottom:28px}.app-main .page-heading h1{font-size:1.625rem}.app-main .section-block{margin-top:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sidebar-information{gap:2px;display:grid}.app-sidebar .sidebar-information a{min-height:36px;font-size:var(--app-meta);padding-block:8px}.sidebar-information a svg{width:17px}.sidebar-information a:hover{background:var(--surface-hover);color:var(--text-primary)}.navigation-version{text-align:center;color:var(--text-secondary);padding-top:12px;font-size:11px;font-weight:400}.prayer-strip{--strip-width:164px;width:var(--strip-width);isolation:isolate;flex:none;height:48px;position:relative}.prayer-strip:before{content:"";z-index:-1;background:var(--widget-background);opacity:var(--widget-opacity,0);position:absolute;inset:0}.prayer-strip[data-size=medium]{--strip-width:192px}.prayer-strip[data-size=large]{--strip-width:224px}.prayer-strip-content{width:100%;height:100%;color:inherit;font:inherit;background:0 0;border:0;grid-template-columns:1fr 1fr;align-items:center;padding:3px 0;display:grid}.prayer-strip-cell{text-align:center;flex-direction:column;min-width:0;font-size:12px;font-weight:500;line-height:1.5;display:flex}.prayer-strip-content:after{content:"";opacity:.25;background:currentColor;width:1px;height:46%;position:absolute;top:27%;left:50%}.prayer-strip-cell bdi{white-space:nowrap;font-variant-numeric:tabular-nums}.widget-settings{margin-bottom:32px}.widget-settings-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.widget-settings-heading h3{font-size:18px;font-weight:600}#prayer-widget-title{scroll-margin-block-start:64px}.widget-settings-heading p,.widget-settings-note{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.8}.widget-status{color:var(--text-secondary);background:var(--surface-hover);border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;display:inline-flex}.widget-status[data-attached=true]{color:var(--brand-text);background:var(--brand-tint)}.widget-preview{background:radial-gradient(at 25% 0,#49645e,#0000 65%),linear-gradient(125deg,#183b38,#1b232a);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:36px 20px 20px;display:flex;overflow:hidden}.widget-preview>span{color:#d3e1dc;text-align:center;font-size:12px}.widget-steps{color:var(--text-secondary);margin:20px 0;padding-inline-start:22px;font-size:13px;line-height:2;list-style:decimal}.widget-actions{margin-bottom:20px}.widget-settings-note{margin-top:14px}.widget-colors{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:290px;display:flex}.widget-color{border:1px solid var(--separator);cursor:pointer;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:relative}.widget-color input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.widget-color:has(:checked){outline:2px solid var(--brand-text);outline-offset:2px}.widget-custom-color:focus-within{outline:2px solid var(--text-primary);outline-offset:3px}.widget-color:has(:focus-visible){outline:2px solid var(--text-primary);outline-offset:3px}.widget-color:has(:disabled){opacity:.5;cursor:default}.widget-color-auto{background:linear-gradient(135deg,#fff 50%,#172320 50%)}.widget-custom-color{color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:7px;font-size:12px;display:flex}.widget-custom-color input{appearance:none;cursor:pointer;background:0 0;border:0;width:26px;height:26px;padding:0}.widget-custom-color input::-webkit-color-swatch-wrapper{padding:2px}.widget-custom-color input::-webkit-color-swatch{border:1px solid var(--separator);border-radius:50%}html[data-widget-view=popup],html[data-widget-view=popup] body{background:var(--background-primary);min-width:0;height:100%;margin:0;overflow:hidden}html[data-widget-view=popup] #root{height:100%}.prayer-popup{height:100%;color:var(--text-primary);background:var(--background-primary);flex-direction:column;font-size:13px;display:flex}.prayer-popup-header{border-bottom:1px solid var(--separator);flex:none;align-items:center;gap:10px;height:48px;padding:0 16px;font-weight:600;display:flex}.prayer-popup-header button{border-radius:8px;place-items:center;width:30px;height:30px;margin-inline-start:auto;display:grid}.prayer-popup button:hover{background:var(--surface-hover)}.prayer-popup button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.prayer-popup-body{flex:1;min-height:0;padding:12px 20px;overflow:auto}.prayer-popup-place{color:var(--text-primary);justify-content:center;align-items:center;gap:6px;display:flex}.prayer-popup-place bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prayer-popup-date{text-align:center;color:var(--text-secondary);margin-top:3px;font-size:11px}.prayer-popup-next{text-align:center;padding:16px 0 14px}.prayer-popup-next>div:first-child{justify-content:center;align-items:baseline;gap:10px;display:flex}.prayer-popup-next h1{font-size:18px;font-weight:600}.prayer-popup-next time{color:var(--text-secondary);font-size:12px}.prayer-popup-next>bdi{color:var(--brand-text);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:500;line-height:1.35;display:block}.prayer-popup-next>span{color:var(--text-secondary);font-size:11px}.prayer-popup-progress{background:var(--surface-hover);border-radius:4px;height:3px;margin-top:14px;overflow:hidden}.prayer-popup-progress i{background:var(--brand);border-radius:inherit;height:100%;display:block}.prayer-popup-times{gap:3px;display:grid}.prayer-popup-times>div{border-radius:8px;align-items:center;gap:10px;min-height:34px;padding:5px 10px;display:flex}.prayer-popup-times svg{color:var(--text-secondary);stroke-width:1.6px}.prayer-popup-times time{font-variant-numeric:tabular-nums;white-space:nowrap;margin-inline-start:auto;font-weight:500}.prayer-popup-times .is-next{color:var(--brand-text);background:var(--brand-tint)}.prayer-popup-times .is-next svg{color:inherit}.prayer-popup-footer{border-top:1px solid var(--separator);flex:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.prayer-popup-footer button{color:var(--brand-text);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.prayer-popup-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.prayer-popup-empty h1{font-size:19px}.prayer-popup-empty p,.prayer-popup-note{color:var(--text-secondary);font-size:12px;line-height:1.8}.widget-load-error{margin:20px;padding:12px}