/* Higher Self - css/24-vise.css
   Din build 1051: Jurnalul de Vise are cartea lui, ca Recunostinta.
   Fisierul se incarca DUPA css/23 (index.html), deci la greutate egala
   castiga regula de aici. */

/* ===== build 1051: cartea noptilor =====
   Fundalul cardului: Naia nu are inca fetru propriu, deci `hsCardBg` cade pe
   al lui Moss. Il scriem aici cu !important, ca sa nu atingem js/60 pentru o
   singura linie; cand Naia primeste fetrul ei, se schimba DOAR adresa de mai
   jos. CAPCANA: fundalul e pus INLINE de hsPost, deci fara !important nu are
   nicio sansa. */
#s-dream .hsPost .hsSq.drSq{background-image:url(../img/hs-cardbg-moss.webp) !important}

/* data, sus pe card, scrisa auriu si fara banda, ca la Recunostinta din 1047 */
#s-dream .hsPost .hsSq.drSq .zoDate,
#s-dream .hsPost .hsSq.drSq .zoDate *{position:absolute; top:9%; left:50%; transform:translateX(-50%);
  margin:0; white-space:nowrap; background:none; box-shadow:none; padding:0; max-width:70%;
  color:var(--hsGold, #d9b45b); font-family:var(--font-body); font-size:8.5px; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase}
/* eticheta filei, sub data */
#s-dream .hsPost .hsSq.drSq .drEy, #s-dream .hsPost .hsSq.drSq .drEy *{position:absolute; top:19%; left:0; right:0;
  margin:0; text-align:center; font-family:var(--font-body); font-size:var(--t-micro);
  letter-spacing:.14em; text-transform:uppercase; color:rgba(243,234,217,.72)}
#s-dream .hsPost .hsSq.drSq .hsIn{padding:28% 30px 24%; justify-content:center; text-align:center; overflow:hidden}

/* ---- fila cu visul ---- */
#s-dream .hsPost .hsSq.drSq .drTxt, #s-dream .hsPost .hsSq.drSq .drTxt *{margin:0; font-family:var(--font-title);
  font-style:italic; font-size:var(--t-body); line-height:1.55; color:#fff;
  display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical; overflow:hidden}
/* blocul de jos, deasupra marginii cardului */
#s-dream .hsPost .hsSq.drSq .drSlBottom{position:absolute; left:12%; right:12%; bottom:8%;
  display:flex; flex-direction:column; align-items:center; gap:8px}
#s-dream .hsPost .hsSq.drSq .drMoodTag, #s-dream .hsPost .hsSq.drSq .drMoodTag *{display:inline-block;
  background:var(--hsGold, #d9b45b); color:#1f273f; font-family:var(--font-body); font-weight:600;
  font-size:9.5px; letter-spacing:.06em; padding:4px 11px; border-radius:999px; line-height:1.35}

/* ---- fila cu simbolurile ---- */
#s-dream .hsPost .hsSq.drSq .drSymList{width:100%; display:flex; flex-direction:column}
#s-dream .hsPost .hsSq.drSq .drSymL{padding:11px 0; text-align:center}
#s-dream .hsPost .hsSq.drSq .drSymL + .drSymL::before{content:''; display:block; width:60%; height:1px;
  margin:0 auto 11px; background:linear-gradient(90deg, transparent, rgba(243,234,217,.42), transparent)}
#s-dream .hsPost .hsSq.drSq .drSymL i, #s-dream .hsPost .hsSq.drSq .drSymL i *{display:inline-block;
  font-style:normal; background:var(--hsGold, #d9b45b); color:#1f273f; font-family:var(--font-body);
  font-weight:600; font-size:10px; letter-spacing:.02em; padding:3px 10px; border-radius:999px;
  margin-bottom:6px; line-height:1.3}
#s-dream .hsPost .hsSq.drSq .drSymL span, #s-dream .hsPost .hsSq.drSq .drSymL span *{display:block;
  font-family:var(--font-title); font-style:italic; font-size:var(--t-small); line-height:1.45; color:#fff}

/* ---- fila cu mesajul ---- */
#s-dream .hsPost .hsSq.drSq.drMsgSq .hsIn{padding:26% 26px 12%}
#s-dream .hsPost .hsSq.drSq .drMsg{width:100%}
#s-dream .hsPost .hsSq.drSq .drMsgP, #s-dream .hsPost .hsSq.drSq .drMsgP *{margin:0 0 8px;
  font-family:var(--font-body); font-weight:300; line-height:1.6;
  color:rgba(243,234,217,.94); text-align:center}
/* marimea urmeaza cantitatea, ca la Zodiac (drFit1/2/3 vin din js/26) */
#s-dream .hsPost .hsSq.drFit1 .drMsgP, #s-dream .hsPost .hsSq.drFit1 .drMsgP *{font-size:var(--t-small)}
#s-dream .hsPost .hsSq.drFit2 .drMsgP, #s-dream .hsPost .hsSq.drFit2 .drMsgP *{font-size:12px; line-height:1.55}
#s-dream .hsPost .hsSq.drFit3 .drMsgP, #s-dream .hsPost .hsSq.drFit3 .drMsgP *{font-size:10.5px; line-height:1.5; margin-bottom:6px}
#s-dream .hsPost .hsSq.drFit3 .drQ span, #s-dream .hsPost .hsSq.drFit3 .drQ span *{font-size:12px}
#s-dream .hsPost .hsSq.drSq .drQ{width:100%; margin-top:6px; padding-top:11px; position:relative}
#s-dream .hsPost .hsSq.drSq .drQ::before{content:''; position:absolute; top:0; left:20%; right:20%; height:1px;
  background:linear-gradient(90deg, transparent, rgba(243,234,217,.42), transparent)}
