.query-state{text-align:center;border-radius:var(--r-lg);background:rgb(var(--now) / .05);border:1px solid rgb(var(--now) / .22);flex-direction:column;align-items:center;gap:8px;margin:8px 0;padding:28px 18px;display:flex}.query-state:before{content:"";background:rgb(var(--now));width:9px;height:9px;box-shadow:0 0 10px rgb(var(--now) / .7);border-radius:50%;margin-bottom:2px}.query-state .error{color:rgb(var(--ink));font-size:14px;font-weight:500}.query-state .btn{min-height:40px;margin-top:4px}.query-state.compact{text-align:left;border-radius:var(--r);align-items:flex-start;margin:4px 0;padding:12px 14px}.query-state.compact:before{display:none}.query-state-detail{overflow-wrap:anywhere;color:rgb(var(--mute));font-size:12px}.state-screen{place-items:center;min-height:100%;padding:24px 16px;display:grid}.state-card{text-align:center;border-radius:var(--r-xl);background:var(--surf);border:1px solid var(--hair);width:min(440px,100%);box-shadow:var(--card-sh);flex-direction:column;align-items:center;gap:14px;padding:32px 24px;display:flex}.state-icon{width:52px;height:52px;color:rgb(var(--now));background:rgb(var(--now) / .1);border:1px solid rgb(var(--now) / .25);border-radius:16px;place-items:center;display:grid}.state-card p{color:rgb(var(--ink));overflow-wrap:anywhere;font-size:15px;line-height:1.5}.state-card .error{color:rgb(var(--now));font-size:14px}.state-card .btn{min-height:44px;padding:10px 20px}.modal.quick-modal{width:min(580px,100%);box-shadow:0 40px 100px -20px #0009, inset 0 1px 0 rgb(var(--fg) / .06);border-radius:22px;gap:0;padding:8px}.modal.quick-modal:has(.quick-input:focus-visible){border-color:rgb(var(--acc) / .35)}.quick-top{align-items:center;gap:8px;padding:10px 16px 0;display:flex}.quick-kbd{font:11px var(--font-mono);color:rgb(var(--mute));background:rgb(var(--fg) / .06);border-radius:5px;padding:1px 6px}.quick-modal .quick-input{width:100%;font:20px var(--font-sans);letter-spacing:-.01em;color:rgb(var(--ink));background:0 0;border:none;border-radius:0;outline:none;padding:12px 16px}.quick-modal .quick-input:focus,.quick-modal .quick-input:focus-visible{outline:none}.quick-modal .quick-input::placeholder{color:rgb(var(--mute))}.quick-chips{flex-wrap:wrap;gap:6px;padding:0 12px 14px;display:flex}.quick-chips .chip{padding:5px 11px;font-size:12.5px;font-weight:500}.quick-error{padding:0 16px 10px}.quick-modal .quick-actions{border-top:1px solid rgb(var(--fg) / .07);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 6px 6px 14px;display:flex}.quick-preview{font:12.5px var(--font-mono);color:rgb(var(--acc));overflow-wrap:anywhere;min-width:0}.quick-hint{font:12px var(--font-mono);color:rgb(var(--mute))}.quick-modal .quick-actions .btn{border-radius:10px;min-height:34px;padding:0 12px;font-size:13px}.quick-modal .quick-actions .btn.primary{padding:0 16px;font-weight:600}@media (width<=767px){.quick-modal .quick-input{font-size:20px!important}.quick-modal .quick-actions .btn{min-height:40px}}.offline-queue{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;white-space:nowrap;min-height:36px;font:500 12px var(--font-mono);letter-spacing:.02em;background:var(--pop);color:rgb(var(--ink));border:1px solid rgb(var(--acc) / .45);-webkit-backdrop-filter:blur(24px)saturate(1.5);box-shadow:var(--shadow-modal);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;display:inline-flex;position:fixed}.offline-queue svg{color:rgb(var(--acc));flex-shrink:0}.offline-queue.offline{border-color:rgb(var(--now) / .5)}.offline-queue.offline svg{color:rgb(var(--now))}.offline-queue.offline span+span:before{content:"·";color:rgb(var(--mute));margin-right:8px}@media (width<=979px){.offline-queue{right:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(50%)}}.tour-layer{z-index:90;pointer-events:none;position:fixed;inset:0}.tour-block{pointer-events:auto;position:absolute;inset:0}.tour-hole{pointer-events:none;box-shadow:0 0 0 200vmax #08080a9e, 0 0 0 2px rgb(var(--wf-accent) / .85), 0 0 24px 2px rgb(var(--wf-accent) / .35);transition:left .25s var(--ease-out), top .25s var(--ease-out), width .25s var(--ease-out), height .25s var(--ease-out);border-radius:16px;position:fixed}.tour-card{pointer-events:auto;border-radius:var(--r-lg);background:rgb(var(--wf-panel));color:rgb(var(--wf-ink));border:1px solid rgb(var(--wf-fg) / .1);box-shadow:var(--shadow-modal);animation:tour-in .3s var(--ease-out) both;flex-direction:column;gap:6px;padding:16px 16px 12px;display:flex;position:fixed}.tour-step{letter-spacing:.08em;color:rgb(var(--wf-accent));font-size:11px}.tour-title{font-size:16px}.tour-text{color:rgb(var(--wf-ink2));font-size:13.5px;line-height:1.5}.tour-actions{align-items:center;gap:8px;margin-top:6px;display:flex}@keyframes tour-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.tour-hole{transition:none}.tour-card{animation:none}}.modal-backdrop.pc-backdrop{z-index:95;align-items:center;padding:12px}.toaster{z-index:100}.modal.pc-modal{gap:10px;max-height:calc(100dvh - 24px);overflow-y:auto}.pc-icon{width:40px;height:40px;color:rgb(var(--wf-accent));background:rgb(var(--wf-accent) / .12);border-radius:12px;place-items:center;display:grid}.pc-title{margin:0;font-size:18px;line-height:1.3}.pc-text{color:rgb(var(--wf-ink2));margin:0;font-size:14px;line-height:1.55}.pc-note{color:rgb(var(--wf-mute));margin:0;font-size:13px;line-height:1.5}.pc-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.pc-actions .btn{align-items:center;gap:6px;display:inline-flex}.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(--acc));border-color:rgb(var(--acc) / .45);background:rgb(var(--acc) / .1)}.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;background:rgb(var(--acc));color:rgb(var(--acc-ink));box-shadow:0 10px 26px -14px rgb(var(--acc) / .8);border:1px solid #0000;border-radius:12px;flex-shrink:0;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.ld-signin-link:hover{color:rgb(var(--acc-ink));filter:brightness(1.06)}@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{background:rgb(var(--acc) / .34);z-index:-1;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(--fg) / .12);background:var(--surf);width:280px;max-width:100%;min-height:48px;color:rgb(var(--ink));box-shadow:var(--card-sh);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.ld-tg-btn:hover{background:rgb(var(--fg) / .06);color:rgb(var(--ink))}.ld-tg-icon{color:#2aabee}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 var(--hair);background:var(--surf);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))}.lg{background:rgb(var(--bg));height:100%;min-height:100%;color:rgb(var(--ink));position:relative;overflow:hidden auto}.lg-glow{pointer-events:none;background:var(--glow);position:absolute;inset:0}.lg-grid{grid-template-columns:minmax(0,1fr);min-height:100%;display:grid;position:relative}@media (width>=900px){.lg-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.lg-hero{isolation:isolate;margin:calc(10px + env(safe-area-inset-top)) 10px 0;background:var(--sky);border:1px solid rgb(var(--fg) / .08);min-height:420px;box-shadow:var(--hero-sh);border-radius:28px;flex-direction:column;justify-content:space-between;gap:24px;padding:22px;display:flex;position:relative;overflow:hidden}@media (width>=900px){.lg-hero{min-height:calc(100dvh - 28px);margin:14px 0 14px 14px;padding:40px}}.lg-orbit,.lg-arc{z-index:-1;aspect-ratio:1;pointer-events:none;border-radius:50%;width:150%;position:absolute;top:50%;right:-70%;transform:translateY(-50%)}@media (width>=900px){.lg-orbit,.lg-arc{width:120%;right:-55%}}.lg-orbit{border:1px solid rgb(var(--fg) / .1)}.lg-arc{background:conic-gradient(from 200deg, rgb(var(--acc)) 0deg 160deg, transparent 160deg);filter:drop-shadow(0 0 8px rgb(var(--acc)));animation:90s linear infinite lg-spin;-webkit-mask:radial-gradient(circle,#0000 69.4%,#000 69.6% 70.4%,#0000 70.6%);mask:radial-gradient(circle,#0000 69.4%,#000 69.6% 70.4%,#0000 70.6%)}@keyframes lg-spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.lg-brand{letter-spacing:-.02em;color:rgb(var(--ink));align-self:flex-start;align-items:center;gap:10px;min-height:44px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.lg-brand:hover{color:rgb(var(--ink))}.lg-logo{background:rgb(var(--acc));width:34px;height:34px;box-shadow:0 8px 24px -8px rgb(var(--acc) / .8);border-radius:11px;place-items:center;display:grid}.lg-logo span{border:3px solid rgb(var(--acc-ink));border-radius:50%;width:13px;height:13px}.lg-hero-copy{flex-direction:column;gap:14px;max-width:520px;display:flex}.lg-eyebrow{font:500 11px var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--acc))}.lg-title{letter-spacing:-.045em;text-wrap:balance;color:rgb(var(--ink));margin:0;font-size:38px;font-weight:600;line-height:1.02}@media (width>=900px){.lg-title{font-size:58px}}.lg-lead{max-width:440px;color:rgb(var(--ink2));text-wrap:pretty;margin:0;font-size:16px;line-height:1.55}.lg-prayers{flex-wrap:wrap;gap:8px;display:flex}.lg-prayer{background:rgb(var(--bg2) / .6);-webkit-backdrop-filter:blur(10px);border:1px solid rgb(var(--fg) / .1);color:rgb(var(--ink));border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;display:inline-flex}.lg-prayer.sub{color:rgb(var(--ink2))}.lg-prayer.now{border-color:rgb(var(--now) / .6)}.lg-prayer-dot{background:rgb(var(--acc));border-radius:50%;width:6px;height:6px}.lg-prayer.sub .lg-prayer-dot{background:rgb(var(--mute))}.lg-prayer.now .lg-prayer-dot{background:rgb(var(--now))}.lg-prayer-time{font-family:var(--font-mono);color:rgb(var(--ink3))}.lg-panel{padding:28px 18px calc(32px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}@media (width>=900px){.lg-panel{padding:48px 40px}}.lg-form{flex-direction:column;gap:22px;width:min(420px,100%);display:flex}.lg-head{flex-direction:column;gap:6px;display:flex}.lg-head h2{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:600}.lg-head span{color:rgb(var(--ink2));font-size:14.5px}.lg-signin{flex-direction:column;gap:16px;display:flex}.lg-methods{flex-direction:column;gap:10px;display:flex}.lg-btn{border:1px solid rgb(var(--fg) / .12);background:rgb(var(--fg) / .04);width:100%;min-height:52px;color:rgb(var(--ink));border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,filter .15s;display:flex}.lg-btn:hover:not(:disabled){background:rgb(var(--fg) / .08);color:rgb(var(--ink))}.lg-btn:disabled{opacity:.55;cursor:default}.lg-btn .ld-gh-icon{color:currentColor}.lg-btn-tg{color:#fff;background:#2aabee;border-color:#0000;box-shadow:0 12px 30px -12px #2aabeecc,inset 0 1px #ffffff4d}.lg-btn-tg:hover:not(:disabled){color:#fff;filter:brightness(1.06);background:#2aabee}.lg-btn-acc{background:rgb(var(--acc));color:rgb(var(--acc-ink));box-shadow:0 12px 30px -12px rgb(var(--acc) / .8), inset 0 1px 0 #ffffff4d;border-color:#0000}.lg-btn-acc:hover:not(:disabled){background:rgb(var(--acc));color:rgb(var(--acc-ink));filter:brightness(1.06)}.lg-widget{justify-content:center;min-height:40px;display:flex}.lg-google{justify-content:center;min-height:44px;display:flex}.lg-google .ld-google{width:100%}.lg-divider{font:12px var(--font-mono);color:rgb(var(--mute));align-items:center;gap:12px;display:flex}.lg-divider:before,.lg-divider:after{content:"";background:rgb(var(--fg) / .08);flex:1;height:1px}.lg-invite{flex-direction:column;gap:8px;display:flex}.lg-invite-label{color:rgb(var(--ink2));font-size:13.5px;font-weight:500}.lg-invite-input,.lg-input{border:1px solid rgb(var(--fg) / .12);background:var(--surf);width:100%;min-width:0;min-height:52px;box-shadow:var(--card-sh);color:rgb(var(--ink));border-radius:14px;outline:none;padding:12px 14px;font-size:16px}.lg-invite-input{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.lg-invite-input::placeholder{text-transform:none;letter-spacing:0;font-family:var(--font-sans)}.lg-invite-input:focus,.lg-input:focus{border-color:rgb(var(--acc) / .55);box-shadow:0 0 0 3px rgb(var(--acc) / .12)}.lg-invite-input.bad{border-color:rgb(var(--now) / .7)}.lg-invite-input.bad:focus{box-shadow:0 0 0 3px rgb(var(--now) / .14)}.lg-invite-hint{color:rgb(var(--mute));font-size:12.5px}.lg-dev{gap:8px;display:flex}.lg-dev .lg-btn{flex-shrink:0;width:auto}.lg-error{color:rgb(var(--now));margin:0;font-size:13px}.lg-reassure{color:rgb(var(--mute));text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.lg-reassure a{color:rgb(var(--acc))}.lg-tools{align-items:center;gap:8px;display:flex}.lg-tools .ld-theme{width:44px;height:44px}.lg-tools .ld-lang button{min-height:32px;padding:2px 7px}@media (prefers-reduced-motion:reduce){.lg-arc{animation:none}.lg-btn{transition:none}}.pv-header{z-index:10;border-bottom:1px solid var(--hair);background:var(--pop);-webkit-backdrop-filter:blur(16px)saturate(1.4);position:sticky;top:0}.pv-header-inner{max-width:820px;min-height:56px;padding:env(safe-area-inset-top) 24px 0;align-items:center;gap:12px;margin:0 auto;display:flex}.pv-home{white-space:nowrap;min-height:40px;color:rgb(var(--ink2));border:1px solid rgb(var(--fg) / .1);border-radius:12px;flex-shrink:0;align-items:center;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.pv-home:hover{background:rgb(var(--fg) / .05);color:rgb(var(--ink))}@media (width<=479px){.pv-header-inner{padding:env(safe-area-inset-top) 16px 0;gap:6px}}.pv-main{max-width:820px;padding:44px 24px calc(48px + env(safe-area-inset-bottom));margin:0 auto}@media (width<=479px){.pv-main{padding:32px 16px calc(40px + env(safe-area-inset-bottom))}}.pv-tag{font:500 11px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--acc));margin-bottom:12px}.pv-title{letter-spacing:-.035em;text-wrap:balance;font-size:34px;font-weight:600;line-height:1.1}@media (width>=640px){.pv-title{font-size:44px}}.pv-updated{font:12.5px var(--font-mono);color:rgb(var(--mute));margin-top:12px}.pv-section{background:var(--surf);border:1px solid var(--hair);box-shadow:var(--card-sh);border-radius:22px;margin-top:20px;padding:20px 22px}.pv-section h2{letter-spacing:-.02em;color:rgb(var(--ink));font-size:19px;font-weight:600}.pv-body{flex-direction:column;gap:12px;margin-top:12px;display:flex}.pv-body p,.pv-body ul{color:rgb(var(--ink2));margin:0;font-size:15px;line-height:1.625}.pv-body strong{color:rgb(var(--ink));font-weight:600}.pv-body ul{flex-direction:column;gap:6px;padding-left:22px;display:flex}.pv-body a,.pv-back a{color:rgb(var(--acc));text-decoration:underline;-webkit-text-decoration-color:rgb(var(--acc) / .35);text-decoration-color:rgb(var(--acc) / .35);text-underline-offset:4px}.pv-body a:hover,.pv-back a:hover{color:rgb(var(--ink))}.pv-back{border-top:1px solid var(--hair);font:12px var(--font-mono);color:rgb(var(--mute));margin-top:48px;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:247 246 242;--wf-panel:255 255 255;--wf-panel2:241 240 235;--wf-line:229 227 220;--wf-line-strong:208 205 196;--wf-ink:17 17 19;--wf-ink2:58 58 64;--wf-ink3:88 88 96;--wf-mute:108 108 116;--wf-control:140 138 130;--wf-faint:184 182 174;--wf-accent:150 112 46;--wf-accent-ink:255 255 255;--wf-warn:150 112 46;--wf-good:30 122 90;--wf-bad:196 82 54;--wf-now:196 82 54;--wf-sun:234 170 74;--wf-night:62 90 146;--wf-fg:20 18 14;--cat-physical:88 124 52;--cat-social:44 104 168;--cat-financial:172 106 36;--cat-educational:118 80 172;--cat-spiritual:70 70 78;--habit-cell-empty:236 234 227;--habit-cell-missed:240 205 194;--book-islam:#4a6a48;--book-dunya:#8a6a3a;--book-fiction:#6a4a7a;--surf:#fff;--pop:#fffffff0;--card-sh:0 1px 2px #0000000a, 0 12px 32px -18px #00000029;--glow:radial-gradient(900px 520px at 25% -10%, #c9a25c24, transparent 70%), radial-gradient(800px 600px at 100% 100%, #788cb41a, transparent 70%);--hero:radial-gradient(ellipse at 55% 35%, #1b1a18, #08080a 75%);--sky:radial-gradient(ellipse at 55% 35%, #fbfaf6, #e9e6dd 75%);--hero-sh:0 24px 60px -36px #14120e59, inset 0 1px 0 #ffffffb3;--r-sm:10px;--r:16px;--r-lg:20px;--ease-out:cubic-bezier(.22, .8, .24, 1);--r-xl:24px;--shadow:var(--card-sh);--shadow-modal:0 24px 60px #14120f40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}section[data-theme=dark],div[data-theme=dark],:root[data-theme=dark]{--wf-bg:9 9 11;--wf-panel:17 17 20;--wf-panel2:24 24 28;--wf-line:34 34 39;--wf-line-strong:52 52 58;--wf-ink:250 250 249;--wf-ink2:212 212 216;--wf-ink3:161 161 170;--wf-mute:139 139 148;--wf-control:104 104 112;--wf-faint:74 74 82;--wf-accent:217 183 121;--wf-accent-ink:26 20 8;--wf-warn:217 183 121;--wf-good:127 209 174;--wf-bad:240 138 108;--wf-now:240 138 108;--wf-night:140 160 200;--wf-fg:255 255 255;--cat-physical:157 186 122;--cat-social:127 166 214;--cat-financial:224 160 96;--cat-educational:183 154 224;--cat-spiritual:232 226 208;--habit-cell-empty:24 24 28;--habit-cell-missed:74 42 36;--book-islam:#7fa07a;--book-dunya:#bc945c;--book-fiction:#9874b0;--surf:#ffffff08;--pop:#16161aeb;--card-sh:inset 0 1px 0 #ffffff0a;--glow:radial-gradient(900px 520px at 25% -10%, #d9b7791f, transparent 70%), radial-gradient(800px 600px at 100% 100%, #8c96b414, transparent 70%);--shadow-modal:0 24px 60px #0000008c;--sky:var(--hero);--hero-sh:0 40px 100px -40px #000c, inset 0 1px 0 #ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-theme]{--bg:var(--wf-bg);--bg2:var(--wf-panel);--fg:var(--wf-fg);--ink:var(--wf-ink);--ink2:var(--wf-ink2);--ink3:var(--wf-ink3);--mute:var(--wf-mute);--acc:var(--wf-accent);--acc-ink:var(--wf-accent-ink);--now:var(--wf-now);--good:var(--wf-good);--sec:var(--wf-night);--c-sp:var(--cat-spiritual);--c-ph:var(--cat-physical);--c-so:var(--cat-social);--c-fi:var(--cat-financial);--c-ed:var(--cat-educational);--hair:rgb(var(--wf-fg) / .07);--shadow:var(--card-sh)}*{box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;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}body:before{content:"";pointer-events:none;background:var(--glow);z-index:0;position:fixed;inset:0}#root{z-index:1;height:100%;position:relative}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,a,input,select,textarea,label{touch-action:manipulation}button{cursor:pointer}::selection{background:rgb(var(--wf-accent) / .35)}:focus-visible{outline:2px solid rgb(var(--wf-accent) / .6);outline-offset:2px}[data-theme=dark]:not(:root){color:rgb(var(--wf-ink))}@media (width<=767px){input,select,textarea,.input,.wf-select{font-size:16px!important}}.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}}.in-telegram body,.in-telegram .page{overscroll-behavior:none}.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:var(--surf);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--card-sh);min-width:0;transition:border-color .18s, background-color .18s, transform .5s var(--ease-out)}.card:hover,.kpi:hover,[data-motion=card]:hover{border-color:rgb(var(--wf-fg) / .12)}.card.muted{background:rgb(var(--wf-fg) / .02)}.card.flat{box-shadow:none}.card-head{border-bottom:1px solid var(--hair);align-items:center;gap:10px;min-width:0;padding:14px 18px;display:flex}.card-head h3{letter-spacing:-.015em;white-space:nowrap;font-size:14.5px;font-weight:600}.card-head .sub{font:400 12px var(--font-mono);color:rgb(var(--wf-mute));text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-head .spacer{flex:1}.card-body{padding:16px 18px}.chip{border:1px solid rgb(var(--wf-fg) / .09);background:rgb(var(--wf-fg) / .03);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:4px 10px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}button.chip:hover{border-color:rgb(var(--wf-fg) / .18);color:rgb(var(--wf-ink))}.chip.solid,.chip.on{background:rgb(var(--wf-accent) / .14);border-color:rgb(var(--wf-accent) / .45);color:rgb(var(--wf-accent))}.chip.solid .cat-dot,.chip.on .cat-dot{box-shadow:0 0 6px rgb(var(--cat) / .7)}.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-fg) / .1);background:rgb(var(--wf-fg) / .04);color:rgb(var(--wf-ink2));border-radius:var(--r-sm);white-space:nowrap;min-height:36px;transition:background .15s, border-color .15s, color .15s, transform .2s var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:rgb(var(--wf-fg) / .07);color:rgb(var(--wf-ink))}.btn.primary:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled),.btn.primary:active:not(:disabled){transform:scale(.97)}a.btn{text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:rgb(var(--wf-accent));color:rgb(var(--wf-accent-ink));box-shadow:0 10px 26px -12px rgb(var(--wf-accent) / .8), inset 0 1px 0 #ffffff4d;border-color:#0000;font-weight:600}.btn.primary:hover:not(:disabled){background:rgb(var(--wf-accent));filter:brightness(1.06);color:rgb(var(--wf-accent-ink))}.btn.ghost{color:rgb(var(--wf-ink2));background:0 0;border-color:#0000}.btn.ghost:hover{background:rgb(var(--wf-fg) / .05)}.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) / .45);color:rgb(var(--wf-bad));background:rgb(var(--wf-bad) / .06)}.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:6px;transition:color .15s,background .15s;display:inline-flex;position:relative}.icon-btn:before{content:"";position:absolute;inset:-6px}.icon-btn:hover{color:rgb(var(--wf-ink));background:rgb(var(--wf-fg) / .06)}.input,.wf-select{border:1px solid rgb(var(--wf-fg) / .12);background:rgb(var(--wf-fg) / .03);border-radius:var(--r-sm);outline:none;width:100%;min-width:0;min-height:40px;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:rgb(var(--wf-mute))}.input:focus,.wf-select:focus{border-color:rgb(var(--wf-accent) / .6);box-shadow:0 0 0 3px rgb(var(--wf-accent) / .12)}.wf-select option{background:rgb(var(--wf-panel));color:rgb(var(--wf-ink))}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{grid-template-columns:minmax(0,1fr);height:100%;display:grid}@media (width>=980px){.app{grid-template-columns:220px minmax(0,1fr)}}.sidebar{scrollbar-width:none;background:var(--surf);border:1px solid var(--hair);min-height:0;max-height:calc(100vh - 24px);box-shadow:var(--card-sh);-webkit-backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;gap:2px;margin:12px 0 12px 12px;padding:18px 12px 12px;display:none;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}@media (width>=980px){.sidebar{display:flex}}.brand{align-items:center;gap:10px;padding:2px 10px 16px;text-decoration:none;display:flex}.brand-mark{background:rgb(var(--wf-accent));width:28px;height:28px;box-shadow:0 6px 20px -6px rgb(var(--wf-accent) / .6);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.brand-logo{background:radial-gradient(circle at 35% 35%, rgb(var(--wf-accent)) 0 32%, rgb(var(--wf-bg)) 34% 100%);border-radius:50%;flex-shrink:0;width:12px;height:12px}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-name{letter-spacing:-.02em;font-size:16px;font-weight:700}.brand-tag{font:400 10.5px var(--font-mono);letter-spacing:.06em;color:rgb(var(--wf-mute))}.sidebar-nav{flex-direction:column;gap:1px;display:flex}.nav-link{color:rgb(var(--wf-ink3));transition:background .15s, color .15s, transform .35s var(--ease-out);animation:nav-in .5s var(--ease-out) both;border-radius:10px;align-items:center;gap:11px;padding:6px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:rgb(var(--wf-fg) / .05);color:rgb(var(--wf-ink));transform:translate(4px)}.nav-link.active{background:rgb(var(--wf-accent) / .12);color:rgb(var(--wf-ink))}.nav-link.active:before{content:"";background:rgb(var(--wf-accent));width:3px;box-shadow:0 0 10px rgb(var(--wf-accent) / .7);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:-12px}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link.active svg{color:rgb(var(--wf-accent));opacity:1;filter:drop-shadow(0 0 6px rgb(var(--wf-accent) / .6))}@keyframes nav-in{0%{opacity:0;transform:translate(-14px)}}.nav-sep{background:rgb(var(--wf-fg) / .06);border:none;height:1px;margin:6px 10px}.nav-row{position:relative}.nav-row>.nav-link{padding-right:30px}.nav-pin{opacity:.5;flex-shrink:0;margin-left:auto}.nav-more{width:24px;height:24px;color:rgb(var(--wf-ink3));opacity:0;background:0 0;border:none;border-radius:7px;place-items:center;padding:0;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.nav-row:hover>.nav-more,.nav-row.open>.nav-more,.nav-more:focus-visible{opacity:1}.nav-more:hover{background:rgb(var(--wf-fg) / .08);color:rgb(var(--wf-ink))}@media (hover:none){.nav-more{opacity:.6}}.nav-menu{z-index:30;background:var(--pop);border:1px solid rgb(var(--wf-fg) / .1);min-width:190px;box-shadow:var(--shadow-modal);-webkit-backdrop-filter:blur(20px);border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 2px);right:0}.nav-menu>button,.nav-menu>a{color:rgb(var(--wf-ink2));text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;text-decoration:none;display:flex}.nav-menu>button:hover,.nav-menu>a:hover,.nav-menu>:focus-visible{background:rgb(var(--wf-fg) / .06);color:rgb(var(--wf-ink))}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:14px;display:flex}.theme-toggle{border:1px solid rgb(var(--wf-fg) / .08);color:rgb(var(--wf-ink3));text-align:left;background:0 0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.theme-toggle:hover{color:rgb(var(--wf-ink));background:rgb(var(--wf-fg) / .04)}.theme-toggle svg{flex-shrink:0}.user-card{background:rgb(var(--wf-fg) / .04);border:1px solid rgb(var(--wf-fg) / .06);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:10px;text-decoration:none;display:flex}.user-card:hover{border-color:rgb(var(--wf-fg) / .12)}.user-avatar{background:rgb(var(--wf-fg) / .1);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.user-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-meta{font:11px var(--font-mono);color:rgb(var(--wf-mute));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tabbar{z-index:45;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));background:var(--pop);border:1px solid rgb(var(--wf-fg) / .1);-webkit-backdrop-filter:blur(24px)saturate(1.5);border-radius:24px;gap:2px;max-width:520px;margin:0 auto;padding:6px;display:flex;position:fixed;box-shadow:0 20px 50px -12px #00000073}@media (width>=980px){.tabbar{display:none}}.tab{min-height:54px;color:rgb(var(--wf-ink3));transition:background .2s, color .2s, transform .2s var(--ease-out);background:0 0;border:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.tab:active{transform:scale(.97)}.tab.active{background:rgb(var(--wf-accent) / .14);color:rgb(var(--wf-accent))}.more-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.more-head h2{letter-spacing:-.02em;flex:1;font-size:19px;font-weight:600}.more-close{background:rgb(var(--wf-fg) / .06);width:44px;height:44px;color:rgb(var(--wf-ink2));border:none;border-radius:14px;place-items:center;display:grid}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.more-tile{background:rgb(var(--wf-fg) / .04);border:1px solid var(--hair);min-height:66px;color:rgb(var(--wf-ink));transition:transform .2s var(--ease-out), background .15s;border-radius:18px;align-items:center;gap:12px;min-width:0;padding:12px 14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.more-tile:active{transform:scale(.97)}.more-tile svg{color:rgb(var(--wf-ink3));flex-shrink:0}.more-text{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.more-sub{color:rgb(var(--wf-mute));text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;overflow:hidden}.more-tile.active{background:rgb(var(--wf-accent) / .12);border-color:rgb(var(--wf-accent) / .35)}.more-tile.active svg{color:rgb(var(--wf-accent))}.more-theme{border:1px solid var(--hair);background:rgb(var(--wf-fg) / .04);width:100%;min-height:54px;color:rgb(var(--wf-ink));text-align:left;border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:0 16px;font-size:14.5px;font-weight:500;display:flex}.more-theme-disc{width:20px;height:20px;box-shadow:0 0 0 1px rgb(var(--wf-fg) / .2);background:linear-gradient(90deg,#09090b 50%,#f7f6f2 50%);border-radius:50%;flex-shrink:0}.page{scrollbar-width:thin;scrollbar-color:rgb(var(--wf-fg) / .1) transparent;min-width:0;height:100%;padding:calc(14px + env(safe-area-inset-top)) 14px calc(112px + env(safe-area-inset-bottom));overflow-y:auto}@media (width>=980px){.page{padding:18px 24px 64px}}.page>*{max-width:1640px;margin-left:auto;margin-right:auto}.page-header{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:20px;padding:6px 2px 0;display:flex}.page-title{flex-direction:column;flex:260px;gap:2px;min-width:0;display:flex}.page-header h1{letter-spacing:-.035em;font-size:30px;font-weight:600;line-height:1.1}@media (width<=640px){.page-header h1{font-size:26px}}.page-header .sub{color:rgb(var(--wf-ink2));font-size:13.5px}.page-header .eyebrow{color:var(--eyebrow,rgb(var(--wf-accent)))}.page-header-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-scroll{min-width:0}.page-inner{flex-direction:column;gap:16px;min-width:0;display:flex}.page-title>*{animation:text-in .7s var(--ease-out) backwards}.page-title>:nth-child(2){animation-delay:70ms}.page-title>:nth-child(3){animation-delay:.14s}@keyframes text-in{0%{opacity:0;transform:translateY(10px)}}.m-card-wait{opacity:0}.m-card-in{animation:card-in .75s var(--ease-out) backwards;animation-delay:calc(var(--k,0) * 65ms)}@keyframes card-in{0%{opacity:0;transform:perspective(1000px)translateY(22px)rotateX(6deg)}}.m-cells>*{animation:cell-in .45s var(--ease-out) backwards;animation-delay:calc(min(var(--c,0), 120) * 10ms)}.m-cells:not(.in)>*{animation-play-state:paused}@keyframes cell-in{0%{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.nav-link,.page-title>*,.m-card-in,.m-cells>*{animation:none}.m-card-wait{opacity:1}.nav-link:hover{transform:none}}.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-fg) / .05);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:var(--pop);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid rgb(var(--wf-fg) / .1);width:400px;max-width:92%;box-shadow:var(--shadow-modal);text-align:center;border-radius:22px;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{-webkit-backdrop-filter:blur(8px);z-index:85;background:#06070a99;justify-content:center;align-items:flex-start;padding:14vh 12px 12px;display:flex;position:fixed;inset:0}.modal{background:var(--pop);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid rgb(var(--wf-fg) / .1);width:min(540px,100%);box-shadow:var(--shadow-modal);border-radius:22px;flex-direction:column;gap:12px;padding:20px;display:flex}.quick-input{border:none;border-bottom:1px solid var(--hair);background:0 0;border-radius:0;outline:none;width:100%;padding:10px 2px 14px;font-size:20px}.quick-input:focus{border-color:rgb(var(--wf-accent) / .5)}.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-control));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:var(--pop);color:rgb(var(--wf-ink));-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid rgb(var(--wf-fg) / .1);box-shadow:var(--shadow-modal);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;display:flex}.toast:before{content:"";background:rgb(var(--wf-good));width:8px;height:8px;box-shadow:0 0 10px rgb(var(--wf-good) / .8);border-radius:50%;flex-shrink:0}.toast.error:before{background:rgb(var(--wf-now));box-shadow:0 0 10px rgb(var(--wf-now) / .8)}@media (width<=979px){.toaster{bottom:calc(96px + env(safe-area-inset-bottom))}}.toast:has(.toast-action){align-items:center;gap:12px;display:flex}.toast-action{color:inherit;font:600 13px var(--font-sans);background:0 0;border:0;flex-shrink:0;margin-left:auto;padding:0;text-decoration:underline}@media (pointer:coarse){.drag-handle{display:none}}.eyebrow{font:500 11px var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:rgb(var(--wf-mute))}.num-xl{font:500 40px/1 var(--font-mono);letter-spacing:-.05em;color:rgb(var(--wf-ink))}.num-lg{font:500 28px/1.05 var(--font-mono);letter-spacing:-.04em;color:rgb(var(--wf-ink))}.seg{background:rgb(var(--wf-fg) / .04);border:1px solid var(--hair);scrollbar-width:none;border-radius:12px;align-items:center;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{min-height:30px;color:rgb(var(--wf-ink3));white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s}.seg button:hover{color:rgb(var(--wf-ink))}.seg button.on{background:var(--surf);color:rgb(var(--wf-ink));box-shadow:0 1px 2px #0000001f, inset 0 0 0 1px rgb(var(--wf-fg) / .08)}:root[data-theme=dark] .seg button.on,[data-theme=dark] .seg button.on{background:#ffffff17}.seg.sm button{min-height:26px;padding:0 10px;font-size:12px}@media (pointer:coarse){.seg button{min-height:36px}.seg.sm button{min-height:34px}}.switch{background:rgb(var(--wf-fg) / .14);border:none;border-radius:999px;flex-shrink:0;width:52px;height:32px;padding:0;transition:background .2s;position:relative}.switch:before{content:"";position:absolute;inset:-8px}.switch.on{background:rgb(var(--wf-good))}.switch:disabled{opacity:.45;cursor:default}.switch-knob{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .22s cubic-bezier(.3,.7,.4,1.2);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.switch.on .switch-knob{transform:translate(20px)}.stepper{background:rgb(var(--wf-fg) / .04);border:1px solid var(--hair);border-radius:12px;align-items:center;gap:4px;padding:2px;display:inline-flex}.stepper button{width:40px;height:38px;color:rgb(var(--wf-ink2));background:0 0;border:none;border-radius:10px;font-size:18px}.stepper button:hover:not(:disabled){background:rgb(var(--wf-fg) / .07);color:rgb(var(--wf-ink))}.stepper button:disabled{opacity:.35;cursor:default}.stepper-value{text-align:center;min-width:54px;color:rgb(var(--wf-ink));font-size:14px}.stepper-value.changed{color:rgb(var(--wf-accent))}.setting-row{border-top:1px solid var(--hair);flex-wrap:wrap;align-items:center;gap:10px 16px;min-height:64px;padding:12px 18px;transition:background .4s;display:flex}.setting-row:first-child{border-top:none}.setting-row-text{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.setting-row-label{color:rgb(var(--wf-ink));font-size:15px;font-weight:500}.setting-row-sub{color:rgb(var(--wf-mute));font-size:13px}.setting-row-control{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.setting-row.flash{animation:1.6s ease-out row-flash}@keyframes row-flash{0%,40%{background:rgb(var(--wf-accent) / .14)}to{background:0 0}}.pill{font:500 11.5px var(--font-mono);letter-spacing:.02em;white-space:nowrap;color:rgb(var(--tone));background:rgb(var(--tone) / .12);border:1px solid rgb(var(--tone) / .22);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.pill-dot{background:rgb(var(--tone));width:6px;height:6px;box-shadow:0 0 8px rgb(var(--tone) / .8);border-radius:50%}.tone-acc{--tone:var(--wf-accent)}.tone-good{--tone:var(--wf-good)}.tone-now{--tone:var(--wf-now)}.tone-sec{--tone:var(--wf-night)}.tone-mute{--tone:var(--wf-ink3)}.kpi{border-radius:var(--r-lg);background:var(--surf);border:1px solid var(--hair);min-width:0;box-shadow:var(--card-sh);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.kpi-value{letter-spacing:-.045em;color:rgb(var(--wf-ink));white-space:nowrap;text-overflow:ellipsis;font-size:30px;font-weight:500;line-height:1.05;overflow:hidden}.kpi.tone-acc .kpi-value,.kpi.tone-good .kpi-value,.kpi.tone-now .kpi-value,.kpi.tone-sec .kpi-value{color:rgb(var(--tone))}.kpi-sub{font:12px var(--font-mono);color:rgb(var(--wf-mute))}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:12px;display:grid}.bento{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (width>=820px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento .span-2{grid-column:span 2}}@media (width>=1280px){.bento.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.hit{position:relative}.hit:before{content:"";position:absolute;inset:-10px}.sheet-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:flex-end;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{background:var(--pop);-webkit-backdrop-filter:blur(24px)saturate(1.5);border:1px solid rgb(var(--wf-fg) / .1);width:100%;max-width:640px;max-height:86vh;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-bottom:none;border-radius:28px 28px 0 0;animation:.26s cubic-bezier(.2,.8,.2,1) sheet-up;overflow-y:auto;box-shadow:0 -30px 80px #0006}.sheet-handle{background:rgb(var(--wf-fg) / .2);border-radius:999px;width:40px;height:5px;margin:0 auto 14px;display:block}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.sheet-backdrop,.setting-row.flash{animation:none}}.btn.sm{gap:4px}@property --ring{syntax:"<number>";inherits:true;initial-value:0}.m-bar{border-radius:inherit;background:rgb(var(--wf-accent));transition:width 1.3s var(--ease-out), height 1.3s var(--ease-out);display:block}.m-bar.settled{transition-duration:.7s;transition-delay:0s!important}.m-bar-x{height:100%}.m-bar-y{width:100%}.m-draw{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.7s cubic-bezier(.3,.7,.2,1)}.m-draw.in{stroke-dashoffset:0}.m-reveal{clip-path:inset(0 100% 0 0);transition:clip-path 1.7s cubic-bezier(.3,.7,.2,1)}.m-reveal.in{clip-path:inset(0)}.m-ping{animation:.4s 1.5s both fade-in}.m-ping-halo{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out 1.9s 2 ping}@keyframes ping{0%{opacity:.35;transform:scale(1)}to{opacity:0;transform:scale(3)}}.m-ring{transition:--ring 1.4s var(--ease-out);border-radius:50%;flex-shrink:0;position:relative}.m-reveal-svg{clip-path:inset(0 100% 0 0);opacity:.4;transition:clip-path 1.7s var(--ease-out), opacity 1.7s var(--ease-out)}.m-reveal-svg.in{clip-path:inset(0);opacity:1}.m-ring:before{content:"";background:conic-gradient(rgb(var(--ring-color)) calc(var(--ring) * 1deg), rgb(var(--wf-fg) / .08) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width) + .5px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width) + .5px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--ring-width)), #000 calc(100% - var(--ring-width) + .5px));border-radius:50%;position:absolute;inset:0}.m-ring-inner{z-index:1;font:500 12px var(--font-mono);place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.m-bar,.m-draw,.m-reveal,.m-ring,.m-reveal-svg{transition:none}.m-reveal-svg{clip-path:none;opacity:1}.m-ping,.m-ping-halo{animation:none}}