/* Higher Self - build 1440 + 1442 + 1443 + 1444 + 1447 + 1448. Pachetul de citiri (js/99q-deck.js): Calea Vietii si "Read me in depth".
   Reteta din mockup-ul aprobat (sw/lpm/tpl.html). Fara filter si fara backdrop-filter in cardurile rotite 3D. */
.dkWrap{position:relative; margin:0 -22px}
.dkHead{text-align:center; padding:0 26px; margin:6px 0 0}
.dkHead b{display:block; font-family:var(--font-title); font-weight:700; font-size:21px; line-height:1.2; color:#f5efe4; text-wrap:wrap}
.dkHead span{display:block; margin-top:4px; font-size:12.5px; letter-spacing:.06em; color:rgba(245,239,228,.62); text-wrap:wrap}
.dkCar{position:relative; padding:14px 0 6px; overflow-x:clip; overflow-y:visible; touch-action:pan-y; perspective:1100px;
  user-select:none; -webkit-user-select:none; cursor:grab}
.dkCar.dkDrag{cursor:grabbing}
.dkTrack{position:relative; height:calc(var(--dkH, 400px) + 40px); transform-style:preserve-3d}
.dkCard{position:absolute; left:50%; top:14px; width:var(--dkW, 280px); height:var(--dkH, 400px); margin-left:calc(var(--dkW, 280px) / -2); will-change:transform}
.dkCard .dkGl{position:absolute; left:-16%; right:-16%; top:-8%; bottom:-16%; border-radius:50%; pointer-events:none; opacity:0;
  background:radial-gradient(closest-side, var(--dkGl) 0%, rgba(0,0,0,0) 100%)}
.dkCard .dkSh{position:absolute; left:-13%; right:-13%; top:-6%; bottom:-13%; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(8,4,30,.62) 0%, rgba(8,4,30,.5) 55%, rgba(8,4,30,.2) 80%, rgba(8,4,30,0) 100%)}
.dkIn{position:relative; width:100%; height:100%; border-radius:30px; overflow:hidden; background:var(--dkG); display:flex; flex-direction:column; align-items:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); animation:dkBob 7s ease-in-out infinite; backface-visibility:hidden}
.dkCard:nth-child(2n) .dkIn{animation-duration:8s; animation-delay:-2s}
.dkCard:nth-child(3n) .dkIn{animation-duration:9s; animation-delay:-4s}
.dkCar.dkDrag .dkIn, .dkCar.dkIdle .dkIn, .dkCar.dkIdle .dkIcw{animation-play-state:paused}
@keyframes dkBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.dkIn:before{content:''; position:absolute; inset:0; background-image:var(--feltTex); opacity:.28; mix-blend-mode:overlay; pointer-events:none}
.dkIn:after{content:''; position:absolute; inset:0; background:radial-gradient(70% 36% at 50% 16%, rgba(255,255,255,.3), transparent 70%); pointer-events:none}
.dkDim{position:absolute; inset:0; z-index:5; border-radius:inherit; background:#0b0620; opacity:0; pointer-events:none}
.dkIcw{position:relative; z-index:1; width:calc(var(--dkW, 280px) * .42); height:calc(var(--dkW, 280px) * .42); margin-top:calc(var(--dkW, 280px) * .07); flex:none;
  animation:dkIc 6s ease-in-out infinite}
.dkCard:nth-child(2n) .dkIcw{animation-delay:-3s}
.dkIcw:before{content:''; position:absolute; left:18%; right:18%; bottom:-2%; height:12%; border-radius:50%; background:radial-gradient(closest-side, rgba(10,5,30,.38), transparent)}
.dkIc{position:relative; display:block; width:100%; height:100%; object-fit:contain; -webkit-user-drag:none}
@keyframes dkIc{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.dkNum{position:absolute; right:-6%; bottom:2%; min-width:40px; height:40px; padding:0 9px; box-sizing:border-box; border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:#f5efe4; color:#221443; font-family:var(--font-title); font-weight:700; font-size:18px; white-space:nowrap; box-shadow:0 4px 10px rgba(10,5,30,.25)}
.dkT{position:relative; z-index:1; margin:8px auto 0; padding:0 16px; box-sizing:content-box; font-family:var(--font-title); font-weight:700; font-size:24px; line-height:1.15; text-align:center; color:#fff;
  text-shadow:0 2px 12px rgba(10,5,30,.25); text-wrap:wrap}
.dkCap{position:relative; z-index:2; flex:1; align-self:stretch; margin:14px 10px 10px; border-radius:22px; padding:16px 14px;
  background:linear-gradient(rgba(255,255,255,.2), rgba(255,255,255,.09)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.22), 0 6px 18px rgba(10,5,30,.16);
  display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; color:rgba(255,255,255,.93)}
.dkCap > *{max-width:100%}
.dkP{margin:0 auto; font-family:var(--font-body); font-size:calc(15px * var(--dkFs, 1)); line-height:1.45; color:rgba(255,255,255,.93); text-wrap:wrap}
.dkP + .dkP{margin-top:9px}
.dkPair + .dkPair{margin-top:12px}
.dkPair b{display:block; margin-left:auto; margin-right:auto; font-family:var(--font-title); font-size:calc(16px * var(--dkFs, 1)); font-weight:700; color:#fff; margin-bottom:2px; text-wrap:wrap}
.dkPair .dkP{font-size:calc(14.5px * var(--dkFs, 1))}
.dkLi{display:flex; align-items:baseline; justify-content:flex-start; gap:9px; width:100%; text-align:left; font-size:calc(14.5px * var(--dkFs, 1)); line-height:1.4; color:rgba(255,255,255,.93); text-wrap:pretty}
.dkLi + .dkLi{margin-top:7px}
.dkLi i{font-style:normal; font-weight:800; color:#fff; opacity:.85}
.dkEvoT{font-family:var(--font-title); font-weight:700; font-size:17px; color:#fff}
.dkQ{margin:4px auto 10px; font-family:var(--font-title); font-style:italic; font-size:calc(16px * var(--dkFs, 1)); line-height:1.35; color:#fff; text-wrap:wrap}
.dkPills{display:flex; flex-direction:column; gap:8px; width:100%}
.dkPill{padding:9px 12px; border-radius:14px; background:rgba(255,255,255,.12); font-size:calc(14px * var(--dkFs, 1)); line-height:1.4; text-wrap:wrap}
.dkCard.dkSide .dkCap{pointer-events:none}
.dkDots{display:flex; justify-content:center; gap:6px; margin:4px 0 0}
.dkDots i{width:6px; height:6px; border-radius:3px; background:rgba(255,255,255,.28); transition:width .35s, background .35s}
.dkDots i.on{width:18px; background:#f5efe4}
/* culori */
.dkCard.purple{--dkG:linear-gradient(165deg,#c7b4fb 0%,#8b6be0 34%,#4b2b93 72%,#2f1a6b 100%); --dkGl:rgba(150,115,240,.55)}
.dkCard.green{--dkG:linear-gradient(165deg,#b7ecd2 0%,#4fb489 34%,#1d6f50 72%,#0f4433 100%); --dkGl:rgba(70,190,140,.5)}
.dkCard.blue{--dkG:linear-gradient(165deg,#bed6fb 0%,#5a8fe0 34%,#2a56b0 72%,#162f6e 100%); --dkGl:rgba(90,145,235,.55)}
@media (prefers-reduced-motion:reduce){.dkIn, .dkIcw{animation:none}}

/* postarea gazda: fara rama, fara caruselul vechi; ramane bara cu like / share / save */
.hsPost.dkHost{background:none !important; box-shadow:none !important; border:0 !important; overflow:visible !important; margin-top:0}
.hsPost.dkHost > .hsPostBody, .hsPost.dkHost .hsPostBar .hsPostSp .hsDots{display:none !important}
.hsPost.dkHost:not(.dkWho) > .hsPostTop{display:none !important}
.hsPost.dkHost.dkWho > .hsPostTop{display:flex !important; justify-content:center !important; align-items:center; gap:10px; background:none !important; padding:0 0 4px !important; text-align:left}
.hsPost.dkHost.dkWho > .hsPostTop .igWho{flex:none !important; width:auto !important}
.hsPost.dkHost.dkWho > .hsPostTop .igWho b{color:#f5efe4 !important; font-family:var(--font-title)}
.hsPost.dkHost.dkWho > .hsPostTop .igWho span{color:rgba(245,239,228,.6) !important}
.hsPost.dkHost .hsPostBar{display:flex !important; justify-content:center !important; gap:10px !important; background:none !important; padding:14px 0 4px !important; margin:0 !important}
.hsPost.dkHost .hsPostBar .hsPostSp{display:none !important}
.hsPost.dkHost .hsPostAct{width:44px !important; height:44px !important; border-radius:50% !important; display:grid !important; place-items:center !important;
  background:rgba(255,255,255,.08) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16) !important; color:#f5efe4 !important; margin:0 !important; padding:0 !important}
.hsPost.dkHost .hsPostAct.on{color:#ff8fa3 !important}
.hsPost.dkHost .hsPostAct[data-ps].on{color:#f2c744 !important}
.hsPost.dkHost .hsPostAct svg{width:20px; height:20px}
#dpBody .hsPost.dkHost{margin-bottom:34px !important}
/* butoanele de sub citirea scurta, ca in mockup */
#lpFlow > .hsBtn:not(.ghostB){background:#cfbff7 !important; color:#221443 !important; border:0 !important; border-radius:999px !important; min-height:52px;
  font-family:var(--font-body) !important; font-weight:800 !important; font-size:15px !important; box-shadow:0 8px 22px rgba(0,0,0,.28) !important; margin-top:18px !important}
#lpFlow > .hsBtn.ghostB{background:rgba(255,255,255,.07) !important; color:#f5efe4 !important; border:0 !important; border-radius:999px !important; min-height:48px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18) !important; font-family:var(--font-body) !important; font-weight:700 !important}
#lpFlow > .hsBtn::before{display:none !important}

/* poza distribuita: cardul drept, pe fetrul paginii, 4:5 */
.dkShotHost{position:fixed; left:-20000px; top:0; pointer-events:none}
.dkShotFr{position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  background:radial-gradient(120% 60% at 50% -10%, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 60%), var(--felt, #2a1866)}
.dkShotFr .dkCard{position:relative; left:auto; top:auto; margin:0; transform:none !important; opacity:1 !important}
.dkShotFr .dkIn, .dkShotFr .dkIcw{animation:none !important}
.dkShotFr .dkGl, .dkShotFr .dkDim{display:none}
.dkShotWho{font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(245,239,228,.75)}
.dkShotWho .hl{color:#f5efe4}

/* ---------- 1441: citirea profunda = un pachet + randul de categorii (ca .mudExN din Audio) ---------- */
#dpBody.dkOne > .ntChap{display:none !important}
#dpBody.dkOne .hsPost.dkHost{margin-bottom:22px !important}
.dkCats{display:flex; gap:0; overflow-x:auto; scrollbar-width:none; margin:10px -22px 0; padding:10px 22px 4px; scroll-padding:0 22px; scroll-snap-type:x proximity}
.dkCats::-webkit-scrollbar{display:none}
.dkCat{flex:none; width:68px; padding:0; border:0; background:none; color:#f5efe4; text-align:center; cursor:pointer; scroll-snap-align:start; -webkit-tap-highlight-color:transparent}
.dkCat i{position:relative; display:block; width:56px; height:56px; margin:0 auto 9px; border-radius:50%; overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18), 0 4px 10px rgba(0,0,0,.25); transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease}
.dkCat.purple i{background:linear-gradient(160deg,#c7b4fb 0%,#8b6be0 45%,#4b2b93 100%)}
.dkCat.green i{background:linear-gradient(160deg,#b7ecd2 0%,#4fb489 45%,#1d6f50 100%)}
.dkCat.blue i{background:linear-gradient(160deg,#bed6fb 0%,#5a8fe0 45%,#2a56b0 100%)}
.dkCat i img{position:absolute; left:12%; top:10%; width:76%; height:76%; object-fit:contain; -webkit-user-drag:none}
.dkCat span{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font:600 11px/1.2 var(--font-body); min-height:26px; transition:opacity .25s ease}
.dkCat.lg span{font-size:10px; letter-spacing:-.2px}
.dkCat.on i{transform:scale(1.1); box-shadow:0 0 0 2.5px #1e2a22, 0 0 0 4.5px var(--c), 0 6px 14px rgba(0,0,0,.32)}
.dkCat.on span{font-weight:800}
.dkCats.sel .dkCat:not(.on) i{transform:scale(.9); opacity:.8}
.dkCats.sel .dkCat:not(.on) span{opacity:.8}

/* 1442: carduri de aceeasi inaltime; pachetele cu mult text au iconita si titlul mai mici */
.dkCard.dkDense .dkIcw{width:calc(var(--dkW, 280px) * .3); height:calc(var(--dkW, 280px) * .3); margin-top:calc(var(--dkW, 280px) * .055)}
.dkCard.dkDense .dkNum{min-width:32px; height:32px; font-size:15px; padding:0 7px}
.dkCard.dkDense .dkT{font-size:21px; margin-top:6px}
.dkCard.dkDense .dkCap{margin-top:11px}

/* 1443: fara blocul final (Moss + "Look at your life" + Home) in citirea profunda; cercurile de categorii mai apropiate */
#dpBody.dkOne > .dpOutro{display:none !important}
/* 1444: citirea profunda fara "Technical details" si fara caseta cu numele complet (numele vine din onboarding);
   bara like / share / save urcata imediat sub carduri */
#dpBody.dkOne > .dpFnBox, #dpBody.dkOne > .dpRmBtn{display:none !important}
#dpBody .hsPost.dkHost .hsPostBar{padding:8px 0 0 !important}
#dpBody .hsPost.dkHost .dkCats{margin-top:6px}

/* ===== 1447: un card pe idee + fereastra "mergi mai adanc" ===== */
#dpBody.dkBuild .hsPost.dkHost{display:none !important}
.dkCar.dkIdea .dkCap{padding-bottom:46px}
.dkCar.dkIdea .dkCard:not(.dkSide) .dkIn{cursor:pointer}
.dkCar.dkIdea .dkP{font-size:calc(16px * var(--dkFs, 1)); line-height:1.5}
.dkTags{display:flex; flex-wrap:wrap; justify-content:center; gap:7px; max-width:100%}
.dkTags span{padding:7px 12px; border-radius:999px; background:rgba(255,255,255,.14); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
  font:700 calc(13px * var(--dkFs, 1))/1.25 var(--font-body); color:#fff; text-wrap:balance}
.dkGo{position:absolute; left:50%; bottom:12px; transform:translateX(-50%); display:inline-flex; align-items:center; gap:4px; white-space:nowrap;
  padding:6px 10px 6px 13px; border-radius:999px; background:rgba(255,255,255,.16); color:#fff; font:700 11.5px/1 var(--font-body); letter-spacing:.04em}
.dkGo svg{width:13px; height:13px}
.dkCard.dkSide .dkGo{opacity:0}
/* ricoseul de lumina pe card nu mai foloseste mix-blend-mode (scump in 3D, una dintre cauzele de sacadare) */
.dkIn:before{mix-blend-mode:normal; opacity:.12}
/* doar cardul din fata pluteste; cele din spate stau, ca sa nu animam degeaba */
.dkCard.dkSide .dkIn, .dkCard.dkSide .dkIcw{animation:none}

html.dkPopLock, html.dkPopLock body{overflow:hidden !important}
.dkPop{position:fixed; inset:0; z-index:9500; --pa:#cdb9ff; --pg:rgba(150,115,240,.45)}
.dkPop.green{--pa:#9fe0bf; --pg:rgba(70,190,140,.38)}
.dkPop.blue{--pa:#a9c8f7; --pg:rgba(90,145,235,.42)}
.dkPopBg{position:absolute; inset:0; background:rgba(6,3,20,.62); opacity:0; transition:opacity .32s ease}
.dkPop.on .dkPopBg{opacity:1}
.dkPopSh{position:absolute; left:0; right:0; bottom:0; top:max(10px, env(safe-area-inset-top, 0px)); overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  border-radius:28px 28px 0 0; background:radial-gradient(120% 46% at 50% 0%, var(--pg) 0%, rgba(0,0,0,0) 70%), linear-gradient(180deg,#2a1857 0%,#1d1142 42%,#140b31 100%);
  box-shadow:0 -10px 40px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(102%); transition:transform .42s cubic-bezier(.2,.8,.2,1); color:#f5efe4}
.dkPop.on .dkPopSh{transform:none}
.dkPopX{position:sticky; top:12px; float:right; margin:12px 12px 0 0; z-index:3; width:40px; height:40px; border-radius:50%; border:0; padding:0;
  display:grid; place-items:center; background:rgba(34,22,72,.82); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); color:#fff; cursor:pointer}
.dkPopX svg{width:18px; height:18px}
.dkPopHero{clear:both; text-align:center; padding:6px 28px 8px}
.dkPopIc{position:relative; width:118px; height:118px; margin:-26px auto 6px; animation:dkIc 6s ease-in-out infinite}
.dkPopIc img{width:100%; height:100%; object-fit:contain}
.dkPopIc .dkNum{right:-10px; bottom:6px}
.dkPopEy{font:800 11px/1.3 var(--font-body); letter-spacing:.18em; text-transform:uppercase; color:var(--pa)}
.dkPopT{margin:8px auto 0; max-width:15em; font-family:var(--font-title); font-weight:700; font-size:30px; line-height:1.14; color:#fff; text-wrap:balance}
.dkPopSub{margin-top:6px; font:600 13px/1.3 var(--font-body); color:rgba(245,239,228,.62)}
.dkPopLead{margin:16px auto 0; max-width:20em; font-family:var(--font-title); font-size:20px; line-height:1.42; color:rgba(255,255,255,.94); text-wrap:balance}
.dkPopBody{padding:10px 22px calc(28px + env(safe-area-inset-bottom, 0px))}
.dkPS{margin-top:26px}
.dkPH{display:flex; align-items:center; gap:12px; margin:0 0 14px; font:800 11px/1 var(--font-body); letter-spacing:.18em; text-transform:uppercase; color:var(--pa)}
.dkPH:after{content:''; flex:1; height:1px; background:linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,0))}
.dkPP{margin:0; font:400 16px/1.66 var(--font-body); color:rgba(245,239,228,.86)}
.dkPP + .dkPP{margin-top:14px}
.dkPC{display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:20px; background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.dkPC + .dkPC{margin-top:10px}
.dkPN{flex:none; width:34px; height:34px; border-radius:12px; display:grid; place-items:center; background:var(--pa); color:#1c1240; font:800 12px/1 var(--font-body)}
.dkPC b{display:block; font-family:var(--font-title); font-size:18px; line-height:1.25; color:#fff}
.dkPC p{margin:5px 0 0; font:400 15px/1.55 var(--font-body); color:rgba(245,239,228,.8)}
.dkPL{list-style:none; margin:0; padding:0}
.dkPL li{display:flex; gap:12px; align-items:baseline; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); font:400 15.5px/1.5 var(--font-body); color:rgba(245,239,228,.86)}
.dkPL li:last-child{border-bottom:0}
.dkPL i{font-style:normal; font-weight:800; color:var(--pa); min-width:14px}
.dkPPills{display:flex; flex-direction:column; gap:8px}
.dkPPills span{padding:13px 16px; border-radius:16px; background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); font:500 15px/1.5 var(--font-body); color:rgba(245,239,228,.88)}
.dkPQ{position:relative; margin:28px 0 0; padding:26px 22px 20px; border-radius:24px; text-align:center;
  background:radial-gradient(90% 80% at 50% 0%, var(--pg), rgba(0,0,0,0) 75%), rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.dkPQm{position:absolute; left:50%; top:-18px; transform:translateX(-50%); font:700 54px/1 var(--font-title); color:var(--pa)}
.dkPQ p{margin:0; font-family:var(--font-title); font-style:italic; font-size:19px; line-height:1.45; color:#fff; text-wrap:balance}
.dkPQ small{display:block; margin-top:12px; font:800 10.5px/1 var(--font-body); letter-spacing:.18em; text-transform:uppercase; color:rgba(245,239,228,.55)}
.dkPStep{display:flex; gap:14px; align-items:center; margin-top:26px; padding:16px 18px 16px 12px; border-radius:22px;
  background:linear-gradient(135deg, rgba(242,199,68,.16), rgba(242,199,68,.04)); box-shadow:inset 0 0 0 1px rgba(242,199,68,.28)}
.dkPStep img{flex:none; width:58px; height:58px; object-fit:contain}
.dkPStep small{display:block; font:800 10.5px/1 var(--font-body); letter-spacing:.18em; text-transform:uppercase; color:#f2c744}
.dkPStep b{display:block; margin-top:6px; font-family:var(--font-title); font-size:17px; line-height:1.25; color:#fff}
.dkPStep p{margin:4px 0 0; font:400 14.5px/1.5 var(--font-body); color:rgba(245,239,228,.82)}
.dkPRel{display:flex; gap:10px}
.dkPRel button{flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 6px; border:0; border-radius:18px;
  background:rgba(255,255,255,.06); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); color:#f5efe4; font:700 12px/1.2 var(--font-body); cursor:pointer}
.dkPRel img{width:46px; height:46px; object-fit:contain}
.dkPopBack{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; margin-top:30px; min-height:54px; border:0; border-radius:999px;
  background:#cfbff7; color:#221443; font:800 15px/1 var(--font-body); box-shadow:0 8px 22px rgba(0,0,0,.28); cursor:pointer}
.dkPopBack svg{width:18px; height:18px}
.dkPop.on .dkPopHero, .dkPop.on .dkPS, .dkPop.on .dkPQ, .dkPop.on .dkPStep{animation:dkPopIn .5s cubic-bezier(.2,.8,.2,1) both}
.dkPop.on .dkPopBody > :nth-child(1){animation-delay:.08s} .dkPop.on .dkPopBody > :nth-child(2){animation-delay:.14s}
.dkPop.on .dkPopBody > :nth-child(3){animation-delay:.2s} .dkPop.on .dkPopBody > :nth-child(n+4){animation-delay:.26s}
@keyframes dkPopIn{from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.dkPopSh{transition:none} .dkPop.on .dkPopHero, .dkPop.on .dkPS, .dkPop.on .dkPQ, .dkPop.on .dkPStep, .dkPopIc{animation:none}}

/* ===== 1447: fara "MY HIGHER SELF" sus; ramane doar Inapoi si punctele ===== */
header .brand{display:none !important}
header{min-height:64px; box-sizing:border-box}
/* Citeste-ma in profunzime + Acasa pe acelasi rand */
#lpFlow .lpActs{display:flex; align-items:center; gap:10px; margin-top:18px}
#lpFlow .lpActs > .hsBtn{flex:1; margin:0 !important; background:#cfbff7 !important; color:#221443 !important; border:0 !important; border-radius:999px !important; min-height:52px;
  font-family:var(--font-body) !important; font-weight:800 !important; font-size:15px !important; box-shadow:0 8px 22px rgba(0,0,0,.28) !important}
#lpFlow .lpHome{flex:none; width:52px; height:52px; border-radius:50%; border:0; padding:0; display:grid; place-items:center; cursor:pointer;
  background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); color:#f5efe4}
#lpFlow .lpHome svg{width:22px; height:22px}
.dkCap .dkP[data-cl], .dkCap .dkQ[data-cl]{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden}

/* ===== 1448: Like / Share / Save = butonul ⋯ de pe card + dublu-tap; bara de sub carduri dispare ===== */
.hsPost.dkHost > .hsPostBar{display:none !important}
.dkMore{position:absolute; top:12px; right:12px; z-index:6; width:34px; height:34px; border:0; padding:0; border-radius:50%; display:grid; place-items:center; cursor:pointer;
  color:#fff; background:rgba(20,10,50,.28); box-shadow:inset 0 0 0 1px rgba(255,255,255,.28); transition:opacity .25s ease}
.dkMore svg{width:18px; height:18px}
.dkCard.dkSide .dkMore{opacity:0; pointer-events:none}
.dkBurst{position:absolute; left:50%; top:42%; z-index:7; width:104px; height:104px; margin:-52px 0 0 -52px; pointer-events:none;
  animation:dkBurst .9s cubic-bezier(.2,.9,.3,1.2) both; filter:drop-shadow(0 8px 20px rgba(255,80,120,.5))}
.dkBurst svg{width:100%; height:100%; fill:#ff8fa3}
@keyframes dkBurst{0%{opacity:0; transform:scale(.3)} 25%{opacity:1; transform:scale(1.12)} 45%{transform:scale(.96)} 70%{opacity:1; transform:scale(1)} 100%{opacity:0; transform:scale(1.05) translateY(-14px)}}
.dkAct{position:fixed; inset:0; z-index:9600}
.dkActBg{position:absolute; inset:0; background:rgba(6,3,20,.55); opacity:0; transition:opacity .25s ease}
.dkAct.on .dkActBg{opacity:1}
.dkActSh{position:absolute; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px)); padding:8px; border-radius:26px; background:#241550;
  box-shadow:0 -10px 40px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.12); transform:translateY(120%); transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.dkAct.on .dkActSh{transform:none}
.dkActGrab{display:block; width:40px; height:4px; border-radius:2px; background:rgba(255,255,255,.25); margin:4px auto 8px}
.dkActSh button{display:flex; align-items:center; gap:14px; width:100%; padding:16px 14px; border:0; background:none; color:#f5efe4; font:700 15px/1.2 var(--font-body); text-align:left; cursor:pointer}
.dkActSh button + button{border-top:1px solid rgba(255,255,255,.08)}
.dkActSh button svg{flex:none; width:22px; height:22px}
.dkActSh button span{flex:1}
.dkActSh button small{font:500 12px/1.2 var(--font-body); color:rgba(245,239,228,.5); text-align:right}
.dkActSh button[data-a="like"].on svg{color:#ff8fa3}
.dkActSh button[data-a="save"].on svg{color:#f2c744}
@media (prefers-reduced-motion:reduce){.dkBurst{animation-duration:.01s} .dkActSh{transition:none}}

/* ---------- 1451: biblioteca de numerologie (js/99r) in fereastra ----------
   perechi fara titlu de sectiune (eticheta + text), butoane in fereastra, campul pentru numele complet */
.dkPC.noN{padding:14px 16px}
.dkPC.noN b{font-size:16.5px}
.dkPBtns{display:flex; flex-direction:column; gap:10px; margin-top:22px}
.dkPopBtn{display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; padding:0 18px; border:0; border-radius:999px;
  background:var(--pa); color:#1c1240; font:800 14.5px/1.2 var(--font-body); letter-spacing:.02em; cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.28)}
.dkPopBtn:active{transform:scale(.98)}
.dkPName{display:flex; flex-direction:column; gap:10px; margin-top:22px}
.dkPName input{width:100%; min-height:52px; padding:0 18px; border-radius:999px; border:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); background:rgba(255,255,255,.08);
  color:#fff; font:500 16px/1.2 var(--font-body); outline:none}
.dkPName input:focus{box-shadow:inset 0 0 0 2px var(--pa)}
.dkPName input::placeholder{color:rgba(245,239,228,.45)}
.dkPName small{display:block; font:400 12.5px/1.5 var(--font-body); color:rgba(245,239,228,.55); text-align:center; padding:0 10px}
/* cardurile scurte ale Caii Vietii: iconita putin mai mica si textul putin mai strans, ca paragraful (3-4 propozitii) sa incapa intreg */
#lpFlow .dkIdea .dkIcw{width:calc(var(--dkW, 280px) * .36); height:calc(var(--dkW, 280px) * .36); margin-top:calc(var(--dkW, 280px) * .05)}
#lpFlow .dkIdea .dkT{font-size:22px}
#lpFlow .dkIdea .dkCap{margin-top:11px; padding:14px 12px 44px}
#lpFlow .dkIdea .dkP{font-size:calc(15px * var(--dkFs, 1)); line-height:1.47}
/* randul mic de sub titlu pe cardurile bibliotecii (subtitlul: arhetipul, varstele capitolului, anul) */
.dkCar.dkIdea .dkSub{margin:0 0 9px; font:800 10.5px/1.35 var(--font-body); letter-spacing:.14em; text-transform:uppercase; color:rgba(245,239,228,.62); text-align:center}
/* 1451: card strans (ecrane mici): iconita si titlul mai mici, ca fraza sa ramana intreaga */
.dkCard.dkTight .dkIcw{width:calc(var(--dkW, 280px) * .3); height:calc(var(--dkW, 280px) * .3); margin-top:calc(var(--dkW, 280px) * .035)}
.dkCard.dkTight .dkT{font-size:20px; margin-top:4px}
.dkCard.dkTight .dkCap{margin-top:8px; padding-top:11px}
.dkCar.dkIdea .dkCard.dkTight .dkCap{padding-bottom:40px}
.dkCar.dkIdea .dkCard.dkTight .dkP{font-size:calc(15px * var(--dkFs, 1)); line-height:1.42}
.dkCar.dkIdea .dkCard.dkTight .dkSub{margin-bottom:6px; font-size:10px}
/* 1454: citirea scurta de astrologie pe ecranul Zodiac */
#zlShort{margin-top:22px}
#zlShort .zlDeepBtn{display:block; width:100%; margin-top:14px}

/* ===== 1456: toate uneltele pe pachetul nou (js/99u-deck-all.js) ===== */
/* coperta ilustrata = primul card: poza pe tot cardul, titlul in cerul de sus */
.dkCover .dkIn{background:#24164a}
.dkCover .dkIn:after{background:linear-gradient(180deg, rgba(20,10,46,.55) 0%, rgba(20,10,46,.18) 26%, rgba(20,10,46,0) 42%)}
.dkCover .dkIn:before{display:none}
.dkCovImg{position:absolute; inset:0; background-size:cover; background-position:center top; background-repeat:no-repeat}
.dkCovTx{position:relative; z-index:2; margin-top:calc(var(--dkW, 280px) * .07); padding:0 18px; text-align:center}
.dkCovTx small *, .dkCovTx span *, .dkCovTx b *{font:inherit !important; color:inherit !important; letter-spacing:inherit !important; text-transform:inherit !important; display:inline !important; margin:0 !important}
.dkCovTx small{display:block; font:800 10.5px/1.3 var(--font-body); letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.88); text-shadow:0 1px 8px rgba(10,5,30,.5)}
.dkCovTx b{display:block; margin-top:6px; font-family:var(--font-title); font-weight:700; font-size:25px; line-height:1.15; color:#f2c744; text-shadow:0 2px 14px rgba(10,5,30,.55); text-wrap:balance}
.dkCovTx span{display:block; margin-top:6px; font:700 14px/1.3 var(--font-body); color:#fff; text-shadow:0 1px 8px rgba(10,5,30,.5)}
.dkCover .dkCap{display:none}
.dkCover .dkMore{z-index:6}
/* cardul-actiune: butonul ramane pe card */
.dkActs{display:flex; flex-direction:column; align-items:center; gap:8px; margin-top:12px; width:100%}
.dkCap .dkActs:first-child{margin-top:0}
.dkCard .dkActB{display:inline-flex; align-items:center; justify-content:center; min-height:44px; box-sizing:border-box; border:0; border-radius:999px; padding:11px 24px; max-width:100%; background:#f5efe4; color:#221443; font:700 14.5px/1.2 var(--font-body); letter-spacing:0; text-transform:none; white-space:normal; cursor:pointer;
  box-shadow:0 6px 16px rgba(10,5,30,.25); -webkit-tap-highlight-color:transparent}
.dkCard .dkActB:active{transform:scale(.97)}
/* in fereastra: nota din memorie ("Luna read: ...") */
.dkPopYou{display:flex; gap:10px; align-items:flex-start; width:100%; margin:4px 0 0; padding:13px 14px; border-radius:16px; text-align:left; cursor:pointer;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.92); font:14px/1.45 var(--font-body)}
.dkPopYou i{flex:none; width:16px; height:16px; margin-top:2px; opacity:.8}
.dkPopYou i svg{width:16px; height:16px}
.dkPopYou b{color:#fff}
/* randurile de categorii din unelte (Harta natala, Zodiac) */
.dkTCats{justify-content:safe center}
#s-natal .ntCardsRow.dkCats{display:flex; gap:0; overflow-x:auto; scroll-snap-type:x proximity; padding:10px 6px 4px; margin:14px 0 0}
#zoIdFeed .zoIcoRow.dkCats, .zoIcoRow.dkCats{display:flex; grid-template-columns:none; gap:0; margin:14px 0 4px; padding:10px 6px 4px}
.dkTCats .dkCat{width:72px}
.dkTCats .dkCat i img{object-fit:contain}
/* postarea-pachet din unelte sta direct pe fundal, fara panoul inchis din 51-dark-panels */
:is(#s-refr,#s-love,#s-moodt,#s-dump,#s-weight,#s-mlist,#s-fast,#s-future,#s-revel,#s-manif,#s-natal,#s-write,#s-cards,#s-angel,#s-dream,#s-pattern,#s-painmap,#s-zodiac,#s-breath,#s-grat) .hsPost.dkHost{background:none !important; box-shadow:none !important}
/* 1456: masurarea unui card (dkFit / dkBalance) nu mai reface toata pagina, doar cardul */
.dkCard{contain:layout style}

/* 1458: .hsPost button{padding:0 !important} (22-colectie) strivea butonul de pe cardul-actiune ("Go deeper") */
.hsPost .dkCard .dkActB{padding:11px 24px !important; min-width:150px}
/* 1458: iconitele noi de fetru 3D (img/zic) au fundalul lor (gradient), deci umplu tot cercul */
.dkCat.full i{background:none !important}
.dkCat.full i img{left:0; top:0; width:100%; height:100%; object-fit:cover}
/* 1539: fereastra e carusel: numaratoarea sus, Inapoi / Urmatorul jos, glisare stanga-dreapta */
.dkPopPg{position:absolute; top:12px; left:14px; z-index:3; min-height:40px; display:flex; align-items:center; gap:8px; padding:0 14px; border-radius:999px;
  background:rgba(34,22,72,.82); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); font:700 13px/1 var(--font-body); color:rgba(245,239,228,.7); font-variant-numeric:tabular-nums}
.dkPopPg b{color:#fff; font-weight:800}
.dkPopPg span{font-weight:600; font-size:12px; color:var(--pa); animation:dkHint 2.4s ease-in-out infinite}
@keyframes dkHint{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.dkPopNav{display:flex; gap:10px; margin-top:30px}
.dkPopNav button{flex:1 1 0; min-width:0; min-height:64px; display:flex; align-items:center; gap:8px; padding:10px 14px; border:0; border-radius:20px; cursor:pointer;
  background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); color:#fff; text-align:left; font:700 14px/1.25 var(--font-body)}
.dkPopNav .dkPopNext{justify-content:flex-end; text-align:right; background:rgba(255,255,255,.12)}
.dkPopNav button span{min-width:0; overflow-wrap:anywhere}
.dkPopNav small{display:block; margin-bottom:3px; font:800 10px/1 var(--font-body); letter-spacing:.16em; text-transform:uppercase; color:var(--pa)}
.dkPopNav svg{flex:none; width:18px; height:18px; color:var(--pa)}
.dkPopNav button[disabled]{opacity:.35; cursor:default}
.dkPopNav + .dkPopBack{margin-top:12px}
.dkPop.dkSw .dkPopBg{transition:none}
.dkPop.dkSw .dkPopHero, .dkPop.dkSw .dkPS, .dkPop.dkSw .dkPQ, .dkPop.dkSw .dkPStep{animation:none}
@media (prefers-reduced-motion:reduce){.dkPopPg span{animation:none}}

/* 1541: fereastra = carusel nativ (scroll-snap). Foaia nu se mai deruleaza, ci fiecare fila; X si numaratoarea plutesc deasupra. */
.dkPopC .dkPopSh{overflow:hidden; background:#140b31}
.dkPopC .dkPopX{position:absolute; top:12px; right:12px; float:none; margin:0}
.dkPopTrack{position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; touch-action:pan-x pan-y}
.dkPopTrack::-webkit-scrollbar{display:none}
.dkPopSlide{flex:0 0 100%; width:100%; height:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch;
  scroll-snap-align:start; scroll-snap-stop:always; padding-top:72px; --pa:#cdb9ff; --pg:rgba(150,115,240,.45);
  background:radial-gradient(120% 46% at 50% 0%, var(--pg) 0%, rgba(0,0,0,0) 70%), linear-gradient(180deg,#2a1857 0%,#1d1142 42%,#140b31 100%)}
.dkPopSlide.green{--pa:#9fe0bf; --pg:rgba(70,190,140,.38)}
.dkPopSlide.blue{--pa:#a9c8f7; --pg:rgba(90,145,235,.42)}

/* 1544: punctele de paginare din fereastra (in locul butoanelor Previous / Next), plutesc jos, peste text */
.dkPopDots{position:absolute; left:50%; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); transform:translateX(-50%); z-index:3; overflow:hidden; padding:9px 12px; box-sizing:content-box;
  border-radius:999px; background:rgba(20,11,49,.72); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); pointer-events:none}
.dkPopDotsIn{display:flex; transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.dkPopDotsIn i{flex:none; width:6px; height:6px; margin:0 4px; border-radius:50%; background:rgba(255,255,255,.4); transition:transform .25s ease, opacity .25s ease, background .25s ease}
.dkPopDotsIn i.on{background:#f5efe4}
.dkPopSlide .dkPopBody{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
/* 1544 [stated] "The carousels should reach the total VW of the screen": pachetele nu mai sunt taiate la marginea panoului,
   cardurile din lateral ajung pana la marginea ecranului */
html body .dkCar{overflow:visible !important}

/* 1545: filele ferestrei care nu se vad nu se mai deseneaza (44 de file in citirea profunda se deschideau greu) */
.dkPopSlide{content-visibility:auto; contain-intrinsic-size:auto 100vw auto 100vh}
.dkPopDots{-webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(20,11,49,.86)}