/* Higher Self - 47: ritualul Minte / Corp / Suflet (js/99j-ritual-mbs.js), build 1395.
   [stated] "pastreaza stilul aplicatiei": acelasi fetru ca ecranele (culoarea zonei + textura --feltTex),
   titluri serif, panouri inchise cu linie fina, butoane crem, culorile Minte / Corp / Suflet din taburi. */
#ritOv.rmb{--rmbBg:19,48,32; --rmbZ:#f2c744; --ink:#f5efe4; --rmbSoft:rgba(245,239,228,.74); --rmbMute:rgba(245,239,228,.55); --rmbLine:rgba(255,255,255,.12); --rmbDeep:#14301f;
  background-color:rgb(var(--rmbBg)); background-image:radial-gradient(120% 55% at 50% -8%, color-mix(in srgb, var(--rmbZ) 16%, transparent), transparent 70%), var(--feltTex);
  background-repeat:no-repeat, repeat; transition:background-color .6s ease; color:var(--ink); padding:0 18px 0}
#ritOv.rmb #ritBody{padding:0; margin:0}
#ritOv.rmb .rmbScr{display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; text-align:left; font-family:var(--font-body)}
#ritOv.rmb .rmbScr.rmbIn{animation:rmbIn .35s ease both}
@keyframes rmbIn{from{opacity:0} to{opacity:1}}
#ritOv.rmb .rmbW{flex:1; display:flex; flex-direction:column}
#ritOv.rmb .rmbC{text-align:center}
#ritOv.rmb .rmbEye{margin:16px 0 0; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--z, var(--rmbZ))}
#ritOv.rmb .rmbH{margin:8px 0 0; font-family:var(--font-title); font-weight:600; font-size:29px; line-height:1.16; color:var(--ink); letter-spacing:0; text-shadow:none}
#ritOv.rmb .rmbH em{font-style:normal; color:var(--z)}
#ritOv.rmb .rmbSub{margin:8px 0 0; font-size:15px; line-height:1.5; color:var(--rmbSoft)}
#ritOv.rmb .rmbNote{margin:10px 0 0; font-size:12.5px; line-height:1.45; color:var(--rmbMute); text-align:center}
/* bara de progres: trei segmente in culorile zonelor */
#ritOv.rmb .rmbProg{display:flex; gap:6px; margin-top:6px}
#ritOv.rmb .rmbProg i{flex:1; height:5px; border-radius:9px; background:rgba(255,255,255,.12); overflow:hidden; position:relative}
#ritOv.rmb .rmbProg i b{position:absolute; inset:0 auto 0 0; width:0; border-radius:9px; transition:width .5s}
#ritOv.rmb .rmbProg i.mind b{background:#7dd3fc} #ritOv.rmb .rmbProg i.body b{background:#34d399} #ritOv.rmb .rmbProg i.soul b{background:#a78bfa}
#ritOv.rmb .rmbProg i.on b{width:100% !important}
/* dimineata / seara */
#ritOv.rmb .rmbSeg{display:flex; gap:6px; margin-top:16px; padding:5px; border-radius:999px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine)}
#ritOv.rmb .rmbSeg button{flex:1; height:38px; border:0; border-radius:999px; background:none; color:var(--rmbSoft); font-family:var(--font-body); font-weight:700; font-size:13px; cursor:pointer}
#ritOv.rmb .rmbSeg button.on{background:var(--ink); color:var(--rmbDeep)}
#ritOv.rmb .rmbKind{width:220px; margin:0 auto}
#ritOv.rmb .rmbTop{position:sticky; top:0; z-index:4; display:flex; align-items:center; gap:12px; margin:0 -18px; padding:calc(12px + env(safe-area-inset-top,0px)) 18px 10px;
  background:linear-gradient(rgba(var(--rmbBg),.96) 60%, rgba(var(--rmbBg),0))}
