@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f4f6fb;--color-wash:#e7eeff;--color-surface:#fff;--color-recessed:#f1f5f9;--color-overlay:#fff;--color-ink:#020520;--color-body:#14141e;--color-ink-soft:#374151;--color-muted:#5b6271;--color-edge:#e2e8f0;--color-edge-strong:#cbd5e1;--accent:#145aff;--accent-strong:#0e48d9;--accent-soft:#eaf0ff;--accent-text:#145aff;--accent-grad:linear-gradient(135deg, #145aff 0%, #2e69ff 100%);--on-accent:#fff;--color-focus:#09f;--ok-dot:#16ca2e;--ok-ink:#15803d;--ok-soft:#e7f8ea;--info-dot:#3b82f6;--info-ink:#1d4ed8;--info-soft:#eaf1fe;--warn-dot:#ffa64d;--warn-ink:#a24a07;--warn-soft:#fff3e5;--urgent-dot:#f26052;--urgent-ink:#c0352a;--urgent-soft:#fdecea;--night-grad:linear-gradient(160deg, #0f1636 0%, #1f2a66 100%);--color-scrim:#02052073;--color-press:#145aff0f;--shadow-card:0 .4px 1.8px -1.4px #0205201a, 0 1.4px 6.9px -2.8px #02052014, 0 8px 30px -6px #0205200f;--shadow-raised:0 .6px 2px -1.2px #0205201f, 0 4px 12px -4px #0205201a, 0 18px 40px -10px #0205201f;--shadow-hero:0 2px 6px -2px #145aff59, 0 20px 44px -18px #145aff99;--shadow-night:0 2px 6px -2px #0f16364d, 0 20px 44px -18px #0f16368c;--shadow-nav:0 1px 3px #0205200f, 0 12px 32px -10px #02052033;--shadow-btn:0 6px 16px -6px #145aff99;--card-edge:transparent;--color-glass:#ffffffdb;--color-glass-edge:#e2e8f0e6;--glass-blur:blur(16px) saturate(1.4);--radius-hero:28px;--radius-card:22px;--radius-inner:14px;--radius-tile:12px;--radius-sheet:28px;--radius-pill:9999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:28px;--s-8:32px;--s-10:40px;--s-12:48px;--gutter:20px;--font-ui:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-dev:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-base:.22s;--dur-sheet:.28s;--z-nav:20;--z-toast:30;--z-dev:40;--nav-height:68px;--content-max:600px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0b0d17;--color-wash:#121b3d;--color-surface:#151927;--color-recessed:#1d2234;--color-overlay:#181d2d;--color-ink:#f5f7ff;--color-body:#e4e7f0;--color-ink-soft:#bcc3d3;--color-muted:#959db0;--color-edge:#262c40;--color-edge-strong:#39415a;--accent:#2f6bff;--accent-strong:#5b8cff;--accent-soft:#4d84ff29;--accent-text:#8db1ff;--accent-grad:linear-gradient(135deg, #1a55f0 0%, #2f6bff 100%);--on-accent:#fff;--color-focus:#4db8ff;--ok-dot:#3ddc58;--ok-ink:#6ee38a;--ok-soft:#3ddc5824;--info-dot:#5b9bff;--info-ink:#93bbff;--info-soft:#5b9bff26;--warn-dot:#ffb066;--warn-ink:#ffc58f;--warn-soft:#ffa64d24;--urgent-dot:#ff7a6e;--urgent-ink:#ff9b91;--urgent-soft:#f2605229;--night-grad:linear-gradient(160deg, #141c45 0%, #23307a 100%);--color-scrim:#0000009e;--color-press:#8db1ff14;--shadow-card:0 1px 2px #0006, 0 10px 28px -12px #0009;--shadow-raised:0 2px 4px #00000073, 0 18px 40px -14px #000000b3;--shadow-hero:0 2px 6px -2px #00000080, 0 20px 44px -18px #1f5cff8c;--shadow-night:0 2px 6px -2px #00000080, 0 20px 44px -18px #000000b3;--shadow-nav:0 1px 2px #00000080, 0 14px 36px -10px #000000bf;--shadow-btn:0 6px 16px -6px #1f5cffb3;--card-edge:#ffffff0d;--color-glass:#151927d6;--color-glass-edge:#ffffff12}@media (width<=359px){:root{--gutter:16px}}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-canvas);min-height:100dvh;color:var(--color-ink);font-family:var(--font-ui);letter-spacing:-.005em;font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.48}h1,h2,h3,p,dl,dd,figure{margin:0}h1,h2,h3{text-wrap:balance}button,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{background:var(--color-canvas)}body{background:linear-gradient(180deg, var(--color-wash) 0px, var(--color-canvas) 380px) no-repeat, var(--color-canvas);color:var(--color-body)}.shell{min-height:100dvh}.app{max-width:var(--content-max);padding:calc(var(--s-5) + env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) calc(var(--nav-height) + var(--s-12) + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));margin:0 auto;position:relative}.view{animation:view-in var(--dur-base) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=960px){.shell{grid-template-columns:240px minmax(0, var(--content-max));justify-content:center;column-gap:var(--s-12);display:grid}.app{padding-top:var(--s-10);padding-bottom:var(--s-12);margin:0}}.home-header{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.page-date{color:var(--color-muted);font-size:14px;font-weight:500;line-height:1.4}.page-title{color:var(--color-ink);letter-spacing:-.03em;font-size:30px;font-weight:600;line-height:1.15}.page-title:focus{outline:none}.avatar{background:var(--color-surface);width:46px;height:46px;color:var(--accent-text);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;display:grid}.avatar:active{transform:scale(.94)}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge)}.stack{gap:var(--s-3);display:grid}.section{margin-top:var(--s-7)}.section-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin:0 0 var(--s-3);display:flex}.section-title{color:var(--color-ink);letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1.3}.tag{align-items:center;gap:var(--s-1);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-edge);color:var(--color-ink-soft);white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border-radius:var(--radius-pill);white-space:nowrap;touch-action:manipulation;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:15px;font-weight:600;line-height:1.2;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-btn)}.btn-outline{color:var(--accent-text);box-shadow:inset 0 0 0 1.5px var(--accent);background:0 0}.btn-tonal{min-height:44px;padding:0 var(--s-4);background:var(--accent-soft);color:var(--accent-text);font-size:14px}.btn-on-accent{color:#145aff;background:#fff;box-shadow:0 6px 18px -6px #02052059}.btn-block{width:100%}@media (hover:hover){.btn-primary:hover{background:var(--accent-strong)}.btn-outline:hover,.btn-tonal:hover{background:var(--color-press)}.btn-tonal:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.btn-on-accent:hover{box-shadow:0 10px 24px -8px #02052073}}.icon-btn{border-radius:var(--radius-pill);background:var(--color-recessed);width:44px;height:44px;color:var(--color-ink);transition:background-color var(--dur-fast) var(--ease-out);place-items:center;display:inline-grid}.icon-btn:active,.icon-btn:hover{background:var(--color-edge)}.today{padding:var(--s-5)}.today[data-level=attention]{background:color-mix(in srgb, var(--warn-soft) 55%, var(--color-surface));box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--warn-dot) 35%, transparent)}.today[data-level=action_required]{background:color-mix(in srgb, var(--urgent-soft) 70%, var(--color-surface));box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--urgent-dot) 40%, transparent)}.today-main{align-items:center;gap:var(--s-5);display:flex}.today-body{min-width:0}.ring{flex-shrink:0;width:104px;height:104px;position:relative}.ring svg{width:100%;height:100%;display:block}.ring circle{fill:none;stroke-linecap:round}.ring-track{stroke:var(--color-recessed)}:root[data-theme=dark] .ring-track{stroke:var(--color-edge)}.ring-fill{stroke:var(--accent);animation:ring-draw .9s var(--ease-out) backwards;animation-delay:var(--d,0s);transition:stroke-dasharray .6s var(--ease-out), stroke var(--dur-base) var(--ease-out)}.ring-fill[data-full=true]{stroke:var(--ok-dot)}@keyframes ring-draw{0%{stroke-dasharray:0 var(--c)}}.ring-center{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.ring-count{color:var(--color-ink);letter-spacing:-.03em;font-size:28px;font-weight:600}.ring-of{color:var(--color-muted);font-size:16px;font-weight:500}.ring-caption{color:var(--color-muted);margin-top:4px;font-size:11px;font-weight:500}.status-pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.today[data-level=on_track] .status-pill{background:var(--ok-soft);color:var(--ok-ink)}.today[data-level=progress] .status-pill{background:var(--info-soft);color:var(--info-ink)}.today[data-level=attention] .status-pill{background:var(--warn-soft);color:var(--warn-ink)}.today[data-level=action_required] .status-pill{background:var(--urgent-dot);color:#fff}:root[data-theme=dark] .today[data-level=action_required] .status-pill{color:#1a0605}.status-headline{margin-top:var(--s-2);color:var(--color-ink);letter-spacing:-.015em;font-size:17px;font-weight:600;line-height:1.3}.status-detail{color:var(--color-ink-soft);text-wrap:pretty;margin-top:2px;font-size:14px;line-height:1.45}.today-legend{gap:var(--s-1);margin:var(--s-4) 0 0;padding:var(--s-4) 0 0;border-top:1px solid var(--color-edge);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}.today-legend li{flex-direction:column;gap:4px;min-width:0;display:flex}.today-legend-name{text-overflow:ellipsis;color:var(--color-muted);white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.legend-dot{width:7px;height:7px;box-shadow:inset 0 0 0 1.5px var(--color-muted);border-radius:50%;flex-shrink:0}.today-legend [data-state=done] .legend-dot{background:var(--ok-dot);box-shadow:none}.today-legend [data-state=progress] .legend-dot{background:var(--accent);box-shadow:none}.today-legend-value{color:var(--color-ink);letter-spacing:-.01em;align-items:center;gap:5px;font-size:15px;font-weight:600;display:flex}.today-legend [data-state=done] .today-legend-value{color:var(--ok-ink);align-items:center;gap:5px;display:flex}.btn-status{margin-top:var(--s-4);background:var(--urgent-ink);color:#fff}:root[data-theme=dark] .btn-status{background:var(--urgent-dot);color:#1a0605}@media (width<=374px){.today{padding:var(--s-4)}.today-main{gap:var(--s-4)}.ring{width:88px;height:88px}.ring-count{font-size:24px}.today-legend-name{font-size:10.5px}.today-legend-value{gap:4px;font-size:14px}.legend-dot{width:6px;height:6px}}.hero{isolation:isolate;justify-content:space-between;align-items:flex-end;gap:var(--s-4);padding:var(--s-5) var(--s-5) var(--s-5) var(--s-6);border-radius:var(--radius-hero);background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-hero);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ffffff47 0%,#fff0 70%);border-radius:50%;width:260px;height:260px;position:absolute;inset:-40% -20% auto auto}.hero-eyebrow{color:#ffffffdb;font-size:14px;font-weight:500}.hero-title{align-items:center;gap:var(--s-2);letter-spacing:-.035em;margin-top:2px;font-size:42px;font-weight:600;line-height:1.05;display:flex}.hero-title--sm{font-size:28px}.hero-meta{margin-top:var(--s-2);color:#ffffffe6;font-size:14px;font-weight:500}.bento{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pcard{padding:var(--s-4);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);animation:rise .42s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 45ms);flex-direction:column;display:flex;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.pcard[data-key=salah]{grid-column:1/-1}@media (width<=374px){.pcard{padding:var(--s-3) var(--s-3) var(--s-4)}.pcard-top{flex-wrap:wrap}.pcard-icon{width:36px;height:36px}.prayer-strip{gap:0;padding-inline:2px}.prayer-name{font-size:11px;overflow:visible}}@media (hover:hover){.pcard:hover{box-shadow:var(--shadow-raised), inset 0 0 0 1px var(--card-edge);transform:translateY(-2px)}}.pcard:has(.pcard-link:active){transform:scale(.985)}.pcard-top{justify-content:space-between;align-items:center;gap:var(--s-2);display:flex}.pcard-icon{border-radius:var(--radius-tile);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);place-items:center;display:grid}.pcard-name{margin-top:var(--s-3);color:var(--color-ink);letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.3}.pcard-link{text-align:left}.pcard-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.pcard-link:focus-visible{outline:none}.pcard-link:focus-visible:after{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-card)}.pcard-detail{color:var(--color-muted);margin-top:2px;font-size:13px;line-height:1.4}.pcard-action{z-index:1;width:100%;margin-top:auto;position:relative}.pcard .meter,.pcard .prayer-strip{margin-bottom:var(--s-4)}.pcard[data-key=salah] .pcard-action{align-self:flex-start;width:auto}.chip{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip[data-tone=done]{background:var(--ok-soft);color:var(--ok-ink)}.chip[data-tone=done] .chip-dot{background:var(--ok-dot)}.chip[data-tone=progress]{background:var(--info-soft);color:var(--info-ink)}.chip[data-tone=progress] .chip-dot{background:var(--info-dot)}.chip[data-tone=open]{background:var(--color-recessed);color:var(--color-muted)}.chip[data-tone=open] .chip-dot{background:0 0;box-shadow:inset 0 0 0 1.5px}.meter{height:6px;margin-top:var(--s-3);border-radius:var(--radius-pill);background:var(--color-recessed);position:relative;overflow:hidden}.meter>span{border-radius:inherit;background:var(--accent);transform-origin:0;transition:transform .6s var(--ease-out);position:absolute;inset:0}.meter[data-full=true]>span{background:var(--ok-dot)}.prayer-strip{gap:var(--s-1);margin:var(--s-4) 0 0;padding:var(--s-3) var(--s-2);border-radius:var(--radius-inner);background:var(--color-recessed);grid-template-columns:repeat(5,1fr);list-style:none;display:grid}.prayer-strip li{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.prayer-mark{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--color-edge-strong);color:#fff;transition:background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border-radius:50%;place-items:center;display:grid}.prayer-strip [data-state=done] .prayer-mark{background:var(--accent);box-shadow:none}.prayer-strip [data-state=next] .prayer-mark{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--accent), 0 0 0 4px var(--accent-soft)}.prayer-name{text-overflow:ellipsis;max-width:100%;color:var(--color-muted);font-size:12px;font-weight:500;overflow:hidden}.prayer-strip [data-state=done] .prayer-name{color:var(--color-ink-soft)}.prayer-strip [data-state=next] .prayer-name{color:var(--accent-text);font-weight:600}.week{padding:var(--s-4) var(--s-4) var(--s-4)}.week-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.week-table th,.week-table td{text-align:center;padding:0;font-weight:500}.week-table .corner{width:72px}.day{width:30px;height:44px;margin-bottom:var(--s-2);border-radius:var(--radius-pill);flex-direction:column;justify-content:center;align-items:center;gap:1px;display:inline-flex}.day-letter{color:var(--color-muted);font-size:11px;font-weight:500}.day-num{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.week-table th[data-today=true] .day{background:var(--accent);box-shadow:var(--shadow-btn)}.week-table th[data-today=true] .day-letter,.week-table th[data-today=true] .day-num{color:#fff}.week-table tbody th{width:72px;color:var(--color-ink-soft);text-align:left;font-size:13px}.week-table tbody td{height:34px}.cell{vertical-align:middle;border-radius:50%;width:14px;height:14px;display:inline-block}.cell[data-state=completed]{background:var(--accent)}.cell[data-state=partial]{background:linear-gradient(90deg, var(--accent) 50%, var(--accent-soft) 50%);box-shadow:inset 0 0 0 1.5px var(--accent)}.cell[data-state=unrecorded]{border:1.5px dashed color-mix(in srgb, var(--color-muted) 60%, transparent)}.cell[data-state=not_applicable]{background:var(--color-edge-strong);border-radius:1px;width:10px;height:2px}.week-legend{gap:var(--s-2) var(--s-4);margin:var(--s-3) 0 0;padding:var(--s-3) 0 0;border-top:1px solid var(--color-edge);color:var(--color-ink-soft);flex-wrap:wrap;font-size:12px;font-weight:500;list-style:none;display:flex}.week-legend li{align-items:center;gap:6px;display:inline-flex}.week-legend .cell:not([data-state=not_applicable]){width:12px;height:12px}.week-note{margin-top:var(--s-2);color:var(--color-muted);font-size:12px;line-height:1.45}.muhasabah{padding:var(--s-5);background:var(--night-grad);color:#fff;box-shadow:var(--shadow-night)}.muhasabah-head{align-items:center;gap:var(--s-3);display:flex}.muhasabah-icon{border-radius:var(--radius-tile);color:#c9d7ff;background:#ffffff1f;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.muhasabah-title{letter-spacing:-.015em;font-size:17px;font-weight:600}.privacy-note{color:#ffffffc7;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.muhasabah-facts{gap:var(--s-2);margin-top:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.muhasabah-facts>div{padding:var(--s-3);border-radius:var(--radius-inner);background:#ffffff17}.muhasabah-facts dt{color:#ffffffc7;font-size:12px;font-weight:500}.muhasabah-facts dd{letter-spacing:-.02em;margin-top:2px;font-size:20px;font-weight:600}.muhasabah .btn-outline{margin-top:var(--s-4);color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff73}@media (hover:hover){.muhasabah .btn-outline:hover{background:#ffffff1a}}.glass{background:var(--color-overlay);box-shadow:var(--shadow-nav), inset 0 0 0 1px var(--color-glass-edge)}.tabbar{z-index:var(--z-nav);left:max(var(--s-3), env(safe-area-inset-left));right:max(var(--s-3), env(safe-area-inset-right));bottom:max(var(--s-3), env(safe-area-inset-bottom));border-radius:26px;max-width:560px;margin:0 auto;position:fixed}.tabbar ul{grid-template-columns:repeat(5,1fr);margin:0;padding:6px;list-style:none;display:grid}.tab{width:100%;min-height:56px;color:var(--color-muted);touch-action:manipulation;transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.tab:active{transform:scale(.94)}.tab[aria-current=page]{color:var(--accent-text);font-weight:600}.tab-icon{border-radius:var(--radius-pill);width:52px;height:30px;transition:background-color var(--dur-base) var(--ease-out);place-items:center;display:grid}.tab[aria-current=page] .tab-icon{background:var(--accent-soft)}@media (hover:hover){.tab:hover{color:var(--color-ink)}.tab[aria-current=page]:hover{color:var(--accent-text)}}.rail{display:none}.logo-mark{background:var(--accent-grad);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-btn);border-radius:10px;place-items:center;font-size:19px;font-weight:600;line-height:1;display:grid}@media (width>=960px){.tabbar{display:none}.rail{top:var(--s-6);margin-top:var(--s-10);padding:var(--s-4) var(--s-3);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);align-self:start;display:block;position:sticky}.rail-brand{align-items:center;gap:var(--s-3);padding:var(--s-1) var(--s-2) var(--s-5);color:var(--color-ink);letter-spacing:-.02em;font-size:18px;font-weight:600;display:flex}.rail ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rail .tab{justify-content:flex-start;gap:var(--s-3);min-height:46px;padding:0 var(--s-3);border-radius:var(--radius-inner);flex-direction:row;font-size:15px}.rail .tab-icon{width:26px;height:26px;background:0 0!important}.rail .tab[aria-current=page]{background:var(--accent-soft)}}.subhead{margin:calc(var(--s-2) * -1) 0 var(--s-4) calc(var(--s-2) * -1)}.back{min-height:44px;padding:0 var(--s-4) 0 var(--s-3);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);color:var(--color-ink);align-items:center;gap:4px;font-size:15px;font-weight:500;display:inline-flex}.back:active{transform:scale(.97)}.subview-title{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.subview-lead{max-width:60ch;margin-top:var(--s-2);color:var(--color-ink-soft);text-wrap:pretty;font-size:15px}.detail-list{margin:var(--s-6) 0 0;padding:var(--s-1) var(--s-4);list-style:none}.detail-list li{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:56px;padding:var(--s-3) 0;font-size:15px;display:flex}.detail-list li+li{border-top:1px solid var(--color-edge)}.detail-list .k{color:var(--color-ink);font-weight:600}.detail-list .v{color:var(--color-ink-soft);text-align:right}.detail-list .v[data-emphasis=true]{color:var(--accent-text);font-weight:600}.later-panel{margin-top:var(--s-4);padding:var(--s-5);border-radius:var(--radius-card);background:var(--color-wash);color:var(--color-ink-soft);font-size:14px;line-height:1.5}.later-panel strong{margin-bottom:var(--s-1);color:var(--color-ink);font-size:15px;display:block}.subview-actions{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.sheet{width:100%;max-width:100%;max-height:calc(100dvh - var(--s-10));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--color-overlay);color:var(--color-body);overscroll-behavior:contain;border:0;margin:auto 0 0;padding:0;overflow:auto;box-shadow:0 -12px 40px -12px #02052040}.sheet[open]{animation:sheet-in var(--dur-sheet) var(--ease-out)}.sheet::backdrop{background:var(--color-scrim);animation:fade-in var(--dur-sheet) var(--ease-out)}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}}@keyframes fade-in{0%{opacity:0}}@media (width>=640px){.sheet{border-radius:var(--radius-sheet);max-width:440px;box-shadow:var(--shadow-raised);margin:auto}}.sheet-inner{padding:var(--s-2) var(--s-6) calc(var(--s-6) + env(safe-area-inset-bottom))}.sheet-grabber{width:40px;height:5px;margin:0 auto var(--s-2);background:var(--color-edge-strong);border-radius:3px}@media (width>=640px){.sheet-grabber{display:none}.sheet-inner{padding-top:var(--s-5)}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.sheet-kicker .tag{background:var(--accent-soft);box-shadow:none;color:var(--accent-text)}.sheet-title:focus{outline:none}.sheet-title{margin-top:var(--s-3);color:var(--color-ink);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.25}.hadith-quote{margin-top:var(--s-4);padding:var(--s-5);border-radius:var(--radius-card);background:var(--color-wash)}.hadith-mark{color:var(--accent-text)}.hadith-text{margin-top:var(--s-2);color:var(--color-ink);letter-spacing:-.015em;text-wrap:pretty;font-size:20px;font-weight:500;line-height:1.4}.hadith-source{margin-top:var(--s-4);font-size:14px;line-height:1.45}.hadith-source strong{color:var(--color-ink);font-weight:600}.hadith-source span{color:var(--color-muted);font-size:13px;display:block}.hadith-reflection{margin-top:var(--s-5)}.hadith-reflection h3{color:var(--accent-text);font-size:13px;font-weight:600}.hadith-reflection p{margin-top:var(--s-1);color:var(--color-body);text-wrap:pretty;font-size:16px}.sheet-footnote{margin-top:var(--s-3);color:var(--color-muted);text-align:center;font-size:12px}.sheet .btn-block{margin-top:var(--s-6)}.log-row{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);border-radius:var(--radius-inner);background:var(--color-recessed);display:flex}.log-prayer{color:var(--color-ink);font-size:17px;font-weight:600}.select{min-height:44px;padding:0 38px 0 var(--s-4);border-radius:var(--radius-pill);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23145aff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 14px center;box-shadow:var(--shadow-card);color:var(--color-ink);appearance:none;cursor:pointer;border:0;font-size:15px;font-weight:600}.methods{gap:var(--s-2);margin-top:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.method{min-height:68px;padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:var(--color-surface);box-shadow:inset 0 0 0 1.5px var(--color-edge);text-align:left;transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.method:active{transform:scale(.97)}@media (hover:hover){.method:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}}.method-place{color:var(--color-ink);font-size:15px;font-weight:600;line-height:1.3}.method-mode{color:var(--color-muted);font-size:13px}.log-hint{margin-top:var(--s-3);color:var(--color-ink-soft);font-size:13px;line-height:1.45}.toast-region{z-index:var(--z-toast);left:0;right:0;bottom:calc(var(--nav-height) + var(--s-8) + env(safe-area-inset-bottom));padding:0 var(--s-4);pointer-events:none;justify-content:center;display:flex;position:fixed}@media (width>=960px){.toast-region{bottom:var(--s-6)}}.toast{align-items:center;gap:var(--s-3);max-width:440px;min-height:52px;padding:var(--s-1) var(--s-1) var(--s-1) var(--s-5);border-radius:var(--radius-pill);color:#fff;box-shadow:var(--shadow-raised);pointer-events:auto;animation:sheet-in var(--dur-base) var(--ease-out);background:#14141e;font-size:14px;font-weight:500;display:flex}:root[data-theme=dark] .toast{color:#0b0d17;background:#f5f7ff}.toast button{min-height:44px;padding:0 var(--s-4);border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-weight:600}.today-legend{padding-top:var(--s-4);gap:6px}.today-legend li{background:var(--color-recessed);text-align:center;border-radius:14px;align-items:center;gap:6px;padding:10px 4px}.today-legend li[data-state=done]{background:var(--ok-soft,color-mix(in oklab, var(--ok-dot) 14%, transparent))}.today-legend-name{max-width:100%}.today-legend-value{justify-content:center;min-height:22px}.today-legend [data-state=done] .today-legend-value{justify-content:center}.home-header{align-items:flex-start}.home-header .sync-badge{flex-shrink:0;margin-top:4px}@media (width<=359px){.today-legend li{padding:8px 2px}}.today-legend li{padding:0}.today-tile{border-radius:inherit;width:100%;min-height:64px;color:inherit;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:6px;padding:10px 4px;display:flex}.today-tile:active{transform:scale(.96)}@media (hover:hover){.today-tile:hover{background:color-mix(in oklab, var(--accent) 8%, transparent)}}.today-legend li{border-radius:14px}.pcard-top--inline{justify-content:flex-start;align-items:center;gap:var(--s-3)}.pcard-top--inline .pcard-icon{flex-shrink:0}.pcard-heading{flex:1;min-width:0}.pcard-top--inline .pcard-name{margin-top:0}.pcard-top--inline .pcard-detail{margin-top:2px}.pcard-top--inline .chip{flex-shrink:0;align-self:flex-start}.stack-sm{gap:var(--s-2);display:grid}.stack-md{gap:var(--s-4);display:grid}.pad-card{padding:var(--s-5)}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.muted-text{color:var(--color-muted);font-size:14px;line-height:1.5}.sub-title{margin:var(--s-6) 0 var(--s-3);color:var(--color-ink);letter-spacing:-.01em;font-size:16px;font-weight:600}.detail-actions{gap:var(--s-2);margin-top:var(--s-7);justify-items:center;display:grid}.detail-actions .btn-block{justify-self:stretch}.skip-link{left:var(--s-3);z-index:50;padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-weight:600;position:absolute;top:-60px}.skip-link:focus{top:var(--s-3)}.page-head{margin-bottom:var(--s-5)}.page-head .back{margin:0 0 var(--s-3) calc(var(--s-1) * -1)}.page-head-row{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.page-head-text{min-width:0}.page-head-text .page-date{margin-top:var(--s-1);text-wrap:pretty;max-width:60ch}.page-head-action{flex-shrink:0;padding-top:6px}.home-sync{margin:calc(var(--s-3) * -1) 0 var(--s-3);justify-content:flex-end;display:flex}.offline-banner{margin-bottom:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:var(--warn-soft);color:var(--warn-ink);font-size:13px;font-weight:500}.segmented{margin-bottom:var(--s-5);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);gap:4px;padding:4px;display:flex}.segmented-option{min-height:40px;padding:0 var(--s-3);border-radius:var(--radius-pill);color:var(--color-muted);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex:1;font-size:14px;font-weight:600}.segmented-option[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}@media (hover:hover){.segmented-option:not([aria-selected=true]):hover{color:var(--color-ink)}}.skeleton-wrap{gap:var(--s-3);display:grid}.skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--color-recessed) 0%, var(--color-surface) 50%, var(--color-recessed) 100%);background-size:200% 100%;height:64px;animation:1.4s linear infinite shimmer}.skeleton-tall{height:160px}@keyframes shimmer{to{background-position:-200% 0}}.state-card{justify-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-5);text-align:center;display:grid}.state-card .btn{margin-top:var(--s-2)}.state-icon{color:var(--accent-text)}.state-icon--warn{color:var(--warn-ink)}.state-title{color:var(--color-ink);letter-spacing:-.01em;font-size:17px;font-weight:600}.state-text{max-width:46ch;color:var(--color-ink-soft);text-wrap:pretty;font-size:14px;line-height:1.5}.draft-note{align-items:center;gap:var(--s-2);margin:0 0 var(--s-3);color:var(--color-muted);flex-wrap:wrap;font-size:12px;line-height:1.45;display:flex}.tag--draft{background:var(--warn-soft);box-shadow:none;color:var(--warn-ink)}.tag--quiet{margin-left:var(--s-2);background:var(--color-recessed);box-shadow:none;color:var(--color-muted);padding:1px 8px;font-size:11px}.notice{align-items:flex-start;gap:var(--s-2);margin:0 0 var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);font-size:13px;line-height:1.45;display:flex}.notice>svg{flex-shrink:0;margin-top:1px}.notice span{flex:1}.notice--info{background:var(--info-soft);color:var(--info-ink)}.notice--warn{background:var(--warn-soft);color:var(--warn-ink)}.notice--ok{background:var(--ok-soft);color:var(--ok-ink)}.btn-sm{min-height:36px;padding:0 var(--s-3);font-size:13px}@media (pointer:coarse){.btn-sm{min-height:44px}}.btn-danger{background:var(--urgent-ink);color:#fff}:root[data-theme=dark] .btn-danger{background:var(--urgent-dot);color:#1a0605}.btn:disabled,.icon-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-btn{min-height:44px;padding:0 var(--s-2);color:var(--accent-text);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.text-btn:disabled{color:var(--color-muted)}.icon-btn--sm{width:36px;height:36px}@media (pointer:coarse){.icon-btn--sm{width:44px;height:44px}}.field{gap:6px;display:grid}.field-label{color:var(--color-ink);font-size:14px;font-weight:600}.field-hint{color:var(--color-muted);font-size:12px;line-height:1.45}.field-error{color:var(--urgent-ink);font-size:13px;font-weight:500}.field-pair{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.input{width:100%;min-height:48px;padding:0 var(--s-4);border-radius:var(--radius-tile);background:var(--color-recessed);box-shadow:inset 0 0 0 1px var(--color-edge);color:var(--color-ink);font:inherit;border:0;font-size:16px}.input:focus{box-shadow:inset 0 0 0 2px var(--color-focus), 0 0 0 4px color-mix(in srgb, var(--color-focus) 20%, transparent);outline:none}.input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--urgent-dot)}.input[readonly]{color:var(--color-muted)}.textarea{min-height:96px;padding:var(--s-3) var(--s-4);resize:vertical;line-height:1.5}.select-input{appearance:auto;padding-right:var(--s-3)}.input--code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;max-width:220px;font-size:22px;font-weight:600}.select--sm{min-height:36px;padding:0 30px 0 var(--s-3);font-size:13px}.toggle-row{justify-content:space-between;align-items:center;gap:var(--s-4);min-height:44px;display:flex}.toggle-text{min-width:0}.toggle-label{color:var(--color-ink);font-size:15px;font-weight:600}.toggle-desc{color:var(--color-muted);margin-top:2px;font-size:13px;line-height:1.45}.switch{border-radius:var(--radius-pill);background:var(--color-edge-strong);width:52px;height:32px;transition:background-color var(--dur-base) var(--ease-out);flex-shrink:0;position:relative}.switch:after{content:"";position:absolute;inset:-6px}.switch-thumb{width:26px;height:26px;transition:transform var(--dur-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #02052040}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] .switch-thumb{transform:translate(20px)}.switch:disabled{opacity:.4}.stepper{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.stepper .icon-btn{width:36px;height:36px}@media (pointer:coarse){.stepper .icon-btn{width:44px;height:44px}}.stepper-value{min-width:32px;color:var(--color-ink);text-align:center;font-size:16px;font-weight:600}.mini-field{color:var(--color-ink-soft);gap:6px;font-size:13px;font-weight:600;display:grid}.mini-field>span{align-items:center;gap:6px;display:inline-flex}.mini-field--grow{flex:1;min-width:0}.inline-form{align-items:flex-end;gap:var(--s-3);flex-wrap:wrap;display:flex}.inline-form .field{flex:1;min-width:200px}.radio-group{gap:var(--s-2);border:0;margin:0;padding:0;display:grid}.radio-row,.check-row{align-items:flex-start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--radius-inner);background:var(--color-recessed);color:var(--color-ink);cursor:pointer;font-size:15px;font-weight:500;display:flex}.radio-row input,.check-row input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:1px}.radio-row small{color:var(--color-muted);font-size:12px;font-weight:400;display:block}.chip-row{gap:var(--s-2);flex-wrap:wrap;display:flex}.chip-col{gap:var(--s-2);margin:var(--s-4) 0;display:grid}.choice-chip{min-height:40px;padding:0 var(--s-4);border-radius:var(--radius-pill);background:var(--color-recessed);color:var(--color-ink-soft);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);font-size:14px;font-weight:600}@media (pointer:coarse){.choice-chip{min-height:44px}}.choice-chip[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text);box-shadow:inset 0 0 0 1.5px var(--accent)}.choice-chip--block{width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);text-align:left;line-height:1.4}.chip--sm{height:22px;margin-left:var(--s-2);vertical-align:middle;padding:0 8px;font-size:11px}.chip[data-tone=urgent]{background:var(--urgent-soft);color:var(--urgent-ink)}.chip[data-tone=warn]{background:var(--warn-soft);color:var(--warn-ink)}.sheet-body-text{margin-top:var(--s-2);color:var(--color-ink-soft);font-size:15px;line-height:1.5}.sheet-body-text p+p{margin-top:var(--s-2)}.sheet-actions{gap:var(--s-3);margin-top:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.sheet-form,.sheet .stack-sm{margin-top:var(--s-4)}.compare{gap:var(--s-2);display:grid}.toast--error{background:var(--urgent-ink)}:root[data-theme=dark] .toast--error{background:var(--urgent-dot);color:#1a0605}.sync-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.sync-badge[data-tone=ok]{background:var(--ok-soft);color:var(--ok-ink)}.sync-badge[data-tone=info]{background:var(--info-soft);color:var(--info-ink)}.sync-badge[data-tone=warn]{background:var(--warn-soft);color:var(--warn-ink)}.sync-badge[data-tone=urgent]{background:var(--urgent-soft);color:var(--urgent-ink)}.sync-row{justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--color-ink);font-size:15px;font-weight:600;display:flex}.tab-icon{position:relative}.tab-badge{border-radius:var(--radius-pill);background:var(--urgent-dot);color:#fff;text-align:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-2px;right:6px}.list-card{padding:var(--s-1) var(--s-4);margin:0;list-style:none}.list-card--flat{box-shadow:none;background:0 0;padding:0}.list-row{align-items:center;gap:var(--s-3);min-height:60px;padding:var(--s-3) 0;display:flex}.list-row+.list-row{border-top:1px solid var(--color-edge)}.list-row[data-unread=true] .list-row-title:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.list-row-link{align-items:center;gap:var(--s-3);min-width:0;min-height:48px;color:inherit;flex:1;text-decoration:none;display:flex}.list-row-text{flex:1;gap:2px;min-width:0;display:grid}.list-row-title{color:var(--color-ink);overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.35}.list-row-title--wrap{font-weight:500}.list-row-sub{color:var(--color-muted);font-size:13px;line-height:1.4}.list-row-value{color:var(--color-ink);font-size:15px;font-weight:600}.row-caret{color:var(--color-muted);flex-shrink:0}.list-row .pcard-icon{flex-shrink:0;width:36px;height:36px}.check-btn{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--color-edge-strong);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.check-btn:after{content:"";position:absolute;inset:-8px}.check-btn[aria-checked=true]{background:var(--accent);box-shadow:none}.source-link{color:var(--accent-text);text-underline-offset:3px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.pref-row{gap:var(--s-3);padding:var(--s-4) 0;display:grid}.pref-row+.pref-row{border-top:1px solid var(--color-edge)}.pref-options{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.pref-source{gap:var(--s-3);flex-wrap:wrap;display:flex}.date-nav{align-items:center;gap:var(--s-2);margin-bottom:var(--s-4);display:flex}.date-nav-label{color:var(--color-ink);text-align:center;flex:1;font-size:15px;font-weight:600}.date-nav .icon-btn{background:var(--color-surface);box-shadow:var(--shadow-card)}.prayer-picker{gap:var(--s-1);margin-bottom:var(--s-3);padding:var(--s-2);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.prayer-pick{min-width:0;min-height:76px;padding:var(--s-2) 2px;border-radius:var(--radius-inner);transition:background-color var(--dur-fast) var(--ease-out);justify-items:center;gap:4px;display:grid}.prayer-pick[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.prayer-pick .prayer-mark{width:26px;height:26px}.prayer-pick[data-state=on_time] .prayer-mark,.prayer-pick[data-state=qada] .prayer-mark{background:var(--accent);box-shadow:none}.prayer-pick[data-state=exempt] .prayer-mark{background:var(--color-edge-strong);box-shadow:none}.prayer-pick[data-state=missed_confirmed] .prayer-mark{box-shadow:inset 0 0 0 1.5px var(--warn-dot)}.prayer-pick-name{color:var(--color-ink);font-size:13px;font-weight:600}.prayer-pick-state{max-width:100%;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;overflow:hidden}.fard-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.fard-name{color:var(--color-ink);letter-spacing:-.025em;font-size:24px;font-weight:600}.fard-head .select{background-color:var(--color-recessed);box-shadow:none}.fard-current{margin-top:var(--s-3);color:var(--ok-ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.method[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.fard-attested{justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--radius-inner);background:var(--color-recessed);color:var(--color-ink-soft);font-size:14px;display:flex}.qada-box{gap:var(--s-3);margin-top:var(--s-4);padding:var(--s-4);border-radius:var(--radius-inner);background:var(--info-soft);display:grid}.qada-label{color:var(--color-ink);font-size:13px;font-weight:600}.qada-box .choice-chip{background:var(--color-surface)}.qada-guidance{color:var(--color-ink-soft);font-size:14px;line-height:1.5}.qada-box .draft-note{margin:0}.fard-more{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.extra-group{margin-bottom:var(--s-3)}.extra-group-title{margin:0 0 var(--s-2) var(--s-1);color:var(--color-muted);font-size:13px;font-weight:600}.section-head--first{margin-top:var(--s-1)}.reports .field,.reports .field-pair{margin-bottom:var(--s-4)}.stat-grid{gap:var(--s-3);margin-bottom:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=480px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stat{padding:var(--s-4);gap:2px;display:grid}.stat-value{color:var(--color-ink);letter-spacing:-.03em;overflow-wrap:anywhere;font-size:26px;font-weight:600}.stat-grid--3 .stat-value{font-size:18px}.stat-label{color:var(--color-muted);font-size:12px;font-weight:600}.stat[data-tone=ok] .stat-value{color:var(--ok-ink)}.stat[data-tone=info] .stat-value{color:var(--info-ink)}.rate-card{gap:var(--s-4);display:grid}@media (width>=480px){.rate-card{grid-template-columns:1fr 1fr}}.rate-label{color:var(--color-muted);font-size:12px;font-weight:600}.rate-value{color:var(--color-ink);letter-spacing:-.03em;margin-top:2px;font-size:30px;font-weight:600}.rate-sub{margin-top:var(--s-1);color:var(--color-muted);font-size:12px;line-height:1.45}.bar-list{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.bar-list li{align-items:center;gap:var(--s-3);grid-template-columns:minmax(0,9.5em) 1fr auto;font-size:13px;display:grid}.bar-list-label{color:var(--color-ink-soft);font-weight:500}.bar-list-track{border-radius:var(--radius-pill);background:var(--color-recessed);height:8px;position:relative;overflow:hidden}.bar-list-track>span{border-radius:inherit;background:var(--accent);transform-origin:0;transition:transform .5s var(--ease-out);position:absolute;inset:0}.bar-list-value{min-width:2ch;color:var(--color-ink);text-align:right;font-weight:600}.table-card{padding:var(--s-2) var(--s-3) var(--s-3);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:center;padding:10px 6px}.data-table thead th{color:var(--color-muted);font-size:12px;font-weight:600}.data-table tbody th{color:var(--color-ink);text-align:left;white-space:nowrap;font-weight:600}.data-table tbody td{color:var(--color-ink-soft)}.data-table tbody tr+tr>*{border-top:1px solid var(--color-edge)}.state-dot{border:1.5px dashed color-mix(in srgb, var(--color-muted) 60%, transparent);vertical-align:middle;border-radius:50%;width:12px;height:12px;display:inline-block}.state-dot[data-state=on_time]{background:var(--accent);border:0}.state-dot[data-state=qada]{background:var(--info-soft);border:1.5px solid var(--accent)}.state-dot[data-state=exempt]{background:var(--color-edge-strong);border:0}.state-dot[data-state=missed_confirmed]{background:var(--warn-soft);border:1.5px solid var(--warn-dot)}.state-dot[data-state=ineligible]{background:var(--color-edge-strong);border:0;border-radius:1px;width:10px;height:2px}.session-progress{align-items:center;gap:var(--s-2) var(--s-3);margin-bottom:var(--s-4);color:var(--color-ink-soft);flex-wrap:wrap;font-size:14px;display:flex}.session-progress .meter{flex-basis:100%;margin:0}.session-progress p{flex:1}.session-progress .text-btn{min-height:36px}.phase-note{margin-bottom:var(--s-3);padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);background:var(--info-soft);color:var(--info-ink);text-align:center;font-size:13px;font-weight:600}.swipe-zone{position:relative}.swipe-hint{z-index:0;padding:var(--s-2) var(--s-4);border-radius:var(--radius-pill);pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.swipe-hint--done{left:var(--s-4);background:var(--ok-soft);color:var(--ok-ink)}.swipe-hint--later{right:var(--s-4);background:var(--color-recessed);color:var(--color-ink-soft)}.dhikr-card{z-index:1;gap:var(--s-3);padding:var(--s-6) var(--s-5) var(--s-5);touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:transform var(--dur-base) var(--ease-out);animation:rise .36s var(--ease-out);display:grid;position:relative}.dhikr-tags{gap:var(--s-2);flex-wrap:wrap;min-height:22px;display:flex}.dhikr-tags .tag--quiet{margin-left:0}.dhikr-title{color:var(--color-ink);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.25}.arabic{color:var(--color-ink);text-align:right;font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Geeza Pro,Traditional Arabic,serif;font-size:27px;line-height:1.9}.dhikr-missing{padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:var(--color-recessed);color:var(--color-muted);font-size:13px;line-height:1.5}.dhikr-translation,.dhikr-text{color:var(--color-ink-soft);white-space:pre-wrap;font-size:15px;line-height:1.55}.counter{justify-content:center;align-items:baseline;gap:var(--s-2);margin-top:var(--s-2);display:flex}.counter-value{color:var(--color-ink);letter-spacing:-.04em;font-size:56px;font-weight:600;line-height:1}.counter-target{color:var(--color-muted);font-size:18px;font-weight:500}.counter-actions{justify-content:center;align-items:center;gap:var(--s-4);display:flex}.count-btn{background:var(--accent-grad);color:#fff;width:96px;height:96px;box-shadow:var(--shadow-hero);transition:transform var(--dur-fast) var(--ease-out);touch-action:manipulation;border-radius:50%;place-items:center;font-size:26px;font-weight:600;display:grid}.count-btn:active{transform:scale(.94)}.count-btn:disabled{opacity:.4}.dhikr-actions{gap:var(--s-3);margin-top:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.swipe-tip{color:var(--color-muted);text-align:center;font-size:12px}.finish-card{justify-items:center;gap:var(--s-2);text-align:center;display:grid}.finish-icon{color:var(--ok-dot)}.finish-icon--muted{color:var(--color-muted)}.goal-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.goal-card{gap:var(--s-2);padding:var(--s-4);align-content:start;display:grid}.goal-head{justify-content:space-between;align-items:center;display:flex}.goal-name{color:var(--color-ink);font-size:16px;font-weight:600}.goal-amount{color:var(--color-ink);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:18px;font-weight:600}.goal-amount span{color:var(--color-muted);letter-spacing:0;font-size:13px;font-weight:500}.goal-card .meter{margin-top:var(--s-1)}.goal-card .text-btn{justify-self:start;padding:0}.recite-card{gap:var(--s-3);margin-bottom:var(--s-3);display:grid}.recite-head{justify-content:space-between;align-items:center;display:flex}.recite-title{color:var(--color-ink);letter-spacing:-.02em;font-size:20px;font-weight:600}.recite-sub{color:var(--color-ink-soft);text-wrap:pretty;font-size:14px;line-height:1.5}.recite-target{justify-content:space-between;align-items:center;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--color-edge);color:var(--color-ink);font-size:14px;font-weight:600;display:flex}.kahf-card{background:color-mix(in srgb, var(--accent-soft) 60%, var(--color-surface))}.khatm-card{gap:var(--s-2);margin-bottom:var(--s-3);display:grid}.khatm-pos{color:var(--color-ink);letter-spacing:-.025em;font-size:24px;font-weight:600}.khatm-pos span{color:var(--color-ink-soft);font-size:18px;font-weight:500}.khatm-resume{padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:var(--accent-soft);color:var(--accent-text);font-size:14px}.private-sub{align-items:center;gap:6px;display:inline-flex}.night-card{gap:var(--s-4);padding:var(--s-5);background:var(--night-grad);color:#fff;box-shadow:var(--shadow-night);display:grid}.prompt-list{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.prompt-row{align-items:flex-start;gap:var(--s-3);padding:var(--s-3);border-radius:var(--radius-inner);cursor:pointer;background:#ffffff14;font-size:15px;line-height:1.45;display:flex}.prompt-row input{accent-color:#8db1ff;flex-shrink:0;width:20px;height:20px;margin-top:1px}.night-fine{color:#ffffffc7;font-size:12px;line-height:1.45}.night-card .sheet-actions{margin-top:0}.btn-on-night{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff73}.heat-grid{grid-template-columns:repeat(15,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.heat-grid li{aspect-ratio:1;background:var(--color-recessed);border-radius:4px}.heat-grid li[data-on=true]{background:var(--accent)}.timeline{gap:var(--s-3);padding:0 0 0 var(--s-2);margin:0;list-style:none;display:grid}.timeline li{align-items:center;gap:var(--s-3);grid-template-columns:12px 1fr auto;font-size:14px;display:grid}.timeline-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.timeline-text{color:var(--color-ink);font-weight:500}.timeline-date{color:var(--color-muted);font-size:12px}.streak-list{gap:var(--s-3);display:grid}.streak-card{gap:var(--s-3);padding:var(--s-5);display:grid}.streak-top{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.streak-title{color:var(--color-ink);letter-spacing:-.015em;font-size:17px;font-weight:600}.streak-numbers{gap:var(--s-3);grid-template-columns:repeat(3,1fr);display:grid}.streak-numbers>div{gap:2px;display:grid}.streak-value{color:var(--accent-text);letter-spacing:-.035em;font-size:30px;font-weight:600;line-height:1.05}.streak-value--muted{color:var(--color-ink);font-size:22px}.streak-label{color:var(--color-muted);font-size:12px;font-weight:600}.pending-note{align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border-radius:var(--radius-inner);background:var(--warn-soft);color:var(--warn-ink);font-size:13px;line-height:1.45;display:flex}.pending-note svg{flex-shrink:0;margin-top:1px}.day-strip{grid-template-columns:repeat(auto-fill,minmax(14px,22px));gap:4px;margin:0;padding:0;list-style:none;display:grid}.day-strip--7{grid-template-columns:repeat(7,1fr);align-items:end;height:40px}.day-cell{aspect-ratio:1;background:var(--color-recessed);width:100%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-muted) 30%, transparent);border-radius:4px;display:block}button.day-cell{cursor:pointer}.day-cell[data-outcome=completed]{background:var(--accent);box-shadow:none}.day-cell[data-outcome=missed_confirmed]{background:var(--warn-soft);box-shadow:inset 0 0 0 1.5px var(--warn-dot)}.day-cell[data-outcome=exempt]{background:var(--color-edge-strong);box-shadow:none}.day-cell[data-outcome=ineligible]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-muted) 18%, transparent);background:0 0}.day-cell[data-today=true]{outline:2px solid var(--accent);outline-offset:1px}.day-bar{height:calc(4px + var(--h,0) * 36px);background:var(--accent);border-radius:4px 4px 2px 2px;display:block}.streak-fine{margin-top:var(--s-5)}.shared-goal{gap:var(--s-3);margin-bottom:var(--s-3);display:grid}.shared-today{color:var(--color-ink-soft);font-size:14px}.named-list{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.named-list li{border-radius:var(--radius-pill);background:var(--color-recessed);color:var(--color-ink-soft);padding:4px 10px;font-size:12px;font-weight:600}.named-list li[data-done=true]{background:var(--ok-soft);color:var(--ok-ink)}.consent-box{gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--color-edge);display:grid}.invite-url{margin:var(--s-4) 0;padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:var(--color-recessed);color:var(--color-ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:12px}.avatar--sm{width:36px;height:36px;box-shadow:none;background:var(--accent-soft);font-size:14px}.privacy-line{align-items:flex-start;gap:var(--s-2);color:var(--color-ink-soft);font-size:14px;line-height:1.45;display:flex}.privacy-line svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.danger-card{box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--urgent-dot) 30%, transparent)}.auth{min-height:100dvh;padding:calc(var(--s-6) + env(safe-area-inset-top)) var(--gutter) calc(var(--s-6) + env(safe-area-inset-bottom));place-items:center;display:grid}.auth-inner{width:100%;max-width:420px}.auth-brand{align-items:center;gap:var(--s-3);margin-bottom:var(--s-6);display:flex}.logo-mark--lg{border-radius:13px;width:44px;height:44px;font-size:25px}.auth-brand-name{color:var(--color-ink);letter-spacing:-.02em;font-size:22px;font-weight:600}.auth-title{outline:none}.auth-sub{margin-top:var(--s-2);color:var(--color-ink-soft);text-wrap:pretty;font-size:15px;line-height:1.5}.auth-card{gap:var(--s-3);margin-top:var(--s-6);padding:var(--s-5);display:grid}.auth-footer{margin-top:var(--s-4);text-align:center}.auth-fine{color:var(--color-muted);text-align:center;font-size:12px;line-height:1.5}.auth-step-text{gap:var(--s-2);color:var(--color-ink-soft);font-size:14px;line-height:1.5;display:flex}.auth-step-text svg{color:var(--accent-text);flex-shrink:0;margin-top:2px}.passkey-explainer{gap:var(--s-3);padding:var(--s-4);border-radius:var(--radius-inner);background:var(--accent-soft);color:var(--color-ink);font-size:14px;line-height:1.5;display:flex}.passkey-explainer svg{color:var(--accent-text);flex-shrink:0}.steps{margin:0 0 var(--s-2);grid-template-columns:repeat(3,1fr);gap:6px;padding:0;list-style:none;display:grid}.steps li{background:var(--color-recessed);border-radius:2px;height:4px}.steps li[data-state=done]{background:var(--accent)}.steps li[data-state=current]{background:color-mix(in srgb, var(--accent) 55%, var(--color-recessed))}.dev-link{color:var(--warn-ink);font-family:var(--font-dev);text-align:center;font-size:12px}.dev-page{max-width:760px;padding:var(--s-6) var(--gutter);font-family:var(--font-dev);color:var(--color-ink);margin:0 auto}.dev-page h1{align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);font-size:20px;display:flex}.dev-page>p{margin-bottom:var(--s-3);color:var(--color-muted);font-size:13px}.dev-mail{margin-top:var(--s-4);padding:var(--s-4);border:1px dashed var(--color-edge-strong);border-radius:8px;font-size:13px}.dev-mail pre{margin-top:var(--s-2);white-space:pre-wrap;font-size:13px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.dhikr-card{transition:none}}a.btn,a.text-btn,a.list-row-link{text-decoration:none}a.text-btn:hover{text-underline-offset:3px;text-decoration:underline}a.tab{text-decoration:none}.prayer-pick-state{white-space:normal;text-overflow:clip;text-align:center;overflow-wrap:anywhere;line-height:1.2}.mute-card{margin-top:var(--s-3)}.dd{min-width:0;position:relative}.dd-button{align-items:center;gap:var(--s-2);width:100%;min-height:48px;padding:0 var(--s-4);border-radius:var(--radius-tile);background:var(--color-recessed);box-shadow:inset 0 0 0 1px var(--color-edge);color:var(--color-ink);text-align:left;transition:box-shadow var(--dur-fast) var(--ease-out);font-size:16px;font-weight:500;display:flex}.dd-button:hover{box-shadow:inset 0 0 0 1px var(--color-edge-strong)}.dd-button[aria-expanded=true]{box-shadow:inset 0 0 0 2px var(--accent)}.dd-button[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--urgent-dot)}.dd-button:disabled{opacity:.5;cursor:not-allowed}.dd-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dd-caret{color:var(--accent-text);transition:transform var(--dur-fast) var(--ease-out);flex-shrink:0}.dd-button[aria-expanded=true] .dd-caret{transform:rotate(180deg)}.dd-icon{color:var(--accent-text);display:inline-flex}.dd--pill{display:inline-block}.dd--pill .dd-button{width:auto;min-height:44px;padding:0 var(--s-4);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge);font-size:15px;font-weight:600}.dd--pill .dd-value{flex:none}.dd-pop{z-index:60;border-radius:var(--radius-inner);background:var(--color-overlay);box-shadow:var(--shadow-raised), inset 0 0 0 1px var(--color-edge);animation:pop-in .16s var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}.dd-search{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--color-edge);color:var(--color-muted);display:flex}.dd-search input{min-height:40px;color:var(--color-ink);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.dd-list{padding:var(--s-1);overscroll-behavior:contain;outline:none;flex:1;margin:0;list-style:none;overflow-y:auto}.dd-option{justify-content:space-between;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-tile);color:var(--color-ink);cursor:pointer;font-size:15px;display:flex}.dd-option[data-active=true]{background:var(--color-recessed)}.dd-option[aria-selected=true]{color:var(--accent-text);font-weight:600}.dd-option[aria-disabled=true]{color:var(--color-muted);cursor:not-allowed;opacity:.6}.dd-empty{padding:var(--s-3);color:var(--color-muted);font-size:14px}.cal{padding:var(--s-3);gap:var(--s-2);overflow:visible;max-height:none!important}.cal-head{justify-content:space-between;align-items:center;display:flex}.cal-title{color:var(--color-ink);font-size:15px;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-wd{color:var(--color-muted);text-align:center;padding:4px 0;font-size:11px;font-weight:600}.cal-day{height:38px;color:var(--color-ink);font-variant-numeric:tabular-nums;border-radius:50%;font-size:14px;font-weight:500}.cal-day:hover:not(:disabled){background:var(--color-recessed)}.cal-day[aria-current=date]{box-shadow:inset 0 0 0 1.5px var(--accent)}.cal-day[aria-selected=true]{background:var(--accent);color:#fff;box-shadow:var(--shadow-btn)}.cal-day:disabled{color:var(--color-edge-strong);cursor:not-allowed}.cal-today{align-self:center;min-height:36px}.page-topbar{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:44px;margin-bottom:var(--s-3);display:flex}.page-head .page-topbar .back{margin:0 0 0 calc(var(--s-1) * -1)}.page-head-action{align-items:center;gap:var(--s-2);display:flex}fieldset.field{border:0;min-width:0;margin:0;padding:0}.choice-chip--lg{flex:1;min-height:48px;font-size:15px;font-weight:600}.text-btn--danger{color:var(--urgent-ink)}.text-btn--danger:hover{background:color-mix(in oklab, var(--urgent-dot) 12%, transparent)}.fard-head .dd--pill .dd-button{background:var(--color-recessed);box-shadow:none}.linked{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--color-edge)}.linked-title{margin:0 0 var(--s-2);color:var(--color-muted);font-size:13px;font-weight:600}.linked-list{border-radius:var(--radius-inner);background:var(--color-recessed);margin:0;padding:0;list-style:none}.linked-list .list-row{padding-inline:var(--s-3)}.linked-list .list-row+.list-row{border-top:1px solid var(--color-edge)}.linked-empty{min-height:44px;margin-top:var(--s-3);color:var(--accent-text);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.input-action{align-items:stretch;gap:var(--s-2);display:flex}.input-action .input{flex:1;min-width:0}.input-action .btn{flex-shrink:0;align-self:stretch;min-height:48px}.mini-field .dd-button{min-height:44px;font-size:15px}.field-pair{align-items:start}.field-pair>.field{min-width:0}.goal-empty{margin:var(--s-4) 0;text-align:center}.segmented+.goal-grid{margin-top:var(--s-4)}.deck{gap:var(--s-3);display:grid}.deck-meta{align-items:center;gap:var(--s-3);display:flex}.deck-meta .muhasabah-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-text)}.deck-heading{color:var(--color-ink);letter-spacing:-.015em;flex:1;font-size:17px;font-weight:600}.deck-count{color:var(--color-muted);font-size:13px;font-weight:600}.deck-dots{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.deck-dots span{background:var(--color-edge);height:4px;transition:background var(--dur-fast) var(--ease-out);border-radius:2px}.deck-dots span[data-state=done]{background:var(--accent)}.deck-dots span[data-state=current]{background:color-mix(in oklab, var(--accent) 45%, var(--color-edge))}.deck-stack{padding-bottom:14px;position:relative}.deck-under{border-radius:var(--radius-card);background:color-mix(in oklab, #1f2a66 55%, var(--color-canvas));opacity:.55;height:40px;position:absolute;inset:auto 14px 6px}.deck-under--2{opacity:.3;inset:auto 28px 0}.deck-card{touch-action:pan-y;-webkit-user-select:none;user-select:none;min-height:248px;transition:transform .22s var(--ease-out);animation:deck-in .26s var(--ease-out);align-content:space-between;position:relative}@keyframes deck-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.deck-question{letter-spacing:-.015em;text-wrap:balance;font-size:21px;font-weight:600;line-height:1.35}.deck-message{color:#dbe4ff;font-size:16px;line-height:1.5}.deck-actions{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.deck-actions .btn-block{grid-column:1/-1}.deck-form{gap:var(--s-3);display:grid}.deck-label{color:#ffffffdb;font-size:14px;font-weight:600}.deck-input{color:#fff;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff3d}.deck-input::placeholder{color:#fff9}.deck-input:focus{box-shadow:inset 0 0 0 2px #8db1ff}.deck-note{color:#ffffffb8;font-size:12px}.deck-chip{color:#fff;box-shadow:none;background:#ffffff1a}.deck-chip[aria-checked=true]{color:#1f2a66;box-shadow:none;background:#fff}.deck-swipe{top:var(--s-4);border-radius:var(--radius-pill);pointer-events:none;padding:4px 12px;font-size:13px;font-weight:700;position:absolute}.deck-swipe--yes{right:var(--s-4);color:#146c3c;background:#d9f5e4}.deck-swipe--no{left:var(--s-4);color:#a3271d;background:#fde3e0}.deck-foot{justify-content:space-between;align-items:center;gap:var(--s-3);min-height:44px;display:flex}.deck-tip{color:var(--color-muted);margin-left:auto;font-size:12px}.deck-done{justify-items:start}.deck-done-icon{color:#8de0b0}@media (prefers-reduced-motion:reduce){.deck-card{transition:none;animation:none}}.tab-panel{gap:var(--s-3);margin-top:var(--s-4);display:grid}.tab-panel>.section{margin-top:var(--s-2)}.notice-btn{text-align:left;cursor:pointer;width:100%;font:inherit}.shell--bare{display:block}.shell--bare .app{max-width:480px;padding-bottom:calc(var(--s-10) + env(safe-area-inset-bottom));margin:0 auto}.onboard{gap:var(--s-5);padding-top:var(--s-6);display:grid}.onboard-head{justify-items:start;gap:var(--s-2);display:grid}.onboard-mark{width:56px;height:56px;margin-bottom:var(--s-2);background:var(--accent);color:#fff;box-shadow:var(--shadow-btn);border-radius:18px;place-items:center;display:grid}.onboard-hello{color:var(--accent-text);font-size:15px;font-weight:600}.onboard-title{color:var(--color-ink);letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1.1}.onboard-sub{max-width:34ch;color:var(--color-ink-soft);font-size:16px;line-height:1.5}.onboard-list{gap:var(--s-3);display:grid}.onboard-tile{align-items:center;gap:var(--s-3);width:100%;min-height:72px;padding:var(--s-3) var(--s-4);text-align:left;display:flex}.onboard-tile--toggle{cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.onboard-tile--toggle:active{transform:scale(.99)}.onboard-tile--toggle[aria-checked=true]{box-shadow:var(--shadow-card), inset 0 0 0 2px var(--accent)}.onboard-icon{border-radius:var(--radius-tile);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);flex-shrink:0;place-items:center;display:grid}.onboard-tile-text{flex:1;gap:2px;min-width:0;display:grid}.onboard-tile-title{color:var(--color-ink);font-size:16px;font-weight:600}.onboard-tile-sub{color:var(--color-muted);font-size:13px}.onboard-check{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--color-edge-strong);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.onboard-tile--toggle[aria-checked=true] .onboard-check{background:var(--accent);box-shadow:none}.onboard-note{color:var(--color-muted);text-align:center;font-size:13px}.onboard-actions{justify-items:center;gap:var(--s-2);display:grid}.btn-lg{min-height:54px;font-size:16px}.page-head-action .btn-tonal{background:var(--color-surface);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge)}.sheet-form{margin-top:var(--s-4)}.deck-done-actions{width:100%}.dhikr-text,.dhikr-title,.list-row-title[dir=auto],textarea[dir=auto],input[dir=auto]{text-align:start}.dhikr-text:lang(ar){color:var(--color-ink);font-family:Noto Naskh Arabic,Amiri,Scheherazade New,Geeza Pro,Traditional Arabic,serif;font-size:24px;line-height:1.9}.done-mark{color:var(--ok-dot);flex-shrink:0;display:inline-flex}.list-row[data-current] .list-row-title{color:var(--accent-text)}.toast{padding:var(--s-2) var(--s-5)}.toast:has(button){padding:var(--s-1) var(--s-1) var(--s-1) var(--s-5);gap:var(--s-4)}.toast>span{flex:1;min-width:0;line-height:1.35}.toast button{flex-shrink:0}.field-pair--wide-first{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}.dhikr-translit{color:var(--color-ink);font-size:15px;font-style:italic;line-height:1.55}.arabic{white-space:pre-line}.arabic--sheet{margin:var(--s-3) 0 var(--s-1);max-height:40vh;font-size:22px;overflow-y:auto}.btn-sm{min-height:40px;padding:0 var(--s-4);gap:6px;font-size:14px}@media (pointer:coarse){.btn-sm{min-height:44px}}.page-head-action{min-height:40px;margin-top:-3px;padding-top:0}.page-head-action .btn-tonal,.section-head>.btn-tonal{background:var(--color-surface);color:var(--accent-text);box-shadow:var(--shadow-card), inset 0 0 0 1px var(--card-edge)}@media (hover:hover){.page-head-action .btn-tonal:hover,.section-head>.btn-tonal:hover{background:var(--accent-soft)}}.section-head{min-height:44px}.manage-row{row-gap:var(--s-2);flex-wrap:wrap}.manage-row-title{flex:1 0 100%}.manage-row-label{flex:1}.page-head-row{align-items:center}.page-head-action{margin-top:0}.page-sub{margin-top:var(--s-1);text-wrap:pretty;max-width:60ch}.empty-line{padding:var(--s-3) var(--s-4);border-radius:var(--radius-inner);background:color-mix(in oklab, var(--color-surface) 60%, transparent)}.btn-primary.btn-sm{box-shadow:0 6px 14px -8px color-mix(in oklab, var(--accent) 70%, transparent)}.kebab-btn{flex-shrink:0}.menu-pop{padding:var(--s-1);max-height:none!important}.menu-item{align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:0 var(--s-3);border-radius:var(--radius-tile);color:var(--color-ink);text-align:left;font-size:15px;font-weight:500;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--color-recessed);outline:none}.menu-item[data-danger]{color:var(--urgent-ink)}.segmented+.section{margin-top:var(--s-5)}.card .segmented{background:var(--color-recessed);box-shadow:none;margin-bottom:0}.section>.card+.card,.section>.card+ul.card,.section>ul.card+.card{margin-top:var(--s-3)}.btn-danger-outline{color:var(--urgent-ink);box-shadow:inset 0 0 0 1.5px var(--urgent-ink)}@media (hover:hover){.btn-danger-outline:hover{background:var(--urgent-soft)}}.dd-list{position:relative}.stat[data-tone=urgent] .stat-value{color:var(--urgent-ink)}.reports .state-dot[data-state=qada]{background:var(--urgent-soft);border:1.5px solid var(--urgent-dot)}.reports .qada-num{color:var(--urgent-ink);font-weight:600}.log-done{margin-top:var(--s-4)}.sheet .linked-list .list-row{min-height:52px}.input--code.input--full{width:100%;max-width:none}.auth-or{align-items:center;gap:var(--s-3);color:var(--color-muted);font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--color-edge);flex:1;height:1px}.auth-fine{justify-content:center;align-items:center;gap:6px;display:flex}.input-reveal{position:relative}.input-reveal .input{padding-right:52px}.input-reveal-btn{background:0 0;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.profile-common{margin-top:var(--s-6);gap:var(--s-3);display:grid}.invite-actions{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.field-trio{gap:var(--s-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.field-trio .input{text-align:center}.devbar{z-index:var(--z-dev);border-bottom:1px dashed var(--color-edge);background:var(--color-canvas);font-family:var(--font-dev);color:var(--color-ink-soft);font-size:12px;position:relative}.devbar>summary{align-items:center;gap:var(--s-2);min-height:44px;padding:calc(env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));cursor:pointer;letter-spacing:.02em;list-style:none;display:flex}.devbar>summary::-webkit-details-marker{display:none}.devbar-key{color:#1a1a1a;background:#ffd84d;border-radius:4px;padding:1px 6px;font-weight:700}.devbar-caret{transition:transform var(--dur-fast) var(--ease-out);margin-left:auto}.devbar[open] .devbar-caret{transform:rotate(180deg)}.devbar-body{gap:var(--s-3) var(--s-6);padding:var(--s-1) var(--gutter) var(--s-4);flex-wrap:wrap;max-width:1120px;margin:0 auto;display:flex}.devbar fieldset{border:0;min-width:0;margin:0;padding:0}.devbar legend{padding:0 0 var(--s-1);color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.devbar-seg{border:1px dashed var(--color-edge);border-radius:8px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.devbar-seg label{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;min-height:36px;padding:0 10px;display:inline-flex;position:relative}.devbar-seg input{opacity:0;pointer-events:none;position:absolute}.devbar-seg label:has(input:checked){background:var(--color-ink);color:var(--color-canvas)}.devbar-seg label:has(input:focus-visible){outline:2px solid var(--color-focus);outline-offset:1px}.devbar-btn{border:1px dashed var(--color-edge);border-radius:8px;min-height:40px;padding:0 12px;font-family:inherit;font-size:12px}.devbar-btn:hover{border-style:solid}.devbar-actions{gap:var(--s-2);flex-wrap:wrap;align-items:flex-end;display:flex}.devbar-hint{color:var(--color-muted);flex-basis:100%;font-size:11px}