@font-face{font-family:Archivo;src:url(../fonts/archivo.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Faruma;src:url(../fonts/faruma.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(../fonts/scheherazade.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(../fonts/scheherazade-bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #f2f7f6;--card: #ffffff;--ink: #0d2b33;--muted: #5a7480;--line: #d8e5e3;--accent: #0e8c7f;--accent-ink: #ffffff;--amber: #e8a13d;--rose: #e77e6a;--chip: #e3eeec;--shadow: 0 1px 2px rgba(13, 43, 51, .06), 0 6px 24px -12px rgba(13, 43, 51, .25);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a1929;--card: #102437;--ink: #e8f1f2;--muted: #8fa9b8;--line: #1e3549;--accent: #35c7b8;--accent-ink: #06231f;--chip: #16304a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 28px -12px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a1929;--card: #102437;--ink: #e8f1f2;--muted: #8fa9b8;--line: #1e3549;--accent: #35c7b8;--accent-ink: #06231f;--chip: #16304a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 28px -12px rgba(0, 0, 0, .6);color-scheme:dark}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);background:color-mix(in oklab,var(--bg) 93%,var(--sky, var(--bg)));transition:background 1.5s ease;color:var(--ink);font-family:Archivo,Faruma,Scheherazade New,system-ui,sans-serif;font-size:16px;line-height:1.55;min-height:100dvh}:lang(dv) body,body:lang(dv){font-family:Faruma,Archivo,system-ui,sans-serif}:lang(ar) body,body:lang(ar){font-family:Scheherazade New,Archivo,system-ui,sans-serif;font-size:17.5px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:inherit}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:4px}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.view{flex:1;padding:0 18px 24px}.load-screen{min-height:100dvh;display:grid;place-items:center;color:var(--muted)}.load-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(.6);opacity:.4}to{transform:scale(1.15);opacity:1}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 6px}.brand{display:flex;align-items:baseline;gap:10px}.brand-dv{font-family:Faruma,sans-serif;font-size:22px;font-weight:700;color:var(--accent)}.brand-latin{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.lang-switch{display:flex;background:var(--chip);border-radius:99px;padding:3px;gap:2px}.lang-switch button{padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600;color:var(--muted);line-height:1.4}.lang-switch button.on{background:var(--accent);color:var(--accent-ink)}.today-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.icon-btn{width:38px;height:38px;border-radius:50%;background:var(--chip);color:var(--ink);display:grid;place-items:center;flex:none}.icon-btn:disabled{opacity:.5}.island-chip{display:inline-flex;align-items:center;gap:7px;background:var(--chip);color:var(--ink);border-radius:99px;padding:8px 14px;font-size:15px;font-weight:600;min-width:0}.island-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.island-chip svg{color:var(--accent)}.date-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px;font-size:14px;color:var(--muted)}.date-line .hijri{color:var(--accent);font-weight:600}.hero{text-align:center;padding:30px 0 22px}.hero-label{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero-prayer{font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-.01em}.hero-time{font-size:58px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1.05;margin-top:2px;direction:ltr}.hero-time .ampm{font-size:20px;font-weight:600;color:var(--muted);margin-inline-start:8px}.hero-countdown{margin-top:10px;display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;font-variant-numeric:tabular-nums;border-radius:99px;padding:5px 16px;font-size:16px}.hero-countdown.is-soon{background:var(--amber);color:#3a2600;animation:soon-pulse 1.6s ease-in-out infinite}.hero-countdown.is-now{background:var(--amber);color:#3a2600}@keyframes soon-pulse{50%{transform:scale(1.05)}}.tomorrow-tag{background:var(--chip);color:var(--accent);border-radius:99px;padding:2px 10px;margin-inline-start:8px;font-size:11px;letter-spacing:normal;text-transform:none;vertical-align:middle}.hero-sub{margin-top:10px;font-size:14.5px;color:var(--muted);font-variant-numeric:tabular-nums}.day-band{padding:4px 0 14px}.band{position:relative;height:30px;border-radius:99px;overflow:hidden;box-shadow:inset 0 0 0 1px #0d2b331f;touch-action:none;cursor:ew-resize}.band>*{pointer-events:none}.scrub-label{position:absolute;top:50%;transform:translate(-50%,-50%);background:#040c16b8;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;border-radius:99px;padding:2px 9px;white-space:nowrap}.tick{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:#ffffffd9;mix-blend-mode:screen}.sun{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-7px,-50%);background:#fff;box-shadow:0 0 0 3px #ffffff59,0 0 12px 2px #fff4c8e6}.times-list{list-style:none;padding:0;background:var(--card);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.times-list li{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-block-start:1px solid var(--line);font-size:17px}.times-list li:first-child{border-block-start:none}.times-list .p-name{font-weight:600}.times-list .p-time{font-variant-numeric:tabular-nums;direction:ltr}.times-list .p-time .ampm{font-size:12px;color:var(--muted);font-weight:600;margin-inline-start:5px}.times-list li.past{color:var(--muted)}.times-list li.past .p-name{font-weight:500}.times-list li.next{background:linear-gradient(var(--chip),var(--chip));box-shadow:inset 3px 0 0 var(--accent)}:dir(rtl) .times-list li.next{box-shadow:inset -3px 0 0 var(--accent)}.times-list li.next .p-name,.times-list li.next .p-time{color:var(--accent);font-weight:700}.times-list .p-name{display:inline-flex;align-items:center;gap:7px}.times-list li.sunrise{font-size:14.5px;color:var(--muted);padding-block:9px}.times-list li.sunrise .p-name{font-weight:500}.tomorrow-line{text-align:center;color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums;margin-top:12px}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:12px;font-weight:600;text-decoration:none;color:var(--muted)}.tabbar a.on{color:var(--accent)}.month-nav{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px}.month-nav h2{font-size:19px;font-weight:700}.month-nav button{width:38px;height:38px;border-radius:50%;background:var(--chip);font-size:22px;line-height:1;display:grid;place-items:center}.table-wrap{overflow-x:auto;background:var(--card);border-radius:16px;box-shadow:var(--shadow)}.month-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums;min-width:430px}.month-table th{font-size:12px;font-weight:700;color:var(--muted);padding:10px 6px 7px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card)}.month-table td{text-align:center;padding:6.5px 6px;border-bottom:1px solid var(--line)}.month-table tr:last-child td{border-bottom:none}.month-table td:first-child{font-weight:700;color:var(--muted)}.month-table tr.friday td{background:color-mix(in oklab,var(--card) 92%,var(--accent))}.month-table .today-row td,.month-table tr.friday.today-row td{background:var(--chip);color:var(--accent);font-weight:700}.chev{display:block}.chev-back{transform:rotate(180deg)}html[dir=rtl] .chev{transform:scaleX(-1)}html[dir=rtl] .chev-back{transform:scaleX(-1) rotate(180deg)}.learn-status{padding:24px 0;color:var(--muted)}.learn .group-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 4px 8px}.article-list{list-style:none;padding:0;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.article-list li+li{border-top:1px solid var(--line)}.article-list a{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none}.article-list a:active{background:var(--chip)}.art-icon{flex:none;width:36px;height:36px;border-radius:12px;background:var(--chip);color:var(--accent);display:grid;place-items:center}.art-text{min-width:0;display:flex;flex-direction:column;gap:1px}.art-title{font-weight:600;font-size:16px}.art-preview{font-family:Scheherazade New,serif;font-size:15px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate}.article{padding-top:14px;max-width:62ch}.article-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-link{display:inline-flex;align-items:center;gap:3px;font-weight:600;text-decoration:none;color:var(--accent)}.size-ctl{display:flex;gap:6px}.size-ctl button{background:var(--chip);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:700}.size-ctl button:disabled{opacity:.4}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:26px}.step-btn{display:inline-flex;align-items:center;gap:4px;background:var(--chip);color:var(--accent);font-weight:700;font-size:14px;border-radius:99px;padding:8px 15px}.step-btn:disabled{opacity:.4;color:var(--muted)}.step-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.step-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:var(--line)}.step-dots button.on{background:var(--accent)}.article h1{font-size:28px;line-height:1.25;margin-bottom:14px}.a-p{margin:10px 0;white-space:pre-line}.a-p.sub,li.sub{font-size:14px;color:var(--muted)}.a-head{font-size:20px;margin:22px 0 6px}.a-subhead{color:var(--muted);margin:4px 0 10px}.a-step{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--accent);margin:26px 0 8px}.a-step:after{content:"";flex:1;height:1px;background:var(--line)}.a-list{padding-inline-start:22px;margin:10px 0}.a-list li{margin:7px 0;white-space:pre-line}.a-list li::marker{color:var(--accent)}.a-quote{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:18px 20px;margin:14px 0;position:relative}.a-quote-num{position:absolute;inset-inline-end:14px;top:12px;font-size:12px;font-weight:700;color:var(--accent);background:var(--chip);border-radius:99px;padding:2px 9px}.a-arabic,.inline-arabic{font-family:Scheherazade New,serif}.a-arabic{font-size:calc(29px * var(--ascale, 1));line-height:1.9;text-align:center;margin:8px 0}.a-meaning{margin:8px 0;white-space:pre-line}.a-ref{font-size:13px;color:var(--muted);text-align:center;margin:6px 0}.a-hr{border:none;border-top:1px dashed var(--line);margin:18px 0}.inline-ref{font-size:.85em;color:var(--muted)}.inline-arabic{font-size:calc(1.45em * var(--ascale, 1));line-height:1;unicode-bidi:isolate}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06141e73;display:flex;align-items:flex-end;justify-content:center;z-index:20}.picker{background:var(--bg);width:100%;max-width:560px;max-height:88dvh;border-radius:22px 22px 0 0;padding:18px 18px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:0 -8px 40px #00000040}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.picker-head h2{font-size:19px}.picker-close{width:34px;height:34px;border-radius:50%;background:var(--chip);display:grid;place-items:center}.locate-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:12px;padding:11px;margin-bottom:10px}.locate-btn:disabled{opacity:.6}.locate-error{font-size:13px;color:var(--rose);margin-bottom:8px}.picker-search{font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:10px}.picker-search:focus{outline:none;border-color:var(--accent)}.picker-list{list-style:none;padding:0;overflow-y:auto;flex:1;min-height:200px}.picker-list button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;font-size:16px;text-align:start}.picker-list button.on{background:var(--chip);color:var(--accent);font-weight:700}.picker-list .atoll-tag{min-width:42px;text-align:center;font-size:12px;font-weight:700;color:var(--muted);background:var(--chip);border-radius:7px;padding:3px 6px}.picker-empty{padding:18px 8px;color:var(--muted);font-size:14.5px}.picker.settings{min-height:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);font-weight:600}.setting-row:last-child{border-bottom:none}@media print{.no-print,.topbar,.tabbar,.island-chip,.icon-btn,.month-nav button,.picker-backdrop{display:none!important}body{background:#fff!important;color:#000}.app{max-width:none;padding:0}.view{padding:0}.month-nav{justify-content:center;margin:4px 0 8px}.table-wrap{box-shadow:none;border-radius:0;overflow:visible}.month-table{min-width:0;width:100%;font-size:11.5px}.month-table th,.month-table td{color:#000!important;background:#fff!important;border-color:#bbb;padding:4px}.month-table .today-row td,.month-table tr.friday td{background:#eee!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}