#ritOv.rmb .rmbTop .mid{flex:1; min-width:0; display:flex; align-items:center; gap:12px}
#ritOv.rmb .rmbTop .mid > .rmbSeg{margin:0 auto; flex:none}
#ritOv.rmb .rmbTop .mid > .rmbProg{flex:1; margin:0}
#ritOv.rmb .rmbTop .mid > .rmbKind ~ *{display:none}
#ritOv.rmb .rmbBk{width:40px; height:40px; flex:none; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(10,9,24,.45); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; cursor:pointer}
#ritOv.rmb .rmbTop .mid > .rmbKind{transform:translateX(-26px)}
/* intro */
#ritOv.rmb .rmbTrio{display:flex; justify-content:center; gap:12px; margin:30px 0 6px}
#ritOv.rmb .rmbTrio div{flex:1; max-width:104px; text-align:center}
#ritOv.rmb .rmbZi{display:block; width:84px; height:84px; margin:0 auto; border-radius:26px; background:color-mix(in srgb, var(--z) 16%, rgba(0,0,0,.2)) center/26px no-repeat; box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--z) 40%, transparent), 0 10px 22px rgba(0,0,0,.25)}
#ritOv.rmb .rmbTrio b{display:block; margin-top:10px; font-family:var(--font-title); font-weight:600; font-size:18px; color:var(--ink)}
#ritOv.rmb .rmbTrio span{display:block; margin-top:2px; font-size:12px; color:var(--rmbMute)}
#ritOv.rmb .rmbHost{display:flex; align-items:flex-start; gap:12px; margin-top:24px; padding:14px; border-radius:20px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine)}
#ritOv.rmb .rmbHost img{width:46px; height:46px; border-radius:50%; object-fit:cover; flex:none; box-shadow:0 0 0 2px rgba(242,199,68,.6)}
#ritOv.rmb .rmbHost p{margin:2px 0 0; font-size:14.5px; line-height:1.5; color:var(--ink)}
#ritOv.rmb .rmbHost p b{color:#f2c744}
/* optiuni */
#ritOv.rmb .rmbOpts{display:flex; flex-direction:column; gap:10px; margin-top:20px}
#ritOv.rmb .rmbOpt, #ritOv.rmb .rmbSumR{display:flex; align-items:center; gap:13px; width:100%; padding:10px 12px 10px 10px; border:0; border-radius:20px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); text-align:left; cursor:pointer; font-family:var(--font-body); transition:background .25s, box-shadow .25s, transform .15s; -webkit-tap-highlight-color:transparent}
#ritOv.rmb .rmbOpt:active, #ritOv.rmb .rmbSumR:active{transform:scale(.985)}
#ritOv.rmb .rmbOpt img, #ritOv.rmb .rmbSumR img{width:66px; height:66px; border-radius:15px; object-fit:cover; flex:none; box-shadow:0 6px 14px rgba(0,0,0,.3)}
#ritOv.rmb .rmbOpt .tx, #ritOv.rmb .rmbSumR .tx{flex:1; min-width:0}
#ritOv.rmb .rmbOpt b, #ritOv.rmb .rmbSumR b{display:block; font-family:var(--font-title); font-weight:600; font-size:17px; line-height:1.2; color:var(--ink); text-align:left !important}
#ritOv.rmb .rmbOpt .who, #ritOv.rmb .rmbSumR .who{display:block; margin-top:3px; font-size:12.5px; color:var(--rmbMute)}
#ritOv.rmb .rmbOpt .meta{display:flex; gap:6px; margin-top:7px}
#ritOv.rmb .rmbPill{display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:999px; font-size:11px; font-weight:800; letter-spacing:.02em; background:rgba(255,255,255,.08); color:var(--ink); white-space:nowrap}
#ritOv.rmb .rmbPill.k{background:color-mix(in srgb, var(--z) 18%, transparent); color:var(--z)}
#ritOv.rmb .rmbOpt .ck{width:26px; height:26px; border-radius:50%; flex:none; display:grid; place-items:center; box-shadow:inset 0 0 0 2px rgba(255,255,255,.22); transition:background .2s, box-shadow .2s}
#ritOv.rmb .rmbOpt .ck svg{opacity:0; transition:opacity .2s}
#ritOv.rmb .rmbOpt.sel{background:color-mix(in srgb, var(--z) 12%, rgba(0,0,0,.2)); box-shadow:inset 0 0 0 2px var(--z)}
#ritOv.rmb .rmbOpt.sel .ck{background:var(--z); box-shadow:none} #ritOv.rmb .rmbOpt.sel .ck svg{opacity:1}
#ritOv.rmb .rmbLink{display:inline-flex; align-items:center; justify-content:center; gap:7px; margin:14px auto 0; padding:9px 15px; border:0; border-radius:999px; background:none; color:var(--rmbSoft); font-family:var(--font-body); font-size:13px; font-weight:700; cursor:pointer; box-shadow:inset 0 0 0 1px var(--rmbLine)}
/* rezumat */
#ritOv.rmb .rmbSum{display:flex; flex-direction:column; gap:10px; margin-top:20px}
#ritOv.rmb .rmbSumR .z{display:block; font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .rmbSumR b{margin-top:3px; font-size:16.5px}
#ritOv.rmb .rmbSumR .rmbPill{flex:none; align-self:center}
#ritOv.rmb .rmbSumR.ok{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--z) 70%, transparent)}
#ritOv.rmb .rmbSumR.ok .rmbPill{background:color-mix(in srgb, var(--z) 20%, transparent); color:var(--z)}
#ritOv.rmb .rmbTot{margin:16px 0 0; text-align:center; font-size:14px; color:var(--rmbMute)}
#ritOv.rmb .rmbTot b{color:var(--ink); font-size:16px}
/* butonul de jos, crem, ca in restul aplicatiei */
#ritOv.rmb .rmbF{position:sticky; bottom:0; z-index:3; margin-top:auto; padding:16px 0 calc(16px + env(safe-area-inset-bottom,0px)); background:linear-gradient(rgba(var(--rmbBg),0), rgba(var(--rmbBg),.92) 30%); display:flex; flex-direction:column}
#ritOv.rmb .rmbF2 .rmbLink{margin-top:10px}
#ritOv.rmb .rmbCta{width:100%; height:56px; border:0; border-radius:999px; background:var(--ink); color:var(--rmbDeep); font-family:var(--font-body); font-weight:800; font-size:16px; cursor:pointer; box-shadow:0 10px 24px rgba(0,0,0,.35); transition:opacity .25s, transform .15s}
#ritOv.rmb .rmbCta:active{transform:scale(.98)}
#ritOv.rmb .rmbCta[disabled]{opacity:.35; pointer-events:none}
/* pasul */
#ritOv.rmb .rmbStH{display:flex; align-items:center; gap:10px; margin-top:16px}
#ritOv.rmb .rmbStH img{width:34px; height:34px; border-radius:50%; object-fit:cover; flex:none}
#ritOv.rmb .rmbStH span{flex:1; min-width:0; font-size:13px; line-height:1.35; color:var(--rmbMute)}
#ritOv.rmb .rmbStH span b{color:var(--z)}
#ritOv.rmb .rmbSkip{flex:none; border:0; background:none; color:var(--rmbMute); font-family:var(--font-body); font-size:13px; font-weight:600; cursor:pointer; padding:6px 2px}
#ritOv.rmb .rmbCover{width:min(76%, 290px); aspect-ratio:1/1; margin:22px auto 0; border-radius:26px; overflow:hidden; box-shadow:0 20px 44px rgba(0,0,0,.5)}
#ritOv.rmb .rmbCover img{width:100%; height:100%; object-fit:cover; display:block; transition:transform 9s linear}
#ritOv.rmb .rmbCover.play img{transform:scale(1.08)}
#ritOv.rmb .rmbStT{margin:20px 0 0; font-family:var(--font-title); font-weight:600; font-size:24px; line-height:1.2; text-align:center; color:var(--ink)}
#ritOv.rmb .rmbStS{margin:6px 0 0; font-size:14px; color:var(--rmbMute); text-align:center}
#ritOv.rmb .rmbBar{height:5px; border-radius:9px; background:rgba(255,255,255,.12); margin:22px 4px 0; overflow:hidden}
#ritOv.rmb .rmbBar b{display:block; height:100%; width:0; background:var(--z); border-radius:9px}
#ritOv.rmb .rmbTimes{display:flex; justify-content:space-between; margin:7px 4px 0; font-size:12px; color:var(--rmbMute); font-variant-numeric:tabular-nums}
#ritOv.rmb .rmbCtl{display:flex; justify-content:center; align-items:center; gap:26px; margin-top:12px}
#ritOv.rmb .rmbCtl button{border:0; cursor:pointer; display:grid; place-items:center; font-family:var(--font-body)}
#ritOv.rmb .rmbCtl .pp{width:70px; height:70px; border-radius:50%; background:var(--ink); color:var(--rmbDeep); box-shadow:0 10px 26px rgba(0,0,0,.4)}
#ritOv.rmb .rmbCtl .sk{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.08); color:var(--ink); font-size:12px; font-weight:800}
#ritOv.rmb .rmbPrompt{margin:26px 0 0; font-family:var(--font-title); font-size:24px; line-height:1.3; color:var(--ink)}
#ritOv.rmb .rmbPrompt em{font-style:normal; color:var(--z)}
#ritOv.rmb .rmbField{display:block; width:100%; margin-top:16px; min-height:96px; padding:14px 16px; border:0; border-radius:18px; background:rgba(0,0,0,.24); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.5; resize:none; outline:none; text-align:left}
#ritOv.rmb .rmbField::placeholder{color:rgba(245,239,228,.38)}
#ritOv.rmb .rmbField:focus{box-shadow:inset 0 0 0 2px var(--z)}
#ritOv.rmb .rmbField.one{min-height:0; height:54px}
#ritOv.rmb .rmbLbl{margin:18px 0 0; font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--rmbMute)}
#ritOv.rmb .rmbChips{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px}
#ritOv.rmb .rmbChips button{height:38px; padding:0 15px; border:0; border-radius:999px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-family:var(--font-body); font-size:14px; cursor:pointer}
#ritOv.rmb .rmbChips button.on{background:color-mix(in srgb, var(--z) 22%, transparent); box-shadow:inset 0 0 0 1.5px var(--z)}
#ritOv.rmb .rmbDream{margin-top:18px}
#ritOv.rmb .rmbReply{display:flex; gap:10px; align-items:flex-start; margin-top:18px; opacity:0; transform:translateY(8px); transition:opacity .4s, transform .4s; pointer-events:none}
#ritOv.rmb .rmbReply.on{opacity:1; transform:none}
#ritOv.rmb .rmbReply img{width:34px; height:34px; border-radius:50%; object-fit:cover; flex:none}
#ritOv.rmb .rmbReply p{margin:0; padding:11px 14px; border-radius:4px 18px 18px 18px; background:rgba(0,0,0,.26); box-shadow:inset 0 0 0 1px var(--rmbLine); font-size:14.5px; line-height:1.45; color:var(--ink)}
/* cartea zilei */
#ritOv.rmb .rmbFlip{width:min(64%, 240px); aspect-ratio:360/500; margin:24px auto 0; perspective:1000px; cursor:pointer}
#ritOv.rmb .rmbFlip .in{position:relative; width:100%; height:100%; transition:transform .8s cubic-bezier(.3,.7,.2,1); transform-style:preserve-3d}
#ritOv.rmb .rmbFlip.on .in{transform:rotateY(180deg)}
#ritOv.rmb .rmbFlip .face{position:absolute; inset:0; border-radius:18px; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; box-shadow:0 18px 40px rgba(0,0,0,.5)}
#ritOv.rmb .rmbFlip .face img{width:100%; height:100%; object-fit:cover; display:block}
#ritOv.rmb .rmbFlip .face.b{transform:rotateY(180deg)}
#ritOv.rmb .rmbFlip .sub{position:absolute; left:10%; right:10%; transform:translateY(-50%); font-family:var(--font-body); font-size:12px; line-height:1.35; color:#f0ece3; text-align:center}
#ritOv.rmb .rmbHint{margin:14px 0 0; text-align:center; font-size:13px; color:var(--rmbMute); animation:rmbPulse 2s ease-in-out infinite}
@keyframes rmbPulse{50%{opacity:.4}}
/* gandurile care zboara */
#ritOv.rmb .rmbCloud{position:relative; height:180px; margin-top:16px; border-radius:22px; background:radial-gradient(80% 90% at 50% 100%, color-mix(in srgb, var(--z) 16%, transparent), transparent); box-shadow:inset 0 0 0 1px var(--rmbLine); overflow:hidden}
#ritOv.rmb .rmbTh{position:absolute; max-width:70%; overflow:hidden; text-overflow:ellipsis; padding:9px 14px; border-radius:999px; background:rgba(255,255,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); font-size:14px; white-space:nowrap; color:var(--ink); transform:rotate(var(--r,0deg)); transition:transform 2.6s cubic-bezier(.4,0,.2,1), opacity 2.6s}
#ritOv.rmb .rmbTh.fly{transform:translateY(-240px) scale(.7) !important; opacity:0}
#ritOv.rmb .rmbAdd{display:flex; gap:8px; margin-top:12px}
#ritOv.rmb .rmbAdd .rmbField{margin:0; flex:1}
#ritOv.rmb .rmbAdd button{width:54px; height:54px; flex:none; border:0; border-radius:18px; background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-size:24px; cursor:pointer}
/* lista de maine */
#ritOv.rmb .rmbTom{display:flex; flex-direction:column; gap:8px; margin-top:16px}
#ritOv.rmb .rmbTom:empty{display:none}
#ritOv.rmb .rmbTom button{display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px; border:0; border-radius:16px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-family:var(--font-body); font-size:15px; text-align:left; cursor:pointer}
#ritOv.rmb .rmbTom button i{display:grid; place-items:center; color:rgba(245,239,228,.3); flex:none}
#ritOv.rmb .rmbTom button.on{box-shadow:inset 0 0 0 2px var(--z)} #ritOv.rmb .rmbTom button.on i{color:#f2c744}
/* mini antrenament */
#ritOv.rmb .rmbRing{position:relative; width:180px; height:180px; margin:22px auto 0}
#ritOv.rmb .rmbRing svg{width:100%; height:100%; transform:rotate(-90deg)}
#ritOv.rmb .rmbRing circle{transition:stroke-dashoffset .9s linear}
#ritOv.rmb .rmbRing .n{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center}
#ritOv.rmb .rmbRing .n b{font-family:var(--font-title); font-weight:600; font-size:44px; color:var(--ink)}
#ritOv.rmb .rmbRing .n span{font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--rmbMute)}
#ritOv.rmb .rmbMoves{display:flex; flex-direction:column; gap:8px; margin-top:18px}
#ritOv.rmb .rmbMv{display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:16px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); transition:background .3s, box-shadow .3s}
#ritOv.rmb .rmbMv i{width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:13px; background:rgba(255,255,255,.1); color:var(--ink)}
#ritOv.rmb .rmbMv b{font-size:15px; font-weight:700; color:var(--ink)} #ritOv.rmb .rmbMv span{display:block; margin-top:2px; font-size:12.5px; color:var(--rmbMute)}
#ritOv.rmb .rmbMv.cur{box-shadow:inset 0 0 0 2px var(--z); background:color-mix(in srgb, var(--z) 10%, rgba(0,0,0,.2))}
#ritOv.rmb .rmbMv.ok i{background:var(--z); color:var(--rmbDeep)}
/* propozitii / cum a mers */
#ritOv.rmb .rmbWords{display:flex; flex-direction:column; gap:10px; margin-top:20px}
#ritOv.rmb .rmbWords button{padding:18px; border:0; border-radius:20px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-family:var(--font-title); font-size:19px; line-height:1.35; text-align:left; cursor:pointer; transition:all .3s}
#ritOv.rmb .rmbWords button.on{background:color-mix(in srgb, var(--z) 16%, rgba(0,0,0,.2)); box-shadow:inset 0 0 0 2px var(--z), 0 0 28px color-mix(in srgb, var(--z) 26%, transparent)}
#ritOv.rmb .rmbWords.picked button:not(.on){opacity:.35}
#ritOv.rmb .rmbDid button{text-align:center}
/* respiratia lenta */
#ritOv.rmb .rmbBreath{position:relative; width:200px; height:200px; margin:30px auto 0; display:flex; flex-direction:column; align-items:center; justify-content:center}
#ritOv.rmb .rmbBreath i{position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle, color-mix(in srgb, var(--z) 42%, transparent), color-mix(in srgb, var(--z) 10%, transparent) 70%); box-shadow:0 0 40px color-mix(in srgb, var(--z) 28%, transparent); transform:scale(.6); transition:transform 4s ease-in-out}
#ritOv.rmb .rmbBreath.in i{transform:scale(1); transition-duration:4s}
#ritOv.rmb .rmbBreath.out i{transform:scale(.6); transition-duration:6s}
#ritOv.rmb .rmbBreath b{position:relative; font-family:var(--font-title); font-weight:600; font-size:40px; color:var(--ink)}
#ritOv.rmb .rmbBreath span{position:relative; min-height:16px; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink)}
/* final */
#ritOv.rmb .rmbEcho{margin:22px 0 0; padding:16px; border-radius:20px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); text-align:center}
#ritOv.rmb .rmbEcho .rmbLbl{margin:0}
#ritOv.rmb .rmbEcho p:not(.rmbLbl){margin:6px 0 0; font-family:var(--font-title); font-size:18px; line-height:1.35; color:var(--ink)}
@media (max-width:360px){ #ritOv.rmb .rmbH{font-size:26px} #ritOv.rmb .rmbOpt img, #ritOv.rmb .rmbSumR img{width:58px; height:58px} #ritOv.rmb .rmbZi{width:76px; height:76px} }
/* ===================== 1396 [stated]: optiunile noi de dimineata ===================== */
/* piesa preferata: sub optiunea aleasa, un rand de glisat */
#ritOv.rmb .rmbFav{margin:-2px 0 4px; padding:12px 0 4px; border-radius:0 0 20px 20px}
#ritOv.rmb .rmbFav .rmbLbl{margin:0 4px 10px; color:var(--z)}
#ritOv.rmb .rmbFavRow{display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:none; padding:2px 2px 6px; -webkit-overflow-scrolling:touch}
#ritOv.rmb .rmbFavRow::-webkit-scrollbar{display:none}
#ritOv.rmb .rmbFavT{flex:0 0 112px; scroll-snap-align:start; display:flex; flex-direction:column; gap:6px; padding:0; border:0; background:none; color:var(--ink); text-align:left; cursor:pointer; font-family:var(--font-body)}
#ritOv.rmb .rmbFavT img{width:112px; height:112px; border-radius:16px; object-fit:cover; display:block; box-shadow:0 8px 18px rgba(0,0,0,.35), inset 0 0 0 1px var(--rmbLine); transition:box-shadow .2s, transform .15s}
#ritOv.rmb .rmbFavT b{font-family:var(--font-title); font-weight:600; font-size:13.5px; line-height:1.25; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:left !important}
#ritOv.rmb .rmbFavT span{font-size:11.5px; color:var(--rmbMute); margin-top:-3px}
#ritOv.rmb .rmbFavT.on img{box-shadow:0 0 0 3px var(--z), 0 10px 22px rgba(0,0,0,.4)}
#ritOv.rmb .rmbFavT:active img{transform:scale(.97)}
#ritOv.rmb .rmbChg{display:flex; justify-content:flex-end; margin-top:10px}
#ritOv.rmb .rmbChg .rmbLink{margin:0; padding:7px 13px}
#ritOv.rmb #rmbChgBox .rmbFav{margin-top:8px}
/* butoane secundare */
#ritOv.rmb .rmbRow2{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:12px}
#ritOv.rmb .rmbRow2 .rmbLink{margin:0}
#ritOv.rmb .rmbSave{height:42px; padding:0 18px; border:0; border-radius:999px; background:color-mix(in srgb, var(--z) 22%, rgba(0,0,0,.2)); box-shadow:inset 0 0 0 1.5px var(--z); color:var(--ink); font-family:var(--font-body); font-weight:800; font-size:13.5px; cursor:pointer; transition:opacity .2s}
#ritOv.rmb .rmbSave[disabled]{opacity:.35; pointer-events:none}
#ritOv.rmb .rmbBig{height:52px; padding:0 26px; margin-top:22px; font-size:15px}
/* cum te simti */
#ritOv.rmb .rmbMood{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px}
#ritOv.rmb .rmbMood button{display:flex; align-items:center; gap:10px; height:54px; padding:0 14px; border:0; border-radius:18px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); font-family:var(--font-body); font-size:15px; font-weight:600; cursor:pointer; text-align:left; transition:all .25s}
#ritOv.rmb .rmbMood button i{width:16px; height:16px; border-radius:50%; background:var(--mc); flex:none; box-shadow:0 0 12px color-mix(in srgb, var(--mc) 60%, transparent)}
#ritOv.rmb .rmbMood button.on{background:color-mix(in srgb, var(--mc) 20%, rgba(0,0,0,.2)); box-shadow:inset 0 0 0 2px var(--mc)}
#ritOv.rmb .rmbMood.picked button:not(.on){opacity:.4}
/* numarul zilei */
#ritOv.rmb .rmbNum{display:flex; flex-direction:column; align-items:center; margin:26px auto 0; width:170px; height:170px; justify-content:center; border-radius:50%;
  background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--z) 26%, transparent), rgba(0,0,0,.25) 72%); box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--z) 45%, transparent), 0 16px 36px rgba(0,0,0,.35)}
