.offline-queue{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;white-space:nowrap;font:600 12px var(--font-mono);background:rgb(var(--wf-panel));color:rgb(var(--wf-ink));border:1px solid rgb(var(--wf-warn));box-shadow:var(--shadow-modal);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:fixed}.offline-queue svg{color:rgb(var(--wf-warn));flex-shrink:0}@media (width<=767px){.offline-queue{right:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(50%)}}.ld-google{justify-content:center;width:280px;max-width:100%;min-height:40px;display:flex}.ld-google>div{max-width:100%}.ld-google.busy{opacity:.6;pointer-events:none}.ld{background:rgb(var(--wf-bg));height:100%;color:rgb(var(--wf-ink));scroll-behavior:smooth;overflow:hidden auto}.ld-flex{flex:1}.ld-mono-mute{font:12px var(--font-mono);color:rgb(var(--wf-mute))}.ld-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ld-logo{background:radial-gradient(circle at 35% 35%, rgb(var(--wf-bg)) 0 30%, rgb(var(--wf-ink)) 32% 100%);border-radius:50%;flex-shrink:0;display:inline-block}.ld-moon{flex-shrink:0;display:block}.ld-moon-disc{fill:rgb(var(--wf-panel2));stroke:rgb(var(--wf-line-strong))}.ld-moon-lit{fill:rgb(var(--wf-accent))}.ld-header{z-index:30;border-bottom:1px solid rgb(var(--wf-line));background:rgb(var(--wf-bg) / .85);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.ld-header-inner{align-items:center;gap:12px;max-width:1180px;height:54px;margin:0 auto;padding:0 24px;display:flex}.ld-header-name{letter-spacing:-.01em;color:rgb(var(--wf-ink));font-size:16px;font-weight:600;text-decoration:none}.ld-header-name:hover{color:rgb(var(--wf-ink2))}.ld-header-tag{font:12px var(--font-mono);color:rgb(var(--wf-mute));display:none}.ld-nav{border-radius:var(--r-sm);color:rgb(var(--wf-ink2));padding:6px 10px;font-size:13.5px;text-decoration:none;display:none}.ld-nav:hover{background:rgb(var(--wf-ink) / .03)}@media (width>=768px){.ld-header-tag{display:inline}.ld-nav{display:inline-block}}.ld-header-inner>.ld-nav+.ld-lang{margin-left:4px}.ld-lang{gap:1px;display:inline-flex}.ld-lang button{border-radius:var(--r-sm);font:11px var(--font-mono);letter-spacing:.04em;color:rgb(var(--wf-mute));cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 5px}.ld-lang button:hover{color:rgb(var(--wf-ink))}.ld-lang button.on{color:rgb(var(--wf-ink));border-color:rgb(var(--wf-line-strong))}.ld-theme{border-radius:var(--r-sm);width:32px;height:32px;color:rgb(var(--wf-ink2));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ld-theme:hover{background:rgb(var(--wf-ink) / .04)}.ld-signin-link{white-space:nowrap;border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));color:rgb(var(--wf-ink2));flex-shrink:0;padding:6px 12px;font-size:13.5px;font-weight:500;text-decoration:none}.ld-signin-link:hover{border-color:rgb(var(--wf-line-strong))}@media (width<=479px){.ld-header-inner{gap:6px;padding:0 16px}.ld-lang button{padding:2px 3px}}.ld-hero{position:relative;overflow:hidden}.ld-hero-glow{pointer-events:none;background:radial-gradient(900px 460px at 78% 32%,#eaaa4a1a,#0000 65%),radial-gradient(720px 480px at 18% 78%,#4a66880f,#0000 70%);position:absolute;inset:0}.ld-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;max-width:1180px;margin:0 auto;padding:40px 24px 112px;display:grid;position:relative}@media (width>=768px){.ld-hero-grid{grid-template-columns:1.05fr .95fr;gap:40px;padding-bottom:128px}}.ld-hero-copy{transform:translateY(0)}@media (width>=768px){.ld-hero-copy{transform:translateY(-16px)}}.ld-hero-tiny{margin-bottom:20px}.ld-hero-title{letter-spacing:-.03em;font-size:41px;font-weight:600;line-height:1.02}@media (width>=640px){.ld-hero-title{font-size:57px}}@media (width>=1024px){.ld-hero-title{font-size:65px}}.ld-mark{display:inline-block;position:relative}.ld-mark-bar{z-index:-1;background:#eaaa4a52;border-radius:2px;height:6px;position:absolute;bottom:-4px;left:0;right:0;transform:skew(-6deg)}.ld-mark{z-index:0}.ld-hero-lead{max-width:480px;color:rgb(var(--wf-ink2));margin-top:24px;font-size:16px;line-height:1.625}.ld-hero-signin{max-width:480px;margin-top:28px}.ld-hero-ring{justify-content:center;display:flex;position:relative}@media (width>=768px){.ld-hero-ring{justify-content:flex-end;margin-top:80px;margin-right:40px}}.ld-ring{flex-shrink:0;position:relative}.ld-ring>svg,.ld-ring>div:first-child{width:100%;height:100%}.ld-ring-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ld-countdown{letter-spacing:-.02em;font-size:29px;font-weight:600;line-height:1.25}.ld-signin{flex-direction:column;gap:10px;max-width:320px;display:flex}.ld-signin.centered{align-items:center;margin:0 auto}.ld-signin.centered>*{width:100%;max-width:300px}.ld-tg-btn{border:1px solid rgb(var(--wf-line-strong));background:rgb(var(--wf-panel));width:280px;max-width:100%;height:40px;color:rgb(var(--wf-ink));border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.ld-tg-btn:hover{background:rgb(var(--wf-panel2))}.ld-tg-icon{color:#229ed9}button.ld-tg-btn{cursor:pointer;font-family:inherit}button.ld-tg-btn:disabled{opacity:.6;cursor:default}.ld-gh-icon{color:rgb(var(--wf-ink))}.ld-dev{gap:8px;display:flex}.telegram-widget{min-height:40px}.ld-sec{border-top:1px solid rgb(var(--wf-line));background:rgb(var(--wf-bg))}.ld-sec.alt{background:rgb(var(--wf-panel2) / .6)}.ld-sec-first{padding-top:48px}@media (width>=768px){.ld-sec-first{padding-top:64px}}.ld-label{align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:4px 24px;display:flex}.ld-label-n{font:600 12.5px var(--font-mono);letter-spacing:.18em;color:rgb(var(--wf-warn));white-space:nowrap}.ld-label .ld-label-title{text-transform:none;letter-spacing:.18em;white-space:nowrap}.ld-label-line{background:rgb(var(--wf-line));flex:1;height:1px;margin-left:8px}.ld-grid{grid-template-columns:minmax(0,1fr);gap:40px;max-width:1180px;margin:0 auto;padding:64px 24px;display:grid}.ld-grid-plan{margin-top:24px;padding-top:0}.ld-grid-analysis{align-items:center}@media (width>=768px){.ld-grid{gap:56px}.ld-grid-plan{grid-template-columns:.95fr 1.05fr}.ld-grid-analysis{grid-template-columns:.9fr 1.1fr}.ld-grid-habits{grid-template-columns:1.05fr .95fr}}.ld-h2{letter-spacing:-.025em;font-size:29px;font-weight:600;line-height:1.15}@media (width>=768px){.ld-h2{font-size:33px}}.ld-p{max-width:470px;color:rgb(var(--wf-ink2));margin-top:16px;font-size:15px;line-height:1.625}.ld-pills{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.ld-pills-tight{margin-top:16px}.ld-pill{border:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));font:12px var(--font-mono);color:rgb(var(--wf-mute));border-radius:999px;padding:4px 10px}.ld-demo{border:1px solid rgb(var(--wf-line));border-radius:var(--r);background:rgb(var(--wf-panel));box-shadow:var(--shadow);min-width:0}.ld-demo-head{border-bottom:1px solid rgb(var(--wf-line));align-items:center;gap:8px;min-width:0;padding:10px 16px;display:flex}.ld-demo-title{white-space:nowrap;font-size:13px;font-weight:600}.ld-density-head .ld-demo-title{font-size:13.5px}.ld-demo-live{font:11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--wf-warn))}.ld-demo-body{flex-direction:column;gap:6px;padding:14px;display:flex}.ld-row{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));align-items:center;gap:10px;min-width:0;padding:7px 12px;display:flex}.ld-row-prayer{font-size:13.5px}.ld-row-name{min-width:60px;font-weight:600}.ld-row-clock{font-family:var(--font-mono);color:rgb(var(--wf-ink2));font-size:13px}.ld-circle{border:1.5px solid rgb(var(--wf-accent));border-radius:50%;flex-shrink:0;width:18px;height:18px}.ld-square{border:1.5px solid rgb(var(--cat));border-radius:4px;flex-shrink:0;width:18px;height:18px;position:relative}.ld-row-task.done .ld-square{background:rgb(var(--cat))}.ld-row-task.done .ld-square:after{content:"";border:solid rgb(var(--wf-bg));border-width:0 1.5px 1.5px 0;width:4px;height:9px;position:absolute;top:1px;left:5px;transform:rotate(45deg)}.ld-row-main{flex:1;min-width:0}.ld-row-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.ld-row-task.done .ld-row-title{opacity:.7}.ld-row-meta{font:12px var(--font-mono);color:rgb(var(--wf-mute));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ld-radar-wrap{justify-content:center;display:flex}@media (width>=768px){.ld-radar-wrap{justify-content:flex-start}}.ld-radar{border:1px solid rgb(var(--wf-line));border-radius:var(--r);background:rgb(var(--wf-panel));box-shadow:var(--shadow);width:min(322px,100%);padding:20px}.ld-cats{grid-template-columns:minmax(0,1fr);gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.ld-cats{grid-template-columns:1fr 1fr}}.ld-cats li{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.ld-cat-dot{background:rgb(var(--cat));border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.ld-cat-text{min-width:0}.ld-cat-label{font-size:13.5px;font-weight:600}.ld-density{border:1px solid rgb(var(--wf-line));border-radius:var(--r);background:rgb(var(--wf-panel));box-shadow:var(--shadow);min-width:0;padding:16px}.ld-density-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ld-density-rows{flex-direction:column;gap:10px;display:flex}.ld-density-row{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;display:grid}@media (width<=479px){.ld-density-row{grid-template-columns:96px minmax(0,1fr);gap:8px}}.ld-density-label{min-width:0}.ld-density-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.ld-density-label .ld-mono-mute{font-size:11.5px}.ld-cells{gap:2px;display:flex}.ld-cells span{background:rgb(var(--habit-cell-empty));border-radius:2px;flex:1;height:14px}.ld-cells span.missed{background:rgb(var(--habit-cell-missed))}.ld-cells span.done{background:rgb(var(--cat))}.ld-legend{border-top:1px solid rgb(var(--wf-line));font:11.5px var(--font-mono);color:rgb(var(--wf-mute));flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.ld-legend span{align-items:center;gap:6px;display:inline-flex}.ld-legend i{border-radius:2px;width:8px;height:8px;display:inline-block}.ld-legend i.empty{background:rgb(var(--habit-cell-empty))}.ld-legend i.missed{background:rgb(var(--habit-cell-missed))}.ld-legend i.done{background:rgb(var(--cat))}.ld-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.ld-stats>div{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));min-width:0;padding:10px 12px}.ld-stats strong{font:600 19px var(--font-mono);letter-spacing:-.025em;display:block}.ld-stats span{font:11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--wf-mute));overflow-wrap:anywhere;display:block}.ld-deen{max-width:1180px;margin:0 auto;padding:64px 24px}.ld-grid-deen{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}@media (width>=768px){.ld-grid-deen{grid-template-columns:1fr 1fr;gap:56px}.ld-deen-intro{padding-top:12px}}.ld-deen-intro{color:rgb(var(--wf-ink2));font-size:15px;line-height:1.625}.ld-deen-cards{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px;display:grid}@media (width>=768px){.ld-deen-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.ld-deen-card{border:1px solid rgb(var(--wf-line));border-radius:var(--r);background:rgb(var(--wf-panel));box-shadow:var(--shadow);display:flex;overflow:hidden}.ld-deen-bar{background:var(--accent);flex-shrink:0;width:3px}.ld-deen-body{flex-direction:column;flex:1;min-width:0;padding:16px;display:flex}.ld-deen-head{align-items:center;gap:8px;display:flex}.ld-deen-icon{width:20px;height:20px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.ld-deen-icon:before{content:"";background:var(--accent);opacity:.1;position:absolute;inset:0}.ld-deen-theme{color:rgb(var(--wf-ink2));text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.ld-deen-actions{flex-shrink:0;gap:2px;display:flex}.ld-deen-act{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);width:20px;height:20px;color:rgb(var(--wf-ink2));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ld-arabic{font-family:var(--font-arabic);color:rgb(var(--wf-ink));margin-top:12px;font-size:21px;line-height:1.9}.ld-deen-text{color:rgb(var(--wf-ink2));margin-top:8px;font-size:13.5px;line-height:1.6}.ld-words{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ld-word{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel2) / .4);align-items:center;gap:12px;padding:8px 10px;display:flex}.ld-word-ar{font-family:var(--font-arabic);color:rgb(var(--wf-ink));font-size:21px;line-height:1}.ld-word-text{flex:1;min-width:0}.ld-word-tr{font:12px var(--font-mono);color:rgb(var(--wf-ink2))}.ld-word-tl{color:rgb(var(--wf-mute));font-size:12.5px}.ld-quote{background:linear-gradient(#1d2638 0%,#182033 60%,#141a2b 100%);position:relative;overflow:hidden}.ld-quote-glow{pointer-events:none;opacity:.5;background:radial-gradient(800px 320px at 75% 35%,#eaaa4a1a,#0000 60%),radial-gradient(700px 360px at 18% 80%,#ffffff0a,#0000 65%);position:absolute;inset:0}.ld-quote-inner{text-align:center;flex-direction:column;align-items:center;max-width:1180px;margin:0 auto;padding:96px 24px;display:flex;position:relative}@media (width>=768px){.ld-quote-inner{padding:128px 24px}}.ld-quote-moon{margin-bottom:28px}.ld-quote-text{letter-spacing:-.025em;color:#fff;max-width:760px;font-size:25px;font-weight:600;line-height:1.25}@media (width>=768px){.ld-quote-text{font-size:31px}}.ld-quote-source{font:12.5px var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:#fff9;margin-top:20px}.ld-closing{border-top:1px solid rgb(var(--wf-line));background:rgb(var(--wf-bg))}.ld-closing-inner{text-align:center;max-width:640px;margin:0 auto;padding:80px 24px}@media (width>=768px){.ld-closing-inner{padding:112px 24px}}.ld-closing-tag{margin-bottom:16px}.ld-closing-title{letter-spacing:-.025em;font-size:41px;font-weight:600;line-height:1.05}@media (width>=768px){.ld-closing-title{font-size:53px}}.ld-closing-text{max-width:460px;color:rgb(var(--wf-ink2));margin:20px auto 0;font-size:15px;line-height:1.625}.ld-closing-signin{justify-content:center;margin-top:28px;display:flex}.ld-closing-links{font:12px var(--font-mono);color:rgb(var(--wf-mute));flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.ld-footer{border-top:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel2) / .6)}.ld-footer-inner{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:16px;max-width:1180px;margin:0 auto;padding:32px 24px;display:flex}@media (width>=640px){.ld-footer-inner{flex-direction:row;align-items:center}}.ld-footer-brand{align-items:center;gap:8px;display:flex}.ld-footer-name{font-size:14px;font-weight:600}.ld-footer-links{font:12px var(--font-mono);color:rgb(var(--wf-mute));flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.ld-footer-links a{color:rgb(var(--wf-ink2));text-decoration:none}.ld-footer-links a:hover{color:rgb(var(--wf-ink))}.ld-login{background:rgb(var(--wf-bg));justify-content:center;align-items:center;min-height:100%;padding:40px 24px;display:flex;overflow-y:auto}.ld-login-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;width:100%;max-width:860px;display:grid}@media (width>=768px){.ld-login-grid{grid-template-columns:1fr 1fr}}.ld-login-brand{color:rgb(var(--wf-ink));align-items:center;gap:8px;margin-bottom:24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.ld-login-title{letter-spacing:-.025em;font-size:31px;font-weight:600;line-height:1.1}.ld-login-copy{max-width:420px;color:rgb(var(--wf-ink2));margin-top:12px;font-size:14.5px;line-height:1.625}.ld-login-actions{margin-top:28px}.ld-login-reassure{max-width:420px;color:rgb(var(--wf-mute));margin-top:16px;font-size:13px;line-height:1.625}.ld-login-ring{justify-content:center;display:none}@media (width>=768px){.ld-login-ring{display:flex}}.ld-login-note{max-width:190px;margin-top:10px;line-height:1.5}.pv-header{border-bottom:1px solid rgb(var(--wf-line));background:rgb(var(--wf-bg) / .85);-webkit-backdrop-filter:blur(8px)}.pv-header-inner{align-items:center;gap:12px;max-width:820px;height:54px;margin:0 auto;padding:0 24px;display:flex}.pv-home{white-space:nowrap;border-radius:var(--r-sm);color:rgb(var(--wf-ink2));flex-shrink:0;padding:6px 10px;font-size:13.5px;text-decoration:none}.pv-home:hover{background:rgb(var(--wf-ink) / .03)}@media (width<=479px){.pv-header-inner{gap:6px;padding:0 16px}}.pv-main{max-width:820px;margin:0 auto;padding:48px 24px}.pv-tag{margin-bottom:12px}.pv-title{letter-spacing:-.025em;font-size:36px;font-weight:600;line-height:1.25}@media (width>=640px){.pv-title{font-size:44px}}.pv-updated{font:12.5px var(--font-mono);color:rgb(var(--wf-mute));margin-top:12px}.pv-section{margin-top:40px}.pv-section h2{letter-spacing:-.005em;color:rgb(var(--wf-ink));font-size:20px;font-weight:600}.pv-body{flex-direction:column;gap:12px;margin-top:12px;display:flex}.pv-body p,.pv-body ul{color:rgb(var(--wf-ink2));font-size:15px;line-height:1.625}.pv-body strong{color:rgb(var(--wf-ink));font-weight:600}.pv-body ul{flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.pv-body a,.pv-back a{color:rgb(var(--wf-ink2));text-decoration:underline;-webkit-text-decoration-color:rgb(var(--wf-line));text-decoration-color:rgb(var(--wf-line));text-underline-offset:4px}.pv-body a:hover,.pv-back a:hover{color:rgb(var(--wf-ink))}.pv-back{border-top:1px solid rgb(var(--wf-line));font:12px var(--font-mono);color:rgb(var(--wf-mute));margin-top:64px;padding-top:24px}.pv-back a{text-decoration:none}:root{--font-sans:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-hand:"Caveat", cursive;--font-arabic:"Amiri", "Scheherazade New", "Traditional Arabic", serif;--wf-bg:250 250 247;--wf-panel:255 255 255;--wf-panel2:245 244 239;--wf-line:227 225 218;--wf-line-strong:207 203 193;--wf-ink:26 25 22;--wf-ink2:61 59 53;--wf-ink3:106 103 94;--wf-mute:154 150 139;--wf-faint:184 180 168;--wf-accent:42 38 34;--wf-warn:138 106 58;--wf-good:74 106 72;--wf-bad:138 74 42;--wf-now:179 74 58;--wf-sun:234 170 74;--wf-night:50 70 99;--cat-physical:110 122 76;--cat-social:74 102 136;--cat-financial:138 106 58;--cat-educational:106 74 122;--cat-spiritual:42 38 34;--habit-cell-empty:240 237 229;--habit-cell-missed:222 218 207;--book-islam:#4a6a48;--book-dunya:#8a6a3a;--book-fiction:#6a4a7a;--r-sm:5px;--r:8px;--r-lg:14px;--shadow:0 1px 0 #14120f08, 0 1px 2px #14120f0a;--shadow-modal:0 24px 60px #14120f40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--wf-bg:22 20 15;--wf-panel:28 26 22;--wf-panel2:34 31 26;--wf-line:45 42 36;--wf-line-strong:67 62 53;--wf-ink:245 244 239;--wf-ink2:214 210 197;--wf-ink3:168 163 151;--wf-mute:128 121 109;--wf-faint:94 87 76;--wf-accent:234 229 214;--wf-warn:212 168 104;--wf-good:127 160 120;--wf-bad:192 121 90;--wf-now:217 117 96;--wf-night:120 146 190;--cat-physical:142 160 96;--cat-social:110 145 184;--cat-financial:188 148 92;--cat-educational:152 116 176;--cat-spiritual:234 229 214;--habit-cell-empty:36 33 27;--habit-cell-missed:52 47 39;--book-islam:#7fa07a;--book-dunya:#bc945c;--book-fiction:#9874b0;--shadow:none;--shadow-modal:0 24px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:rgb(var(--wf-bg));color:rgb(var(--wf-ink));font:14px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}#root{height:100%}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:600}p{margin:0}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:rgb(var(--wf-sun) / .35)}.mono{font-family:var(--font-mono)}.hand{font-family:var(--font-hand);color:rgb(var(--wf-warn));font-size:17px;line-height:1.1}.arabic{font-family:var(--font-arabic);direction:rtl}.tiny{font:400 11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--wf-mute))}.muted{color:rgb(var(--wf-mute))}.ink3{color:rgb(var(--wf-ink3))}.warn{color:rgb(var(--wf-warn))}.good{color:rgb(var(--wf-good))}.bad{color:rgb(var(--wf-bad))}.error{color:rgb(var(--wf-bad));font-size:13px}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:12px;display:flex}.center{text-align:center}.hidden-mobile{display:none}@media (width>=768px){.hidden-mobile{display:initial}.hidden-desktop{display:none!important}}.cat-physical{--cat:var(--cat-physical)}.cat-social{--cat:var(--cat-social)}.cat-financial{--cat:var(--cat-financial)}.cat-educational{--cat:var(--cat-educational)}.cat-spiritual{--cat:var(--cat-spiritual)}.cat-dot{background:rgb(var(--cat));border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.card{background:rgb(var(--wf-panel));border:1px solid rgb(var(--wf-line));border-radius:var(--r);box-shadow:var(--shadow);min-width:0}.card.muted{background:rgb(var(--wf-panel2))}.card.flat{box-shadow:none}.card-head{border-bottom:1px solid rgb(var(--wf-line));align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.card-head h3{letter-spacing:-.01em;white-space:nowrap;font-size:13.5px;font-weight:600}.card-head .sub{font:400 12px var(--font-mono);color:inherit;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-head .spacer{flex:1}.card-body{padding:14px}.chip{border:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));color:rgb(var(--wf-ink2));font:12px var(--font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}button.chip:hover{border-color:rgb(var(--wf-line-strong))}.chip.solid,.chip.on{background:rgb(var(--wf-ink));border-color:rgb(var(--wf-ink));color:rgb(var(--wf-bg))}.chip.solid .cat-dot,.chip.on .cat-dot{box-shadow:0 0 0 1.5px rgb(var(--wf-bg))}.chip.outline{background:0 0}.chip.dashed{color:rgb(var(--wf-mute));background:0 0;border-style:dashed}.btn{border:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));color:rgb(var(--wf-ink2));border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:rgb(var(--wf-ink) / .03)}a.btn{text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:rgb(var(--wf-ink));border-color:rgb(var(--wf-ink));color:rgb(var(--wf-bg))}.btn.primary:hover:not(:disabled){background:rgb(var(--wf-ink2))}.btn.ghost{color:rgb(var(--wf-ink2));background:0 0;border-color:#0000}.btn.ghost:hover{background:rgb(var(--wf-ink) / .03)}.btn.sm{padding:4px 8px;font-size:12px}.btn.dashed{color:rgb(var(--wf-mute));font-family:var(--font-mono);background:0 0;border-style:dashed;font-size:12px}.btn.dashed:hover{color:rgb(var(--wf-ink));border-color:rgb(var(--wf-line-strong))}.btn.danger{border-color:rgb(var(--wf-bad) / .5);color:rgb(var(--wf-bad));background:0 0}.btn.danger:hover{background:rgb(var(--wf-bad));color:rgb(var(--wf-bg))}.btn.block{width:100%}.icon-btn{color:rgb(var(--wf-mute));border-radius:var(--r-sm);background:0 0;border:none;padding:4px;display:inline-flex}.icon-btn:hover{color:rgb(var(--wf-ink));background:rgb(var(--wf-panel2))}.input,.wf-select{border:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));border-radius:var(--r-sm);outline:none;width:100%;min-width:0;padding:6px 10px;font-size:13px}.input:focus,.wf-select:focus{border-color:rgb(var(--wf-line-strong))}textarea.input{resize:vertical;line-height:1.5}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.section-num{align-items:center;gap:10px;display:flex}.section-num b{font:600 12.5px var(--font-mono);letter-spacing:.18em;color:rgb(var(--wf-warn))}.section-num:after{content:"";background:rgb(var(--wf-line));flex:1;height:1px}hr.dashed{border:none;border-top:1px dashed rgb(var(--wf-line-strong));margin:8px 0}.app{height:100%;display:flex}.sidebar{background:rgb(var(--wf-panel2));border-right:1px solid rgb(var(--wf-line));flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:16px 12px;display:none}@media (width>=768px){.sidebar{display:flex}}.brand{align-items:center;gap:8px;padding:4px 8px 0;display:flex}.brand-logo{background:radial-gradient(circle at 35% 35%, rgb(var(--wf-bg)) 0 30%, rgb(var(--wf-ink)) 32% 100%);border-radius:50%;flex-shrink:0;width:14px;height:14px}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:600}.brand-tag{text-transform:none;letter-spacing:.08em;padding:14px 8px 4px}.nav-link{border-radius:var(--r-sm);color:rgb(var(--wf-ink2));border:1px solid #0000;align-items:center;gap:8px;padding:8px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{background:rgb(var(--wf-ink) / .03)}.nav-link.active{background:rgb(var(--wf-panel));border-color:rgb(var(--wf-line));color:rgb(var(--wf-ink))}.nav-link svg{opacity:.75;flex-shrink:0}.nav-sep{border:none;border-top:1px dashed rgb(var(--wf-line));margin:6px 0}.sidebar-foot{flex-direction:column;gap:4px;margin-top:auto;padding-top:8px;display:flex}.theme-toggle{border-radius:var(--r-sm);color:rgb(var(--wf-ink2));font:13px var(--font-mono);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.theme-toggle:hover,.sidebar-city:hover{background:rgb(var(--wf-ink) / .03)}.theme-toggle svg,.sidebar-city svg{opacity:.75;flex-shrink:0}.sidebar-city-label{text-transform:none;padding:4px 8px 0}.sidebar-city{border-radius:var(--r-sm);font:12px var(--font-mono);color:rgb(var(--wf-ink2));align-items:center;gap:8px;padding:6px 8px;text-decoration:none;display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0000004d;position:fixed;inset:0}.drawer{z-index:50;border-right:1px solid rgb(var(--wf-line));width:min(260px,80vw);display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.drawer .sidebar{border-right:none;width:100%;padding:16px 12px;display:flex}.page{flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.page-header{border-bottom:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}@media (width>=768px){.page-header{gap:16px;padding:0 22px}}.hamburger{border-radius:var(--r-sm);width:36px;height:36px;color:rgb(var(--wf-ink2));background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:-4px;display:inline-flex}.page-header h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.page-header .sub{font:13px var(--font-mono);color:rgb(var(--wf-mute));white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}@media (width>=640px){.page-header .sub{display:block}}.page-header .spacer{flex:1}.page-scroll{scrollbar-width:thin;scrollbar-color:rgb(var(--wf-line)) transparent;flex:1;padding:16px;overflow-y:auto}@media (width>=768px){.page-scroll{padding:20px 22px}}.page-inner{flex-direction:column;gap:14px;min-width:0;display:flex}.loader{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.loader.compact{gap:10px;height:auto;padding:16px}.loader-label{font:11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:rgb(var(--wf-mute))}.spin-sun{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin-sun{animation:none}}.skeleton-list{flex-direction:column;display:flex}.skeleton{border-radius:var(--r-sm);background:rgb(var(--wf-panel2));height:48px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{50%{opacity:.5}}.demo-wrap{position:relative}.demo-blur{filter:blur(3px);opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.demo-overlay{justify-content:center;align-items:flex-start;padding-top:88px;display:flex;position:absolute;inset:0}.demo-cta{background:rgb(var(--wf-panel) / .95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgb(var(--wf-line));border-radius:var(--r-lg);width:400px;max-width:92%;box-shadow:var(--shadow-modal);text-align:center;padding:28px}.demo-cta h3{letter-spacing:-.025em;font-size:19px}.demo-cta p{max-width:300px;color:rgb(var(--wf-ink2));margin:8px auto 0;font-size:14px;line-height:1.375}.demo-cta .btn.primary,.demo-cta a.btn{border-radius:var(--r);box-shadow:var(--shadow);gap:8px;margin-top:24px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.demo-cta .btn.primary:after,.demo-cta a.btn:after{content:"→";transition:transform .15s}.demo-cta .btn.primary:hover:after,.demo-cta a.btn:hover:after{transform:translate(2px)}.modal-backdrop{z-index:60;background:#0003;justify-content:center;align-items:flex-start;padding:12vh 12px 12px;display:flex;position:fixed;inset:0}.modal{background:rgb(var(--wf-panel));border-radius:var(--r-lg);width:min(540px,100%);box-shadow:var(--shadow-modal);flex-direction:column;gap:12px;padding:20px;display:flex}.quick-input{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));outline:none;width:100%;padding:12px 14px;font-size:18px}.quick-input:focus{border-color:rgb(var(--wf-line-strong))}.quick-actions{margin-top:4px}.kbd{font:12px var(--font-mono);color:rgb(var(--wf-mute))}.today-grid{flex-direction:column;gap:16px;display:flex}.today-grid>.timeline{flex:1;min-width:0}.rail{flex-direction:column;gap:14px;display:flex}@media (width>=768px){.today-grid{flex-direction:row;align-items:flex-start;gap:18px}.rail{flex-shrink:0;width:260px;position:sticky;top:0}}@media (width<=767px){.today-grid>.rail{order:-1}}.timeline{flex-direction:column;gap:8px;padding-bottom:40px;padding-left:22px;display:flex;position:relative}.tl-prayer{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));align-items:center;gap:10px;padding:8px 12px;font-size:14px;transition:border-color .12s,transform 80ms;display:flex;position:relative}.tl-prayer.editable{cursor:pointer;-webkit-user-select:none;user-select:none}.tl-prayer.editable:hover{border-color:rgb(var(--wf-line-strong))}.tl-prayer.editable:active{transform:scale(.99)}.tl-marker{background:rgb(var(--wf-ink));border-radius:50%;width:6px;height:6px;position:absolute;top:15px;left:-14px}.tl-prayer.logged{background:rgb(var(--wf-panel2))}.tl-prayer .name{min-width:60px;font-weight:600}.tl-prayer.logged .name{color:rgb(var(--wf-ink2))}.tl-prayer .clock{font-family:var(--font-mono);color:rgb(var(--wf-ink2))}.tl-prayer .now{font:400 11.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--wf-warn))}.circle-check{border:1.5px solid rgb(var(--wf-accent));background:rgb(var(--wf-bg));width:20px;height:20px;color:rgb(var(--wf-bg));border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.circle-check.on{background:rgb(var(--wf-accent))}.tl-activity{border:1px solid rgb(var(--wf-line));border-radius:var(--r-sm);background:rgb(var(--wf-panel));align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:flex;position:relative}.tl-activity.done{opacity:.6}.tl-activity.dragging{opacity:.45}.tl-activity-text{text-align:left;color:inherit;flex-direction:column;align-items:flex-start;gap:2px;text-decoration:none;display:flex}.tl-activity .title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;display:block;overflow:hidden}.tl-activity.done .title{text-decoration:line-through;-webkit-text-decoration-color:rgb(var(--wf-mute));text-decoration-color:rgb(var(--wf-mute))}.tl-activity .meta{font:12px var(--font-mono);color:rgb(var(--wf-mute));white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.drag-handle{height:28px;color:rgb(var(--wf-mute));cursor:grab;align-items:center;margin-left:-4px;padding:0 3px;display:flex}.drag-handle:hover{color:rgb(var(--wf-ink2))}.drag-handle:active{cursor:grabbing}.drop-line{height:6px;margin:-4px 0;position:relative}.drop-line:before{content:"";background:rgb(var(--wf-warn));width:8px;height:2px;position:absolute;top:2px;left:8px}.drop-line:after{content:"";background:rgb(var(--wf-warn) / .7);height:2px;position:absolute;top:2px;left:18px;right:0}.square-check{border:1.5px solid rgb(var(--wf-line-strong));width:20px;height:20px;color:rgb(var(--wf-bg));background:0 0;border-radius:4px;flex-shrink:0;place-items:center;padding:0;display:grid}.square-check.on{background:rgb(var(--cat));border-color:rgb(var(--cat))}.square-check:disabled{cursor:default}.tl-add{border:1px dashed rgb(var(--wf-line));border-radius:var(--r-sm);width:100%;font:12.5px var(--font-sans);color:rgb(var(--wf-mute));background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;transition:border-color .12s,color .12s;display:flex}.tl-add:hover{border-color:rgb(var(--wf-line-strong));color:rgb(var(--wf-ink2))}.tl-add.toggle{padding:4px 12px}.tl-add .plus{font-size:14px;line-height:1}.calendar-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.calendar-head strong{letter-spacing:-.01em;text-transform:capitalize;font-size:13px;font-weight:600}.calendar-head button{border-radius:var(--r-sm);color:rgb(var(--wf-ink2));background:0 0;border:none;padding:4px;display:inline-flex}.calendar-head button:hover{background:rgb(var(--wf-ink) / .04)}.calendar{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.calendar .wd{font:11.5px var(--font-mono);color:rgb(var(--wf-mute));text-align:center;padding:4px 0}.calendar button{aspect-ratio:1;font:13px var(--font-mono);color:rgb(var(--wf-ink2));background:0 0;border:none;border-radius:50%;padding:0;position:relative}.calendar button:hover{background:rgb(var(--wf-panel2))}.calendar button.other{color:rgb(var(--wf-faint))}.calendar button.selected{background:rgb(var(--wf-ink));color:rgb(var(--wf-bg))}.calendar button.today:not(.selected):after{content:"";background:rgb(var(--wf-warn));border-radius:50%;width:3px;height:3px;margin-left:-1.5px;position:absolute;bottom:3px;left:50%}.day-ring{flex-shrink:0;position:relative}.day-ring svg{display:block}.day-ring-label{pointer-events:none;font-family:var(--font-mono);flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.day-ring-label span{color:rgb(var(--wf-ink3));white-space:nowrap;margin-top:2px;line-height:1}.day-ring-knob{pointer-events:none;color:rgb(var(--wf-bg));display:flex;position:absolute;transform:translate(-50%,-50%)}.day-ring-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.day-ring-count{letter-spacing:-.02em;color:rgb(var(--wf-ink));font-weight:600;line-height:1.25}.strip{gap:3px;display:grid}.strip span{background:rgb(var(--habit-cell-empty));border-radius:2px;height:26px}.strip span.missed{background:rgb(var(--habit-cell-missed))}.strip span.done{background:rgb(var(--cat))}.strip span.today{box-shadow:0 0 0 1.5px rgb(var(--wf-bg)), 0 0 0 2.5px rgb(var(--cat))}.segmented{flex-wrap:wrap;gap:6px;display:flex}.fab-top{border:1px solid rgb(var(--wf-line));background:rgb(var(--wf-panel));width:44px;height:44px;box-shadow:var(--shadow-modal);z-index:30;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:18px;right:18px}.toaster{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:80;flex-direction:column;gap:8px;width:min(420px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.toast{background:rgb(var(--wf-ink));color:rgb(var(--wf-bg));border-radius:var(--r);box-shadow:var(--shadow-modal);padding:10px 14px;font-size:13px}.toast.error{border-left:4px solid rgb(var(--wf-now))}@media (pointer:coarse){.drag-handle{display:none}}.btn.sm{gap:4px}