/* ريّا v66 — wird rows, hadith source links, قصة اليوم وكتاب اليوم, قصص الأنبياء, كتب مفيدة, خطة رمضان, الإشعارات, orbit polish. Soft surfaces, no strokes. */
:root{--r66-s:0 1px 2px rgba(20,20,20,.04),0 10px 30px -18px rgba(20,20,20,.22)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---- reading / listening wird rows ---- */
.p60c .p60c-g.w66{display:flex!important;flex-direction:column;gap:10px;grid-template-columns:none!important}
.w66r{background:var(--k-tone-s);border-radius:16px;padding:12px 14px;display:grid;gap:8px}
.w66t{display:flex;flex-direction:column;gap:2px}
.w66t b{font-family:var(--h65,inherit);font-weight:600;font-size:15px}
.w66t span{font-size:12.5px;opacity:.8}
.w66s{font:inherit;color:var(--k-tone);background:transparent;border:0;padding:0 2px;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.w66b{height:6px;border-radius:99px;background:rgba(127,127,127,.18);overflow:hidden}
.w66b i{display:block;height:100%;border-radius:inherit;background:var(--k-tone);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.w66r.ok .w66b i{background:linear-gradient(90deg,var(--k-tone),color-mix(in srgb,var(--k-tone) 60%,#d4b76a))}
.w66go{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);color:inherit;text-decoration:none;border:0;border-radius:12px;padding:9px 12px;font:inherit;cursor:pointer;text-align:start;width:100%}
.w66go span{display:flex;flex-direction:column;font-weight:600;font-size:13.5px;min-width:0}
.w66go small{font-weight:400;opacity:.7;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w66go .ico{width:18px;height:18px;flex:none;color:var(--k-tone)}
/* ---- hadith source link ---- */
.h66-src{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin:10px 0 2px;padding:9px 12px;border-radius:12px;background:var(--k-tone-s);color:inherit;text-decoration:none}
.h66-sb{font-weight:600;font-size:13px;color:var(--k-tone)}
.h66-sp{grid-column:1;font-size:12px;opacity:.78;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.h66-go{grid-row:1/span 2;grid-column:2;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--k-tone)}
.h66-go .ico{width:15px;height:15px}
.h66-src:hover,.h66-src:focus-visible{background:color-mix(in srgb,var(--k-tone) 16%,transparent)}
.h66-dsrc{display:block;margin-top:6px;font-size:11.5px;opacity:.6}
.t66-src a{color:var(--k-tone);text-decoration:underline;text-underline-offset:3px}
/* ---- Ramadan CTA ---- */
.rp66-cta{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:99px;background:var(--k-tone);color:#fff;font-weight:600;font-size:13px;cursor:pointer;width:max-content;max-width:100%;grid-column:1/-1;justify-self:start;position:relative;z-index:1}
.rp66-cta .ico{width:15px;height:15px}
.rp66-cta:hover{filter:brightness(1.08)}
.h62-rm{flex-wrap:wrap}
/* ---- story + book of the day ---- */
.a66{background:var(--card);border-radius:22px;padding:16px;box-shadow:var(--r66-s)}
.a66-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.a66-h h2{font-family:var(--h65,inherit);font-weight:600;font-size:19px;margin:0}
.a66-h p{margin:2px 0 0;font-size:13px;opacity:.72}
.a66-day{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}
.a66-ep,.a66-bk{display:flex;gap:12px;align-items:center;background:var(--k-tone-s);border-radius:16px;padding:10px;color:inherit;text-decoration:none;min-width:0}
.a66-th{position:relative;flex:none;width:132px;aspect-ratio:16/9;border-radius:12px;background:#222 center/cover no-repeat;overflow:hidden}
.a66-th i{position:absolute;inset:auto auto 8px 8px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center}
.a66-th i .ico{width:14px;height:14px}
.a66-th b{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.6);color:#fff;font-size:11.5px;padding:1px 8px;border-radius:99px;font-weight:600}
.a66-et{display:flex;flex-direction:column;gap:2px;min-width:0}
.a66-et small{font-size:11.5px;opacity:.7}
.a66-et b{font-weight:600;font-size:14.5px;line-height:1.5}
.a66-et em{font-style:normal;font-size:12px;opacity:.72}
.a66-bd{font-size:12px;opacity:.75;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a66-bi{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--card);color:var(--k-tone)}
.a66-bi .ico{width:22px;height:22px}
.a66-ext{margin-inline-start:auto;color:var(--k-tone);flex:none}
.a66-ext .ico{width:16px;height:16px}
@media (max-width:760px){.a66-day{grid-template-columns:1fr}.a66-th{width:116px}}
/* ---- anbiya page ---- */
.a66p{max-width:1180px;margin:0 auto;padding:4px 2px 30px;display:grid;gap:18px}
.a66-top small{font-size:12.5px;color:var(--k-tone);font-weight:600}
.a66-top h2{font-family:var(--h65,inherit);font-weight:600;font-size:26px;margin:2px 0}
.a66-top p{margin:0;opacity:.75;font-size:14px}
.a66-pl{background:var(--card);border-radius:20px;padding:10px;box-shadow:var(--r66-s);scroll-margin-top:80px}
.a66-fr{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.a66-fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.a66-pi{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 6px 4px}
.a66-pi small{display:block;font-size:12px;opacity:.7}.a66-pi b{font-weight:600;font-size:15.5px}
.a66-pa{display:flex;gap:6px;flex-wrap:wrap}
.a66-pa button,.a66-pa a{font:inherit;font-size:13px;font-weight:600;border:0;border-radius:99px;padding:7px 14px;background:var(--k-tone-s);color:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.a66-pa .ico{width:14px;height:14px}
.a66-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.a66-c{font:inherit;color:inherit;text-align:start;border:0;background:var(--card);border-radius:16px;padding:8px;display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:var(--r66-s);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.a66-c .a66-th{width:100%}
.a66-c:hover,.a66-c:focus-visible{transform:translateY(-2px)}
.a66-c.on{background:var(--k-tone-s)}
.a66-ct{display:flex;flex-direction:column;gap:3px;padding:0 4px 4px;min-width:0}
.a66-ct b{font-weight:600;font-size:14px;line-height:1.55}
.a66-ct small{font-size:12px;opacity:.7}
.a66-src{font-size:12.5px;opacity:.75;margin:10px 2px 0;line-height:1.7}.a66-src a{color:var(--k-tone)}
.a66-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.a66-b{display:flex;gap:12px;background:var(--card);border-radius:16px;padding:14px;color:inherit;text-decoration:none;box-shadow:var(--r66-s)}
.a66-b em{font-style:normal;font-size:12.5px;opacity:.8;line-height:1.65}
.a66-site{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--k-tone);font-weight:600;margin-top:4px}
.a66-site .ico{width:13px;height:13px}
@media (max-width:420px){.a66-grid{grid-template-columns:1fr 1fr;gap:10px}.a66-ct b{font-size:13px}.a66-top h2{font-size:22px}}
/* ---- Ramadan plan ---- */
.rp-hero{display:flex;align-items:center;justify-content:space-between;gap:14px}
.rp-hero b{font-family:var(--h65,inherit);font-weight:600;font-size:18px;display:block;margin:2px 0}
.rp-hero p{margin:0;font-size:13px;opacity:.75;line-height:1.7}
.rp-ring{--p:0;flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(closest-side,var(--card) 78%,transparent 80%),conic-gradient(var(--k-tone) calc(var(--p)*360deg),rgba(127,127,127,.18) 0)}
.rp-ring b{font-size:20px;margin:0;line-height:1}.rp-ring small{font-size:11px;opacity:.7}
.rp-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.rp-h b{font-family:var(--h65,inherit);font-weight:600;font-size:16px}
.rp-h small{font-size:12px;opacity:.65}
.rp-lnk{font:inherit;font-size:12.5px;font-weight:600;color:var(--k-tone);background:var(--k-tone-s);border:0;border-radius:99px;padding:6px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.rp-lnk .ico{width:14px;height:14px}
.rp-lnk2{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:13px;font-weight:600;color:var(--k-tone);text-decoration:none}
.rp-lnk2 .ico{width:14px;height:14px}
.rp-tasks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.rp-tasks li{display:flex;gap:6px}
.rp-t{flex:1;min-width:0;display:flex;align-items:center;gap:10px;font:inherit;font-size:14px;text-align:start;color:inherit;background:var(--k-tone-s);border:0;border-radius:12px;padding:10px 12px;cursor:pointer}
.rp-box{flex:none;width:22px;height:22px;border-radius:7px;background:var(--card);display:grid;place-items:center;color:transparent;transition:background .2s}
.rp-box .ico{width:15px;height:15px}
.rp-t.on .rp-box{background:var(--k-tone);color:#fff}
.rp-t.on>span:last-child{opacity:.6;text-decoration:line-through;text-decoration-thickness:1px}
.rp-del{display:none;flex:none;width:40px;border:0;border-radius:12px;background:var(--k-tone-s);color:inherit;cursor:pointer;place-items:center}
.rp-del .ico{width:16px;height:16px}
.rp-editing .rp-tasks .rp-del{display:grid}
.rp-rem .rp-del{display:grid;height:40px}
.rp-add{display:flex;gap:8px;margin-top:10px}
.rp-add input,.rp-rem input[type=text],.rp-rem input[type=time],.nt-sel input,.nt-sel select,.rp-kh select{font:inherit;font-size:14px;color:inherit;background:var(--k-tone-s);border:0;border-radius:12px;padding:9px 12px;min-width:0}
.rp-add input{flex:1}
.rp-add button,.rp-addr{font:inherit;border:0;border-radius:12px;background:var(--k-tone);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;min-height:40px;font-weight:600;font-size:13px}
.rp-add button .ico,.rp-addr .ico{width:16px;height:16px}
.rp-week{display:flex;justify-content:space-between;gap:6px;margin-top:14px}
.rp-week span{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}
.rp-week i{--p:0;width:100%;max-width:38px;height:38px;border-radius:10px;background:linear-gradient(to top,var(--k-tone) calc(var(--p)*100%),rgba(127,127,127,.14) 0)}
.rp-week small{font-size:11px;opacity:.65}
.rp-week .now small{opacity:1;font-weight:700;color:var(--k-tone)}
.rp-sched{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rp-slot{display:flex;flex-direction:column;gap:5px;background:var(--k-tone-s);border-radius:14px;padding:10px 12px}
.rp-slot span{font-size:12.5px;font-weight:600;color:var(--k-tone)}
.rp-slot textarea{font:inherit;font-size:13.5px;line-height:1.7;color:inherit;background:transparent;border:0;resize:vertical;padding:0;min-height:46px;outline:0}
.rp-slot:focus-within{background:color-mix(in srgb,var(--k-tone) 14%,transparent)}
.rp-kh{display:flex;gap:10px;flex-wrap:wrap}
.rp-kh label,.nt-sel{display:flex;align-items:center;gap:8px;font-size:13.5px}
.nt-sel{justify-content:space-between;padding:6px 0}
.rp-kr{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.rp-kr span{background:var(--k-tone-s);border-radius:14px;padding:10px;text-align:center;display:flex;flex-direction:column;gap:2px}
.rp-kr b{font-size:22px;font-weight:600;color:var(--k-tone);line-height:1.2}
.rp-kr small{font-size:11.5px;opacity:.72}
.rp-rem{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.rp-rem li{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center}
.rp-rem input[type=time]{width:112px}
.rp-sw{position:relative;display:inline-block;width:44px;height:26px;flex:none;cursor:pointer}
.rp-sw input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rp-sw i{position:absolute;inset:0;border-radius:99px;background:rgba(127,127,127,.3);transition:background .2s}
.rp-sw i::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.rp-sw input:checked+i{background:var(--k-tone)}
.rp-sw input:checked+i::after{transform:translateX(-18px)}
.rp-sw input:focus-visible+i{outline:2px solid var(--k-tone);outline-offset:2px}
.rp-sw input:disabled+i{opacity:.45}
.rp-sw.big{width:52px;height:30px}.rp-sw.big i::after{width:24px;height:24px}.rp-sw.big input:checked+i::after{transform:translateX(-22px)}
.rp-note{font-size:12.5px;opacity:.72;line-height:1.7;margin:8px 0 0}
.rp-ideas{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.rp-ideas>div{background:var(--k-tone-s);border-radius:14px;padding:12px 14px}
.rp-ideas small{font-weight:600;color:var(--k-tone);font-size:12.5px}
.rp-ideas ul{margin:6px 0 0;padding-inline-start:18px;display:grid;gap:5px;font-size:13.5px;line-height:1.65}
@media (max-width:420px){.rp-rem li{grid-template-columns:92px 1fr 44px 40px}.rp-rem li .rp-sw{display:inline-block;grid-column:auto;grid-row:auto}.rp-rem li .rp-del{grid-column:auto;grid-row:auto}.rp-rem input[type=time]{width:92px;padding:9px 6px}}
/* ---- notifications ---- */
.nt66 .rm-top .ico{width:34px;height:34px;color:var(--k-tone)}
.nt-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nt-row b{font-weight:600;font-size:15px;display:block}.nt-row small{font-size:12.5px;opacity:.75}
.nt-test{margin-top:12px;font:inherit;font-weight:600;font-size:13.5px;border:0;border-radius:12px;padding:10px 14px;background:var(--k-tone);color:#fff;cursor:pointer;width:100%}
.nt-test:disabled{opacity:.45;cursor:default}
.nt-pr{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.nt-chip{position:relative}.nt-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.nt-chip span{display:inline-block;padding:8px 14px;border-radius:99px;background:var(--k-tone-s);font-size:13.5px;font-weight:600}
.nt-chip input:checked+span{background:var(--k-tone);color:#fff}
.nt-chip input:focus-visible+span{outline:2px solid var(--k-tone);outline-offset:2px}
.nt-ios{background:color-mix(in srgb,var(--k-tone) 12%,var(--card))!important}
.nt-ios b{font-weight:600}.nt-ios ol{margin:8px 0;padding-inline-start:20px;line-height:1.9;font-size:13.5px}.nt-ios small{opacity:.75;font-size:12px}
/* ---- orbit polish (owner 09:16): calmer easing, clearer centre, soft glow, gentle hover ---- */
.hx.h66 .h64-orbit .h64-ic{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.hx.h66 .h64-orbit a:hover .h64-ic,.hx.h66 .h64-orbit a:focus-visible .h64-ic{transform:scale(1.12);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--k-tone) 70%,transparent)!important}
.hx.h66 .h64-orbit:hover *{animation-play-state:paused!important}
.hx.h66 .h64-tr.t1{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--k-tone) 30%,transparent))}

/* desktop grid: the story/book card spans the full width between the hadith and the reciters */
.hx.h65 .a66{grid-column:1/-1!important}
.rm-seg.rp3{grid-template-columns:repeat(3,1fr)!important}
.a66-pl{max-width:920px;width:100%;justify-self:center}