#ritOv.rmb .rmbNum span{font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .rmbNum b{font-family:var(--font-title); font-weight:600; font-size:72px; line-height:1; margin-top:4px; color:var(--ink)}
#ritOv.rmb .rmbRead{margin:22px 0 0; font-family:var(--font-title); font-size:19px; line-height:1.45; color:var(--ink)}
#ritOv.rmb .rmbTipC{margin:16px 0 0; padding:14px 16px; border-radius:18px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine)}
#ritOv.rmb .rmbTipC .rmbLbl{margin:0; color:var(--z)}
#ritOv.rmb .rmbTipC p:not(.rmbLbl){margin:6px 0 0; font-size:15px; line-height:1.5; color:var(--ink)}
/* horoscop */
#ritOv.rmb .rmbSign{display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:22px}
#ritOv.rmb .rmbSign img{width:110px; height:110px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px color-mix(in srgb, var(--z) 55%, transparent), 0 14px 30px rgba(0,0,0,.4)}
#ritOv.rmb .rmbSign b{font-family:var(--font-title); font-weight:600; font-size:22px; color:var(--ink)}
#ritOv.rmb .rmbLucky{display:flex; flex-wrap:wrap; gap:8px; margin-top:14px}
#ritOv.rmb .rmbLucky span{display:inline-flex; align-items:center; gap:8px; height:36px; padding:0 14px 0 6px; border-radius:999px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); font-size:12.5px; color:var(--rmbSoft)}
#ritOv.rmb .rmbLucky i{min-width:24px; height:24px; padding:0 6px; border-radius:999px; display:grid; place-items:center; font-style:normal; font-weight:800; font-size:12px; color:var(--rmbDeep); background:var(--z)}
#ritOv.rmb .rmbLucky i.c{min-width:24px; padding:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
#ritOv.rmb .rmbWait{display:flex; align-items:center; justify-content:center; gap:7px; margin-top:26px; color:var(--rmbSoft); font-size:13.5px}
#ritOv.rmb .rmbWait i{width:8px; height:8px; border-radius:50%; background:var(--z); animation:rmbDot 1.2s ease-in-out infinite}
#ritOv.rmb .rmbWait i:nth-child(2){animation-delay:.2s} #ritOv.rmb .rmbWait i:nth-child(3){animation-delay:.4s}
#ritOv.rmb .rmbWait span{margin-left:6px}
@keyframes rmbDot{0%,100%{opacity:.25; transform:translateY(0)} 50%{opacity:1; transform:translateY(-4px)}}
/* trei carti de ales */
#ritOv.rmb .rmbDeal{display:flex; justify-content:center; gap:10px; margin-top:24px}
#ritOv.rmb .rmbDc{flex:1; max-width:110px; aspect-ratio:360/500; padding:0; border:0; border-radius:14px; overflow:hidden; cursor:pointer; background:none; box-shadow:0 14px 30px rgba(0,0,0,.45); transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .4s}
#ritOv.rmb .rmbDc img{width:100%; height:100%; object-fit:cover; display:block}
#ritOv.rmb .rmbDc:nth-child(1){transform:rotate(-6deg) translateY(8px)} #ritOv.rmb .rmbDc:nth-child(3){transform:rotate(6deg) translateY(8px)}
#ritOv.rmb .rmbDc:active{transform:scale(.96)}
#ritOv.rmb .rmbDeal.done .rmbDc:not(.on){opacity:0; transform:scale(.85)}
#ritOv.rmb .rmbDeal.done .rmbDc.on{transform:translateY(-8px) scale(1.06)}
/* cartile de iubire */
#ritOv.rmb .rmbLvDeal{display:flex; justify-content:center; gap:10px; margin-top:20px; perspective:1000px}
#ritOv.rmb .rmbLc{flex:1; max-width:112px; aspect-ratio:3/4.4; padding:0; border:0; background:none; cursor:pointer; transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .4s, max-width .45s}
#ritOv.rmb .rmbLc .in{position:relative; display:block; width:100%; height:100%; transform-style:preserve-3d; transition:transform .8s cubic-bezier(.3,.7,.2,1)}
#ritOv.rmb .rmbLc .f, #ritOv.rmb .rmbLc .b{position:absolute; inset:0; border-radius:16px; overflow:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; box-shadow:0 14px 30px rgba(0,0,0,.45)}
#ritOv.rmb .rmbLc .f{background:#1e3a2a center/cover no-repeat; box-shadow:0 14px 30px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.14)}
#ritOv.rmb .rmbLc .b{transform:rotateY(180deg); display:flex; flex-direction:column; justify-content:center; gap:10px; padding:16px; background:linear-gradient(160deg, #f5efe4, #e9dcc6); color:#2a2418; text-align:center}
#ritOv.rmb .rmbLc .b em{font-style:normal; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#b0457c}
#ritOv.rmb .rmbLc .b span{font-family:var(--font-title); font-size:16px; line-height:1.35}
#ritOv.rmb .rmbLc:nth-child(1){transform:rotate(-5deg) translateY(8px)} #ritOv.rmb .rmbLc:nth-child(3){transform:rotate(5deg) translateY(8px)}
#ritOv.rmb .rmbLvDeal.done .rmbLc:not(.on){max-width:0; flex:0 0 0; opacity:0; overflow:hidden}
#ritOv.rmb .rmbLvDeal.done .rmbLc.on{max-width:250px; flex:0 0 72%; transform:none}
#ritOv.rmb .rmbLvDeal.done .rmbLc.on .in{transform:rotateY(180deg)}
#ritOv.rmb .rmbLvDeal.done .rmbLc.on .b span{font-size:19px}
/* small wins */
#ritOv.rmb .rmbSwL{display:flex; flex-direction:column; gap:8px; margin-top:16px}
#ritOv.rmb .rmbSwL button{display:flex; align-items:center; gap:12px; width:100%; padding:13px 14px; border:0; border-radius:18px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink); text-align:left; cursor:pointer; font-family:var(--font-body); transition:background .25s, box-shadow .25s}
#ritOv.rmb .rmbSwL button i{width:28px; height:28px; flex:none; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 2px rgba(255,255,255,.25); transition:background .2s, box-shadow .2s}
#ritOv.rmb .rmbSwL button i svg{opacity:0; transition:opacity .2s}
#ritOv.rmb .rmbSwL button span{flex:1; min-width:0}
#ritOv.rmb .rmbSwL button b{display:block; font-size:15px; font-weight:600; line-height:1.35; color:var(--ink)}
#ritOv.rmb .rmbSwL button em{display:block; margin-top:2px; font-style:normal; font-size:11.5px; color:var(--rmbMute)}
#ritOv.rmb .rmbSwL button.on{background:color-mix(in srgb, var(--z) 12%, rgba(0,0,0,.2)); box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--z) 70%, transparent)}
#ritOv.rmb .rmbSwL button.on i{background:var(--z); box-shadow:none} #ritOv.rmb .rmbSwL button.on i svg{opacity:1}
#ritOv.rmb .rmbSwL button.on b{text-decoration:line-through; text-decoration-color:rgba(245,239,228,.4)}
/* 1397 [stated]: Small Wins in ritual arata ca unealta: regulile de mai jos sunt copiate din css/43 (#s-mlist -> .rmbSwEmb). Tine-le in sincron cu css/43. */
#ritOv .rmbSwEmb{--swInk:#f5efe4; --swSoft:rgba(245,239,228,.74); --swMute:rgba(245,239,228,.52); --swDeep:#14301f;
  --swGold:#f2c744; --swAcc:#d9e8b5; --swGrn:#8fd0a6; --swLine:rgba(255,255,255,.12)}
