:root{--motion-settle:.38s cubic-bezier(.22, 1, .36, 1)}.zakat-figure{font:600 40px/48px ui-rounded, "SF Pro Rounded", var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container zakat-headline (max-width:360px){.zakat-figure{font-size:max(24px,10.5cqi)}}.zakat-headline{container:zakat-headline/inline-size}.zakat-threshold{box-shadow:inset 0 0 0 1px var(--color-hairline);transition:box-shadow var(--motion-settle)}.zakat-threshold[data-crossed]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-ink) 55%, transparent)}.zakat-gauge{background:var(--color-sunken);overflow-clip-margin:3px;border-radius:999px;block-size:10px;margin-block:3px;position:relative;overflow:clip}.zakat-gauge-fill{inline-size:max(calc(var(--fill) * 100%), 10px);background:color-mix(in srgb, var(--color-primary) calc(var(--approach) * 100%), color-mix(in srgb, var(--color-muted) 50%, transparent));transition:inline-size var(--motion-settle), background-color var(--motion-settle);border-radius:999px;position:absolute;inset-block:0;inset-inline-start:0}.zakat-gauge-marker{background:var(--color-ink);inline-size:2px;position:absolute;inset-block:-3px;inset-inline-start:calc(var(--marker) * 100% - 1px)}.zakat-gauge-labels{block-size:11px;font:500 9px/11px var(--font-sans);color:var(--color-ink);position:relative}.zakat-gauge-labels>span{position:absolute;inset-inline-start:max(calc(var(--marker) * 100% - 14px), 0px)}.zakat-step[data-excluded] .zakat-step-label,.zakat-step[data-excluded] .zakat-step-value{color:var(--color-muted);text-decoration:line-through}.zakat-card-button{transition:transform .16s ease-out,background-color .16s ease-out}.zakat-card-button:hover{background:color-mix(in srgb, var(--color-surface) 80%, var(--color-sunken))}.zakat-card-button:active{transform:scale(.985)}.zakat-card-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.zakat-card-button .zakat-chevron{transition:transform .2s ease-out}.zakat-card-button:hover .zakat-chevron{transform:translate(3px)}[dir=rtl] .zakat-card-button:hover .zakat-chevron{transform:scaleX(-1)translate(3px)}[dir=rtl] .zakat-chevron{transform:scaleX(-1)}.zakat-enter{animation:.26s ease-out both zakat-enter}@keyframes zakat-enter{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.zakat-gauge-fill{transition:background-color var(--motion-settle)}.zakat-card-button,.zakat-card-button .zakat-chevron{transition:none}.zakat-enter{animation:none}}.fitr-check{cursor:pointer;border-radius:999px;flex:none;place-items:center;transition:transform .16s ease-out,color .2s ease-out;display:grid}.fitr-check:active{transform:scale(.85)}.fitr-check:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fitr-remove{cursor:pointer;border-radius:999px;flex:none;place-items:center;block-size:32px;inline-size:32px;transition:opacity .16s ease-out,background-color .16s ease-out;display:grid}.fitr-remove:hover{background:color-mix(in srgb, var(--color-expense) 12%, transparent)}.fitr-remove:focus-visible{outline:2px solid var(--color-expense);outline-offset:1px}@media (hover:hover){.fitr-remove{opacity:0}.group:hover .fitr-remove,.fitr-remove:focus-visible{opacity:1}}.fitr-added{animation:.32s cubic-bezier(.22,1,.36,1) both fitr-added}@keyframes fitr-added{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.fitr-check,.fitr-remove{transition:none}.fitr-added{animation:none}}.zakat-yours{background:color-mix(in srgb, var(--color-primary) 14%, transparent);border-radius:999px;padding:2px 6px}.zakat-change{background:var(--color-sunken);border-radius:999px;align-items:center;gap:1px;padding:2px 6px;display:inline-flex}.zakat-bar{transform-box:fill-box;transform-origin:bottom;animation:.52s cubic-bezier(.22,1,.36,1) both zakat-bar-rise}@keyframes zakat-bar-rise{0%{transform:scaleY(0)}}.zakat-month-step{background:var(--color-surface);block-size:36px;inline-size:36px;color:var(--color-primary);cursor:pointer;border-radius:999px;place-items:center;transition:transform .14s ease-out,background-color .16s ease-out;display:grid}.zakat-month-step:hover{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-sunken))}.zakat-month-step:active{transform:scale(.9)}.zakat-month-step:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[dir=rtl] .zakat-month-step svg{transform:scaleX(-1)}.zakat-month{animation:.22s ease-out both zakat-enter}.zakat-day{block-size:46px;color:var(--color-ink);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.zakat-day-secondary{color:var(--color-muted);white-space:nowrap;font-size:9px;line-height:11px}.zakat-day[data-today]{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.zakat-day[data-today] .zakat-day-secondary{color:color-mix(in srgb, var(--color-on-primary) 80%, transparent)}.zakat-day[data-zakat]:not([data-today]){background:color-mix(in srgb, var(--color-primary) 10%, transparent);box-shadow:inset 0 0 0 1.5px var(--color-primary);font-weight:600}.zakat-date-icon{block-size:40px;inline-size:40px;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:10px;place-items:center;display:grid}@media (prefers-reduced-motion:reduce){.zakat-bar,.zakat-month{animation:none}.zakat-month-step{transition:none}}