:root{--bg:#e8f0ed;--stage:#dce7e3;--surface:#fff;--surface-2:#f3f7f6;--surface-3:#e6eeeb;--line:#d5e1dd;--line-2:#c4d4cf;--ink:#0b2b2d;--ink-2:#34524f;--muted:#657f7c;--brand:#0e6d69;--brand-hover:#0b5c59;--brand-ink:#fff;--brand-soft:#dcefea;--brand-softer:#edf6f3;--deep:#0a3c3e;--deeper:#06292b;--on-deep:#f1f7f5;--on-deep-2:#a9c9c3;--gold:#a87a1f;--gold-bright:#d9af55;--gold-soft:#f5ead2;--good:#1d7a4c;--good-soft:#dcf1e4;--warn:#9a6200;--warn-soft:#faeed3;--bad:#b03838;--bad-soft:#f8e0df;--info:#3957a8;--info-soft:#e2e8f7;--shadow-sm:0 1px 2px #06292b0f;--shadow:0 1px 2px #06292b0d, 0 10px 28px -14px #06292b38;--r-sm:10px;--r:16px;--r-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--tap:44px;--tabbar-h:64px;--font:"Figtree", "Hind Siliguri", "Noto Kufi Arabic", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Marcellus", "Figtree", Georgia, serif;--ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#051617;--stage:#030e0f;--surface:#0c2426;--surface-2:#0f2c2e;--surface-3:#153537;--line:#1c3f41;--line-2:#28504f;--ink:#e3f0ed;--ink-2:#b6ceca;--muted:#88a4a0;--brand:#34b0a5;--brand-hover:#46c2b6;--brand-ink:#03201f;--brand-soft:#123d3b;--brand-softer:#0e3133;--deep:#0b3739;--deeper:#062426;--on-deep:#eef6f4;--on-deep-2:#9cc0ba;--gold:#d8b25e;--gold-bright:#e3c06c;--gold-soft:#342b15;--good:#55c68f;--good-soft:#123324;--warn:#e3ae4a;--warn-soft:#3a2c10;--bad:#ec7b77;--bad-soft:#3d1a1a;--info:#8fa6ee;--info-soft:#1b2645;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 12px 30px -16px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#051617;--stage:#030e0f;--surface:#0c2426;--surface-2:#0f2c2e;--surface-3:#153537;--line:#1c3f41;--line-2:#28504f;--ink:#e3f0ed;--ink-2:#b6ceca;--muted:#88a4a0;--brand:#34b0a5;--brand-hover:#46c2b6;--brand-ink:#03201f;--brand-soft:#123d3b;--brand-softer:#0e3133;--deep:#0b3739;--deeper:#062426;--on-deep:#eef6f4;--on-deep-2:#9cc0ba;--gold:#d8b25e;--gold-bright:#e3c06c;--gold-soft:#342b15;--good:#55c68f;--good-soft:#123324;--warn:#e3ae4a;--warn-soft:#3a2c10;--bad:#ec7b77;--bad-soft:#3d1a1a;--info:#8fa6ee;--info-soft:#1b2645;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d, 0 12px 30px -16px #0009}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--display);margin-block:0 var(--space-3);font-weight:400}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}.shell{min-block-size:100%;max-inline-size:520px;padding-block:var(--space-4);padding-inline:var(--space-4);background:var(--bg);margin-inline:auto}.shell.has-tabs main{padding-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-4))}.shell main{gap:var(--space-5);flex-direction:column;display:flex}@media (width>=560px){body{background:var(--stage)}.shell{box-shadow:var(--shadow);min-block-size:100dvh}}.muted{color:var(--muted)}.small{font-size:13px}.num{font-variant-numeric:tabular-nums}h1{font-size:26px}h2{font-size:16.5px;font-family:var(--font);font-weight:700}.start h2{font-family:var(--display);font-size:21px;font-weight:400}.tabbar{max-inline-size:520px;min-block-size:var(--tabbar-h);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block-start:1px solid var(--line);z-index:15;grid-auto-columns:1fr;grid-auto-flow:column;margin-inline:auto;padding-block-end:env(safe-area-inset-bottom);display:grid;position:fixed;inset-block-end:0;inset-inline:0}.tabbar a{min-block-size:var(--tap);min-inline-size:var(--tap);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabbar a.router-link-exact-active{color:var(--brand)}.tabbar a.router-link-exact-active:before{content:"";background:var(--brand);border-end-end-radius:3px;border-end-start-radius:3px;block-size:3px;inline-size:28px;position:absolute;inset-block-start:0}.appbar{min-block-size:52px;align-items:center;gap:10px;margin-block-end:var(--space-4);display:flex}.masjid-id{flex:1;align-items:center;gap:11px;min-inline-size:0;display:flex}.masjid-id-text{min-inline-size:0}.masjid-id b{-webkit-line-clamp:2;overflow-wrap:anywhere;font:16px/1.15 var(--display);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.masjid-id small{color:var(--muted);align-items:center;gap:4px;font-size:12.5px;display:flex}.logo-tile{border:1px solid var(--line);background:#fff;border-radius:14px;flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid;overflow:hidden}.logo-tile img{object-fit:contain;block-size:100%;inline-size:100%}.logo-tile .initials{font:17px var(--display);color:var(--brand)}.iconbtn{inline-size:var(--tap);block-size:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}.btn{background:var(--brand);min-block-size:50px;inline-size:100%;color:var(--brand-ink);cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding-inline:20px;font-size:15.5px;font-weight:700;display:inline-flex}.btn:hover{background:var(--brand-hover)}.btn.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn[disabled]{opacity:.45;pointer-events:none}.btn-row{gap:10px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label,.flabel{color:var(--ink-2);font-size:13px;font-weight:700}.input{border:1.5px solid var(--line-2);background:var(--surface);border-radius:14px;min-block-size:50px;inline-size:100%;padding-inline:14px;font-size:16px}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);outline:none}.code-input{letter-spacing:.18em;text-transform:uppercase;font-weight:700}.seg{background:var(--surface-3);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.seg button{min-block-size:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1 0 auto;padding-inline:10px;font-size:13.5px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.notice-bad{background:var(--bad-soft);color:var(--bad);border-radius:14px;align-items:flex-start;gap:8px;padding:12px;font-size:14px;display:flex}.found{background:var(--brand-softer);border:1px solid var(--brand-soft);border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.found .grow{overflow-wrap:anywhere;flex-direction:column;flex:1;min-inline-size:0;display:flex}.found b{font:17px/1.2 var(--display)}.found .ok{color:var(--good);flex:none}.start{gap:var(--space-5);flex-direction:column;padding-block-start:var(--space-5);display:flex}.brand{text-align:center}.brand-logo{border-radius:20px}.brand h1{margin-block:var(--space-3) var(--space-1)}.brand p{margin:0}.panel{gap:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:var(--space-5);flex-direction:column;display:flex}.panel p{margin:4px 0 0}.home{gap:var(--space-5);flex-direction:column;display:flex}.section{flex-direction:column;gap:10px;display:flex}.section h2{margin:0}.greet{justify-content:space-between;align-items:center;gap:12px;display:flex}.greet b{font-size:22px;font-weight:700}.login-chip{min-block-size:var(--tap);background:var(--brand);color:var(--brand-ink);border-radius:14px;flex:none;align-items:center;gap:7px;padding-inline:16px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex}.hero{color:var(--on-deep);background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--gold-bright) 22%, transparent), transparent 55%), linear-gradient(160deg, var(--deep), var(--deeper));box-shadow:var(--shadow);border-radius:26px;padding:18px 18px 16px;position:relative;overflow:hidden}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--on-deep-2);font-size:11px;font-weight:700}.hero-name{font:38px/1 var(--display);margin-block-start:6px}.count{background:#ffffff29;block-size:18px;inline-size:140px;margin-block:10px 14px}.prayers{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.prayers div{color:var(--on-deep-2);border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding-block:7px;font-size:11.5px;display:flex}.prayers div b{color:var(--on-deep);font-size:13.5px;font-weight:600}.prayers div.next{background:var(--gold-bright);color:#3a2a07}.prayers div.next b{color:#2a1e05;font-weight:800}.hero-foot{color:var(--on-deep-2);margin:12px 0 0;font-size:12.5px}.skeleton{background:var(--surface-3);animation:pulse 1.4s var(--ease) infinite;border-radius:8px}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.list .notice{border-block-end:1px solid var(--line);gap:12px;padding:14px 16px;display:flex}.notice .date{flex:none;block-size:48px;inline-size:44px}.notice .grow{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.line{block-size:12px}.line.short{inline-size:60%}.list .empty{margin:0;padding:12px 16px}.modules{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mod{min-block-size:98px;color:var(--ink);flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none;display:flex;position:relative}.mod .ico{background:var(--brand-soft);block-size:36px;inline-size:36px;color:var(--brand);border-radius:11px;place-items:center;display:grid}.mod.soon{opacity:.8}.mod .plus{letter-spacing:.08em;color:var(--gold);text-transform:uppercase;font-size:9.5px;font-weight:800;position:absolute;inset-block-start:10px;inset-inline-end:10px}[lang=bn] .hero-name,[lang=bn] .masjid-id b{font-family:"Hind Siliguri", var(--font);font-weight:600}[lang=ar] .hero-name,[lang=ar] .masjid-id b{font-family:"Noto Kufi Arabic", var(--font);font-weight:600}[dir=rtl] .tabbar a svg{transform:none}.auth .brand h1{font-size:24px}.pw-wrap{display:flex;position:relative}.pw-wrap .input{padding-inline-end:52px}.pw-toggle{inline-size:var(--tap);min-block-size:var(--tap);color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:0}.xs{font-size:12px}.ferr{color:var(--bad);margin-block-start:-8px;font-size:13px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.auth-links a,.auth-back{min-block-size:var(--tap);color:var(--brand);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.auth-back{justify-content:center}fieldset.field{border:0;min-inline-size:0;margin:0;padding:0}.radio-row{gap:10px;display:flex}.radio{border:1.5px solid var(--line-2);background:var(--surface);cursor:pointer;border-radius:14px;flex:1;align-items:center;gap:10px;min-block-size:50px;padding-inline:14px;font-size:15px;display:flex}.radio input{block-size:20px;inline-size:20px;accent-color:var(--brand)}.otp{justify-content:space-between;gap:8px;display:flex}.otp-box{text-align:center;inline-size:100%;min-inline-size:0;padding-inline:0;font-size:22px;font-weight:700}.foryou{color:inherit;align-items:center;gap:12px;min-block-size:64px;padding:14px;text-decoration:none;display:flex}.foryou .ico{background:var(--gold-soft);block-size:40px;inline-size:40px;color:var(--gold);border-radius:12px;flex:none;place-items:center;display:grid}.foryou .grow{flex:1;min-inline-size:0}.foryou .t{font-weight:700}.foryou .chev{color:var(--muted)}[dir=rtl] .foryou .chev{transform:scaleX(-1)}.foryou.soon{opacity:.8}.profile{gap:var(--space-4);flex-direction:column;display:flex}.who{align-items:center;gap:12px;padding:14px;display:flex}.who .grow{overflow-wrap:anywhere;flex-direction:column;min-inline-size:0;display:flex}.who .ico{background:var(--brand-soft);block-size:44px;inline-size:44px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.dot{background:var(--bad);color:#fff;border-radius:9px;justify-content:center;align-items:center;block-size:18px;min-inline-size:18px;padding-inline:5px;font-size:11px;font-weight:700;display:inline-flex}.tabbar .dot{position:absolute;inset-block-start:4px;inset-inline-start:calc(50% + 6px)}.offline-banner[data-v-79d16773]{align-items:center;gap:var(--space-2) var(--space-4,16px);min-block-size:44px;padding-block:var(--space-1);padding-inline:var(--space-4,16px);background:var(--warn-soft);color:var(--warn);flex-wrap:wrap;font-weight:600;display:flex}.offline-sync[data-v-79d16773]{min-block-size:44px;min-inline-size:44px;padding-inline:var(--space-4,16px);border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;margin-inline-start:auto}.update-toast[data-v-b2214ea3]{inset-inline:var(--space-4,16px);z-index:50;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4,16px);border-radius:var(--r);background:var(--deep);color:var(--on-deep);box-shadow:var(--shadow);display:flex;position:fixed;inset-block-end:88px}.update-toast span[data-v-b2214ea3]{flex:1}.update-toast button[data-v-b2214ea3]{min-block-size:44px;min-inline-size:44px;padding-inline:var(--space-3,12px);border:1px solid var(--on-deep-2);border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;background:0 0}.toasts[data-v-0e649dc7]{z-index:60;pointer-events:none;gap:8px;display:grid;position:fixed;inset-block-end:88px;inset-inline:16px}.toast[data-v-0e649dc7]{pointer-events:auto;border-radius:var(--r);background:var(--deep);color:var(--on-deep);box-shadow:var(--shadow);padding:12px 16px}.toast.bad[data-v-0e649dc7]{background:var(--bad);color:#fff}