#ritOv .rmbSwEmb .swPanel{background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--swLine); border-radius:22px; padding:18px 16px; margin-top:14px; position:relative; overflow:hidden; color:var(--swInk); text-align:left}
#ritOv .rmbSwEmb .swPanel:first-child{margin-top:0}
#ritOv .rmbSwEmb .swFelt{background:linear-gradient(rgba(10,32,20,.55),rgba(10,32,20,.8)), url(../img/hs-cardbg-body.webp) center/cover}
#ritOv .rmbSwEmb .swBig{font-family:var(--font-title); font-weight:600; font-size:40px; line-height:1; color:var(--swInk)}
#ritOv .rmbSwEmb .swBig.bump{animation:swBump .55s ease}
#ritOv .rmbSwEmb .swStk{display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:6px 10px; border-radius:999px; background:rgba(242,199,68,.13); color:var(--swGold); font-weight:700; font-size:12px}
#ritOv .rmbSwEmb .swNxt{font-size:11.5px; color:var(--swMute); margin-top:8px; line-height:1.4}
#ritOv .rmbSwEmb .swTdH{display:flex; align-items:baseline; justify-content:space-between}
#ritOv .rmbSwEmb .swTdH b{font-family:var(--font-title); font-weight:600; font-size:19px; color:var(--swInk)}
#ritOv .rmbSwEmb .swTdH span{font-weight:700; font-size:13px; color:var(--swSoft)}
#ritOv .rmbSwEmb .swBar{height:7px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; margin:10px 0 4px}
#ritOv .rmbSwEmb .swBar i{display:block; height:100%; border-radius:999px; background:linear-gradient(90deg,var(--swGrn),var(--swAcc)); transition:width .5s cubic-bezier(.2,.8,.2,1)}
#ritOv .rmbSwEmb .swRule{font-size:11.5px; color:var(--swMute); margin:6px 0 4px}
#ritOv .rmbSwEmb .swRow.on .swN{opacity:.62}
#ritOv .rmbSwEmb .swM{display:flex; gap:6px; margin-top:5px; flex-wrap:wrap}
#ritOv .rmbSwEmb .swChip{font-weight:600; font-size:10.5px; padding:3px 8px; border-radius:999px; background:rgba(255,255,255,.07); color:var(--swSoft)}
#ritOv .rmbSwEmb .swPanel.swFelt{background:linear-gradient(rgba(6,20,12,.35),rgba(6,20,12,.55)) !important}
#ritOv .rmbSwEmb :is(.swCmpT, .swCmpT *, .swSet, .swSet *, .swRT, .swRT *, .swIntro, .swIntro *, .swTdH, .swRule:not(.swCnt), .swBline p, .swEr *){text-align:left !important}
#ritOv .rmbSwEmb .swBkH{display:flex; align-items:flex-end; justify-content:space-between; gap:10px}
#ritOv .rmbSwEmb .swBkH > div{flex:1; min-width:0; text-align:left}
#ritOv .rmbSwEmb .swBkH em{display:block; font-style:normal; font-weight:700; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--swAcc)}
#ritOv .rmbSwEmb .swBkH b{display:block; text-align:left; margin-top:4px; font-family:var(--font-title); font-weight:600; font-size:21px; line-height:1.2; color:var(--swInk)}
#ritOv .rmbSwEmb .swBkH span{flex:none; padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.35); font-weight:800; font-size:12px; color:var(--swInk)}
#ritOv .rmbSwEmb .swBk{position:relative; width:100%; max-width:300px; aspect-ratio:3/4; margin:14px auto 0; border-radius:18px; overflow:hidden; background:#0c1f14}
#ritOv .rmbSwEmb .swBk .gh{inset:0; background-size:cover; background-position:center; filter:grayscale(1) brightness(1.05) contrast(.9); opacity:.34}
#ritOv .rmbSwEmb .swBk::after{content:''; position:absolute; inset:0; border-radius:18px; border:2px dashed rgba(245,239,228,.28); pointer-events:none}
#ritOv .rmbSwEmb .swBk i{position:absolute; display:block; box-sizing:border-box}
#ritOv .rmbSwEmb .swBk .b{padding:1px}
#ritOv .rmbSwEmb .swBk .b u{display:block; width:100%; height:100%; background-repeat:no-repeat; border-radius:4px;
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.28), inset 0 -2.5px 0 rgba(0,0,0,.32), inset 1.5px 0 0 rgba(255,255,255,.1), inset -1.5px 0 0 rgba(0,0,0,.2), 0 2px 4px rgba(0,0,0,.35)}
#ritOv .rmbSwEmb .swBk .b.nw{animation:swDrop .6s cubic-bezier(.3,1.5,.5,1) both}
#ritOv .rmbSwEmb .swBk .nx{border:2px dashed rgba(242,199,68,.75); border-radius:5px; margin:1px; animation:swNx 1.6s ease-in-out infinite}
#ritOv .rmbSwEmb .swBkNx{margin:12px 0 0; text-align:center; font-size:12.5px; line-height:1.45; color:var(--swSoft)}
#ritOv .rmbSwEmb .swBkT{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid var(--swLine)}
#ritOv .rmbSwEmb .swBkT .swStk{margin-top:0; white-space:nowrap; flex:none}
#ritOv .rmbSwEmb .swAlbH{margin-top:16px; font-weight:700; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--swAcc)}
#ritOv .rmbSwEmb .swAlb{display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-top:8px}
#ritOv .rmbSwEmb .swAlb button{position:relative; aspect-ratio:3/4; border:0; padding:0; border-radius:12px; overflow:hidden; background:rgba(0,0,0,.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); color:var(--swMute); cursor:pointer; display:flex; align-items:center; justify-content:center}
#ritOv .rmbSwEmb .swAlb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
#ritOv .rmbSwEmb .swAlb .on{box-shadow:inset 0 0 0 2px rgba(242,199,68,.7)}
#ritOv .rmbSwEmb .swAlb .cur img{filter:grayscale(1) brightness(.6); opacity:.55}
#ritOv .rmbSwEmb .swAlb .cur b{position:absolute; left:6px; right:6px; bottom:6px; height:5px; border-radius:9px; background:linear-gradient(90deg,var(--swGold) var(--p),rgba(255,255,255,.2) var(--p))}
#ritOv .rmbSwEmb .swAlb svg{width:20px; height:20px}
#ritOv .rmbSwEmb .swC{padding:14px 14px 12px}
#ritOv .rmbSwEmb .swCRow{display:flex; align-items:center; gap:14px}
#ritOv .rmbSwEmb .swCBk{flex:none; width:96px}
#ritOv .rmbSwEmb .swCBk .swBk{max-width:none; margin:0; border-radius:12px}
#ritOv .rmbSwEmb .swCBk .swBk::after{border-radius:12px; border-width:1.5px}
#ritOv .rmbSwEmb .swCBk .swBk .b u{border-radius:2.5px}
#ritOv .rmbSwEmb .swCBk .swBk .nx{border-width:1.5px; border-radius:3px}
#ritOv .rmbSwEmb .swCInfo{flex:1; min-width:0; text-align:left}
#ritOv .rmbSwEmb .swCInfo em{display:block; font-style:normal; font-weight:700; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--swAcc)}
#ritOv .rmbSwEmb .swCInfo > b{display:block; margin-top:3px; font-family:var(--font-title); font-weight:600; font-size:18px; line-height:1.2; color:var(--swInk); text-align:left !important}
#ritOv .rmbSwEmb .swCPr{height:6px; border-radius:9px; background:rgba(255,255,255,.12); overflow:hidden; margin-top:9px}
#ritOv .rmbSwEmb .swCPr i{display:block; height:100%; border-radius:9px; background:linear-gradient(90deg,var(--swGrn),var(--swGold)); transition:width .6s cubic-bezier(.2,.8,.2,1)}
#ritOv .rmbSwEmb .swCCt{display:block; margin-top:5px; font-size:11.5px; font-weight:600; color:var(--swSoft); font-variant-numeric:tabular-nums}
#ritOv .rmbSwEmb .swCSt{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px}
#ritOv .rmbSwEmb .swCTot{display:flex; align-items:center; gap:6px; min-width:0}
#ritOv .rmbSwEmb .swCTot .swBig{font-size:28px}
#ritOv .rmbSwEmb .swCTot small{font-size:11px; color:var(--swMute); line-height:1.2}
#ritOv .rmbSwEmb .swCSt .swStk{margin-top:0; flex:none}
#ritOv .rmbSwEmb .swCFoot{display:flex; align-items:center; gap:10px; margin-top:12px; padding-top:11px; border-top:1px solid var(--swLine)}
#ritOv .rmbSwEmb .swCFoot .swAlb{flex:1; min-width:0; margin-top:0; gap:5px}
#ritOv .rmbSwEmb .swCFoot .swAlb button{border-radius:8px}
#ritOv .rmbSwEmb .swCFoot .swAlb svg{width:14px; height:14px}
#ritOv .rmbSwEmb .swCFoot .swAlb .cur b{left:3px; right:3px; bottom:3px; height:3px}
#ritOv .rmbSwEmb .swStB{flex:none; display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 12px; border:0; border-radius:999px; background:rgba(242,199,68,.14); color:var(--swGold); font-family:var(--font-body); font-weight:700; font-size:12px; cursor:pointer; white-space:nowrap}
#ritOv .rmbSwEmb.screen > .thHero + div > .swNowWrap{max-width:none; margin-left:-20px !important; margin-right:-20px !important; margin-top:4px}
#ritOv .rmbSwEmb .swC{padding:16px}
#ritOv .rmbSwEmb .swCRow{gap:14px; align-items:center}
#ritOv .rmbSwEmb .swCBk{width:88px}
#ritOv .rmbSwEmb .swCInfo > b{font-size:17px; line-height:1.22; margin-top:4px; overflow-wrap:anywhere}
#ritOv .rmbSwEmb .swCInfo em{line-height:1.2}
#ritOv .rmbSwEmb .swCPr{margin-top:10px}
#ritOv .rmbSwEmb .swCCt{margin-top:6px; line-height:1.35}
#ritOv .rmbSwEmb .swCSt{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px; padding:8px 8px 8px 14px; min-height:48px; border-radius:16px; background:rgba(255,255,255,.06); box-sizing:border-box}
#ritOv .rmbSwEmb .swCTot{display:flex; align-items:center; gap:8px; min-width:0; flex:1}
#ritOv .rmbSwEmb .swCTot .swBig{font-size:28px; line-height:1; flex:none}
#ritOv .rmbSwEmb .swCTot small{font-size:12px; line-height:1.2; color:var(--swSoft); min-width:0; flex:1}
#ritOv .rmbSwEmb .swCSt .swStk{margin:0; flex:none; height:32px; box-sizing:border-box; padding:0 12px}
#ritOv .rmbSwEmb .swCFoot{margin-top:12px; padding-top:0; border-top:0; gap:12px}
#ritOv .rmbSwEmb .swStB{height:40px; padding:0 14px}
#ritOv .rmbSwEmb .swPgH{display:flex; align-items:center; justify-content:space-between; gap:10px; margin:12px 0 0; min-height:26px}
#ritOv .rmbSwEmb .swPgL{display:inline-flex; align-items:baseline; gap:8px; min-width:0}
#ritOv .rmbSwEmb .swPgL b{font-family:var(--font-body) !important; font-weight:700; font-size:13.5px; color:var(--swInk)}
#ritOv .rmbSwEmb .swPgL em{font-style:normal; font-weight:700; font-size:11.5px; color:var(--swMute); font-variant-numeric:tabular-nums}
#ritOv .rmbSwEmb .swPgI .swRow:first-child{margin-top:6px}
#ritOv .rmbSwEmb .swRT .swM{margin-top:6px}
#ritOv .rmbSwEmb .swPanel .swAddR input[type=text]{height:56px !important; border:0 !important; border-radius:16px !important; padding:0 16px !important; background:rgba(255,255,255,.04) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) !important; color:#f5efe4 !important; -webkit-text-fill-color:#f5efe4; font-family:var(--font-body) !important; font-size:14.5px !important; outline:none}
#ritOv .rmbSwEmb .swPanel .swAddR input[type=text]::placeholder{color:rgba(245,239,228,.5) !important; -webkit-text-fill-color:rgba(245,239,228,.5)}
#ritOv .rmbSwEmb .swPanel .swAddR input[type=text]:focus{box-shadow:inset 0 0 0 1px rgba(143,208,166,.5) !important; background:rgba(255,255,255,.06) !important}
#ritOv .rmbSwEmb .swPanel .swAddR .swRb{width:56px !important; height:56px !important; flex:none; border-radius:16px !important; border:0; background:rgba(255,255,255,.04) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.1) !important; color:#8fd0a6 !important; display:grid; place-items:center; padding:0; cursor:pointer; -webkit-tap-highlight-color:transparent}
#ritOv .rmbSwEmb .swPanel .swAddR .swRb:active{background:rgba(143,208,166,.14) !important}
#ritOv .rmbSwEmb .swNtf{display:flex; align-items:center; gap:12px; width:100%; margin-top:12px; padding:12px 14px 12px 12px; min-height:60px; box-sizing:border-box; border:0; border-radius:16px; background:rgba(242,199,68,.07); box-shadow:inset 0 0 0 1px rgba(242,199,68,.16); color:#f5efe4; text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent}
#ritOv .rmbSwEmb .swNtfI{flex:none; width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:rgba(242,199,68,.14); color:#f2c744}
#ritOv .rmbSwEmb .swNtfT{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
#ritOv .rmbSwEmb .swNtfT b{font-family:var(--font-body) !important; font-weight:700; font-size:14px; color:#f5efe4}
#ritOv .rmbSwEmb .swNtfT em{font-style:normal; font-size:11.5px; line-height:1.35; color:rgba(245,239,228,.6)}
#ritOv .rmbSwEmb .swNtf.on .swSw{background:#8fd0a6}
#ritOv .rmbSwEmb .swNtf.on .swSw u{transform:translateX(18px)}
#ritOv .rmbSwEmb .swNtf, #ritOv .rmbSwEmb .swNtf *{text-align:left !important}
/* ===================== 1397 [stated] ===================== */
/* iconitele Minte / Corp / Suflet, din fetru (ca Scurtaturile) */
#ritOv.rmb .rmbZi{width:88px; height:88px; border-radius:26px; background:#1b1830 center/cover no-repeat; box-shadow:0 12px 26px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.12)}
#ritOv.rmb .rmbTrio b{margin-top:12px}
/* intrarea elementelor: blocurile urca, listele vin din dreapta, pe rand */
#ritOv.rmb .rmbA{animation:rmbRise .6s cubic-bezier(.2,.8,.2,1) backwards; animation-delay:calc(var(--i,0)*65ms + 60ms)}
#ritOv.rmb .rmbS{animation:rmbSlide .55s cubic-bezier(.2,.8,.2,1) backwards; animation-delay:calc(var(--i,0)*55ms + 80ms)}
@keyframes rmbRise{from{opacity:0; transform:translateY(16px)}}
@keyframes rmbSlide{from{opacity:0; transform:translateX(28px)}}
@media (prefers-reduced-motion: reduce){ #ritOv.rmb .rmbA, #ritOv.rmb .rmbS{animation:none} }
/* nicio masca nu taie umbrele: banda de jos si randul de piese au loc pentru umbra */
#ritOv.rmb .rmbF{margin-left:-18px; margin-right:-18px; padding-left:18px; padding-right:18px}
#ritOv.rmb .rmbFav{margin:0 -18px; padding:10px 0 0}
#ritOv.rmb .rmbFav .rmbLbl{margin:0 22px 4px}
#ritOv.rmb .rmbFavRow{gap:12px; padding:10px 18px 26px; scroll-padding:0 18px}
#ritOv.rmb .rmbFavT{flex-basis:108px}
#ritOv.rmb .rmbFavT img{width:108px; height:108px}
#ritOv.rmb .rmbFavT.on img{box-shadow:0 0 0 3px var(--z), 0 10px 22px rgba(0,0,0,.4)}
#ritOv.rmb .rmbMulti{margin:16px 0 0; font-size:12.5px; font-weight:700; letter-spacing:.04em; color:var(--z)}
#ritOv.rmb .rmbMulti + .rmbOpts{margin-top:10px}
#ritOv.rmb .rmbProg i.no{opacity:.35}
/* ziua personala */
#ritOv.rmb .rmbPd{text-align:center}
#ritOv.rmb .rmbPdEye{margin:20px 0 0; font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .rmbPdDial{position:relative; width:236px; height:236px; margin:16px auto 0}
#ritOv.rmb .rmbPdDial svg{width:100%; height:100%; overflow:visible}
#ritOv.rmb .rmbPdDial .trk{fill:none; stroke:rgba(255,255,255,.1); stroke-width:2}
#ritOv.rmb .rmbPdDial .arc{fill:none; stroke:url(#rmbPdG); stroke-width:3; stroke-linecap:round; transform:rotate(-90deg); transform-origin:110px 110px; transition:stroke-dashoffset 1.6s cubic-bezier(.3,.7,.2,1) .2s; filter:drop-shadow(0 0 6px rgba(242,199,68,.45))}
#ritOv.rmb .rmbPd.go .arc{stroke-dashoffset:var(--to)}
#ritOv.rmb .rmbPdDial .nd circle{fill:rgba(12,18,40,.9); stroke:rgba(255,255,255,.22); stroke-width:1.2}
#ritOv.rmb .rmbPdDial .nd text{fill:rgba(245,239,228,.55); font-family:var(--font-body); font-size:10px; font-weight:700; text-anchor:middle}
#ritOv.rmb .rmbPdDial .nd.past circle{stroke:rgba(242,199,68,.5)}
#ritOv.rmb .rmbPdDial .nd.on circle{fill:url(#rmbPdG); stroke:none; filter:drop-shadow(0 0 10px rgba(242,199,68,.7))}
#ritOv.rmb .rmbPdDial .nd.on text{fill:#2a1f06; font-size:13px; font-weight:800}
#ritOv.rmb .rmbPdDial .nd{opacity:0; transform-box:fill-box; transform-origin:center; transform:scale(.4); transition:opacity .4s, transform .5s cubic-bezier(.3,1.5,.5,1); transition-delay:calc(var(--d)*90ms + .2s)}
#ritOv.rmb .rmbPd.go .nd{opacity:1; transform:none}
#ritOv.rmb .rmbPdC{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none}
#ritOv.rmb .rmbPdC b{font-family:var(--font-title); font-weight:600; font-size:92px; line-height:.9; background:linear-gradient(160deg, #fff6d8, #f2c744 55%, #c9922a); -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 6px 18px rgba(242,199,68,.25));
  opacity:0; transform:scale(.7); transition:opacity .7s .5s, transform .9s cubic-bezier(.3,1.4,.4,1) .5s}
