@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..700,0..100;1,9..144,300..700,0..100&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Noto+Nastaliq+Urdu:wght@400..700&display=swap");:root{--font-display:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,serif;--font-ui:"Instrument Sans","Avenir Next","Segoe UI",ui-sans-serif,sans-serif;--font-urdu:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Urdu Typesetting",serif;--fs-2xs:0.6875rem;--fs-xs:0.75rem;--fs-sm:0.8125rem;--fs-md:0.9375rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--fs-4xl:4.25rem;--tracking-caps:0.14em;--paper:#F4EEE2;--paper-2:#ECE4D3;--paper-3:#E1D7C3;--paper-4:#D3C7AE;--rule:rgba(28,26,21,0.09);--rule-strong:rgba(28,26,21,0.18);--margin:#B4432F;--margin-soft:rgba(180,67,47,0.45);--ink:#1C1A15;--ink-2:#4B473D;--ink-3:#877F6E;--ink-4:#B3AB99;--ink-inverse:#F4EEE2;--brass:#B8781F;--brass-2:#92600F;--brass-3:#6B4608;--brass-soft:rgba(184,120,31,0.14);--brass-ring:rgba(184,120,31,0.45);--on-brass:#FFF8EA;--st-on-time:#3F7A4B;--st-jamaat:#2D6B5C;--st-jamaat-late:#7A8A2E;--st-late:#C2891C;--st-qada:#4E5F9A;--st-missed:#B4432F;--st-unlogged:#A79F8D;--hm-full:#3F7A4B;--hm-partial:#D4A72C;--hm-missed:#B4432F;--hm-none:#DDD5C3;--hm-excused:#B9B0CF;--good:#3F7A4B;--warn:#C2891C;--bad:#B4432F;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--tap:48px;--gutter:20px;--nav-h:64px;--sidebar-w:248px;--content-max:720px;--shadow-1:0 1px 0 rgba(28,26,21,.06),0 1px 2px rgba(28,26,21,.06);--shadow-2:0 2px 0 rgba(28,26,21,.05),0 8px 24px -8px rgba(28,26,21,.22);--shadow-sheet:0 -8px 40px -12px rgba(28,26,21,.35);--ease-out:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.4,0,.2,1);--dur-fast:140ms;--dur:260ms;--dur-slow:480ms;--rule-gap:32px;color-scheme:light}[data-theme=dark]{--paper:#15140F;--paper-2:#1E1C16;--paper-3:#29261E;--paper-4:#3A3629;--rule:rgba(239,231,214,0.07);--rule-strong:rgba(239,231,214,0.16);--margin:#C9563F;--margin-soft:rgba(201,86,63,0.38);--ink:#EFE7D6;--ink-2:#C2B9A4;--ink-3:#877F6E;--ink-4:#5C5648;--ink-inverse:#15140F;--brass:#D9A04A;--brass-2:#E8B463;--brass-3:#F0C98A;--brass-soft:rgba(217,160,74,0.16);--brass-ring:rgba(217,160,74,0.5);--on-brass:#1B1408;--st-on-time:#6FAE7C;--st-jamaat:#5FA793;--st-jamaat-late:#A9B85A;--st-late:#E0A93F;--st-qada:#8595D3;--st-missed:#D6604A;--st-unlogged:#6E6858;--hm-full:#5E9E6B;--hm-partial:#D4A72C;--hm-missed:#C9563F;--hm-none:#2A2720;--hm-excused:#5E5677;--good:#6FAE7C;--warn:#E0A93F;--bad:#D6604A;--shadow-1:0 1px 0 rgba(0,0,0,.35);--shadow-2:0 2px 0 rgba(0,0,0,.3),0 12px 32px -8px rgba(0,0,0,.6);--shadow-sheet:0 -8px 40px -10px rgba(0,0,0,.8);color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#15140F;--paper-2:#1E1C16;--paper-3:#29261E;--paper-4:#3A3629;--rule:rgba(239,231,214,0.07);--rule-strong:rgba(239,231,214,0.16);--margin:#C9563F;--margin-soft:rgba(201,86,63,0.38);--ink:#EFE7D6;--ink-2:#C2B9A4;--ink-3:#877F6E;--ink-4:#5C5648;--ink-inverse:#15140F;--brass:#D9A04A;--brass-2:#E8B463;--brass-3:#F0C98A;--brass-soft:rgba(217,160,74,0.16);--brass-ring:rgba(217,160,74,0.5);--on-brass:#1B1408;--st-on-time:#6FAE7C;--st-jamaat:#5FA793;--st-jamaat-late:#A9B85A;--st-late:#E0A93F;--st-qada:#8595D3;--st-missed:#D6604A;--st-unlogged:#6E6858;--hm-full:#5E9E6B;--hm-partial:#D4A72C;--hm-missed:#C9563F;--hm-none:#2A2720;--hm-excused:#5E5677;--good:#6FAE7C;--warn:#E0A93F;--bad:#D6604A;--shadow-1:0 1px 0 rgba(0,0,0,.35);--shadow-2:0 2px 0 rgba(0,0,0,.3),0 12px 32px -8px rgba(0,0,0,.6);--shadow-sheet:0 -8px 40px -10px rgba(0,0,0,.8);color-scheme:dark}}[data-accent=moss]{--brass:#4F7A4A;--brass-2:#3B6137;--brass-3:#2B4828;--brass-soft:rgba(79,122,74,.14);--brass-ring:rgba(79,122,74,.45);--on-brass:#F1F7EE}[data-accent=indigo]{--brass:#4E5F9A;--brass-2:#3D4B7D;--brass-3:#2D3760;--brass-soft:rgba(78,95,154,.14);--brass-ring:rgba(78,95,154,.45);--on-brass:#F0F2FA}[data-accent=oxblood]{--brass:#8E2F2F;--brass-2:#6F2323;--brass-3:#521919;--brass-soft:rgba(142,47,47,.14);--brass-ring:rgba(142,47,47,.45);--on-brass:#FAF0F0}[data-theme=dark][data-accent=moss]{--brass:#7FB57A;--brass-2:#96C691;--brass-3:#B4D9B0;--on-brass:#0E1A0D}[data-theme=dark][data-accent=indigo]{--brass:#8F9FDD;--brass-2:#A5B3E6;--brass-3:#C0CAF0;--on-brass:#0F1224}[data-theme=dark][data-accent=oxblood]{--brass:#D07070;--brass-2:#DC8A8A;--brass-3:#E8A9A9;--on-brass:#200C0C}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-md);line-height:1.45;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased}:lang(ur),[dir=rtl]{font-family:var(--font-urdu),var(--font-ui);line-height:1.9}:lang(ur) .display,[dir=rtl] .display{font-family:var(--font-display)}::-moz-selection{background:var(--brass-soft);color:var(--ink)}::selection{background:var(--brass-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:var(--r-xs)}.display{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 40;font-weight:400;letter-spacing:-.015em;font-feature-settings:"tnum" 1}.display--num{font-variation-settings:"opsz" 144,"SOFT" 20;font-weight:500;letter-spacing:-.03em}.display--i{font-style:italic;font-weight:300}.eyebrow{font-size:var(--fs-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-weight:600}:lang(ur) .eyebrow,[dir=rtl] .eyebrow{letter-spacing:0;text-transform:none;font-size:var(--fs-sm)}.margined{position:relative}.margined:before{content:"";position:absolute;inset-block:0;inset-inline-start:52px;width:1px;background:var(--margin-soft);pointer-events:none}.grain{position:relative}.grain:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}[data-theme=dark] .grain:after{mix-blend-mode:screen;opacity:.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .grain:after{mix-blend-mode:screen;opacity:.3}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;transition-duration:1ms!important}}.app{min-height:100dvh;display:grid;grid-template-rows:1fr auto}.app__main{position:relative;z-index:1;width:100%;max-width:var(--content-max);margin-inline:auto;padding:12px var(--gutter) calc(var(--nav-h) + 24px)}@media (min-width:840px){.app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr}.app__main{grid-column:2;padding:40px 48px 64px}}.ic{width:22px;height:22px;flex:none;stroke:currentColor;fill:none}.ic--sm{width:18px;height:18px}.ic--lg{width:28px;height:28px}.nav{position:fixed;inset-inline:0;bottom:0;z-index:40;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--rule-strong);display:flex;justify-content:space-around;align-items:stretch}.nav__brand{display:none}.nav__item{flex:1;min-width:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-3);text-decoration:none;font-size:var(--fs-2xs);font-weight:600;letter-spacing:.04em;position:relative;transition:color var(--dur-fast) var(--ease-soft)}.nav__item[aria-current=page]{color:var(--ink)}.nav__item[aria-current=page]:before{content:"";position:absolute;top:-1px;width:28px;height:2px;background:var(--brass);border-radius:0 0 2px 2px}.nav__item[aria-current=page] .ic{stroke:var(--brass)}.nav__item:hover{color:var(--ink-2)}.nav__foot{display:none}@media (min-width:840px){.nav{inset:0 auto 0 0;width:var(--sidebar-w);height:auto;flex-direction:column;justify-content:flex-start;padding:28px 16px;gap:2px;border-top:0;border-inline-end:1px solid var(--rule-strong);background:var(--paper);backdrop-filter:none}[dir=rtl] .nav{inset:0 0 0 auto}.nav__brand{display:flex;align-items:center;gap:12px;padding:4px 10px 26px;color:var(--ink);text-decoration:none}.nav__brand .mark{width:34px;height:34px}.nav__brand b{font-family:var(--font-display);font-weight:500;font-size:var(--fs-lg);letter-spacing:-.01em}.nav__brand small{display:block;font-size:var(--fs-2xs);color:var(--ink-3);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:600}.nav__item{flex:none;flex-direction:row;justify-content:flex-start;gap:12px;height:44px;padding:0 12px;border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:500;letter-spacing:0}.nav__item[aria-current=page]{background:var(--paper-2)}.nav__item[aria-current=page]:before{top:8px;bottom:8px;left:0;width:3px;height:auto;border-radius:0 3px 3px 0}[dir=rtl] .nav__item[aria-current=page]:before{left:auto;right:0;border-radius:3px 0 0 3px}.nav__item:hover{background:var(--paper-2)}.nav__foot{display:block;margin-top:auto;padding:12px 10px 0;font-size:var(--fs-xs);color:var(--ink-3)}}.mark{width:28px;height:28px;border-radius:26%;background:var(--ink);color:var(--brass);display:inline-grid;place-items:center}.mark svg{width:62%;height:62%;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:8px 0 20px}.page-head h1{margin:0;font-size:var(--fs-2xl);line-height:1.05}.page-head .sub{color:var(--ink-3);font-size:var(--fs-sm);margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:var(--paper-2);color:var(--ink);font:inherit;font-weight:600;font-size:var(--fs-sm);min-height:44px;padding:0 18px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-soft),transform var(--dur-fast) var(--ease-soft),border-color var(--dur-fast)}.btn:hover{background:var(--paper-3)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brass);color:var(--on-brass)}.btn--primary:hover{background:var(--brass-2)}.btn--ghost{background:transparent;border-color:var(--rule-strong)}.btn--ghost:hover{background:var(--paper-2)}.btn--quiet{background:transparent;color:var(--ink-2);padding-inline:10px}.btn--quiet:hover{background:var(--paper-2);color:var(--ink)}.btn--icon{width:var(--tap);height:var(--tap);padding:0;min-height:0;border-radius:var(--r-pill)}.btn--block{width:100%}.btn--lg{min-height:52px;font-size:var(--fs-md)}.btn[disabled]{opacity:.45;pointer-events:none}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-1)}.card--flat{box-shadow:none}.card--ink{background:var(--ink);color:var(--ink-inverse);border-color:transparent}.card--ink .eyebrow{color:color-mix(in srgb,var(--ink-inverse) 60%,transparent)}.card__title{margin:0 0 4px;font-size:var(--fs-lg);font-weight:600}.ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule-strong)}.ledger__row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;min-height:64px;padding:10px 0;border-bottom:1px solid var(--rule);width:100%;background:none;border-inline:0;border-top:0;color:inherit;font:inherit;text-align:start;cursor:pointer;position:relative;transition:background var(--dur-fast);-webkit-tap-highlight-color:transparent}.ledger__row:hover{background:color-mix(in srgb,var(--paper-2) 60%,transparent)}.ledger__row:active{background:var(--paper-2)}.ledger__glyph{width:44px;height:44px;display:grid;place-items:center;color:var(--ink-3)}.ledger__row--next .ledger__glyph{color:var(--brass)}.ledger__name{display:flex;flex-direction:column;gap:2px;min-width:0}.ledger__name b{font-weight:600;font-size:var(--fs-md)}.ledger__name span{color:var(--ink-3);font-size:var(--fs-sm);font-feature-settings:"tnum" 1}.ledger__row--next .ledger__name b{color:var(--brass-3)}[data-theme=dark] .ledger__row--next .ledger__name b{color:var(--brass)}.ledger__end{display:flex;align-items:center;gap:10px}.ledger__time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.chip{--chip:var(--st-unlogged);display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--chip) 45%,transparent);background:color-mix(in srgb,var(--chip) 12%,transparent);color:color-mix(in srgb,var(--chip) 80%,var(--ink));font-size:var(--fs-xs);font-weight:600;white-space:nowrap;letter-spacing:.01em}.chip .ic{width:15px;height:15px;stroke-width:2.2}.chip--empty{border-style:dashed;background:transparent;color:var(--ink-3)}.chip--solid{background:var(--chip);color:#fff;border-color:transparent}.chip__dot{width:8px;height:8px;border-radius:50%;background:var(--chip)}.streak{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:var(--r-pill);background:var(--brass-soft);color:var(--brass-3);font-weight:600;font-size:var(--fs-sm);white-space:nowrap}[data-theme=dark] .streak{color:var(--brass-2)}.hero{overflow:hidden}.streak .ic{stroke:var(--brass);width:18px;height:18px}.streak b{font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);line-height:1}.hero{position:relative;padding:26px 0 22px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:16px;border-bottom:1px solid var(--rule-strong);margin-bottom:4px}.hero__label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hero__name{font-size:var(--fs-3xl);line-height:1;margin:0}.hero__count{font-size:clamp(2.5rem,11vw,var(--fs-4xl));line-height:.95;color:var(--brass);text-align:end;white-space:nowrap}.hero__count small{font-size:.38em;color:var(--ink-3);font-family:var(--font-ui);font-weight:600;letter-spacing:var(--tracking-caps);margin-inline-start:4px}.hero__at{color:var(--ink-3);font-size:var(--fs-sm);text-align:end;margin-top:6px}@media (min-width:840px){.hero{padding:34px 0 28px}.hero__name{font-size:3.4rem}.hero__count{font-size:5.2rem}}.datebar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.datebar__dates{display:flex;flex-direction:column;gap:1px}.datebar__greg{font-weight:600}.datebar__hijri{color:var(--ink-3);font-size:var(--fs-sm);font-family:var(--font-display);font-style:italic}.datebar__nav{display:flex;gap:2px}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:rgba(20,17,10,.42);backdrop-filter:blur(2px);animation:fade-in var(--dur) var(--ease-out) both}.sheet{position:fixed;inset-inline:0;bottom:0;z-index:61;max-width:560px;margin-inline:auto;background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-sheet);padding:10px var(--gutter) calc(20px + env(safe-area-inset-bottom));animation:sheet-up .32s var(--ease-out) both;max-height:88dvh;overflow:auto}@media (min-width:840px){.sheet{bottom:auto;top:50%;transform:translateY(-50%);border-radius:var(--r-xl);animation:pop-in .26s var(--ease-out) both}}.sheet__grab{width:40px;height:4px;border-radius:2px;background:var(--paper-4);margin:0 auto 16px}.sheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet__head h2{margin:0;font-size:var(--fs-xl)}.sheet__head span{color:var(--ink-3);font-size:var(--fs-sm)}.opts{gap:8px;margin:0;padding:0;list-style:none}.opt,.opts{display:grid}.opt{--chip:var(--st-unlogged);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;min-height:54px;padding:6px 12px 6px 8px;border-radius:var(--r-md);border:1px solid var(--rule);background:var(--paper-2);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.opt:hover{border-color:color-mix(in srgb,var(--chip) 50%,transparent)}.opt:active{transform:scale(.985)}.opt[aria-checked=true]{border-color:var(--chip);background:color-mix(in srgb,var(--chip) 10%,var(--paper-2))}.opt__swatch{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--chip) 16%,transparent);color:var(--chip)}.opt__swatch .ic{width:18px;height:18px;stroke-width:2.2}.opt__name b{display:block;font-weight:600}.opt__name span{color:var(--ink-3);font-size:var(--fs-xs)}.opt__flags{display:flex;gap:4px}.flag{width:7px;height:7px;border-radius:50%;background:var(--paper-4)}.flag--on{background:var(--chip)}.reasons{margin-top:18px;padding-top:16px;border-top:1px dashed var(--rule-strong);animation:rise-in var(--dur-slow) var(--ease-out) both}.reasons__wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--rule-strong);background:transparent;color:var(--ink-2);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast)}.tag .ic{width:15px;height:15px}.tag:hover{background:var(--paper-2)}.tag[aria-pressed=true]{background:var(--ink);color:var(--ink-inverse);border-color:var(--ink)}.tag--add{border-style:dashed;color:var(--brass-3)}.bar{height:8px;background:var(--paper-4);overflow:hidden}.bar,.bar>i{border-radius:4px}.bar>i{display:block;height:100%;background:var(--st-qada);transition:width var(--dur-slow) var(--ease-out)}.bar--brass>i{background:var(--brass)}.bar--good>i{background:var(--good)}.qtable{border-top:1px solid var(--rule-strong)}.qrow{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--rule)}.qrow,.qrow__name{align-items:center}.qrow__name{font-weight:600;display:flex;gap:10px}.qrow__name .ic{color:var(--ink-3);width:18px;height:18px}.qrow__num{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em;text-align:end;font-feature-settings:"tnum" 1}.qrow__num small{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--ink-3);font-weight:500;margin-inline-start:4px;letter-spacing:0}.qrow .bar,.qrow__meta{grid-column:1/-1}.qrow__meta{display:flex;justify-content:space-between;color:var(--ink-3);font-size:var(--fs-xs)}.seg{display:inline-flex;padding:3px;border-radius:var(--r-pill);background:var(--paper-2);border:1px solid var(--rule)}.seg button{font:inherit;font-size:var(--fs-sm);font-weight:600;color:var(--ink-3);background:transparent;border:0;border-radius:var(--r-pill);height:34px;padding:0 14px;cursor:pointer;transition:all var(--dur-fast)}.seg button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (min-width:560px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{padding:14px 16px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule)}.stat__num{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:500;letter-spacing:-.03em;line-height:1;margin-top:8px;font-feature-settings:"tnum" 1}.stat__num small{font-size:.5em;color:var(--ink-3);font-family:var(--font-ui);font-weight:600;letter-spacing:0}.stat__delta{font-size:var(--fs-xs);color:var(--ink-3);margin-top:6px}.stat__delta.up{color:var(--good)}.section{margin-top:28px}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section__head h2{margin:0;font-size:var(--fs-lg);font-weight:600}.section__head a{color:var(--brass-3);font-size:var(--fs-sm);font-weight:600;text-decoration:none}[data-theme=dark] .section__head a{color:var(--brass)}.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.heat__dow{text-align:center;font-size:var(--fs-2xs);color:var(--ink-4);font-weight:600;letter-spacing:.06em}.heat__d{aspect-ratio:1;border-radius:6px;background:var(--hm-none);border:0;padding:0;cursor:pointer;position:relative;transition:transform var(--dur-fast) var(--ease-out);font:inherit;font-size:var(--fs-2xs);color:transparent}.heat__d:hover{transform:scale(1.12);z-index:1;color:var(--ink)}.heat__d--full{background:var(--hm-full)}.heat__d--partial{background:var(--hm-partial)}.heat__d--missed{background:var(--hm-missed)}.heat__d--excused{background:var(--hm-excused)}.heat__d--today{outline:2px solid var(--brass);outline-offset:2px}.heat__d--future{opacity:.35;cursor:default}.legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:var(--fs-xs);color:var(--ink-3)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:-1px;margin-inline-end:6px}.hbar{display:grid;grid-template-columns:72px 1fr 44px;align-items:center;gap:12px;padding:7px 0;font-size:var(--fs-sm)}.hbar__track{height:10px;border-radius:5px;background:var(--paper-3);overflow:hidden;display:flex}.hbar__track i{display:block;height:100%}.hbar__pct{text-align:end;font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600}.slist{list-style:none;margin:0;padding:0;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule);overflow:hidden}.srow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--rule);color:inherit;text-decoration:none;width:100%;background:none;border-inline:0;border-top:0;font:inherit;text-align:start;cursor:pointer}.srow:last-child{border-bottom:0}.srow:hover{background:var(--paper-3)}.srow .ic{color:var(--ink-3)}.srow__txt b{display:block;font-weight:600;font-size:var(--fs-md)}.srow__txt span{display:block;color:var(--ink-3);font-size:var(--fs-xs);margin-top:1px}.srow__val{color:var(--ink-3);font-size:var(--fs-sm);display:flex;align-items:center;gap:6px}.srow__val .ic{width:18px;height:18px}.switch{position:relative;width:46px;height:28px;border-radius:14px;background:var(--paper-4);border:0;cursor:pointer;transition:background var(--dur-fast);padding:0;flex:none}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform var(--dur) var(--ease-out)}.switch[aria-checked=true]{background:var(--brass)}.switch[aria-checked=true]:after{transform:translateX(18px)}[dir=rtl] .switch[aria-checked=true]:after{transform:translateX(-18px)}.field{display:grid;gap:6px}.field label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-2)}.input{font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--rule-strong);border-radius:var(--r-md);height:46px;padding:0 14px;width:100%;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.input:focus{outline:0;border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-soft)}.stepper{display:inline-flex;align-items:center;border:1px solid var(--rule-strong);border-radius:var(--r-pill);background:var(--paper-2);overflow:hidden}.stepper button{width:40px;height:40px;border:0;background:transparent;color:var(--ink-2);font:inherit;cursor:pointer;display:grid;place-items:center}.stepper button:hover{background:var(--paper-3)}.stepper output{min-width:40px;text-align:center;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;padding:0;position:relative;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}.swatch[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ink)}.flags{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.flagbtn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 12px 0 14px;border-radius:var(--r-md);border:1px solid var(--rule-strong);background:var(--paper-2);font:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--ink-2);cursor:pointer;text-align:start}.flagbtn[aria-pressed=true]{border-color:var(--brass);background:var(--brass-soft);color:var(--ink)}.flagbtn .dot{width:10px;height:10px;border-radius:50%;background:var(--paper-4);flex:none}.flagbtn[aria-pressed=true] .dot{background:var(--brass)}.dlist{list-style:none;margin:0;padding:0;display:grid;gap:6px}.drow{display:grid;grid-template-columns:28px auto 1fr auto;align-items:center;gap:10px;min-height:56px;padding:6px 10px 6px 6px;background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--r-md)}.drow .grip{color:var(--ink-4);cursor:grab;display:grid;place-items:center;width:28px;height:40px}.drow--hidden{opacity:.5}.drow__meta{color:var(--ink-3);font-size:var(--fs-xs)}.hint{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--brass-soft);font-size:var(--fs-sm)}.hint,[data-theme=dark] .hint{color:var(--brass-3)}.hint .ic{width:18px;height:18px;flex:none;margin-top:1px}.hint--soft{background:var(--paper-2);color:var(--ink-2)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:grid;gap:12px}.muted{color:var(--ink-3)}.tnum{font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.divider{height:1px;background:var(--rule-strong);margin:20px 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(-50%) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes ink-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes tick{0%,to{transform:scale(1)}40%{transform:scale(1.18)}}.rise{animation:rise-in var(--dur-slow) var(--ease-out) both}.rise[style*="--i"]{animation-delay:calc(var(--i) * 60ms)}.ink-in{animation:ink-in .7s var(--ease-out) both}.greet{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:6px 0 14px}.greet__name{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:500;letter-spacing:-.02em;line-height:1.05;margin:2px 0 0}.greet__name em{font-style:italic;font-weight:300;color:var(--brass)}.greet__sub{color:var(--ink-3);font-size:var(--fs-sm);margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ring{position:relative;display:inline-grid;place-items:center;flex:none}.ring>svg{position:absolute;inset:0}.ring__inner{position:relative;display:grid;place-items:center;text-align:center;line-height:1;max-width:70%}.ring__inner .ic{display:block;position:static;width:auto;height:auto}.ring__num{font-family:var(--font-display);font-weight:500;font-size:var(--fs-xl);letter-spacing:-.03em;font-feature-settings:"tnum" 1}.ring__num small{font-size:.5em;color:var(--ink-3);font-family:var(--font-ui);font-weight:600}.ring__lbl{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-top:3px}.card--ink .ring__lbl,.card--ink .ring__num small{color:color-mix(in srgb,var(--ink-inverse) 60%,transparent)}.streakpill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 7px;border-radius:var(--r-pill);background:var(--brass-soft);color:var(--brass-3);font-weight:600;font-size:var(--fs-xs)}[data-theme=dark] .streakpill{color:var(--brass-2)}.streakpill .ic{width:15px;height:15px;stroke:var(--brass)}.streakpill i{display:inline-block;width:44px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--brass) 25%,transparent);overflow:hidden}.streakpill i b{display:block;height:100%;background:var(--brass);border-radius:2px}.daydone{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border-radius:var(--r-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--st-on-time) 16%,var(--paper-2)),var(--paper-2));border:1px solid color-mix(in srgb,var(--st-on-time) 40%,transparent);margin:16px 0 4px;animation:rise-in var(--dur-slow) var(--ease-out) both}.daydone b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em}.daydone span{color:var(--ink-2);font-size:var(--fs-sm)}.commit{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.commit__num{font-family:var(--font-display);font-size:clamp(2.6rem,12vw,3.6rem);font-weight:500;letter-spacing:-.04em;line-height:.9;font-feature-settings:"tnum" 1}.commit__num small{font-size:.38em;opacity:.6;font-weight:400}.commit__lbl{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink-inverse) 12%,transparent);font-size:var(--fs-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:700}.commit__foot{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:var(--fs-xs);opacity:.75}.daybars{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:150px}.daybars__col{display:grid;grid-template-rows:1fr auto auto;gap:4px;height:100%;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}.daybars__track{position:relative;border-radius:6px;background:var(--paper-3);overflow:hidden;align-self:stretch}.daybars__track i{position:absolute;left:0;right:0;bottom:0;border-radius:6px;transition:height .7s var(--ease-out)}.daybars__prayed{background:color-mix(in srgb,var(--brass) 55%,var(--paper-3))}.daybars__ontime{background:var(--st-on-time)}.daybars__n{font-size:var(--fs-2xs);color:var(--ink-3);font-weight:600;min-height:12px}.daybars__d{font-size:var(--fs-2xs);color:var(--ink-4);font-weight:700;letter-spacing:.06em}.daybars__col--today .daybars__d{color:var(--brass)}.daybars__col--today .daybars__track{outline:2px solid var(--brass);outline-offset:2px}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.badge{display:grid;justify-items:center;gap:6px;padding:12px 6px 10px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule);font:inherit;color:inherit;cursor:pointer;text-align:center;transition:transform var(--dur-fast) var(--ease-out)}.badge:hover{transform:translateY(-2px)}.badge b{font-size:var(--fs-xs);font-weight:600}.badge>span{font-size:10px;color:var(--ink-3);font-feature-settings:"tnum" 1}.badge__disc{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--paper-3);color:var(--ink-4)}.badge__disc--lg{width:72px;height:72px}.badge__ring{position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--brass) var(--p),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.badge--earned .badge__disc,.celebrate__badge .badge__disc{color:#fff;box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}.badge--bronze.badge--earned .badge__disc,.celebrate__badge.badge--bronze .badge__disc{background:linear-gradient(145deg,#B87A4B,#7A4A2A)}.badge--silver.badge--earned .badge__disc,.celebrate__badge.badge--silver .badge__disc{background:linear-gradient(145deg,#B9BFC6,#6C737B)}.badge--gold.badge--earned .badge__disc,.celebrate__badge.badge--gold .badge__disc{background:linear-gradient(145deg,#E4B15C,#9A6412)}.badge--earned{border-color:color-mix(in srgb,var(--brass) 40%,transparent)}.celebrate{display:grid;gap:14px;position:relative;padding-top:6px}.celebrate__badge{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px;border-radius:var(--r-lg);background:var(--paper-2);animation:rise-in var(--dur-slow) var(--ease-out) both}.celebrate__badge b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em}.celebrate__badge span{color:var(--ink-3);font-size:var(--fs-sm)}.celebrate__burst{position:absolute;inset:-60px 0 auto;height:0;pointer-events:none}.celebrate__burst i{position:absolute;left:50%;top:40px;width:6px;height:14px;border-radius:3px;background:var(--brass);transform-origin:50% 0;transform:rotate(calc(var(--i) * 30deg));animation:burst .9s var(--ease-out) both}.celebrate__burst i:nth-child(odd){background:var(--st-on-time)}@keyframes burst{0%{transform:rotate(calc(var(--i) * 30deg)) translateY(0);opacity:1}to{transform:rotate(calc(var(--i) * 30deg)) translateY(-70px);opacity:0}}.reports{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report{display:grid;justify-items:center;gap:6px;padding:18px 12px 14px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule);font:inherit;color:inherit;cursor:pointer;text-align:center}.report .glyph{width:48px;height:48px;border-radius:50%;background:var(--brass-soft);color:var(--brass);display:grid;place-items:center}.report b{font-weight:600}.report span{color:var(--ink-3);font-size:var(--fs-xs)}.journey,.journey__head{display:grid;gap:12px}.journey__head{grid-template-columns:auto 1fr auto;align-items:center}.journey__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.journey__stat{padding:10px 6px;border-radius:var(--r-md);background:var(--paper-3);text-align:center}.journey__stat b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.journey__stat span{font-size:var(--fs-2xs);color:var(--ink-3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.events{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.events__item{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:var(--r-pill);background:var(--paper-2);border:1px solid var(--rule);font-size:var(--fs-xs);color:var(--ink-2)}.events__item .ic{stroke:var(--brass)}.events__item b{font-weight:600;color:var(--ink)}.events__item span{color:var(--ink-3)}.compass{position:relative;width:min(320px,82vw);aspect-ratio:1;margin:12px auto 0;display:grid;place-items:center}.compass__dial{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--paper-2),var(--paper-3));border:1px solid var(--rule-strong);box-shadow:var(--shadow-2),inset 0 0 0 10px var(--paper);transition:transform .18s var(--ease-soft);display:grid;place-items:center}.compass__card{position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px;text-align:center;font-family:var(--font-display);font-weight:600;font-size:var(--fs-lg);color:var(--ink-2)}.compass__tick{position:absolute;top:14px;left:50%;width:1px;height:8px;margin-left:-.5px;background:var(--ink-4);transform-origin:50% calc(var(--_r, 160px) - 14px)}.compass{--_r:min(160px,41vw)}.compass__tick--major{height:14px;width:2px;background:var(--ink-3)}.compass__qibla{position:absolute;top:50%;left:50%;width:0;height:0}.compass__qibla .ic{position:absolute;left:-22px;top:calc(-1 * var(--_r) + 28px);width:44px;height:44px;padding:8px;border-radius:50%;background:var(--ink);color:var(--brass);box-shadow:var(--shadow-2)}.compass__needle{position:absolute;top:4px;left:50%;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:22px solid var(--margin);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.compass__center{position:relative;width:108px;height:108px;border-radius:50%;background:var(--paper);border:1px solid var(--rule-strong);display:grid;place-content:center;text-align:center;box-shadow:var(--shadow-1)}.compass--facing .compass__dial{box-shadow:var(--shadow-2),inset 0 0 0 10px var(--paper),0 0 0 6px color-mix(in srgb,var(--st-on-time) 35%,transparent)}.insights{list-style:none;margin:0;padding:0;display:grid;gap:8px}.insights li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:var(--r-md);background:var(--paper-2);font-size:var(--fs-sm);line-height:1.45}.insights .ic{color:var(--brass);margin-top:1px}.ledger__row--stack{grid-template-columns:44px 1fr;grid-template-rows:auto auto;row-gap:8px}.ledger__row--stack .ledger__end{grid-column:2;justify-content:flex-start;flex-wrap:wrap;gap:6px}.qs{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 8px;border-radius:var(--r-pill);border:1px solid color-mix(in srgb,var(--chip) 45%,transparent);background:color-mix(in srgb,var(--chip) 10%,transparent);color:color-mix(in srgb,var(--chip) 80%,var(--ink));font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:transform var(--dur-fast),background var(--dur-fast)}.qs:hover{background:color-mix(in srgb,var(--chip) 20%,transparent)}.qs:active{transform:scale(.96)}.qs .ic{width:16px;height:16px;stroke-width:2}.qs{border-style:dashed;background:transparent}.qs:hover{background:color-mix(in srgb,var(--chip) 12%,transparent)}.qs .qs__plus{width:11px;height:11px;margin-right:-3px;opacity:.7;stroke-width:2.6}.tagline .chip--solid .ic{color:#fff}.qs--more{--chip:var(--ink-3);border-style:dashed;background:transparent}.tagline{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}.tagline .chip{height:26px}.tagline .chip--reason{--chip:var(--ink-3);background:var(--paper-3);border-color:transparent;color:var(--ink-2)}.goal{display:grid;gap:10px;padding:14px 16px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule)}.goal__head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.goal__head .glyph{width:40px;height:40px;border-radius:12px;background:var(--brass-soft);color:var(--brass);display:grid;place-items:center}.goal__head b{display:block;font-weight:600}.goal__head span{display:block;font-size:var(--fs-xs);color:var(--ink-3)}.goal__num{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.02em;font-feature-settings:"tnum" 1;text-align:end}.goal__num small{font-family:var(--font-ui);font-weight:500}.goal__meta,.goal__num small{font-size:var(--fs-xs);color:var(--ink-3)}.goal__meta{display:flex;justify-content:space-between;gap:10px}.goal--done{border-color:color-mix(in srgb,var(--st-on-time) 45%,transparent)}.goal--planned{opacity:.8;border-style:dashed}.habit{grid-auto-flow:column;grid-auto-columns:1fr}.habit,.habit__week{display:grid;gap:3px}.habit__week{grid-template-rows:repeat(7,1fr)}.habit__cell{aspect-ratio:1;border-radius:3px}.habit__cell,.habit__cell--0{background:var(--paper-3)}.habit__cell--1{background:color-mix(in srgb,var(--brass) 25%,var(--paper-3))}.habit__cell--2{background:color-mix(in srgb,var(--brass) 50%,var(--paper-3))}.habit__cell--3{background:color-mix(in srgb,var(--brass) 75%,var(--paper-3))}.habit__cell--4{background:var(--brass)}.habit__cell--blank{background:transparent}.lib,.lib__item{display:grid;gap:8px}.lib__item{padding:14px 16px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule)}.lib__item .title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:600}.lib__item .title span{font-size:var(--fs-2xs);color:var(--ink-3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lib__ar{font-family:var(--font-urdu);direction:rtl;text-align:right;font-size:var(--fs-lg);line-height:2;color:var(--ink)}.lib__tr{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.5}.lib__ref{font-size:var(--fs-2xs);color:var(--ink-3)}.lib__acts{display:flex;gap:6px;flex-wrap:wrap}.lib__acts .btn{min-height:34px;font-size:var(--fs-xs);padding-inline:12px}.cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cats::-webkit-scrollbar{display:none}.cats .tag{flex:none}.nav__side{display:none}@media (min-width:840px){.nav__item--tab{display:none}.nav__side{display:grid;gap:14px;width:100%}.nav__group{display:grid;gap:2px}.nav__grouptitle{font-size:var(--fs-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-4);font-weight:700;padding:6px 12px 4px}}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 4px;padding:4px 0 6px}.modules__item{display:grid;justify-items:center;gap:5px;text-decoration:none;color:var(--ink-2);font-size:10px;font-weight:600;letter-spacing:.02em}.modules__glyph{width:40px;height:40px;border-radius:13px;background:var(--paper-2);border:1px solid var(--rule);display:grid;place-items:center;color:var(--brass);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast)}.modules__item:hover .modules__glyph{transform:translateY(-2px);background:var(--paper-3)}@media (min-width:560px){.modules{grid-template-columns:repeat(6,1fr)}}@media (min-width:840px){.modules{grid-template-columns:repeat(9,1fr)}.modules__item{font-size:var(--fs-2xs)}.modules__glyph{width:48px;height:48px}}.news{margin:6px 0 10px}.news__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.news__head .eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--brass-3)}[data-theme=dark] .news__head .eyebrow{color:var(--brass)}.news__row{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,300px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 8px;margin:0 calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none}.news__row::-webkit-scrollbar{display:none}@media (min-width:840px){.news__row{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-columns:auto;margin:0;padding-inline:0;overflow:visible}}.news__card{scroll-snap-align:start;display:grid;gap:6px;padding:14px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--brass-soft),var(--paper-2));border:1px solid color-mix(in srgb,var(--brass) 35%,transparent);position:relative}.news__card--new:before{content:"NEW";position:absolute;top:10px;right:12px;font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--on-brass);background:var(--brass);padding:3px 7px;border-radius:999px}.news__glyph{width:36px;height:36px;border-radius:11px;background:var(--paper);color:var(--brass);display:grid;place-items:center}.news__card b{font-weight:600}.news__card>span{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.45}.hub{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 6px;margin-top:6px}@media (min-width:560px){.hub{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width:840px){.hub{grid-template-columns:repeat(4,1fr)}}.hub__tile{display:grid;justify-items:center;align-content:start;gap:5px;padding:12px 6px 10px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule);text-decoration:none;color:inherit;text-align:center;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}.hub__tile:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brass) 40%,transparent)}.hub__glyph{width:40px;height:40px;border-radius:12px;background:var(--brass-soft);color:var(--brass);display:grid;place-items:center}.hub__tile b{font-size:var(--fs-xs);font-weight:600;margin-top:2px}.hub__tile>span:last-child{font-size:10px;color:var(--ink-3);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:560px){.hub__glyph{width:48px;height:48px}.hub__tile b{font-size:var(--fs-sm)}.hub__tile>span:last-child{font-size:var(--fs-2xs)}}.azkar__box--on{background:var(--st-on-time)!important;border-color:var(--st-on-time)!important;color:#fff!important}.lib__tr--ur{font-family:var(--font-urdu);font-size:var(--fs-md);line-height:1.9;color:var(--ink)}.glance{display:grid;gap:10px;padding:14px 14px 12px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule);margin-top:14px}.glance__head{display:flex;justify-content:space-between;align-items:center}.glance__prayers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pchip{--chip:var(--ink-3);display:grid;justify-items:center;gap:3px;padding:10px 2px 8px;border-radius:12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink-2);font:inherit;cursor:pointer;transition:transform var(--dur-fast),border-color var(--dur-fast)}.pchip:active{transform:scale(.96)}.pchip .ic{color:var(--brass)}.pchip b{font-size:var(--fs-2xs);font-weight:600;color:var(--ink)}.pchip span{font-size:10px;color:var(--ink-3);font-feature-settings:"tnum" 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pchip--done{background:color-mix(in srgb,var(--chip) 12%,var(--paper));border-color:color-mix(in srgb,var(--chip) 45%,transparent)}.pchip--done .ic,.pchip--done span{color:var(--chip)}.pchip--future{opacity:.7;border-style:dashed}.glance__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.glance__cell{display:grid;justify-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:var(--paper);border:1px solid var(--rule);text-decoration:none;color:var(--ink-2)}.glance__cell .ic{color:var(--brass)}.glance__cell b{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;color:var(--ink);letter-spacing:-.02em;font-feature-settings:"tnum" 1}.glance__cell span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}.forbid{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:var(--r-md);margin:12px 0 4px;background:color-mix(in srgb,var(--bad) 12%,var(--paper-2));border:1px solid color-mix(in srgb,var(--bad) 55%,transparent);color:var(--bad);animation:rise-in var(--dur) var(--ease-out) both}.forbid b{display:block;font-weight:700}.forbid span{display:block;font-size:var(--fs-xs);color:var(--ink-2)}.ramadan{display:grid;gap:10px;padding:14px;border-radius:var(--r-lg);margin-top:12px;background:linear-gradient(135deg,var(--brass-soft),var(--paper-2));border:1px solid color-mix(in srgb,var(--brass) 40%,transparent)}.ramadan__glyph{width:40px;height:40px;border-radius:12px;background:var(--paper);color:var(--brass);display:grid;place-items:center}.ramadan b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500}.ramadan span{font-size:var(--fs-sm);color:var(--ink-2)}.azkar__tr{display:block;font-size:var(--fs-xs);color:var(--ink-3);line-height:1.5;margin-top:2px}.azkar__tr--ur{font-family:var(--font-urdu);font-size:var(--fs-sm);line-height:1.8;text-align:start}.summary{display:grid;gap:0}.summary__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:var(--fs-sm)}.summary__row b{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;font-feature-settings:"tnum" 1}.fb-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px}.fb-action{display:grid;justify-items:center;gap:4px;padding:14px 6px 12px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule);font:inherit;color:inherit;cursor:pointer;text-align:center;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast)}.fb-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brass) 40%,transparent)}.fb-action .glyph{width:40px;height:40px;border-radius:50%;background:var(--brass-soft);color:var(--brass);display:grid;place-items:center}.fb-action--bug .glyph{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.fb-action b{font-size:var(--fs-xs);font-weight:600}.fb-action>span:last-child{font-size:10px;color:var(--ink-3);line-height:1.3}@media (min-width:560px){.fb-action b{font-size:var(--fs-sm)}.fb-action>span:last-child{font-size:var(--fs-2xs)}}.roadmap{list-style:none;margin:0;padding:0;display:grid;gap:8px}.roadmap__item{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule)}.roadmap__glyph{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--paper-3);color:var(--ink-3)}.roadmap__item--in-progress .roadmap__glyph{background:var(--brass-soft);color:var(--brass)}.roadmap__item--done .roadmap__glyph,.roadmap__item--planned .roadmap__glyph{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.roadmap__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.roadmap__row b{font-weight:600}.roadmap__pill{font-size:var(--fs-2xs);color:var(--ink-3);white-space:nowrap;padding:2px 8px;border-radius:999px;background:var(--paper-3)}.roadmap__txt p{margin:4px 0 0;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.45}.policy__summary{display:grid;gap:8px;margin:4px 0 18px}.policy__point{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule);font-size:var(--fs-sm)}.policy__point svg{flex:none;color:var(--brass)}.policy{max-width:62ch;font-size:var(--fs-sm);line-height:1.6;color:var(--ink-2)}.policy h2{font-family:var(--font-display);font-weight:500;font-size:var(--fs-lg);color:var(--ink);margin:22px 0 6px}.policy h3{font-size:var(--fs-sm);font-weight:600;color:var(--ink);margin:14px 0 4px}.policy p,.policy ul{margin:0 0 8px}.policy ul{padding-left:18px}.policy li{margin-bottom:4px}.policy a{color:var(--brass)}[dir=rtl] .policy{margin-left:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.26s}.tnum{font-feature-settings:"tnum" 1}.ruled{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--rule-gap) - 1px),var(--rule) calc(var(--rule-gap) - 1px),var(--rule) var(--rule-gap))}.tap{min-height:var(--tap);min-width:var(--tap)}.checkin{margin:18px 0 6px;padding:16px 16px 14px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule);display:grid;gap:12px}.checkin__q{display:flex;align-items:center;gap:12px}.checkin__q .ic{color:var(--brass)}.checkin__q b{font-weight:600}.checkin__q .sub{color:var(--ink-3);font-size:var(--fs-sm);display:block}.checkin__acts{display:flex;gap:8px;flex-wrap:wrap}.checkin__acts .btn{min-height:40px;padding-inline:14px}.group-label{display:flex;align-items:center;gap:10px;margin:26px 0 8px}.group-label:after{content:"";flex:1;height:1px;background:var(--rule-strong)}.back{display:inline-flex;align-items:center;gap:4px;color:var(--ink-3);text-decoration:none;font-size:var(--fs-sm);font-weight:600;margin-bottom:6px}.grp{margin-top:26px}.grp>.eyebrow{display:block;margin:0 0 8px 4px}.kind{display:flex;align-items:center;gap:10px;margin:22px 0 8px}.kind:after{content:"";flex:1;height:1px;background:var(--rule-strong)}.drow--wide{grid-template-columns:28px 36px 1fr auto}.drow .glyph{width:36px;height:36px;border-radius:10px;background:var(--paper-3);display:grid;place-items:center;color:var(--ink-2)}.pushmode{display:inline-flex;gap:2px}.pushmode button{width:34px;height:34px;border-radius:8px;border:0;background:transparent;color:var(--ink-4);display:grid;place-items:center;cursor:pointer}.pushmode button[aria-pressed=true]{background:var(--paper-3);color:var(--ink)}.fl{font-size:10px;font-weight:700;letter-spacing:.04em;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:var(--paper-3);color:var(--ink-4)}.fl--on{background:var(--chip);color:#fff}.icon-pick{display:flex;gap:6px;flex-wrap:wrap}.icon-pick button{width:42px;height:42px;border-radius:10px;border:1px solid var(--rule-strong);background:var(--paper-2);color:var(--ink-2);display:grid;place-items:center;cursor:pointer}.icon-pick button[aria-pressed=true]{border-color:var(--brass);background:var(--brass-soft);color:var(--ink)}.total{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end}.total__num{font-family:var(--font-display);font-size:clamp(2.6rem,12vw,var(--fs-4xl));font-weight:500;letter-spacing:-.04em;line-height:.9;font-feature-settings:"tnum" 1}.total__num small{font-size:.28em;font-family:var(--font-ui);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.6;margin-inline-start:6px}.total__side{text-align:end;font-size:var(--fs-sm);opacity:.75;line-height:1.4;max-width:96px}.total__side b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;opacity:1;letter-spacing:-.02em}.card--ink .bar{background:rgba(255,255,255,.14);margin-top:16px}.calc{display:grid;gap:14px}.calc__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.calc__row label{font-weight:600;font-size:var(--fs-sm)}.calc__row label span{color:var(--ink-3);font-size:var(--fs-xs);display:block;font-weight:400}.calc__result{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px dashed var(--rule-strong)}.calc__result b{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500}.callout{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--rule)}.callout__glyph{width:46px;height:46px;border-radius:12px;background:var(--brass-soft);color:var(--brass);display:grid;place-items:center}.callout b{display:block;font-weight:600}.callout span{color:var(--ink-3);font-size:var(--fs-sm)}.rlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rrow{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;font-size:var(--fs-sm)}.rrow .ic{color:var(--ink-3);width:18px;height:18px}.rrow__bar{height:6px;background:var(--paper-3);border-radius:3px;overflow:hidden;margin-top:5px}.rrow__bar i{display:block;height:100%;background:var(--st-late);border-radius:3px}.rrow__n{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500}.month-nav{display:flex;align-items:center;gap:4px}.month-nav b{font-family:var(--font-display);font-weight:500;font-size:var(--fs-lg);min-width:130px;text-align:center}.account{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.account__avatar{width:44px;height:44px;border-radius:50%;background:var(--paper-3);display:grid;place-items:center;color:var(--ink-3)}.accents{display:flex;gap:8px}.accents .swatch{width:26px;height:26px}.auth{max-width:420px;margin:8vh auto 0;padding:0 var(--gutter);display:grid;gap:18px}.auth .mark{width:56px;height:56px}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 16px);transform:translateX(-50%);z-index:80;background:var(--ink);color:var(--ink-inverse);padding:10px 16px;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-2);animation:rise-in var(--dur) var(--ease-out) both}@media (min-width:840px){.toast{bottom:24px}}.empty{text-align:center;color:var(--ink-3);padding:28px 12px;font-size:var(--fs-sm)}.spin{width:22px;height:22px;border-radius:50%;border:2px solid var(--paper-4);border-top-color:var(--brass);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.nav__item{font-size:10px}@media (min-width:840px){.nav__item{font-size:var(--fs-md)}}.tasbih{display:grid;gap:14px;padding:22px 18px 18px;border-radius:var(--r-xl);background:var(--ink);color:var(--ink-inverse);box-shadow:var(--shadow-2);position:relative;overflow:hidden}.tasbih:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 110%,color-mix(in srgb,var(--brass) 28%,transparent),transparent 60%);pointer-events:none}.tasbih__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;position:relative}.tasbih__name{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;letter-spacing:-.01em}.tasbih__arabic{font-family:var(--font-urdu);font-size:var(--fs-lg);opacity:.85;direction:rtl}.tasbih__count{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 20;font-size:clamp(4rem,22vw,7rem);font-weight:500;letter-spacing:-.04em;line-height:.9;text-align:center;color:var(--brass);font-feature-settings:"tnum" 1;position:relative}.tasbih__count small{display:block;font-family:var(--font-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:color-mix(in srgb,var(--ink-inverse) 55%,transparent);margin-top:10px}.tasbih__tap{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;min-height:96px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--ink-inverse) 8%,transparent);color:var(--ink-inverse);font:inherit;font-weight:600;font-size:var(--fs-md);cursor:pointer;position:relative;transition:background var(--dur-fast),transform 90ms var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.tasbih__tap:active{background:color-mix(in srgb,var(--ink-inverse) 16%,transparent);transform:scale(.985)}.tasbih__ring{height:6px;border-radius:3px;background:color-mix(in srgb,var(--ink-inverse) 12%,transparent);overflow:hidden;position:relative}.tasbih__ring i{display:block;height:100%;background:var(--brass);border-radius:3px;transition:width .2s var(--ease-out)}.tasbih__acts{display:flex;justify-content:space-between;gap:8px;position:relative}.tasbih__acts .btn{background:color-mix(in srgb,var(--ink-inverse) 10%,transparent);color:var(--ink-inverse)}.tasbih__acts .btn:hover{background:color-mix(in srgb,var(--ink-inverse) 18%,transparent)}.tasbih--done .tasbih__count{color:var(--st-on-time)}.dlist--targets .drow{grid-template-columns:36px 1fr auto;cursor:pointer}.dlist--targets .drow[aria-current=true]{border-color:var(--brass)}.drow__bar{height:5px;border-radius:3px;background:var(--paper-4);overflow:hidden;margin-top:6px}.drow__bar i{display:block;height:100%;background:var(--brass);border-radius:3px}.drow__bar--done i{background:var(--st-on-time)}.drow__count{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:500;font-feature-settings:"tnum" 1;white-space:nowrap}.drow__count small{font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--ink-3);font-weight:500}.azkar{list-style:none;margin:0;padding:0;display:grid;gap:6px}.azkar__row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;min-height:56px;padding:8px 12px 8px 10px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule);cursor:pointer;text-align:start;font:inherit;color:inherit;width:100%}.azkar__row[aria-checked=true]{background:color-mix(in srgb,var(--st-on-time) 10%,var(--paper-2));border-color:color-mix(in srgb,var(--st-on-time) 45%,transparent)}.azkar__box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--rule-strong);display:grid;place-items:center;color:transparent;background:var(--paper)}.azkar__row[aria-checked=true] .azkar__box{background:var(--st-on-time);border-color:var(--st-on-time);color:#fff}.azkar__txt b{display:block;font-weight:600;font-size:var(--fs-sm)}.azkar__txt span{display:block;font-family:var(--font-urdu);direction:rtl;text-align:start;color:var(--ink-2);font-size:var(--fs-md);line-height:1.7}.azkar__n{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-3)}.setcard{border-radius:var(--r-lg);border:1px solid var(--rule);background:var(--paper-2);padding:14px 16px}.setcard__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.setcard__head b{font-weight:600}.khatam,.khatam__top{display:grid;gap:14px}.khatam__top{grid-template-columns:1fr auto;align-items:end}.khatam__pct{font-family:var(--font-display);font-size:clamp(2.6rem,12vw,4rem);font-weight:500;letter-spacing:-.04em;line-height:.9;font-feature-settings:"tnum" 1}.khatam__pct small{font-size:.3em;font-family:var(--font-ui);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;opacity:.6;margin-inline-start:6px}.khatam__meta{text-align:end;font-size:var(--fs-sm);opacity:.8;line-height:1.5}.khatam__meta b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;opacity:1;letter-spacing:-.02em}.khatam__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.khatam__cell{padding:10px 12px;border-radius:var(--r-md);background:color-mix(in srgb,var(--ink-inverse) 8%,transparent)}.khatam__cell .eyebrow{color:color-mix(in srgb,var(--ink-inverse) 55%,transparent)}.khatam__cell b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;margin-top:4px;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.khatam__cell span{font-size:var(--fs-2xs);opacity:.7}.portion{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r-lg);background:var(--brass-soft);border:1px solid color-mix(in srgb,var(--brass) 35%,transparent)}.portion b{display:block;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:500;color:var(--brass-3);letter-spacing:-.02em}[data-theme=dark] .portion b{color:var(--brass)}.portion span{font-size:var(--fs-sm);color:var(--ink-2)}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick .btn{min-height:40px}.plan-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 14px;border-radius:var(--r-md);background:var(--paper-2);border:1px solid var(--rule);cursor:pointer;font:inherit;color:inherit;text-align:start;width:100%}.plan-row[aria-current=true]{border-color:var(--brass)}.plan-row b{font-weight:600;display:block}.plan-row span{font-size:var(--fs-xs);color:var(--ink-3)}.plan-row .bar{grid-column:1/-1}