@font-face{font-family:Lyon Arabic Display;src:url(/assets/lyon-arabic-regular-DeenFViS.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Lyon Arabic Display;src:url(/assets/lyon-arabic-bold-SKYbsSca.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{--bg-top:#1b1c20;--bg-bottom:#141519;--surface:#eef0f2;--accent-soft:#eef0f29e;--accent-strong:#eef0f2d9;--text-main:#eef0f2;--ui-font:"Lyon Arabic Display", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--zekr-font:"Lyon Arabic Display", "Noto Naskh Arabic", "Amiri", "Scheherazade New", "Times New Roman", serif;--zekr-font-weight:400;font-family:var(--ui-font);color:var(--text-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}:root,html,body{background:radial-gradient(circle at top, #ffffff0a, transparent 40%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%)}html{scroll-behavior:smooth;direction:rtl}body{min-width:320px;min-height:100vh;margin:0}body,button,input,textarea,select{font-family:var(--ui-font)}button{appearance:none}#root{min-height:100vh}h1{color:var(--text-main);font-size:clamp(2rem,4vw,3.6rem);line-height:1.1}p{font-size:1rem}*{box-sizing:border-box}.app-shell{box-sizing:border-box;flex-direction:column;gap:28px;min-height:100svh;padding:2rem 1.5rem;display:flex}.top-bar{justify-content:space-between;align-items:end;gap:24px;display:flex}.brand-block h1,.brand-block p{margin:0}.eyebrow{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.95rem}.category-switcher{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:inline-flex}.switcher-pill,.pager-button,.counter-button{cursor:pointer;border:0;transition:transform .18s,background-color .18s,box-shadow .18s}.switcher-pill{color:var(--accent-soft);font:inherit;background:#ffffff0f;border-radius:999px;padding:14px 20px}.switcher-pill.active{background:var(--surface);color:#16171a;box-shadow:0 16px 30px #00000029}.card-stage{flex-direction:column;gap:20px;display:flex}.meta-row{color:var(--accent-soft);justify-content:space-between;gap:16px;font-size:1rem;display:flex}.cards-columns{column-count:4;column-gap:1.5rem}.card-item{break-inside:avoid;margin-bottom:1.5rem}.zekr-card-wrapper{-webkit-user-select:none;user-select:none;background:#2e3037;border-radius:28px;padding:12px;transition:box-shadow .12s,filter .18s,opacity .18s;box-shadow:4px 4px 4px #00000059}.zekr-card-wrapper:has(.zekr-surface:active:not(:disabled)){box-shadow:4px 4px 4px #00000059,inset 0 0 0 999px #0000002e}.zekr-card.completed .zekr-card-wrapper{filter:saturate(.3);opacity:.78}.zekr-surface{text-align:center;cursor:pointer;background:#181a1c;border:1px solid #000;border-radius:18px;place-items:center;width:100%;padding:1.4rem 1.1rem;display:grid;box-shadow:inset 1px 1px 4px #33373c,inset -1px -1px 4px #050505}.zekr-surface:focus-visible{outline-offset:2px;outline:3px solid #ffffffe6}.zekr-surface:disabled,.counter-button:disabled{cursor:default}.counter-button:disabled{opacity:.35}.counter-button:disabled:hover{background:#1f2025;transform:none}.zekr-text{color:#fff;font-family:var(--zekr-font);font-weight:var(--zekr-font-weight);margin:0;font-size:1.5rem;line-height:1.5}.counter-row{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.counter-button{color:#fff;min-width:0;font-family:var(--ui-font);background:#1f2025;border:1px solid #0b0c0e;border-radius:18px;flex:1 0 0;justify-content:center;align-items:center;min-height:2.75rem;font-size:1.4rem;display:flex;box-shadow:inset 1px 1px 4px #2f3337,inset -1px -1px 4px #090a0b}.counter-button:focus-within,.counter-button:focus-visible,.counter-button:hover{background:#26282e}.counter-button:active{translate:0 1px;box-shadow:inset 2px 2px 5px #050505,inset -1px -1px 2px #2f3337}.counter-value{color:#fff;font-family:var(--ui-font);white-space:nowrap;place-items:center;min-width:64px;margin:0;font-size:1.1rem;display:grid}.counter-value.completed{color:var(--accent-soft);font-weight:700}.text-balancer{text-wrap:balance}.supporting-copy{text-align:center;color:var(--accent-soft);margin-top:10px;transition:opacity .18s}.zekr-card.completed .supporting-copy{opacity:.5}.supporting-copy p{margin:0}.reference{color:#eef0f2e0}.switcher-pill:hover,.counter-button:hover{transform:translateY(-1px)}.switcher-pill:focus-visible,.counter-button:focus-visible{outline-offset:2px;outline:3px solid #ffffffb8}.empty-state{text-align:center;justify-content:center}@media (width<=820px){.app-shell{gap:20px;padding:24px 16px 36px}.top-bar,.meta-row{flex-direction:column;align-items:stretch}.category-switcher{justify-content:stretch}.switcher-pill{flex:180px}.counter-row{gap:8px}}@media (width<=1200px){.cards-columns{column-count:2}}@media (width<=700px){.cards-columns{column-count:1}}