:root{--salah-bg:#0b1622;--salah-card:#162431;--salah-accent:#2a9d8f;--salah-gold:#d4a574;--salah-text-primary:#fff;--salah-text-secondary:#7a8ea0;--salah-text-tertiary:#b0bec5;--salah-footer:#3e5060;--salah-salam-badge:#2a9d8f}html[data-theme=light]{--salah-bg:#fdfdfd;--salah-card:#fff;--salah-accent:#1b6c63;--salah-gold:#8a5a1f;--salah-text-primary:#11181f;--salah-text-secondary:#4a5c6b;--salah-text-tertiary:#3d4c57;--salah-footer:#5c6b78}*{box-sizing:border-box}html,body{background:var(--salah-bg);color:var(--salah-text-primary);margin:0;overflow-x:hidden}#root{min-height:100vh}.salah-screen{width:100%;color:var(--salah-text-primary);font-family:Segoe UI,Noto Sans,system-ui,sans-serif;position:relative}.salah-screen--home,.salah-screen--settings,.salah-screen--article,.salah-screen--about{flex-direction:column;min-height:100vh;display:flex}.salah-screen--step{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.salah-arc{inset-inline:0;background:radial-gradient(ellipse at top, color-mix(in srgb, var(--salah-accent) 8%, transparent) 0%, transparent 70%);pointer-events:none;height:200px;position:absolute;top:0}.salah-header{text-align:center;padding-block:44px 16px;padding-inline:24px;position:relative}.salah-bismillah{color:var(--salah-gold);opacity:.9;margin-block-end:20px;font-family:Amiri,Traditional Arabic,serif;font-size:20px}.salah-header-logo{object-fit:contain;width:96px;height:96px;margin-block-end:12px}.salah-settings-gear{top:0;color:var(--salah-gold);cursor:pointer;background:0 0;border:none;padding:10px;font-family:inherit;font-size:22px;line-height:1;position:absolute;inset-inline-end:16px}.salah-home-title{color:var(--salah-text-primary);letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:800}.salah-home-sub{color:var(--salah-text-secondary);margin:0;font-size:13px;line-height:1.6}.salah-prayer-times-row{flex-wrap:wrap;justify-content:center;gap:6px 12px;padding-inline:16px;display:flex}.salah-prayer-time-item{flex-direction:column;align-items:center;display:flex}.salah-prayer-time-name{color:var(--salah-text-secondary);white-space:nowrap;font-size:10px}.salah-prayer-time-value{color:var(--salah-gold);white-space:nowrap;font-size:12px;font-weight:700}.salah-location-action{flex-direction:column;align-items:center;display:flex}.salah-location-status{color:var(--salah-text-secondary);text-align:center;max-width:260px;margin:0 0 8px;font-size:12px}.salah-location-btn{background:color-mix(in srgb, var(--salah-gold) 15%, transparent);color:var(--salah-gold);font:inherit;cursor:pointer;text-align:center;border:none;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700}.salah-prayer-grid{flex-direction:column;flex:1;gap:10px;padding-block:24px;padding-inline:18px;display:flex}.salah-prayer-card{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);cursor:pointer;color:var(--salah-text-primary);text-align:start;width:100%;font:inherit;border-radius:14px;align-items:center;gap:14px;padding-block:14px;padding-inline:16px;transition:transform .25s,border-color .25s;display:flex}.salah-prayer-card:hover,.salah-prayer-card:focus-visible{border-color:var(--prayer-accent);transform:translateY(-3px)}.salah-prayer-card-icon{background:color-mix(in srgb, var(--prayer-accent) 13.3%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.salah-prayer-card-body{flex:1;min-width:0}.salah-prayer-card-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.salah-prayer-card-name{color:var(--salah-text-primary);font-size:16px;font-weight:700}.salah-prayer-card-time{color:var(--salah-gold);font-size:12px;font-weight:500}.salah-prayer-card-subtitle{color:var(--salah-text-secondary);margin-top:2px;font-size:12px}.salah-prayer-card-badge{white-space:nowrap;background:color-mix(in srgb, var(--prayer-accent) 13.3%, transparent);color:var(--prayer-accent-text);border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:10px;font-weight:700}.salah-qiyam-card{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);border-radius:14px;align-items:center;gap:14px;padding-block:14px;padding-inline:16px;display:flex}.salah-qiyam-card-icon{flex-shrink:0;font-size:20px}.salah-qiyam-card-body{flex:1;min-width:0}.salah-qiyam-card-title{color:var(--salah-text-primary);font-size:14px;font-weight:700}.salah-qiyam-card-desc{color:var(--salah-text-secondary);margin-top:2px;font-size:11px}.salah-qiyam-card-time{color:var(--salah-gold);flex-shrink:0;font-size:13px;font-weight:700}.salah-footer{text-align:center;color:var(--salah-footer);margin:0;padding:20px;font-size:11px}.salah-reference-section{padding-block:4px 20px;padding-inline:18px}.salah-reference-section-title{color:var(--salah-gold);margin-block-end:10px;font-size:13px;font-weight:700}.salah-reference-list{flex-direction:column;gap:10px;display:flex}.salah-reference-card{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);cursor:pointer;text-align:start;width:100%;font:inherit;color:var(--salah-text-primary);border-radius:14px;align-items:center;gap:14px;padding-block:14px;padding-inline:14px;display:flex}.salah-reference-card-icon{flex-shrink:0;font-size:20px}.salah-reference-card-body{flex-direction:column;gap:2px;min-width:0;display:flex}.salah-reference-card-title{color:var(--salah-text-primary);font-size:15px;font-weight:700}.salah-reference-card-summary{color:var(--salah-text-secondary);font-size:12px}.salah-topbar{border-block-end:1px solid color-mix(in srgb, var(--salah-text-primary) 5%, transparent);flex:none;justify-content:space-between;align-items:center;padding-block:14px 10px;padding-inline:16px;display:flex}.salah-back-btn{color:var(--salah-accent);cursor:pointer;font-size:13px;font-weight:600;font:inherit;background:0 0;border:none;align-items:center;gap:6px;padding-block:4px;padding-inline:0;display:inline-flex}.salah-arrow{display:inline-block}html[dir=rtl] .salah-arrow{transform:scaleX(-1)}.salah-topbar-title{color:var(--salah-text-primary);font-size:15px;font-weight:700}.salah-step-badge{background:color-mix(in srgb, var(--prayer-accent) 20%, transparent);color:var(--prayer-accent-text);border-radius:16px;padding:3px 10px;font-size:12px;font-weight:700}.salah-progress-wrap{background:color-mix(in srgb, var(--salah-text-primary) 6%, transparent);flex:none;height:3px}.salah-progress-fill{background:var(--prayer-accent);height:100%;width:var(--progress-pct,0%);border-radius:2px;transition:width .35s}.salah-step-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.salah-illust-header{flex:none;height:clamp(160px,26vh,240px)}.salah-illust-decorative{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--salah-gold) 4%, transparent) 0%, transparent 70%);flex-direction:column;justify-content:center;align-items:center;height:100%;padding-block:4px;display:flex}.salah-illust-wrap{aspect-ratio:1;background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);border-radius:24px;justify-content:center;align-items:center;width:auto;max-width:280px;height:100%;padding:16px;display:flex;position:relative;overflow:hidden}.salah-illust-button{cursor:pointer;font:inherit;color:inherit;text-align:inherit;-webkit-tap-highlight-color:transparent;border:none}.salah-pose-img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s}.salah-salam-badge{background:color-mix(in srgb, var(--salah-salam-badge) 90%, transparent);color:#000;letter-spacing:.5px;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;box-shadow:0 2px 8px #0000004d}.salah-salam-badge--right{right:12px}.salah-salam-badge--left{left:12px}.salah-illust-overlay{inset-inline:0;background:linear-gradient(#0000,#000000b3);flex-direction:column;align-items:center;padding-block:20px 10px;padding-inline:10px;display:flex;position:absolute;bottom:0}.salah-illust-overlay-title{color:var(--salah-text-primary);text-align:center;margin:0;font-size:19px;font-weight:700}.salah-pose-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--prayer-accent);text-align:center;opacity:.8;margin-block-start:8px;font-size:10px;font-weight:700}.salah-content{flex-direction:column;flex:auto;gap:10px;min-height:0;padding-block:12px 20px;padding-inline:18px;display:flex;overflow-y:auto}.salah-instruction-box{background:color-mix(in srgb, var(--prayer-accent) 6%, transparent);border:1px solid color-mix(in srgb, var(--prayer-accent) 12%, transparent);border-inline-start:3px solid var(--prayer-accent);border-start-start-radius:0;border-start-end-radius:10px;border-end-end-radius:10px;border-end-start-radius:0;align-items:flex-start;gap:10px;padding-block:10px;padding-inline:14px;display:flex}.salah-instruction-icon{flex-shrink:0;font-size:18px}.salah-instruction-text{color:var(--salah-text-tertiary);text-align:start;margin:0;font-size:13.5px;line-height:1.65}.salah-text-card{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 5%, transparent);border-radius:12px;padding-block:14px;padding-inline:16px}.salah-text-card-label{color:var(--salah-gold);text-transform:uppercase;letter-spacing:1.2px;margin-block-end:8px;font-size:10px;font-weight:700}.salah-arabic-text{text-align:right;color:var(--salah-text-primary);white-space:pre-line;direction:rtl;font-family:Amiri,Traditional Arabic,serif;font-size:19px;line-height:2.1}.salah-translit-text{color:var(--salah-text-primary);white-space:pre-line;text-align:left;font-size:14px;font-style:italic;line-height:1.85}.salah-translation-text{color:var(--salah-text-primary);white-space:pre-line;text-align:start;font-size:13.5px;line-height:1.75}.salah-toggle-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.salah-toggle-btn{background:color-mix(in srgb, var(--salah-text-primary) 4%, transparent);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);color:var(--salah-text-secondary);cursor:pointer;border-radius:20px;padding:5px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.salah-toggle-btn.is-active{background:color-mix(in srgb, var(--prayer-accent-text) 14.5%, transparent);border-color:color-mix(in srgb, var(--prayer-accent-text) 40%, transparent);color:var(--prayer-accent-text)}.salah-navbar{border-block-start:1px solid color-mix(in srgb, var(--salah-text-primary) 5%, transparent);background:color-mix(in srgb, var(--salah-bg) 97%, transparent);flex:none;gap:10px;padding-block:12px 24px;padding-inline:18px;display:flex}.salah-nav-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px;font-family:inherit;font-size:13.5px;font-weight:600;display:flex}.salah-nav-btn:disabled{cursor:default}.salah-nav-prev{border:1px solid color-mix(in srgb, var(--salah-text-primary) 12%, transparent);background:color-mix(in srgb, var(--salah-text-primary) 3%, transparent);color:var(--salah-text-primary)}.salah-nav-prev:disabled{opacity:.35}.salah-nav-next{color:var(--salah-text-primary);background:var(--prayer-accent);border:none;font-weight:700;box-shadow:0 4px 14px #0000004d}.salah-nav-next:disabled{background:var(--salah-text-secondary);opacity:.4}.salah-image-overlay{z-index:50;background:#000000f2;border:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.salah-image-overlay-body{flex-direction:column;align-items:center;max-width:min(90vw,480px);max-height:90vh;display:flex}.salah-image-overlay-img{object-fit:contain;max-width:100%;max-height:60vh}.salah-image-overlay-title{color:#fff;text-align:center;margin:16px 0 4px;font-size:20px;font-weight:700}.salah-image-overlay-pose{color:var(--prayer-accent);letter-spacing:1.5px;text-align:center;font-size:12px;font-weight:700}.salah-image-overlay-close{top:40px;color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;display:flex;position:absolute;inset-inline-end:20px}.salah-settings-topbar{border-block-end:1px solid color-mix(in srgb, var(--salah-text-primary) 5%, transparent);align-items:center;gap:14px;padding-block:14px 10px;padding-inline:16px;display:flex}.salah-settings-title{color:var(--salah-text-primary);font-size:20px;font-weight:700}.salah-settings-body{flex-direction:column;flex:1;gap:24px;padding-block:20px;padding-inline:18px;display:flex}.salah-settings-section-title{color:var(--salah-gold);text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:13px;font-weight:700}.salah-language-list{flex-direction:column;gap:8px;display:flex}.salah-language-option{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);cursor:pointer;text-align:start;width:100%;font:inherit;color:var(--salah-text-primary);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding-block:12px;padding-inline:16px;display:flex}.salah-language-option.is-selected{border-color:var(--salah-gold);background:color-mix(in srgb, var(--salah-gold) 12%, transparent)}.salah-language-endonym{color:var(--salah-text-primary);font-size:15px;font-weight:700}.salah-language-exonym{color:var(--salah-text-secondary);font-size:12px}.salah-theme-row,.salah-madhab-row{gap:8px;display:flex}.salah-theme-option,.salah-madhab-option{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);cursor:pointer;text-align:center;font:inherit;color:var(--salah-text-primary);border-radius:12px;flex:1;padding-block:10px;padding-inline:8px;font-size:13px;font-weight:600}.salah-theme-option.is-selected,.salah-madhab-option.is-selected{border-color:var(--salah-gold);background:color-mix(in srgb, var(--salah-gold) 18%, transparent);color:var(--salah-gold)}.salah-select{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 8%, transparent);width:100%;color:var(--salah-text-primary);font:inherit;cursor:pointer;border-radius:12px;padding-block:12px;padding-inline:16px;font-size:15px}.salah-about-features{flex-direction:column;gap:8px;display:flex}.salah-about-feature{color:var(--salah-text-primary);align-items:flex-start;gap:8px;font-size:15px;line-height:1.53;display:flex}.salah-about-feature-bullet{color:var(--salah-accent);flex-shrink:0}.salah-about-heading{color:var(--salah-accent);margin:0;font-size:16px;font-weight:700}.salah-about-text{color:var(--salah-text-secondary);margin:0;font-size:14px;line-height:1.57}.salah-about-text-primary{color:var(--salah-text-primary);margin:0;font-size:15px;line-height:1.6}.salah-about-dua{color:var(--salah-accent);margin:0;font-size:15px;font-weight:500;line-height:1.6}.salah-about-btn{box-sizing:border-box;width:100%;font:inherit;text-align:center;cursor:pointer;border:none;border-radius:10px;padding-block:12px;padding-inline:16px;font-size:14px;font-weight:600;text-decoration:none;display:block}.salah-about-btn--filled{background:var(--salah-accent);color:var(--salah-bg)}.salah-about-btn--outline{background:color-mix(in srgb, var(--salah-accent) 12%, transparent);color:var(--salah-accent)}.salah-article-body{flex-direction:column;flex:1;gap:14px;padding-block:20px 32px;padding-inline:18px;display:flex}.salah-article-intro{color:var(--salah-text-primary);margin:0;font-size:15px;line-height:1.6}.salah-article-section{flex-direction:column;gap:10px;display:flex}.salah-article-section-heading{color:var(--salah-gold);margin:0;font-size:16px;font-weight:700}.salah-block-body{color:var(--salah-text-primary);margin:0;font-size:15px;line-height:1.6}.salah-block-list{color:var(--salah-text-primary);flex-direction:column;gap:6px;margin:0;padding-inline-start:22px;font-size:15px;line-height:1.6;display:flex}.salah-block-list li::marker{color:var(--salah-gold);font-weight:700}.salah-block-step{flex-direction:column;gap:4px;display:flex}.salah-block-step-row{align-items:flex-start;gap:8px;display:flex}.salah-block-step-number{color:var(--salah-gold);font-size:15px;font-weight:700;line-height:1.55}.salah-block-step-title{color:var(--salah-text-primary);flex:1;font-size:15px;font-weight:700;line-height:1.55}.salah-block-step-detail{color:var(--salah-text-primary);margin:0;padding-inline-start:24px;font-size:14px;line-height:1.55}.salah-block-step-citation{padding-inline-start:24px}.salah-note-card{background:color-mix(in srgb, var(--salah-gold) 10%, transparent);border:1px solid color-mix(in srgb, var(--salah-gold) 35%, transparent);color:var(--salah-text-primary);border-radius:12px;padding-block:12px;padding-inline:14px;font-size:14px;line-height:1.55}.salah-citation{color:var(--salah-text-secondary);font-size:12px;font-style:italic;line-height:1.5}.salah-school-card{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 16%, transparent);border-radius:12px;flex-direction:column;gap:10px;padding-block:12px;padding-inline:14px;display:flex}.salah-school-card-label{color:var(--salah-text-secondary);font-size:12px;font-weight:700}.salah-school-card-subject{color:var(--salah-text-primary);font-size:15px;line-height:1.55}.salah-school-position{flex-direction:column;gap:2px;display:flex}.salah-school-position-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.salah-school-position-names{color:var(--salah-text-secondary);font-size:13px;font-weight:700}.salah-school-position-names.is-reader{color:var(--salah-gold)}.salah-school-position-badge{color:var(--salah-gold);font-size:11px;font-style:italic}.salah-school-position-text{color:var(--salah-text-primary);font-size:14px;line-height:1.55}.salah-divider{border:none;border-block-start:1px solid color-mix(in srgb, var(--salah-text-primary) 16%, transparent);margin:0}.salah-sources-section{flex-direction:column;gap:6px;padding-block-start:4px;display:flex}.salah-sources-label{color:var(--salah-text-secondary);font-size:13px;font-weight:700}.salah-glossary-search{background:var(--salah-card);border:1px solid color-mix(in srgb, var(--salah-text-primary) 20%, transparent);border-radius:10px;align-items:center;gap:8px;padding-block:10px;padding-inline:12px;display:flex}.salah-glossary-search:focus-within{border-color:var(--salah-gold)}.salah-glossary-search-icon{opacity:.7;font-size:14px}.salah-glossary-search-input{min-width:0;color:var(--salah-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.salah-glossary-search-input::placeholder{color:color-mix(in srgb, var(--salah-text-primary) 55%, transparent)}.salah-glossary-search-clear{color:var(--salah-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;line-height:1}.salah-glossary-empty{color:var(--salah-text-secondary);font-size:14px}.salah-glossary-entry{border-block-end:1px solid color-mix(in srgb, var(--salah-text-primary) 10%, transparent);flex-direction:column;gap:6px;padding-block:14px;scroll-margin-top:16px;display:flex}.salah-glossary-term{color:var(--salah-gold);font-size:17px;font-weight:700}.salah-glossary-aka{color:var(--salah-text-secondary);font-size:12px;line-height:1.5}.salah-glossary-definition{color:var(--salah-text-primary);margin:0;font-size:15px;line-height:1.6}.salah-see-also{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.salah-see-also-label{color:var(--salah-text-secondary);font-size:12px;font-weight:700}.salah-see-also-chip{border:1px solid color-mix(in srgb, var(--salah-accent) 45%, transparent);color:var(--salah-accent);cursor:pointer;background:0 0;border-radius:16px;padding:4px 12px;font-family:inherit;font-size:12px}@media (width>=600px){.salah-screen--home,.salah-screen--step,.salah-screen--settings,.salah-screen--article,.salah-screen--about{max-width:620px;margin-inline:auto}}@media (width>=1024px) and (pointer:fine){.salah-screen--home{max-width:1100px}.salah-header{padding-block-start:56px}.salah-home-title{font-size:clamp(30px,1.5vw + 24px,40px)}.salah-home-sub{font-size:clamp(13px,.3vw + 12px,15px)}.salah-prayer-grid{flex:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding-block:32px;padding-inline:80px;display:grid}.salah-prayer-card{gap:18px;padding-block:24px;padding-inline:24px}.salah-prayer-card-icon{width:52px;height:52px;font-size:clamp(24px,1vw + 20px,30px)}.salah-prayer-card-name{font-size:clamp(17px,.4vw + 16px,20px)}.salah-prayer-card-subtitle{font-size:clamp(12.5px,.2vw + 12px,14px)}.salah-prayer-card-badge{padding:6px 14px;font-size:clamp(11px,.15vw + 10px,13px)}.salah-reference-section{padding-inline:80px}.salah-reference-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.salah-screen--step{max-width:1200px;margin-inline:auto}.salah-topbar,.salah-navbar{padding-inline:32px}.salah-step-body{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:32px;padding-inline:32px;display:grid;overflow-y:auto}.salah-illust-header{align-self:start;height:auto;padding-block-start:24px;position:sticky;top:0}.salah-illust-decorative{height:auto}.salah-illust-wrap{width:100%;max-width:380px;height:auto}.salah-illust-overlay-title{font-size:clamp(19px,.6vw + 17px,22px)}.salah-content{gap:14px;min-height:0;padding-block:24px 32px;padding-inline:0;overflow-y:visible}.salah-instruction-box,.salah-text-card{max-width:min(68ch,720px)}.salah-instruction-box{padding-block:14px;padding-inline:18px}.salah-instruction-text{font-size:clamp(13.5px,.3vw + 13px,15px)}.salah-text-card{padding-block:18px;padding-inline:20px}.salah-translit-text,.salah-translation-text{font-size:clamp(14px,.25vw + 13.5px,15.5px)}.salah-toggle-row{justify-content:start}}