/* whoisallah · Scripture player v1 (wave 19, builder B). Light, white, calm: in the spirit of Quran.com and Tarteel. */
@font-face{font-family:'Amiri Quran';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/amiri-quran-arabic.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+25CC}
@font-face{font-family:'Noto Serif Hebrew SP';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/noto-serif-hebrew-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
.sp{--spa:#9a7533;--spa-soft:#ffffff;--spa-line:#eadfc4;--ink:#0b0b0c;--mut:#5b5b62;--ln:#e8e8ec;color:var(--ink);max-width:980px;margin:0 auto;padding:0 clamp(14px,4vw,32px)}
.sp--torah{--spa:#2a4f8e;--spa-soft:#f1f5fc;--spa-line:#d3def2}
.sp--bible{--spa:#7a2e3b;--spa-soft:#fbf2f3;--spa-line:#efd4d8}
.sp-mini.sp--quran,.sp-sheet.sp--quran{--spa:#9a7533;--spa-soft:#ffffff;--spa-line:#eadfc4}
.sp-mini.sp--torah,.sp-sheet.sp--torah{--spa:#2a4f8e;--spa-soft:#f1f5fc;--spa-line:#d3def2}
.sp-mini.sp--bible,.sp-sheet.sp--bible{--spa:#7a2e3b;--spa-soft:#fbf2f3;--spa-line:#efd4d8}
.sp button,.sp-mini button,.sp-sheet button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sp svg,.sp-mini svg,.sp-sheet svg{width:22px;height:22px;flex:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sp :focus-visible,.sp-mini :focus-visible,.sp-sheet :focus-visible{outline:3px solid var(--spa);outline-offset:2px}

/* header card */
.sp-head{margin:26px 0 8px;border-radius:0;background:radial-gradient(120% 140% at 100% 0%,var(--spa-soft) 0%,#fff 60%);border:1px solid var(--ln);padding:clamp(22px,4vw,40px);text-align:center;position:relative;overflow:hidden}
.sp-head:before{content:"";position:absolute;inset:auto -20% -60% -20%;height:70%;background:radial-gradient(closest-side,var(--spa-soft),transparent);pointer-events:none}
.sp-head-in{position:relative}
.sp-kick{margin:0 0 6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.sp-title{margin:0;font:400 clamp(40px,6vw,64px)/1 var(--serif,'Libre Caslon Display',serif);letter-spacing:-.01em}
.sp-orig{margin:6px 0 0;font:400 clamp(30px,4.6vw,44px)/1.5 'Amiri Quran','Amiri','Scheherazade New',serif;color:var(--spa)}
.sp--torah .sp-orig{font-family:'Noto Serif Hebrew SP','Frank Ruhl Libre',serif;font-size:clamp(28px,4vw,38px)}
.sp-mean{margin:2px 0 0;color:var(--mut);font-size:17px}
.sp-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 0}
.sp-bigplay,.sp-pick{display:inline-flex;align-items:center;gap:10px;min-height:52px;border-radius:99px;padding:0 24px;font-weight:600!important;font-size:16px;border:1px solid var(--ink)}
.sp-bigplay{background:var(--ink);color:#fff!important}
.sp-bigplay:hover{background:var(--spa);border-color:var(--spa)}
.sp-pick{background:#fff}
.sp-pick:hover{border-color:var(--spa);color:var(--spa)}
.sp-styles{display:inline-flex;gap:6px;margin:18px auto 0;padding:5px;border-radius:0;background:#f4f4f6;flex-wrap:wrap;justify-content:center}
.sp-styles button{border:0;background:none;border-radius:0;padding:9px 16px;min-height:48px;text-align:left;display:flex;flex-direction:column;gap:1px;max-width:260px}
.sp-styles button b{font-size:15px}
.sp-styles button small{font-size:12px;color:var(--mut);line-height:1.3}
.sp-styles button[aria-pressed=true]{background:#fff;box-shadow:0 1px 2px #0000000f,0 4px 14px #0000000d}
.sp-styles button[aria-pressed=true] b{color:var(--spa)}
.sp-resume{margin:14px 0 0;font-size:14px;color:var(--spa)}
.sp-note{margin:10px 4px;font-size:14px;color:var(--mut);text-align:center}
.sp-bism{margin:28px 0 6px;text-align:center;font:400 clamp(30px,4.4vw,40px)/1.8 'Amiri Quran','Amiri',serif;color:var(--ink)}

/* verse list */
.sp-list{list-style:none;margin:10px 0 0;padding:0}
.sp-v{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:22px 14px 22px 8px;border-bottom:1px solid var(--ln);cursor:pointer;border-radius:0;position:relative;transition:background .25s}
.sp-v:hover{background:#fafafa}
.sp-v:focus-visible{outline-offset:-3px}
.sp-v.is-cur{background:var(--spa-soft);border-bottom-color:transparent}
.sp-v.is-cur:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:var(--spa)}
.sp-v.is-open{background:var(--spa-soft);box-shadow:inset 0 0 0 1px var(--spa-line)}
.sp-n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--spa-line);color:var(--spa);font-size:13px;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums;background:#fff}
.sp--torah .sp-n{font-size:11px;width:42px;border-radius:0}
.sp-v.is-cur .sp-n{background:var(--spa);color:#fff;border-color:var(--spa)}
.is-playing .sp-v.is-cur .sp-n{animation:spPulse 1.6s ease-in-out infinite}
@keyframes spPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--spa) 18%,transparent)}}
.sp-vb{min-width:0}
.sp-o{margin:0 0 10px;text-align:right;direction:rtl;color:var(--ink)}
.sp--quran .sp-o{font:400 clamp(26px,3.4vw,34px)/2.15 'Amiri Quran','Amiri','Scheherazade New',serif}
.sp--torah .sp-o{font:400 clamp(25px,3.1vw,31px)/1.95 'Noto Serif Hebrew SP','Frank Ruhl Libre',serif}
.sp-o .w{border-radius:0;transition:background .15s,color .15s;padding:0 1px}
.sp-o .w.on{color:var(--spa);background:#fff}
.sp-end{color:var(--spa);font-size:.86em;white-space:nowrap}
.sp-en{margin:0;font-size:17.5px;line-height:1.65;color:#2a2a2e;max-width:72ch}
.sp-v.is-cur .sp-en{color:var(--ink)}
.sp-v.no-audio .sp-n{border-style:dashed}
.sp-div{list-style:none;margin:30px 0 6px;display:flex;align-items:center;gap:12px;color:var(--spa);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.sp-div:before,.sp-div:after{content:"";flex:1;height:1px;background:var(--spa-line)}
.sp-prose .sp-v{padding-top:14px;padding-bottom:14px}
.sp-prose .sp-en{font:400 19px/1.7 Georgia,'Iowan Old Style',serif}
.sp-skel{height:110px;margin:12px 0;border-radius:0;background:linear-gradient(90deg,#f3f3f5,#fafafa,#f3f3f5);background-size:200% 100%;animation:spSk 1.2s linear infinite;list-style:none}
@keyframes spSk{to{background-position:-200% 0}}
.sp-err{list-style:none;padding:30px;text-align:center;color:var(--mut)}

/* inline control row */
.sp-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 2px;padding-top:14px;border-top:1px solid var(--spa-line);cursor:default;position:relative}
.sp-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border-radius:99px;border:1px solid var(--spa-line);background:#fff;padding:0 14px;font-size:14px;font-weight:500}
.sp-row button:hover{border-color:var(--spa);color:var(--spa)}
.sp-row .spr-play{background:var(--spa);border-color:var(--spa);color:#fff;font-weight:600;padding:0 18px}
.sp-row .spr-play:hover{color:#fff;filter:brightness(1.08)}
.sp-row .spr-play:disabled{background:#eee;border-color:#ddd;color:#777;cursor:not-allowed}
.sp-row .spr-i[data-a=prev],.sp-row .spr-i[data-a=next]{padding:0;width:44px}
.sp-row button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.spr-speed{display:inline-flex;border:1px solid var(--spa-line);border-radius:99px;background:#fff;padding:3px}
.spr-speed button{border:0!important;min-height:38px!important;min-width:48px!important;padding:0 8px!important;font-variant-numeric:tabular-nums}
.spr-msg{font-size:13px;color:var(--spa);opacity:0;transition:opacity .2s}
.spr-msg.on{opacity:1}

/* previous / next */
.sp-pn{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:34px 0 10px}
.sp-pn button{border:1px solid var(--ln);background:#fff;border-radius:0;padding:14px 18px;min-height:64px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}
.sp-pn button:last-child{align-items:flex-end;text-align:right}
.sp-pn button small{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.sp-pn button b{font:400 22px/1.15 var(--serif,'Libre Caslon Display',serif)}
.sp-pn .sp-pn-pick{flex-direction:row;align-items:center;gap:8px;font-weight:600}
.sp-pn button:hover{border-color:var(--spa)}
.sp-credits{margin:26px 0 30px;padding:18px 20px;border-radius:0;background:#f7f7f8;font-size:13.5px;line-height:1.6;color:#45454c}
.sp-credits b{display:block;color:var(--ink);margin-bottom:4px}
.sp-credits a{color:inherit}
.sp-live{position:absolute;left:-9999px}

/* sticky mini-player */
html.has-sp-mini body{padding-bottom:104px}
.sp-mini{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px clamp(10px,3vw,24px) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid #e6e6ea;box-shadow:0 -8px 30px #0000000d;color:#0b0b0c;font-family:var(--sans,Inter,sans-serif)}
.spm-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:auto auto auto minmax(150px,1.1fr) minmax(200px,2fr) auto auto;align-items:center;gap:10px}
.spm-play{width:56px;height:56px;border-radius:50%;border:0;background:var(--spa);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px color-mix(in srgb,var(--spa) 35%,transparent)}
.spm-play svg{width:26px;height:26px}
.spm-btn{width:44px;height:44px;border-radius:50%;border:0;background:none;display:flex;align-items:center;justify-content:center;color:#3a3a40}
.spm-btn:hover{background:#f2f2f4}
.spm-info{border:0;background:none;text-align:left;min-width:0;display:flex;flex-direction:column;padding:4px 6px;min-height:44px;justify-content:center;border-radius:0}
.spm-info:hover{background:#f6f6f7}
.spm-t{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spm-s{font-size:12.5px;color:#5b5b62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spm-bar{display:flex;align-items:center;gap:10px;font-size:12px;color:#5b5b62;font-variant-numeric:tabular-nums;min-width:0}
.spm-range{flex:1;min-width:0;-webkit-appearance:none;appearance:none;height:28px;background:transparent;--p:0%}
.spm-range::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--spa) var(--p),#e4e4e8 var(--p))}
.spm-range::-moz-range-track{height:5px;border-radius:5px;background:linear-gradient(90deg,var(--spa) var(--p),#e4e4e8 var(--p))}
.spm-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--spa);margin-top:-5.5px;box-shadow:0 1px 4px #0003}
.spm-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--spa)}
.spm-styles{display:inline-flex;background:#f1f1f3;border-radius:99px;padding:3px}
.spm-styles button{border:0;background:none;border-radius:99px;padding:0 12px;min-height:38px;font-size:13px;font-weight:500;color:#45454c}
.spm-styles button[aria-pressed=true]{background:#fff;color:var(--spa);font-weight:600;box-shadow:0 1px 3px #0000001a}
.spm-speed{min-width:52px;height:44px;border-radius:99px;border:1px solid #dcdce2;background:#fff;font-weight:600;font-size:14px;font-variant-numeric:tabular-nums}
.spm-speed:hover{border-color:var(--spa);color:var(--spa)}
@media (max-width:860px){
 html.has-sp-mini body{padding-bottom:128px}
 .spm-in{display:flex;flex-wrap:wrap;align-items:center;row-gap:2px;column-gap:6px}
 .spm-info{flex:1 1 0;min-width:0}
 .spm-speed{flex:none}
 .spm-bar{order:6;flex:1 1 calc(100% - 200px);min-width:120px}
 .spm-styles{order:7;flex:none;margin-left:auto}
 .sp--torah .spm-bar{flex-basis:100%}
 .spm-play{width:52px;height:52px}
}
@media (max-width:560px){
 .spm-dur{display:none}
 .spm-styles button{padding:0 9px;font-size:12.5px;min-height:36px}
 .spm-btn{width:40px;height:44px}
 .spm-t{font-size:14px}
 .sp-head{margin-top:14px;padding:20px 16px}
 .sp-title{font-size:40px}
 .sp-bigplay,.sp-pick{padding:0 18px;font-size:15px}
 .sp-styles button small{display:none}
}
/* selector sheet */
html.sp-locked,html.sp-locked body{overflow:hidden}
.sp-sheet{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;font-family:var(--sans,Inter,sans-serif);color:#0b0b0c}
.sp-sheet[hidden]{display:none}
.sps-back{position:absolute;inset:0;background:rgba(11,11,12,.38);opacity:0;transition:opacity .22s}
.sps-panel{position:relative;width:100%;max-width:1040px;height:min(92vh,920px);height:min(92dvh,920px);background:#fff;border-radius:0 24px 0 0;display:flex;flex-direction:column;transform:translateY(40px);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s;box-shadow:0 -10px 50px #0000002a;overflow:hidden}
.sp-sheet.on .sps-back{opacity:1}
.sp-sheet.on .sps-panel{transform:none;opacity:1}
@media (min-width:861px){.sp-sheet{align-items:center}.sps-panel{border-radius:0;height:min(86vh,860px)}}
.sps-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 6px}
.sps-top h2{margin:0;font:400 clamp(28px,3.4vw,36px)/1.1 var(--serif,'Libre Caslon Display',serif)}
.sps-x{width:48px;height:48px;border-radius:50%;border:0;background:#f1f1f3;display:flex;align-items:center;justify-content:center}
.sps-search{display:flex;align-items:center;gap:10px;margin:8px 20px 10px;padding:0 16px;border-radius:0;background:#f3f3f5;border:1px solid transparent}
.sps-search:focus-within{background:#fff;border-color:var(--spa);box-shadow:0 0 0 4px var(--spa-soft)}
.sps-search svg{color:#77777f}
.sps-search input:focus-visible{outline:none}
.sps-search input{flex:1;border:0;background:none;font:inherit;font-size:17px;min-height:52px;outline:none;color:inherit;min-width:0}
.sps-chips{display:flex;gap:8px;padding:0 20px 8px;overflow-x:auto;scrollbar-width:none}
.sps-chips button{flex:none;border:1px solid #dedee4;background:#fff;border-radius:99px;padding:0 16px;min-height:40px;font-size:14px;white-space:nowrap}
.sps-chips button[aria-pressed=true]{background:var(--ink,#0b0b0c);color:#fff;border-color:#0b0b0c}
.sps-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 20px 30px;overscroll-behavior:contain}
.sps-sec h3{margin:18px 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5b5b62;font-weight:600}
.sps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,228px),1fr));gap:10px}
.sps-grid.feat{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}
.sps-grid.one{grid-template-columns:1fr}
.spt{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e7e7ec;background:#fff;border-radius:0;padding:12px 14px;min-height:72px;transition:border-color .15s,box-shadow .15s,transform .15s}
.spt:hover{border-color:var(--spa);box-shadow:0 6px 20px #0000000f;transform:translateY(-1px)}
.spt.on{border-color:var(--spa);background:var(--spa-soft)}
.spt-n{flex:none;display:flex;align-items:center;justify-content:center;background:var(--spa-soft);color:var(--spa);font-weight:700;font-size:14px}
.spt-n{transform:none;clip-path:polygon(50% 0,64% 14%,86% 14%,86% 36%,100% 50%,86% 64%,86% 86%,64% 86%,50% 100%,36% 86%,14% 86%,14% 64%,0 50%,14% 36%,14% 14%,36% 14%);border-radius:0;width:44px;height:44px}
.spt-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.spt-b b{font-size:15.5px;font-weight:600}
.spt-b small{font-size:13px;color:#5b5b62}
.spt-b em{font-style:normal;font-size:12px;color:#8a8a92}
.spt-o{flex:none;font:400 22px/1.4 'Amiri Quran','Amiri',serif;color:var(--spa);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp--torah .spt-o{font-family:'Noto Serif Hebrew SP','Frank Ruhl Libre',serif;font-size:20px}
.spt.big{padding:22px 24px;min-height:110px;background:radial-gradient(120% 160% at 100% 0%,var(--spa-soft),#fff 70%);border-color:var(--spa-line)}
.spt.big .spt-b b{font:400 34px/1.05 var(--serif,'Libre Caslon Display',serif)}
.spt.big .spt-o{font-size:30px}
.spt-go{display:inline-flex;align-items:center;gap:6px;background:var(--spa);color:#fff;border-radius:99px;padding:8px 16px;font-weight:600;font-size:14px;flex:none}
.spt-go svg{width:16px;height:16px}
.sps-none{color:#5b5b62;padding:20px 0}
.sps-step{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:10px 0 14px}
.sps-step h3{margin:0;font:400 28px/1.1 var(--serif,'Libre Caslon Display',serif)}
.sps-backbtn{border:1px solid #dedee4;background:#fff;border-radius:99px;padding:0 16px;min-height:44px;font-weight:600}
.sps-chaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}
.spc{min-height:56px;border-radius:0;border:1px solid #e3e3e8;background:#fff;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.spc:hover,.spc.on{border-color:var(--spa);background:var(--spa-soft);color:var(--spa)}
@media (max-width:600px){
 .sp-v{grid-template-columns:36px minmax(0,1fr);gap:4px 10px;padding:18px 8px 18px 4px}
 .sp-n{width:32px;height:32px;font-size:12px}
 .sp--torah .sp-n{width:36px;font-size:10px}
 .sp-en{font-size:16.5px}
 .sp-row{gap:6px}
 .sp-row button{padding:0 11px;font-size:13.5px}
 .sp-row .spr-i span{display:none}
 .sp-row .spr-i{width:44px;padding:0}
 .sp-pn{grid-template-columns:1fr 1fr}.sp-pn .sp-pn-pick{grid-column:1/-1;order:3;justify-content:center}
 .sp-pn button b{font-size:18px}
 .spt.big{flex-wrap:wrap}.spt.big .spt-o{max-width:100%}
}
@media (prefers-reduced-motion:reduce){.sp *,.sp-sheet *,.sp-mini *{transition:none!important;animation:none!important}}
html.rs-calm .is-playing .sp-v.is-cur .sp-n{animation:none}
/* listen-page heading (whoisallah) */
.scr-ltop{padding-top:8px}
.scr-ltop h1{font:400 clamp(30px,4vw,46px)/1.05 var(--serif,'Libre Caslon Display',serif);margin:6px 0 0}
.scr-ltop p{margin:8px 0 0;color:#444;max-width:70ch;font-size:16px;line-height:1.55}
@media(max-width:600px){.scr-ltop p{display:none}.scr-ltop h1{font-size:30px}}