#ritOv.rmb .rmbPdC span{margin-top:8px; font-size:11px; font-weight:800; letter-spacing:.26em; text-transform:uppercase; color:var(--ink); opacity:0; transform:translateY(6px); transition:opacity .5s 1s, transform .5s 1s}
#ritOv.rmb .rmbPd.go .rmbPdC b, #ritOv.rmb .rmbPd.go .rmbPdC span{opacity:1; transform:none}
#ritOv.rmb .rmbPdCalc{display:flex; justify-content:center; align-items:flex-end; gap:6px; margin-top:14px; flex-wrap:wrap}
#ritOv.rmb .rmbPdCalc span{display:flex; flex-direction:column; align-items:center; gap:3px; min-width:42px; padding:7px 8px 6px; border-radius:12px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); font-family:var(--font-title); font-size:16px; color:var(--ink)}
#ritOv.rmb .rmbPdCalc span em{font-style:normal; font-family:var(--font-body); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--rmbMute)}
#ritOv.rmb .rmbPdCalc span.on{background:linear-gradient(160deg, rgba(242,199,68,.28), rgba(242,199,68,.1)); box-shadow:inset 0 0 0 1.5px rgba(242,199,68,.7); color:#fbe7a6}
#ritOv.rmb .rmbPdCalc i{font-style:normal; padding-bottom:9px; color:var(--rmbMute); font-size:13px}
#ritOv.rmb .rmbPdRead{margin:22px 4px 0; font-family:var(--font-title); font-size:20px; line-height:1.45; color:var(--ink)}
#ritOv.rmb .rmbPdDo{display:flex; gap:14px; align-items:flex-start; margin:18px 0 0; padding:16px; border-radius:20px; text-align:left;
  background:linear-gradient(135deg, rgba(242,199,68,.12), rgba(0,0,0,.2) 60%); box-shadow:inset 0 0 0 1px rgba(242,199,68,.28)}
