:root{--font-latin:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic:"Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--font-arabic-alt:"IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", sans-serif;--font-urdu:"Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Noto Naskh Arabic", serif;--font-quran:"KFGQPC Uthmanic Script HAFS", "Noto Naskh Arabic", serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--script-latin-size-scale:1;--script-latin-line-height:1.45;--script-arabic-size-scale:1.1;--script-arabic-line-height:1.6;--script-urdu-size-scale:1.1;--script-urdu-line-height:2;--script-quran-size-scale:1;--script-quran-line-height:2;--type-display-size:34px;--type-display-line:1.1765;--type-display-weight:600;--type-display-tracking:-.4px;--type-title1-size:28px;--type-title1-line:1.2143;--type-title1-weight:600;--type-title1-tracking:-.3px;--type-title2-size:22px;--type-title2-line:1.2727;--type-title2-weight:600;--type-title2-tracking:-.2px;--type-title3-size:18px;--type-title3-line:1.3333;--type-title3-weight:600;--type-title3-tracking:0;--type-body-size:16px;--type-body-line:1.5;--type-body-weight:400;--type-body-tracking:0;--type-body-strong-size:16px;--type-body-strong-line:1.5;--type-body-strong-weight:600;--type-body-strong-tracking:0;--type-callout-size:15px;--type-callout-line:1.4667;--type-callout-weight:400;--type-callout-tracking:0;--type-footnote-size:13px;--type-footnote-line:1.3846;--type-footnote-weight:400;--type-footnote-tracking:0;--type-caption-size:12px;--type-caption-line:1.3333;--type-caption-weight:500;--type-caption-tracking:0;--type-quran-size:26px;--type-quran-line:2;--type-quran-weight:400;--type-quran-tracking:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-gutter-phone:16px;--space-gutter-tablet:24px;--space-web-max-width:1120px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-full:999px;--size-touch-min:44px;--size-touch-min-android:48px;--size-button-height:48px;--size-icon:24px;--size-icon-stroke:1.75;--size-tab-bar:64px;--motion-fast:.15s;--motion-base:.25s;--motion-slow:.4s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(0, 0, .58, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f7faf8;--color-surface-raised:#fff;--color-tint:#eef4f1;--color-text:#1f2a28;--color-text-muted:#5d6b67;--color-line:#d5ded9;--color-line-strong:#7f8d89;--color-primary:#0e5a43;--color-primary-pressed:#09392b;--color-primary-tint:#e3eee9;--color-on-primary:#fff;--color-accent:#c8a24a;--color-warning:#946000;--color-warning-bg:#fbf3e3;--color-danger:#a6402f;--color-danger-bg:#f8ece9;--color-on-danger:#fff;--color-focus:#1e6fd9;--color-scrim:#09392b66;--color-skeleton:#e6ece9;--color-hero-bg:#09392b;--color-on-hero:#f3f7f5;--color-on-hero-muted:#b9ccc4;--status-on-time:#0e5a43;--status-on-time-bg:#e3eee9;--status-late:#946000;--status-late-bg:#f7eedc;--status-qada:#2f5f8f;--status-qada-bg:#e6edf5;--status-missed:#8a5a52;--status-missed-bg:#f4ecea;--status-excused:#5e6d68;--status-excused-bg:#edf0ef;--status-none:#7f8d89;--status-jamaah:#866419;--status-jamaah-bg:#f6efdc;--status-open:#0e5a43;--chart-seq0:#f7faf8;--chart-seq1:#d3e4dc;--chart-seq2:#a6c9b9;--chart-seq3:#6fa48d;--chart-seq4:#3b7e64;--chart-seq5:#0e5a43;--chart-cell-line:#d5ded9;--chart-hatch:#7f8d89;--chart-goal-line:#866419;--chart-series1:#0e5a43;--chart-series2:#2f5f8f;--chart-focus-bar:#866419;--elevation-card:0 1px 3px 0 #00000014;--elevation-sheet:0 -4px 24px 0 #09392b29}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f1513;--color-surface:#151d1a;--color-surface-raised:#1c2623;--color-tint:#1a2a24;--color-text:#e8eeeb;--color-text-muted:#9aa8a3;--color-line:#2c3833;--color-line-strong:#6e7d78;--color-primary:#4fb08d;--color-primary-pressed:#6cc3a3;--color-primary-tint:#1b3a2f;--color-on-primary:#06231a;--color-accent:#d9b866;--color-warning:#e0a33a;--color-warning-bg:#2e2617;--color-danger:#e07a68;--color-danger-bg:#341f1b;--color-on-danger:#2a0d08;--color-focus:#7fb2ff;--color-scrim:#0009;--color-skeleton:#22302b;--color-hero-bg:#123a2e;--color-on-hero:#eaf2ee;--color-on-hero-muted:#a9c2b8;--status-on-time:#4fb08d;--status-on-time-bg:#1b3a2f;--status-late:#e0a33a;--status-late-bg:#3a2f1a;--status-qada:#7fa9d6;--status-qada-bg:#1f2e3e;--status-missed:#c99a91;--status-missed-bg:#352927;--status-excused:#8d9a95;--status-excused-bg:#252e2b;--status-none:#6e7d78;--status-jamaah:#d9b866;--status-jamaah-bg:#363020;--status-open:#4fb08d;--chart-seq0:#151d1a;--chart-seq1:#1f3a30;--chart-seq2:#25503f;--chart-seq3:#2f6e56;--chart-seq4:#3e8f71;--chart-seq5:#4fb08d;--chart-cell-line:#2c3833;--chart-hatch:#8d9a95;--chart-goal-line:#d9b866;--chart-series1:#4fb08d;--chart-series2:#7fa9d6;--chart-focus-bar:#d9b866;--elevation-card:0 0 0 0 #0000;--elevation-sheet:0 -4px 24px 0 #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f1513;--color-surface:#151d1a;--color-surface-raised:#1c2623;--color-tint:#1a2a24;--color-text:#e8eeeb;--color-text-muted:#9aa8a3;--color-line:#2c3833;--color-line-strong:#6e7d78;--color-primary:#4fb08d;--color-primary-pressed:#6cc3a3;--color-primary-tint:#1b3a2f;--color-on-primary:#06231a;--color-accent:#d9b866;--color-warning:#e0a33a;--color-warning-bg:#2e2617;--color-danger:#e07a68;--color-danger-bg:#341f1b;--color-on-danger:#2a0d08;--color-focus:#7fb2ff;--color-scrim:#0009;--color-skeleton:#22302b;--color-hero-bg:#123a2e;--color-on-hero:#eaf2ee;--color-on-hero-muted:#a9c2b8;--status-on-time:#4fb08d;--status-on-time-bg:#1b3a2f;--status-late:#e0a33a;--status-late-bg:#3a2f1a;--status-qada:#7fa9d6;--status-qada-bg:#1f2e3e;--status-missed:#c99a91;--status-missed-bg:#352927;--status-excused:#8d9a95;--status-excused-bg:#252e2b;--status-none:#6e7d78;--status-jamaah:#d9b866;--status-jamaah-bg:#363020;--status-open:#4fb08d;--chart-seq0:#151d1a;--chart-seq1:#1f3a30;--chart-seq2:#25503f;--chart-seq3:#2f6e56;--chart-seq4:#3e8f71;--chart-seq5:#4fb08d;--chart-cell-line:#2c3833;--chart-hatch:#8d9a95;--chart-goal-line:#d9b866;--chart-series1:#4fb08d;--chart-series2:#7fa9d6;--chart-focus-bar:#d9b866;--elevation-card:0 0 0 0 #0000;--elevation-sheet:0 -4px 24px 0 #0006}}:root{--ui-font:var(--font-latin);--ui-scale:var(--script-latin-size-scale);--ui-line:var(--script-latin-line-height);--ui-title-line:1.25;--ui-tracking:1;--ui-control-height:var(--size-button-height)}html[data-script=arabic]{--ui-font:var(--font-arabic);--ui-scale:var(--script-arabic-size-scale);--ui-line:var(--script-arabic-line-height);--ui-title-line:var(--script-arabic-line-height);--ui-tracking:0}html[data-script=urdu]{--ui-font:var(--font-urdu);--ui-scale:var(--script-urdu-size-scale);--ui-line:var(--script-urdu-line-height);--ui-title-line:1.7;--ui-tracking:0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-block-size:100vh;color:var(--color-text);font-family:var(--ui-font);font-size:calc(var(--type-body-size) * var(--ui-scale));line-height:var(--ui-line);margin:0}h1{font-size:calc(var(--type-title1-size) * var(--ui-scale));font-weight:var(--type-title1-weight);line-height:var(--ui-title-line);letter-spacing:calc(var(--type-title1-tracking) * var(--ui-tracking));margin:0}h2{font-size:calc(var(--type-title3-size) * var(--ui-scale));font-weight:var(--type-title3-weight);line-height:var(--ui-title-line);margin:0}h3{font-size:calc(var(--type-body-strong-size) * var(--ui-scale));font-weight:var(--type-body-strong-weight);line-height:var(--ui-title-line);margin:0}p{margin:0}a{color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:4px}.hy-sr{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hy-muted{color:var(--color-text-muted)}.hy-hint{color:var(--color-text-muted);font-size:calc(var(--type-footnote-size) * var(--ui-scale));margin-block-start:var(--space-1)}.hy-num{font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.hy-btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--ui-control-height);padding-block:var(--space-1);padding-inline:var(--space-4);border-radius:var(--radius-m);color:inherit;font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .15s var(--ease-out);background:0 0;border:1.5px solid #0000;display:inline-flex}.hy-btn[disabled]{opacity:.55;cursor:not-allowed}.hy-btn[aria-busy=true]{cursor:progress}.hy-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.hy-btn-primary:hover:not([disabled]){background:var(--color-primary-pressed)}.hy-btn-secondary{border-color:var(--color-primary);color:var(--color-primary)}.hy-btn-secondary:hover:not([disabled]){background:var(--color-primary-tint)}.hy-btn-tertiary{color:var(--color-primary)}.hy-btn-tertiary:hover:not([disabled]){background:var(--color-tint)}.hy-btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.hy-field{gap:var(--space-1);flex-direction:column;margin-block-end:var(--space-4);display:flex}.hy-field>label{font-weight:var(--font-weight-semibold);font-size:calc(var(--type-callout-size) * var(--ui-scale))}.hy-input{inline-size:100%;min-block-size:var(--ui-control-height);padding-block:var(--space-2);padding-inline:var(--space-3);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-s);background:var(--color-surface-raised);color:var(--color-text);font:inherit}textarea.hy-input{resize:vertical;min-block-size:96px}.hy-input[aria-invalid=true]{border-color:var(--color-danger)}.hy-field-error{color:var(--color-danger);font-size:calc(var(--type-footnote-size) * var(--ui-scale))}.hy-check-field{align-items:center;gap:var(--space-2);min-block-size:var(--size-touch-min);display:flex}.hy-checkbox{block-size:22px;inline-size:22px;accent-color:var(--color-primary);flex:none}.hy-card{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--elevation-card)}.hy-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.hy-card-aside{color:var(--color-text-muted);font-size:calc(var(--type-footnote-size) * var(--ui-scale))}.hy-banner{align-items:flex-start;gap:var(--space-2);padding-block:var(--space-3);padding-inline:var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);background:var(--color-tint);color:var(--color-text);flex-direction:column;display:flex}.hy-banner-warning{border-color:var(--color-warning);background:var(--color-warning-bg)}.hy-banner-danger{border-color:var(--color-danger);background:var(--color-danger-bg)}.hy-skeleton{block-size:20px;border-radius:var(--radius-s);background:var(--color-skeleton);margin-block-end:var(--space-3)}.hy-dialog{inline-size:min(560px, calc(100vw - var(--space-6)));max-block-size:calc(100vh - var(--space-6));padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-l);background:var(--color-surface-raised);color:var(--color-text);overflow:auto}.hy-dialog::backdrop{background:var(--color-scrim)}.hy-dialog>h2{margin-block-end:var(--space-4)}.hy-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hy-segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-m);background:var(--color-tint);flex-wrap:wrap;display:inline-flex}.hy-segmented>button{min-block-size:var(--size-touch-min);padding-inline:var(--space-4);border-radius:var(--radius-s);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:1.5px solid #0000}.hy-segmented>button[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-text);font-weight:var(--font-weight-semibold)}.hy-table-wrap{overflow-x:auto}.hy-table{border-collapse:collapse;inline-size:100%}.hy-table th,.hy-table td{padding-block:var(--space-2);padding-inline:var(--space-2);border-block-end:1px solid var(--color-line);text-align:start;vertical-align:middle}.hy-table thead th{color:var(--color-text-muted);font-size:calc(var(--type-footnote-size) * var(--ui-scale));font-weight:var(--font-weight-semibold)}.hy-toast-region{inset-block-end:var(--space-5);inset-inline:var(--space-4);z-index:10;pointer-events:none;justify-content:center;display:flex;position:fixed}.hy-toast{max-inline-size:480px;padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-m);background:var(--color-text);color:var(--color-bg);align-items:center;gap:var(--space-3);pointer-events:auto;display:flex}.hy-toast>button{min-block-size:var(--size-touch-min);padding-inline:var(--space-3);border:1.5px solid var(--color-bg);border-radius:var(--radius-s);color:var(--color-bg);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0}.hy-toast>button:focus-visible{outline-color:var(--color-bg)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.skip-link{z-index:20;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);background:var(--color-surface-raised);position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-3)}.skip-link:focus{inset-block-start:var(--space-2)}.app-bar{z-index:5;border-block-end:1px solid var(--color-line);background:var(--color-surface-raised);position:sticky;inset-block-start:0}.app-bar-inner{align-items:center;gap:var(--space-4);max-inline-size:var(--space-web-max-width);padding-block:var(--space-1);padding-inline:var(--space-gutter-phone);flex-wrap:wrap;margin-inline:auto;display:flex}.app-bar nav{gap:var(--space-2);flex:1;display:flex}.app-bar nav a{min-block-size:var(--size-touch-min);padding-inline:var(--space-2);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);align-items:center;text-decoration:none;display:inline-flex}.app-bar nav a[aria-current=page]{color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary)}.brand{color:var(--color-primary);font-size:var(--type-title2-size);font-weight:700}.offline-banner,.page{max-inline-size:var(--space-web-max-width);padding-inline:var(--space-gutter-phone);margin-inline:auto}.offline-banner{padding-block-start:var(--space-3)}.page{padding-block:var(--space-5) var(--space-7)}.page:focus{outline:none}@media (min-width:768px){.app-bar-inner,.offline-banner,.page{padding-inline:var(--space-gutter-tablet)}}.page-head{margin-block-end:var(--space-5)}.sign-in{gap:var(--space-3);max-inline-size:420px;padding-block:var(--space-7);padding-inline:var(--space-gutter-phone);flex-direction:column;margin-inline:auto;display:flex}.sign-in-error{margin-block-end:var(--space-3)}.full-width{inline-size:100%}.sign-in-language{margin-block-start:var(--space-3)}.today-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.today-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.today-column{gap:var(--space-4);flex-direction:column;display:flex}.hero{padding:var(--space-5);border-radius:var(--radius-l);background:var(--color-hero-bg);color:var(--color-on-hero)}.hero-title{font-size:calc(var(--type-display-size) * var(--ui-scale));font-weight:var(--type-display-weight);line-height:var(--ui-title-line);letter-spacing:calc(var(--type-display-tracking) * var(--ui-tracking))}.hero-sub{color:var(--color-on-hero-muted);margin-block-start:var(--space-1)}.prayer-table tr.is-open{background:var(--color-primary-tint)}.prayer-table tbody th{font-weight:var(--font-weight-semibold)}.row-actions{justify-content:flex-end}.compact{min-block-size:var(--size-touch-min);padding-inline:var(--space-3)}.status-chip{align-items:center;gap:var(--space-1);padding-block:2px;padding-inline:var(--space-1) var(--space-2);border-radius:var(--radius-s);font-size:calc(var(--type-footnote-size) * var(--ui-scale));font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-flex}.status-chip svg{flex:none;block-size:16px;inline-size:16px}.status-on-time{background:var(--status-on-time-bg);color:var(--status-on-time)}.status-late{background:var(--status-late-bg);color:var(--status-late)}.status-qada{background:var(--status-qada-bg);color:var(--status-qada)}.status-missed{background:var(--status-missed-bg);color:var(--status-missed)}.status-excused{background:var(--status-excused-bg);color:var(--status-excused)}.status-open{background:var(--color-primary-tint);color:var(--status-open)}.status-not-logged,.status-upcoming{color:var(--color-text-muted)}.status-not-logged svg,.status-upcoming svg{color:var(--status-none)}.status-options{gap:var(--space-2);margin:0 0 var(--space-3);border:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0;display:grid}.status-options legend{font-weight:var(--font-weight-semibold);margin-block-end:var(--space-2);padding:0}.status-option{align-items:center;gap:var(--space-2);min-block-size:var(--size-touch-min);padding-inline:var(--space-3);border:1.5px solid var(--color-line-strong);border-radius:var(--radius-s);cursor:pointer;flex-wrap:wrap;display:flex}.status-option:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-tint)}.status-option input{accent-color:var(--color-primary)}.dialog-actions{margin-block-start:var(--space-4)}.item-list{margin:0;padding:0;list-style:none}.item{align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--color-line);display:flex}.item:last-child{border-block-end:0}.item-text{flex:1;min-inline-size:0}.item-title{overflow-wrap:anywhere;display:block}.item-meta{color:var(--color-text-muted);font-size:calc(var(--type-footnote-size) * var(--ui-scale))}.item-meta.is-overdue{color:var(--color-warning)}.item.is-done .item-title{color:var(--color-text-muted);text-decoration:line-through}.stepper{inline-size:var(--size-touch-min);min-block-size:var(--size-touch-min);font-size:var(--type-title3-size);padding-inline:0}.insights-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.insights-body{gap:var(--space-2);flex-direction:column;display:flex}.insights-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);margin-block-start:var(--space-3);display:grid}@media (min-width:1024px){.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0;display:grid}.stat-grid dt{color:var(--color-text-muted);font-size:calc(var(--type-footnote-size) * var(--ui-scale))}.stat-grid dd{margin:0}.stat-value{font-size:calc(var(--type-title2-size) * var(--ui-scale));font-weight:var(--font-weight-semibold);line-height:var(--ui-title-line)}.sub-title{margin-block:var(--space-4) var(--space-2)}.link-button{min-block-size:var(--size-touch-min);padding-inline:var(--space-2);border-radius:var(--radius-s);color:var(--color-primary);font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:0}.bars{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bars li{align-items:center;gap:var(--space-2);grid-template-columns:minmax(96px,1fr) minmax(0,2fr) 3.5em;display:grid}.bar-track{border-radius:var(--radius-full);background:var(--color-tint);block-size:10px;overflow:hidden}.bar-fill{background:var(--chart-series1);block-size:100%;display:block}.bar-fill.is-focus{background:var(--chart-focus-bar)}.bar-value{text-align:end}.focus-label{color:var(--color-text-muted);font-size:calc(var(--type-caption-size) * var(--ui-scale))}.heatmap{max-inline-size:300px;margin-block:var(--space-3) var(--space-2);grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.heat-cell{aspect-ratio:1;border-radius:3px;display:block}.heat-blank{background:0 0}.heat-0{background:var(--chart-seq0);box-shadow:inset 0 0 0 1px var(--chart-cell-line)}.heat-1{background:var(--chart-seq1)}.heat-2{background:var(--chart-seq2)}.heat-3{background:var(--chart-seq3)}.heat-4{background:var(--chart-seq4)}.heat-5{background:var(--chart-seq5)}.heat-excused{background:repeating-linear-gradient(45deg, var(--chart-hatch) 0 1.5px, transparent 1.5px 4px);box-shadow:inset 0 0 0 1px var(--chart-cell-line)}.heat-legend{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:calc(var(--type-caption-size) * var(--ui-scale));display:flex}.heat-legend .heat-cell{inline-size:12px}.table-scroll{max-block-size:320px;overflow-y:auto}