/* ريّا v61 — رمضان. Theme via the app's CSS variables only; motion = transform/opacity; still under reduced motion. */
.rm-hw{margin:0 0 14px}
.rm-home{position:relative;display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;border-radius:22px;background:var(--card);border:1px solid var(--hl,var(--line));box-shadow:var(--elev1,var(--sh1));color:inherit;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .18s var(--p60e,ease)}
.rm-home:active{transform:scale(.975)}
.rm-home::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 100% 0%,rgba(var(--rc6),.13),transparent 60%);pointer-events:none}
.rm-home .rm-moon{width:46px;height:46px;flex:none;color:var(--gold2);padding:8px;border-radius:16px;background:var(--hs,var(--card2));border:1px solid var(--hl,var(--line))}
.rm-hb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rm-eb{font-size:12px;color:var(--gold3,var(--gold));font-weight:700;letter-spacing:.01em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rm-big{font-family:var(--kufi);word-spacing:.14em;font-size:19px;line-height:1.4;font-weight:700}
.rm-hms{font-variant-numeric:tabular-nums;font-family:var(--ui);font-weight:800;letter-spacing:.02em;white-space:nowrap}
.rm-home em{font-style:normal;font-size:12.5px;color:var(--muted);line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-home .rm-pl{display:flex;align-items:center;gap:6px;color:inherit;opacity:.85;margin-top:2px}
.rm-pl .ico,.rm-btn .ico,.rm-tm .ico{width:15px;height:15px;flex:none}
.rm-go{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:rgb(var(--rc43))}
.rm-go .ico{width:15px;height:15px}
.rm-demo{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px dashed currentColor;color:var(--muted)}
/* page */
.rm{padding-bottom:8px}
.rm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 12px}
.rm-top h2{margin:2px 0 0;font-size:24px}
.rm-top .rm-moon{width:44px;height:44px;color:var(--gold2);flex:none}
.rm-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:16px;background:var(--hs,var(--card2));border:1px solid var(--hl,var(--line));margin-bottom:14px}
.rm-seg a{text-align:center;padding:9px 6px;border-radius:12px;text-decoration:none;color:var(--muted);font-weight:700;font-size:14.5px;transition:background-color .3s,color .3s}
.rm-seg a.on{background:var(--card);color:var(--ink);box-shadow:var(--elev1,var(--sh1))}
.rm-card{position:relative;display:block;margin:0 0 12px;padding:16px;border-radius:20px;background:var(--card);border:1px solid var(--hl,var(--line));box-shadow:var(--elev1,var(--sh1));overflow:hidden}
.rm-lbl{display:block;font-size:12.5px;color:var(--muted);font-weight:500}
.rm-card b{font-weight:700}
.rm-note{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.7}
.rm-note a{color:var(--gold2)}
.rm-hero{text-align:center;padding:22px 16px 18px;isolation:isolate}
.rm-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 50% 0%,rgba(var(--rc6),.14),transparent 70%);pointer-events:none}
.rm-lant{position:absolute;top:-6px;inset-inline-start:14px;width:30px;height:56px;color:var(--gold2);opacity:.55;transform-origin:50% 0;animation:rm-sway 6s ease-in-out infinite}
@keyframes rm-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.rm-cd{display:flex;justify-content:center;gap:8px;margin:12px 0 4px;direction:rtl}
.rm-u{min-width:64px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;border-radius:16px;background:var(--hs,var(--card2));border:1px solid var(--hl,var(--line))}
.rm-u b{display:block;font:800 30px/1.15 var(--ui);font-variant-numeric:tabular-nums;color:var(--ink)}
.rm-u small{font-size:11.5px;color:var(--muted)}
.rm-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.rm-times span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px;border-radius:14px;border:1px solid var(--hl,var(--line))}
.rm-times span:only-child{grid-column:1/-1;color:var(--muted);font-size:13px}
.rm-times small{font-size:11.5px;color:var(--muted)}
.rm-times b{font-size:16px}
.rm-row,.rm-rowh{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rm-row>div,.rm-rowh>div{min-width:0}
.rm-row b,.rm-rowh b{display:block;font-size:16px;line-height:1.5}
.rm-pill{flex:none;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(var(--rc6),.12);color:var(--gold3,var(--gold));white-space:nowrap}
.rm-bar{height:6px;border-radius:6px;background:rgba(var(--rc7),.18);margin-top:12px;overflow:hidden}
.rm-bar.sm{height:4px;margin-top:12px}
.rm-bar i{display:block;height:100%;background:var(--gold);transform-origin:right center;transform:scaleX(var(--p,0));animation:rm-fill .9s var(--p60e,ease) both}
@keyframes rm-fill{from{transform:scaleX(0)}}
.rm-nights{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:12px}
.rm-n{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:46px;border-radius:12px;border:1px solid var(--hl,var(--line));font-size:13px;color:var(--muted)}
.rm-n b{font-weight:700}
.rm-n i{width:5px;height:5px;border-radius:50%;background:var(--gold2)}
.rm-n.odd{color:var(--ink);border-color:rgba(var(--rc6),.45);background:rgba(var(--rc6),.07)}
.rm-n.past{opacity:.45}
.rm-n.now{border-color:var(--gold2);box-shadow:0 0 0 1px var(--gold2) inset}
.rm-n.now i{animation:p60dot 2.8s ease-in-out infinite}
.rm-soon ul{margin:8px 0 0;padding-inline-start:18px;color:var(--muted);font-size:14px;line-height:1.9}
.rm-foot{margin:14px 4px 4px;font-size:12px;color:var(--muted);line-height:1.8}
/* khatma */
.rm-intro{margin:0 2px 12px;color:var(--muted);font-size:14px;line-height:1.8}
.rm-plans{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.rm-plan{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border-radius:18px;border:1px solid var(--hl,var(--line));background:var(--card);color:inherit;font:inherit;text-align:start;cursor:pointer;box-shadow:var(--elev1,var(--sh1));transition:transform .18s var(--p60e,ease)}
.rm-plan:active{transform:scale(.97)}
.rm-plan span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.rm-plan b{font-size:16px}.rm-plan small{font-size:13px;color:var(--muted)}
.rm-plan i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--hs,var(--card2));color:var(--gold2)}
.rm-plan i .ico{width:14px;height:14px}
.rm-fl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.rm-fl>span{font-size:14px;color:var(--muted)}
.rm-step{display:flex;align-items:center;gap:6px}
.rm-step button{width:40px;height:40px;border-radius:12px;border:1px solid var(--hl,var(--line));background:var(--hs,var(--card2));color:inherit;font:700 20px var(--ui);cursor:pointer}
.rm-step output{min-width:28px;text-align:center;font-weight:800;font-size:18px}
.rm-chips{display:flex;flex-wrap:wrap;gap:6px}
.rm-chips .chip{min-width:44px;min-height:38px}
.rm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-decoration:none}
.rm-btn[disabled]{opacity:.5}
.rm-cf .rm-btn{width:100%;margin-top:12px}
.rm-today .rm-portion{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--kufi);font-size:22px;margin-top:4px;line-height:1.4}
.rm-k{font:700 12px var(--ui);padding:3px 9px;border-radius:999px;background:rgba(var(--rc6),.12);color:var(--gold3,var(--gold))}
.rm-span{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:10px}
.rm-span span{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:14px;font-weight:600;padding:8px 10px;border-radius:12px;background:var(--hs,var(--card2));overflow:hidden;text-overflow:ellipsis}
.rm-span small{font-size:11px;color:var(--muted);font-weight:500}
.rm-acts{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.rm-acts .rm-btn{flex:1 1 auto}
.rm-tm{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding-inline:18px}
.rm-tm.on{color:var(--gold2);border-color:var(--gold2)}
.rm-catch{border-style:dashed;background:transparent;box-shadow:none}
.rm-catch p{margin:0;font-size:14px;line-height:1.8}
.rm-link{display:inline-block;margin-top:8px;color:var(--gold2);font-weight:700;font-size:14px;text-decoration:none}
.rm-done{text-align:center;padding:22px 16px}
.rm-done .rm-moon{width:46px;height:46px;color:var(--gold2);margin:0 auto 6px;display:block}
.rm-done b{font-family:var(--kufi);font-size:20px;display:block}
.rm-done p{margin:6px 0 0;color:var(--muted);font-size:14px}
.rm-all summary{cursor:pointer;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between}
.rm-all summary::-webkit-details-marker{display:none}
.rm-all summary::after{content:'';width:8px;height:8px;border:solid var(--muted);border-width:0 0 2px 2px;transform:rotate(-45deg);transition:transform .3s var(--p60e,ease)}
.rm-all[open] summary::after{transform:rotate(135deg)}
.rm-list{list-style:none;margin:10px 0 0;padding:0}
.rm-list li{display:grid;grid-template-columns:52px 1fr auto 18px;align-items:center;gap:8px;padding:9px 2px;border-top:1px solid var(--hl,var(--line));font-size:14px}
.rm-list li a{text-decoration:none;color:inherit;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rm-list li small{color:var(--muted);font-size:12px;white-space:nowrap}
.rm-list .rm-ix{color:var(--muted);font-size:12.5px}
.rm-list li.cur{color:var(--gold3,var(--gold));font-weight:700}
.rm-list li.d a{opacity:.6}
.rm-list li i{color:var(--gold2)}.rm-list li i .ico{width:16px;height:16px}
.rm-chg{font-size:13px;color:var(--muted)}
@media (max-width:360px){.rm-u{min-width:56px}.rm-u b{font-size:26px}.rm-span{grid-template-columns:1fr 1fr}.rm-span span:last-child{grid-column:1/-1}}
@media (min-width:900px){.rm{max-width:760px;margin-inline:auto}}
@media (prefers-reduced-motion:reduce){.rm-lant,.rm-n.now i,.rm-bar i{animation:none!important}.rm-home,.rm-plan,.rm-all summary::after{transition:none}}
.pm-reduce .rm-lant,.pm-reduce .rm-bar i{animation:none!important}