#ritOv.rmb .rmbPdDo > i{width:38px; height:38px; flex:none; border-radius:50%; display:grid; place-items:center; color:#2a1f06; background:linear-gradient(160deg, #fbe7a6, #f2c744)}
#ritOv.rmb .rmbPdDo > i svg{width:20px; height:20px}
#ritOv.rmb .rmbPdDo .rmbLbl{margin:2px 0 0; color:#f2c744}
#ritOv.rmb .rmbPdDo p:not(.rmbLbl){margin:5px 0 0; font-size:15px; line-height:1.5; color:var(--ink)}
/* Small Wins din unealta */
#ritOv.rmb .rmbSwP{margin-top:18px}
#ritOv.rmb .rmbSwEmb{margin-top:14px}
#ritOv.rmb .rmbSwEmb .swPanel{overflow:visible}
#ritOv.rmb .rmbSwEmb .swPanel.swFelt{overflow:hidden}
#ritOv.rmb .rmbSwEmb .rmbSwGh{margin:16px 0 8px}
#ritOv.rmb .rmbSwEmb .swRow{margin-top:8px; cursor:pointer}
/* cartea de iubire: fata rosie */
#ritOv.rmb .rmbLc .b{justify-content:center; gap:12px; padding:18px 16px; color:#fbeee6; text-align:center;
  background:radial-gradient(120% 90% at 50% 0%, #c43a4b 0%, #8e1c2c 55%, #5a0f1c 100%), var(--feltTex); background-blend-mode:normal, multiply;
  box-shadow:0 14px 30px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.14), inset 0 0 0 7px rgba(90,15,28,.35), inset 0 0 0 8px rgba(251,231,166,.35)}