#s-dream .hsPost .hsSq.drSq .drQ i, #s-dream .hsPost .hsSq.drSq .drQ i *{display:block; font-style:normal;
  font-family:var(--font-body); font-size:9px; font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--hsGold, #d9b45b); margin-bottom:5px}
#s-dream .hsPost .hsSq.drSq .drQ span, #s-dream .hsPost .hsSq.drSq .drQ span *{display:block;
  font-family:var(--font-title); font-style:italic; font-size:var(--t-small); line-height:1.45; color:#fff}

/* ---- fila pe care se scrie ---- */
#s-dream .hsPost .hsSq.drSq .drIn{width:100%; background:transparent !important; border:0 !important;
  outline:none; resize:none; box-shadow:none !important;
  font-family:var(--font-title); font-style:italic; font-size:var(--t-body); line-height:1.55;
  color:#fff !important; text-align:center; padding:0 !important; max-height:calc(1.55em * 6)}
#s-dream .hsPost .hsSq.drSq .drIn::placeholder{color:rgba(243,234,217,.45) !important; font-style:italic}
#s-dream .hsPost .hsSq.drSq .drMoodRow{display:flex; flex-wrap:wrap; justify-content:center; gap:5px}
#s-dream .hsPost .hsSq.drSq .drMoodB{font:inherit; font-family:var(--font-body); font-size:9px;
  letter-spacing:.04em; padding:5px 10px !important; border-radius:999px; cursor:pointer;
  background:rgba(255,255,255,.08); border:1px solid rgba(243,234,217,.28); color:rgba(243,234,217,.85)}
#s-dream .hsPost .hsSq.drSq .drMoodB.on{background:var(--hsGold, #d9b45b); border-color:transparent; color:#1f273f; font-weight:600}
#s-dream .hsPost .hsSq.drSq .drSendB{font:inherit; font-family:var(--font-body); font-size:11px; font-weight:600;
  padding:8px 16px !important; border-radius:999px; border:0; cursor:pointer;
  background:var(--btn-cream, #ebe5d9); color:#1f273f}
#s-dream .hsPost .hsSq.drSq .drSendB:disabled{opacity:.45; cursor:default}
/* cat citeste AI-ul: aceeasi constelatie aurie ca la Recunostinta */
#s-dream .drSq .anCons{position:relative; display:flex; align-items:center; justify-content:space-between;
  width:100%; max-width:220px; box-sizing:border-box; height:18px; padding:0 10px; margin:0 auto 6px}
#s-dream .drSq .anConsLine{position:absolute; left:4px; right:4px; top:50%; height:1px;
  background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hsGold, #d9b45b) 60%, transparent), transparent);
  animation:anConsBreath 4.2s ease-in-out infinite}
#s-dream .drSq .anCons i{position:relative; width:var(--s,5px); height:var(--s,5px); border-radius:50%;
  background:var(--hsGold, #d9b45b); opacity:.18; transform:scale(.62);
  animation:grConsTwinkleG 4.2s cubic-bezier(.4,0,.35,1) infinite; animation-delay:var(--d,0s)}
#s-dream .hsPost .hsSq.drSq .drSendingT, #s-dream .hsPost .hsSq.drSq .drSendingT *{margin:0;
  font-family:var(--font-body); font-size:var(--t-micro); letter-spacing:.08em; text-transform:uppercase;
  color:var(--hsGold, #d9b45b)}
#s-dream .hsPost .hsSq.drSq .drSlBottom.drSending{bottom:20%}

/* ---- grila noptilor, ca "Your days" ---- */
#s-dream .drBook .hsPost{margin-bottom:14px}
#s-dream .drNightsSep{margin:22px 0 14px !important}
#s-dream .drNightsSep i{background:linear-gradient(90deg, transparent, rgba(20,16,34,.3), transparent) !important}
#s-dream .drNightsSep b{font-size:calc(var(--t-micro) + 2px); letter-spacing:.16em;
  text-transform:uppercase; font-weight:600}
#s-dream .drGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:3px; margin-top:2px}
#s-dream .drTile{position:relative; aspect-ratio:1/1; border:0 !important; padding:8px 7px !important;
  border-radius:14px !important; overflow:hidden; cursor:pointer; display:flex; flex-direction:column;
  align-items:center; justify-content:center; text-align:center; width:100%; gap:2px;
  background-image:var(--btnFelt) !important; background-size:cover !important; background-position:center;
  box-shadow:none; -webkit-tap-highlight-color:transparent; transition:transform .18s ease}
/* tonurile nopții: albastrul Naiei, nu movul Revelațiilor */
#s-dream .drTile.tn0{background-color:#2b3a63 !important}
#s-dream .drTile.tn1{background-color:#33406e !important}
#s-dream .drTile.tn2{background-color:#26355c !important}
#s-dream .drTile.tn3{background-color:#3a4675 !important}
#s-dream .drTile.tn4{background-color:#222f54 !important}
#s-dream .drTile.tn5{background-color:#2f3d69 !important}
#s-dream .drTile.on{box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
#s-dream .drTile .n, #s-dream .drTile .n *{font-family:var(--font-title); font-weight:900; font-size:34px;
  line-height:.95; color:#fff}
#s-dream .drTile .m, #s-dream .drTile .m *{font-family:var(--font-body); font-size:8.5px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.62); margin-top:4px}
#s-dream .drBook .drHint{margin:14px 4px 0; font-size:var(--t-small)}
/* simbolurile care se repeta, sub grila */
#s-dream .drBook .drSym{display:flex; flex-wrap:wrap; gap:7px; justify-content:center}
#s-dream .drBook .drSym .chip b{color:var(--accent-ink)}
#s-dream .drBook .drPatB{width:100%; margin-top:14px}