#ritOv.rmb .rmbLc .b em{font-style:normal; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#fbe7a6; line-height:1.4}
#ritOv.rmb .rmbLc .b .hr{display:block; width:34px; height:1.5px; margin:0 auto; background:rgba(251,231,166,.55); border-radius:2px}
#ritOv.rmb .rmbLc .b span{font-family:var(--font-title); font-size:16px; line-height:1.35; color:#fff7f0}
#ritOv.rmb .rmbLc .b .ht{display:block; color:#fbe7a6; opacity:.85}
#ritOv.rmb .rmbLvDeal.done .rmbLc.on .b em{font-size:11.5px}
#ritOv.rmb .rmbLvDeal.done .rmbLc.on .b span{font-size:20px}
/* final: noapte mov cu stele discrete, sigiliu auriu, medalioane de fetru */
#ritOv.rmb .rmbScr.rmbDoneS{position:relative}
#ritOv.rmb .rmbStars{position:absolute; inset:0 -18px; pointer-events:none; z-index:0; overflow:hidden}
#ritOv.rmb .rmbStars i{position:absolute; border-radius:50%; background:#fff; opacity:.3; animation:tw 4s ease-in-out infinite}
#ritOv.rmb .rmbDoneS > *:not(.rmbStars){position:relative; z-index:1}
#ritOv.rmb .rmbDoneS .rmbF{position:sticky}
#ritOv.rmb .rmbDoneB{padding-bottom:6px}
#ritOv.rmb .rmbSeal{width:112px; height:112px; margin:14px auto 0}
#ritOv.rmb .rmbSeal svg{width:100%; height:100%; overflow:visible}
#ritOv.rmb .rmbSeal .halo{fill:rgba(242,199,68,.10); stroke:rgba(242,199,68,.18); stroke-width:1; transform-origin:60px 60px; animation:rmbHalo 2.8s ease-in-out infinite}
#ritOv.rmb .rmbSeal .ring{fill:rgba(20,12,46,.6); stroke:url(#rmbSealG); stroke-width:3; stroke-dasharray:277; stroke-dashoffset:277; transform:rotate(-90deg); transform-origin:60px 60px; animation:rmbDraw 1s cubic-bezier(.3,.7,.2,1) .2s forwards; filter:drop-shadow(0 0 8px rgba(242,199,68,.5))}
#ritOv.rmb .rmbSeal .ck{fill:none; stroke:url(#rmbSealG); stroke-width:6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:62; stroke-dashoffset:62; animation:rmbDraw .5s ease-out 1s forwards}
@keyframes rmbDraw{to{stroke-dashoffset:0}}
@keyframes rmbHalo{0%,100%{transform:scale(.94); opacity:.6} 50%{transform:scale(1.06); opacity:1}}
#ritOv.rmb .rmbDoneB .rmbEye{margin-top:14px; color:#f2c744}
#ritOv.rmb .rmbMeds{display:flex; justify-content:center; gap:12px; margin-top:26px}
#ritOv.rmb .rmbMed{flex:1; max-width:108px; display:flex; flex-direction:column; align-items:center; text-align:center}
#ritOv.rmb .rmbMed .ic{position:relative; width:80px; height:80px; border-radius:24px; background:center/cover no-repeat; box-shadow:0 12px 26px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.14)}
#ritOv.rmb .rmbMed .ic em{position:absolute; right:-7px; bottom:-7px; width:28px; height:28px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(160deg, #fbe7a6, #f2c744); box-shadow:0 4px 10px rgba(0,0,0,.4), 0 0 0 3px rgb(var(--rmbBg)); animation:rmbPop .5s cubic-bezier(.3,1.6,.5,1) both; animation-delay:calc(var(--i,0)*90ms + .9s)}
#ritOv.rmb .rmbMed .ic em svg{width:13px; height:13px}
@keyframes rmbPop{from{transform:scale(0)} to{transform:scale(1)}}
#ritOv.rmb .rmbMed b{margin-top:12px; font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .rmbMed small{margin-top:5px; font-size:12.5px; line-height:1.35; color:var(--rmbSoft)}
#ritOv.rmb .rmbWk{margin-top:26px; padding:16px 14px 14px; border-radius:22px; background:rgba(14,8,34,.42); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#ritOv.rmb .rmbWk .rmbLbl{margin:0; color:var(--rmbSoft)}
#ritOv.rmb .rmbWk .row{display:flex; justify-content:space-between; gap:4px; margin-top:12px}
#ritOv.rmb .rmbWk span{flex:1; display:flex; flex-direction:column; align-items:center; gap:7px}
#ritOv.rmb .rmbWk span i{width:30px; height:30px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
#ritOv.rmb .rmbWk span i svg{width:12px; height:12px}
#ritOv.rmb .rmbWk span.y i{background:radial-gradient(circle at 35% 30%, #fff6d8, #f2c744 60%, #c9922a); box-shadow:0 0 12px rgba(242,199,68,.45)}
#ritOv.rmb .rmbWk span.t i{box-shadow:0 0 0 2px rgba(242,199,68,.8), 0 0 14px rgba(242,199,68,.4)}
#ritOv.rmb .rmbWk span em{font-style:normal; font-size:10.5px; font-weight:700; text-transform:uppercase; color:var(--rmbMute)}
#ritOv.rmb .rmbWk span.t em{color:#f2c744}
#ritOv.rmb .rmbWk .rmbNote{margin-top:12px}
#ritOv.rmb .rmbDoneB .rmbEcho{display:flex; align-items:flex-start; gap:12px; text-align:left; background:rgba(14,8,34,.42); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#ritOv.rmb .rmbDoneB .rmbEcho img{width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none; box-shadow:0 0 0 2px rgba(242,199,68,.5)}
#ritOv.rmb .rmbDoneB .rmbEcho .rmbLbl{color:#f2c744}
/* banda de jos acopera curat ce e dedesubt, pe toata latimea (fara text care se vede printre butoane) */
#ritOv.rmb .rmbF{background:linear-gradient(rgba(var(--rmbBg),0), rgba(var(--rmbBg),.97) 22px, rgb(var(--rmbBg)) 100%)}
#ritOv.rmb .rmbF2{padding-top:22px}