/* Higher Self - build 1430. Pasul de design pe uneltele din Minte, lotul 1 (prefix mk): Alt unghi, Goleste mintea, Stari.
   Acelasi limbaj ca Mici victorii si Fisa ta: panouri inchise de pasla, randuri de sticla, titluri serif, iconite de pasla
   (img/mind), butonul principal in albastrul Mintii. Cardul ghidului (hsPost) ramane cel din Suflet. Totul sub .screen.mk. */
.screen.mk{--mkInk:#f5efe4; --mkSoft:rgba(245,239,228,.74); --mkMut:rgba(245,239,228,.55); --mkLine:rgba(255,255,255,.12); --mkGlass:rgba(255,255,255,.06);
  --mkAcc:#a6d4f2; --mkAccSoft:rgba(166,212,242,.18); --mkDeep:#14233f; --fvPillFill:#a6d4f2}
/* panoul de sub poza: pasla inchisa a Mintii, ca la Mici victorii (Corp), nu cardul crem */
.screen.mk > .thHero + div{background:linear-gradient(rgba(150,180,240,.1), rgba(150,180,240,.1)), #182b55 url(../img/hs-cardbg-mind.webp) center/cover no-repeat !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 14px 34px rgba(0,0,0,.35) !important; color:#f5efe4; --ink:#f5efe4; --ink-soft:rgba(245,239,228,.74); --ink-faint:rgba(245,239,228,.55)}
.screen.mk > .thHero + div > *{max-width:360px; margin-left:auto !important; margin-right:auto !important}
.screen.mk > .thHero + div > .mkSec{margin-top:28px !important}
.screen.mk > .thHero + div > .mkBtn, .screen.mk > .thHero + div > .mkGhost, .screen.mk > .thHero + div > .mkYou, .screen.mk > .thHero + div > #rfSitBox:not(:empty){margin-top:12px !important}
.screen.mk > .thHero + div > .mkDecB{margin-top:12px !important}
.screen.mk > .thHero + div > .mkCar{max-width:none; margin-left:-20px !important; margin-right:-20px !important}
/* casetele de scris raman inchise aici (css/22 le face albe cu !important) */
.screen.mk .mkTa, .screen.mk .mkIn, .screen.mk .mkAdd input{color:#f5efe4 !important; background:rgba(0,0,0,.2) !important; border:1px solid rgba(255,255,255,.14) !important}
.screen.mk .mkTa:focus, .screen.mk .mkIn:focus, .screen.mk .mkAdd input:focus{border-color:rgba(166,212,242,.7) !important; background:rgba(0,0,0,.26) !important}
.screen.mk .mkTa::placeholder, .screen.mk .mkIn::placeholder, .screen.mk .mkAdd input::placeholder{color:rgba(245,239,228,.42) !important}
.screen.mk .hsPost .hsSq .hsIn{color:#f5efe4}
.screen.mk .mkPanel{position:relative; overflow:hidden; box-sizing:border-box; border-radius:22px; padding:18px 16px; margin-top:12px; color:var(--mkInk); text-align:left;
  background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--mkLine)}
.screen.mk .mkPanel:first-child{margin-top:0}
.screen.mk .mkFelt{background:linear-gradient(rgba(12,24,54,.42), rgba(12,24,54,.7)), url(../img/hs-cardbg-mind.webp) center/cover}
.screen.mk .mkEy{margin:0 0 10px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mkAcc)}
.screen.mk .mkEy.c, .screen.mk .mkS.c, .screen.mk .mkGhost.c{text-align:center}
.screen.mk .mkT{margin:0; font-family:var(--font-title); font-weight:600; font-size:21px; line-height:1.25; color:var(--mkInk)}
.screen.mk .mkS{margin:6px 0 0; font-size:13px; line-height:1.5; color:var(--mkSoft)}
.screen.mk .mkHint{margin:12px 2px 0; font-size:13px; line-height:1.55; color:var(--mkSoft)}
.screen.mk .mkGrp{margin:14px 4px 8px; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mkMut)}
.screen.mk .mkGrp:first-child{margin-top:0}
/* scris */
.screen.mk .mkTa, .screen.mk .mkIn{display:block; width:100%; box-sizing:border-box; margin:0; padding:14px 15px; border-radius:16px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.2);
  color:var(--mkInk); font-family:var(--font-body); font-size:16px; line-height:1.5; resize:none; outline:none; transition:border-color .2s, background-color .2s; -webkit-appearance:none}
.screen.mk .mkTa{min-height:118px}
.screen.mk .mkTa.tall{min-height:168px}
.screen.mk .mkTa.sm{min-height:84px; font-size:15px}
.screen.mk .mkIn{height:54px; padding:0 15px}
.screen.mk .mkTa:focus, .screen.mk .mkIn:focus{border-color:rgba(166,212,242,.7); background:rgba(0,0,0,.26)}
.screen.mk .mkTa::placeholder, .screen.mk .mkIn::placeholder{color:rgba(245,239,228,.42)}
/* butoane */
.screen.mk .mkBtn, .screen.mk .mkGhost{display:flex; align-items:center; justify-content:center; gap:8px; width:100%; box-sizing:border-box; min-height:52px; margin-top:12px; padding:12px 18px; border-radius:999px; cursor:pointer;
  font-family:var(--font-body); font-size:15px; font-weight:700; line-height:1.2; -webkit-tap-highlight-color:transparent; transition:transform .16s ease, background-color .2s ease}
.screen.mk .mkBtn{border:0; background:var(--mkAcc); color:#13223a; box-shadow:0 8px 20px rgba(0,0,0,.25)}
.screen.mk .mkGhost{border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:var(--mkInk)}
.screen.mk .mkBtn:active, .screen.mk .mkGhost:active{transform:scale(.97)}
.screen.mk .mkBtn.sm, .screen.mk .mkGhost.sm{min-height:42px; padding:9px 14px; font-size:13.5px; margin-top:10px}
.screen.mk .mkBtn i, .screen.mk .mkGhost i{display:grid; place-items:center; width:17px; height:17px; flex:none}
.screen.mk .mkBtn svg, .screen.mk .mkGhost svg{width:17px; height:17px}
.screen.mk .mkGhost.danger{color:#f6bcc7; border-color:rgba(243,167,181,.32); background:rgba(243,167,181,.1)}
.screen.mk .mkRow2{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.screen.mk .mkRow2 > *{margin-top:12px; min-width:0}
/* buton mare cu iconita de pasla (Stai cu el un minut, Decide tu) */
.screen.mk .mkGhost.mkSitB, .screen.mk .mkGhost.mkDecB{justify-content:flex-start; gap:12px; min-height:66px; padding:10px 16px 10px 12px; border-radius:20px; text-align:left}
.screen.mk .mkSitB img, .screen.mk .mkDecB img{width:44px; height:44px; object-fit:contain; flex:none; filter:drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.screen.mk .mkSitB span, .screen.mk .mkDecB span{display:flex; flex-direction:column; gap:2px; min-width:0}
.screen.mk .mkSitB b, .screen.mk .mkDecB b{font-size:14.5px}
.screen.mk .mkSitB small, .screen.mk .mkDecB small{font-size:12.5px; font-weight:500; color:var(--mkSoft)}
/* chipsuri */
.screen.mk .mkChips{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px}
.screen.mk .mkChips.c{justify-content:center}
.screen.mk .mkChips.sm{gap:6px}
.screen.mk .mkChips[class*="grid"]{display:grid; gap:8px; flex-wrap:nowrap}
.screen.mk .mkChips.grid4{grid-template-columns:repeat(4,1fr)} .screen.mk .mkChips.grid3{grid-template-columns:repeat(3,1fr)} .screen.mk .mkChips.grid2{grid-template-columns:repeat(2,1fr)} .screen.mk .mkChips.grid1{grid-template-columns:1fr}
.screen.mk .mkChip{display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:9px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:var(--mkInk);
  font-family:var(--font-body); font-size:13.5px; font-weight:600; line-height:1.2; text-align:center; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .14s, background-color .18s, border-color .18s}
.screen.mk .mkChips.sm .mkChip{min-height:34px; padding:7px 11px; font-size:12.5px}
.screen.mk .mkChip:active{transform:scale(.96)}
.screen.mk .mkChip.on{background:var(--mkAcc); border-color:var(--mkAcc); color:#13223a}
/* starile: pastila poarta culoarea emotiei */
.screen.mk .mkChip.mood{padding:9px 6px; font-size:12.5px; background:var(--mc); border-color:transparent; color:#1d1630; opacity:.9}
.screen.mk .mkChip.mood.on{opacity:1; transform:scale(1.05); box-shadow:0 0 0 2.5px #f5efe4, 0 8px 18px color-mix(in srgb, var(--mc) 55%, transparent)}
.screen.mk .mkChip.mood:active{transform:scale(.96)}
/* sectiuni */
.screen.mk .mkSec{margin-top:28px; text-align:left}
.screen.mk .mkHead{display:flex; align-items:center; gap:12px; margin:0 2px 12px}
.screen.mk .mkHead img{flex:none; width:50px; height:50px; object-fit:contain; filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))}
.screen.mk .mkHead .t{flex:1; min-width:0}
.screen.mk .mkHead h3{margin:0; font-family:var(--font-title); font-size:20px; font-weight:600; line-height:1.2; color:var(--mkInk)}
.screen.mk .mkHead p{margin:3px 0 0; font-size:12.5px; line-height:1.45; color:var(--mkSoft)}
.screen.mk .mkSep{display:flex; align-items:center; gap:12px; margin:26px 4px 10px}
.screen.mk .mkSep i{flex:1; height:1px; background:linear-gradient(90deg, transparent, rgba(245,239,228,.3))}
.screen.mk .mkSep i:last-child{background:linear-gradient(90deg, rgba(245,239,228,.3), transparent)}
.screen.mk .mkSep b{font-family:var(--font-title); font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--mkInk)}
/* randuri de sticla */
.screen.mk .mkList{display:flex; flex-direction:column; gap:8px}
.screen.mk .mkRowW{border-radius:18px; border:1px solid var(--mkLine); background:var(--mkGlass); overflow:hidden}
.screen.mk .mkRow{display:flex; align-items:center; gap:12px; width:100%; margin:0; padding:13px 12px 13px 16px; border:0; background:none; color:var(--mkInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent}
.screen.mk .mkRow:active{background:rgba(255,255,255,.05)}
.screen.mk .mkRow .tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.screen.mk .mkRow .mkQuote{font-family:var(--font-title); font-style:italic; font-weight:500; font-size:15.5px; line-height:1.4}
.screen.mk .mkRow small{font-size:11px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:var(--mkMut)}
.screen.mk .mkRow .ic{flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.07); color:var(--mkSoft); transition:transform .25s}
.screen.mk .mkRow .ic svg{width:15px; height:15px}
.screen.mk .mkRowW.on .mkRow .ic{transform:rotate(180deg)}
.screen.mk .mkRowBody{padding:0 16px 14px; border-top:1px solid rgba(255,255,255,.08)}
.screen.mk .mkRowBody .mkEy{margin:12px 0 6px}
.screen.mk .mkRowBody p:not(.mkEy){margin:0; font-size:14px; line-height:1.55; color:var(--mkSoft)}
.screen.mk .mkNone{padding:16px}
.screen.mk .mkNone p{margin:0; font-size:14.5px; line-height:1.5}
.screen.mk .mkNone small{display:block; margin-top:4px; font-size:13px; line-height:1.5; color:var(--mkSoft)}
/* se incarca */
.screen.mk .mkLoad{display:flex; flex-direction:column; align-items:center; gap:12px; padding:30px 20px; text-align:center}
.screen.mk .mkLoad .mkAv{width:58px; height:58px; border-radius:50%; background:#1d2236 center/cover no-repeat; box-shadow:0 0 0 2.5px var(--mkAcc), 0 8px 20px rgba(0,0,0,.35); animation:mkBreathe 2.4s ease-in-out infinite}
.screen.mk .mkLoad p{margin:0; font-family:var(--font-title); font-size:17px; line-height:1.4; color:var(--mkInk)}
.screen.mk .mkDots3{display:flex; gap:6px}
.screen.mk .mkDots3 i{width:7px; height:7px; border-radius:50%; background:var(--mkAcc); opacity:.35; animation:mkBlink 1.2s ease-in-out infinite}
.screen.mk .mkDots3 i:nth-child(2){animation-delay:.2s} .screen.mk .mkDots3 i:nth-child(3){animation-delay:.4s}
@keyframes mkBreathe{50%{transform:scale(1.06)}}
@keyframes mkBlink{50%{opacity:1}}
/* cardul ghidului si linia "a tinut cont de" */
.screen.mk .hsPost{margin-top:0}
.screen.mk .mkYou{margin-top:12px}
.screen.mk .mkYou .hmYou{margin-top:0}
.screen.mk .hsPost .hsSq .hsIn{padding:40px 34px; gap:14px}
.screen.mk .hsPost .mkSen{font-style:italic; font-size:22px; line-height:1.35}
.screen.mk .hsPost .mkListCard .hsIn{align-items:stretch; text-align:left; gap:8px; padding:34px 30px}
.screen.mk .hsPost .mkListCard .hsRevEy{text-align:left}
.screen.mk .mkDecRow{display:flex; align-items:flex-start; gap:10px; font-size:14.5px; line-height:1.45}
.screen.mk .mkDecRow b{flex:none; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.14); font-family:var(--font-title); font-size:13px}
.screen.mk .mkDecRow span{flex:1; min-width:0}
.screen.mk .mkDecRow small{flex:none; font-size:11px; opacity:.6; margin-top:4px}
.screen.mk .mkDecRow.soft{font-size:13.5px; opacity:.85; padding-left:34px}
.screen.mk .mkDecH{margin:10px 0 0; font-size:10.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; opacity:.6; text-align:left}
.screen.mk .mkDec .mkGhost{margin-top:10px}
/* Alt unghi */
.screen.mk .mkAng{margin-top:22px}
.screen.mk .mkAng .mkS{margin-top:2px}
.screen.mk .mkAng .mkChips{margin-top:12px}
.screen.mk .mkSit{text-align:center; padding:22px 18px}
.screen.mk .mkSitM{margin:0; font-family:var(--font-title); font-style:italic; font-size:19px; line-height:1.4; color:var(--mkInk)}
.screen.mk .mkBar{height:6px; border-radius:999px; background:rgba(255,255,255,.14); overflow:hidden; margin:16px 0 8px}
.screen.mk .mkBar i{display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg, var(--mkAcc), #d9ecf9)}
.screen.mk .mkBar i.min60{animation:mkFill 60s linear forwards}
@keyframes mkFill{to{width:100%}}
.screen.mk .mkSitT{margin:0; font-size:12.5px; color:var(--mkSoft)}
.screen.mk .mkSit .mkGhost{max-width:180px; margin:14px auto 0}
.screen.mk .mkSitStar{font-size:30px; color:var(--mkAcc); margin-bottom:8px}
/* Goleste mintea */
.screen.mk .mkSum .mkT{font-size:22px}
.screen.mk .mkStats{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px}
.screen.mk .mkStat{display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:12px 14px; border-radius:16px; border:1px solid var(--mkLine); background:rgba(255,255,255,.05); color:var(--mkInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent; transition:transform .14s, background-color .18s}
.screen.mk .mkStat b{font-family:var(--font-title); font-size:26px; line-height:1; font-weight:700; color:var(--mkAcc)}
.screen.mk .mkStat span{font-size:12px; font-weight:600; line-height:1.3; color:var(--mkSoft)}
.screen.mk .mkStat.on{background:var(--mkAccSoft); border-color:rgba(166,212,242,.6)}
.screen.mk .mkStat.on span{color:var(--mkInk)}
.screen.mk .mkStat:active{transform:scale(.97)}
.screen.mk .mkSum .mkGhost{margin-top:14px}
.screen.mk .mkCtls{display:flex; flex-direction:column; gap:8px; margin-top:12px}
.screen.mk .mkCtl{display:flex; align-items:center; gap:10px; width:100%; min-height:50px; padding:0 14px 0 16px; border-radius:16px; border:1px solid var(--mkLine); background:var(--mkGlass); color:var(--mkInk); font-family:var(--font-body); cursor:pointer; text-align:left; -webkit-tap-highlight-color:transparent}
.screen.mk .mkCtl .l{flex:1; font-size:13.5px; font-weight:600; color:var(--mkSoft)}
.screen.mk .mkCtl .v{font-size:13.5px; font-weight:700; color:var(--mkAcc)}
.screen.mk .mkCtl i{display:grid; place-items:center; width:16px; height:16px; color:var(--mkSoft); transition:transform .25s}
.screen.mk .mkCtl i svg{width:15px; height:15px}
.screen.mk .mkCtl.on i{transform:rotate(180deg)}
.screen.mk .mkCtls .mkChips{margin:2px 4px 6px}
.screen.mk .mkDecB{margin-top:12px}
.screen.mk .mkDec{margin-top:14px}
.screen.mk .mkTh{border-radius:18px; border:1px solid var(--mkLine); background:var(--mkGlass); overflow:hidden; transition:transform .17s, box-shadow .2s, background-color .2s; touch-action:pan-y}
.screen.mk .mkTh.open{background:rgba(255,255,255,.08)}
.screen.mk .mkTh.done{opacity:.6}
.screen.mk .mkTh.done .mkThTx b{text-decoration:line-through; text-decoration-color:rgba(245,239,228,.45)}
.screen.mk .bdLift{box-shadow:0 18px 40px rgba(0,0,0,.45); background:rgba(255,255,255,.12); z-index:5; position:relative}
.screen.mk .mkThTop{display:flex; align-items:center; gap:12px; padding:12px 12px 12px 14px}
.screen.mk .mkTick{flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1.5px solid rgba(255,255,255,.35); background:rgba(0,0,0,.14); color:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background-color .18s, border-color .18s}
.screen.mk .mkTick svg{width:15px; height:15px}
.screen.mk .mkTick.on{background:var(--mkAcc); border-color:var(--mkAcc); color:#13223a}
.screen.mk .mkThTx{flex:1; min-width:0; cursor:pointer}
.screen.mk .mkThTx b{display:block; font-size:15px; font-weight:600; line-height:1.4; overflow-wrap:anywhere}
.screen.mk .mkThTx small{display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:4px; font-size:11.5px; font-weight:600; color:var(--mkMut)}
.screen.mk .mkThTx small i{font-style:normal; opacity:.5}
.screen.mk .mkThTx small em{font-style:normal; font-weight:700}
.screen.mk .mkThTx small em.hot{color:#f6b98a}
.screen.mk .mkThTx small em.quick{color:#9fe3c0}
.screen.mk .mkThChev{flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.06); color:var(--mkSoft); cursor:pointer; transition:transform .25s}
.screen.mk .mkThChev svg{width:15px; height:15px}
.screen.mk .mkTh.open .mkThChev{transform:rotate(180deg)}
.screen.mk .mkThBody{padding:0 14px 14px; border-top:1px solid rgba(255,255,255,.08)}
.screen.mk .mkThTxt{margin:12px 0 0; font-size:14px; line-height:1.55; color:var(--mkSoft)}
.screen.mk .mkMetas{display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin-top:12px}
.screen.mk .mkMeta{display:flex; flex-direction:column; gap:2px; padding:8px 10px; border-radius:12px; background:rgba(0,0,0,.16)}
.screen.mk .mkMeta small{font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--mkMut); line-height:1.3}
.screen.mk .mkMeta b{font-size:13px; font-weight:700; color:var(--mkInk)}
.screen.mk .mkThBody .mkTa{margin-top:12px}
.screen.mk .mkThActs{display:flex; gap:8px; margin-top:4px}
.screen.mk .mkThActs .mkGhost{flex:1; white-space:nowrap; padding-left:8px; padding-right:8px; font-size:13px}
.screen.mk .mkThActs .mkGhost.danger{flex:0 0 46px; padding:0}
.screen.mk .mkAdd{display:flex; gap:8px; margin-top:12px}
.screen.mk .mkAdd input{flex:1; min-width:0; height:54px; padding:0 16px; border-radius:16px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.2); color:var(--mkInk); font-family:var(--font-body); font-size:15px; outline:none; -webkit-appearance:none}
.screen.mk .mkAdd input::placeholder{color:rgba(245,239,228,.42)}
.screen.mk .mkAdd input:focus{border-color:rgba(166,212,242,.7)}
.screen.mk .mkAdd button{flex:none; width:54px; height:54px; border-radius:16px; border:0; background:var(--mkAcc); color:#13223a; display:grid; place-items:center; cursor:pointer; -webkit-tap-highlight-color:transparent}
.screen.mk .mkAdd button svg{width:20px; height:20px}
.screen.mk .mkDup{margin-top:12px}
.screen.mk .mkDupQ{margin:0; font-family:var(--font-title); font-style:italic; font-size:15.5px; line-height:1.4}
.screen.mk .mkFresh{margin-top:26px}
.screen.mk .mkSec .mkPanel.mkNone{margin-top:0}
/* Stari */
.screen.mk .mkCar{scroll-snap-type:x mandatory}
.screen.mk .mkCar .mtSlide{padding:0 20px; box-sizing:border-box}
.screen.mk .mkCar .mtSlide > .mkPanel{max-width:360px; margin-left:auto; margin-right:auto}
.screen.mk .mkStep .mkChips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px}
.screen.mk .mkStep .mkChip{white-space:nowrap; flex:0 1 auto}
.screen.mk .mkStep{min-height:300px; display:flex; flex-direction:column; justify-content:center; margin-top:0}
.screen.mk .mkQ{margin:0 0 16px; font-family:var(--font-title); font-weight:600; font-size:22px; line-height:1.25; text-align:center; color:var(--mkInk)}
.screen.mk .mkStep .mkGrp{text-align:center}
.screen.mk .mkStep .mkIn{margin-top:4px}
.screen.mk .mkDots{padding:14px 0 0}
.screen.mk .mkDots i{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.22)}
.screen.mk .mkDots i.on{background:var(--mkAcc)}
.screen.mk .mkMtBig{display:flex; align-items:center; justify-content:center; gap:12px; font-family:var(--font-title); font-weight:700; font-size:34px; line-height:1.1}
.screen.mk .mkSw{display:inline-block; width:16px; height:16px; border-radius:50%; flex:none; box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.screen.mk .hsPost .mkMtLine{font-size:14px !important; opacity:.85}
.screen.mk .mkMtNote{margin:0; font-family:var(--font-title); font-style:italic; font-size:16px; line-height:1.45}
.screen.mk .hsPost .mkEy{margin:6px 0 0; opacity:.7}
.screen.mk .mkWeek{display:flex; gap:8px; justify-content:center}
.screen.mk .mkWeek span{width:16px; height:16px; border-radius:50%; background:rgba(255,255,255,.14)}
.screen.mk .hsPost .mkMtObs{font-size:13.5px !important; opacity:.8}
.screen.mk .mkGridD{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.screen.mk .mkGridD .mtDay{border-radius:18px; padding:14px 12px; box-shadow:0 10px 24px -16px rgba(0,0,0,.8)}
.screen.mk .mkGridD .mtDay .dNum{font-size:30px}
.screen.mk .mkGridD .mtDay .dMon{font-size:10px}

/* ---- peste regulile generale ale panoului de unealta (css/04, css/22 scriu cu !important) ---- */
.screen.mk > .thHero + div{text-align:left}
.screen.mk .mkHead .t, .screen.mk .mkRow .tx, .screen.mk .mkRowBody, .screen.mk .mkSitB span, .screen.mk .mkDecB span, .screen.mk .mkThTx, .screen.mk .mkThBody, .screen.mk .mkPanel{text-align:left}
.screen.mk .mkQ, .screen.mk .mkStep .mkGrp, .screen.mk .mkSit, .screen.mk .mkLoad, .screen.mk .mkEy.c, .screen.mk .mkS.c, .screen.mk .mkNone.c{text-align:center}
.screen.mk .thHero ~ div .bdCard.mkTh, .screen.mk .bdCard.mkTh{background:var(--mkGlass) !important; border:1px solid var(--mkLine) !important; border-radius:18px !important; color:var(--mkInk) !important; padding:0 !important; margin:0 !important; backdrop-filter:none !important}
.screen.mk .bdCard.mkTh.open{background:rgba(255,255,255,.08) !important}
.screen.mk .bdCard.mkTh b, .screen.mk .thHero ~ div .bdCard.mkTh b{color:var(--mkInk) !important; font-family:var(--font-body) !important}
.screen.mk .bdCard.mkTh .mkMeta b{color:var(--mkInk) !important}
.screen.mk .bdCard.mkTh .bdChev, .screen.mk .thHero ~ div .bdCard.mkTh .bdChev{color:var(--mkSoft) !important; opacity:1 !important}
.screen.mk .bdCard.mkTh .bdTick.mkTick{width:30px; height:30px; margin:0; border:1.5px solid rgba(255,255,255,.35); background:rgba(0,0,0,.14); color:transparent}
.screen.mk .bdCard.mkTh .bdTick.mkTick.on, .screen.mk .bdCard.mkTh.done .bdTick.mkTick{background:var(--mkAcc); border-color:var(--mkAcc); color:#13223a}
.screen.mk .bdCard.mkTh.done{opacity:.6}
.screen.mk .thHero ~ div h3{font-family:var(--font-title); font-weight:600; font-size:20px; color:var(--mkInk)}
.screen.mk .thHero ~ div .mkT{font-size:22px; color:var(--mkInk)}
.screen.mk .thHero ~ div .mkQ{font-size:22px; color:var(--mkInk)}
.screen.mk .thHero ~ div .mtDots i{background:rgba(255,255,255,.22)}
.screen.mk .thHero ~ div .mtDots i.on{background:var(--mkAcc)}

.screen.mk .bdCard.mkTh, .screen.mk .bdCard.mkTh .mkThTx, .screen.mk .bdCard.mkTh .mkThTx b, .screen.mk .bdCard.mkTh .mkThTx small, .screen.mk .bdCard.mkTh .mkThBody, .screen.mk .bdCard.mkTh .mkThTxt, .screen.mk .mkMeta{text-align:left !important}
.screen.mk .mkThTx small{justify-content:flex-start}
.screen.mk .mkThActs .mkGhost{min-width:0; overflow:hidden; text-overflow:ellipsis}
.screen.mk .mkThActs .mkGhost.danger{flex:0 0 42px; min-width:42px; padding:0}
.screen.mk .mkGridD .mtDay .dMood{font-size:12.5px; line-height:1.15; overflow-wrap:anywhere}

/* ================= lotul 2 (1431): Jurnal liber, Sinele viitor, Tipare, Carti ================= */
.screen.mk .mkQ.l{text-align:left}
.screen.mk .mkWhy{margin:-6px 0 12px; font-family:var(--font-title); font-style:italic; font-size:13.5px; line-height:1.5; color:var(--mkSoft)}
.screen.mk .mkFjN{margin:8px 4px 0; font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--mkMut)}
.screen.mk .hsPost .mkFjCard .hsIn{align-items:stretch; text-align:left; gap:10px; padding:34px 30px}
.screen.mk .hsPost .mkFjCard .hsRevEy{text-align:left}
.screen.mk .hsPost .mkFjQ{margin:0; font-family:var(--font-title); font-style:italic; font-size:15px; line-height:1.45; opacity:.8}
.screen.mk .hsPost .mkFjTxt{font-size:15px !important; line-height:1.65 !important; text-align:left !important; white-space:pre-wrap}
.screen.mk .hsPost .mkFjCard .mkFjN{margin-top:4px; text-align:left; opacity:.6}
/* placute (pagini, teseri) */
.screen.mk .mkTiles{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.screen.mk .mkTile{display:flex; flex-direction:column; align-items:flex-start; gap:2px; aspect-ratio:1/1; padding:14px 12px; border-radius:18px; border:1px solid var(--mkLine); background:rgba(166,212,242,.12); color:var(--mkInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent; transition:transform .14s}
.screen.mk .mkTile:active{transform:scale(.97)}
.screen.mk .mkTile b{font-family:var(--font-title); font-weight:700; font-size:30px; line-height:.95}
.screen.mk .mkTile small{font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--mkMut); margin-top:2px}
.screen.mk .mkTile span{margin-top:auto; font-size:12px; font-weight:600; color:var(--mkSoft); line-height:1.2}
/* Sinele viitor */
.screen.mk .mkFsEnd .mkQ{margin-bottom:6px}
.screen.mk .mkFsEnd .mkS{margin-bottom:6px}
.screen.mk .mkFsId{text-align:center; padding:22px 18px 18px}
.screen.mk .mkFsAv{display:flex; justify-content:center; margin-bottom:6px}
.screen.mk .mkT.c{text-align:center}
.screen.mk .mkChat{display:flex; flex-direction:column; gap:10px; margin-top:14px; max-height:50vh; overflow-y:auto; padding:2px 2px 2px 0; scrollbar-width:none}
.screen.mk .mkChat::-webkit-scrollbar{display:none}
.screen.mk .mkFsEmpty{margin:4px 0; text-align:center; font-size:14px; color:var(--mkSoft)}
.screen.mk .mkBubW{display:flex; align-items:flex-end; gap:8px; max-width:88%}
.screen.mk .mkBubW.me{align-self:flex-end; justify-content:flex-end}
.screen.mk .mkBubAv{flex:none; width:30px; height:30px; border-radius:50%; overflow:hidden; background:rgba(0,0,0,.25); box-shadow:0 0 0 1.5px rgba(166,212,242,.5)}
.screen.mk .mkBubAv svg{width:30px !important; height:30px !important}
.screen.mk .mkBub{padding:11px 14px; border-radius:18px; border-bottom-left-radius:6px; background:rgba(0,0,0,.22); border:1px solid var(--mkLine); font-size:14.5px; line-height:1.55; color:var(--mkInk); text-align:left}
.screen.mk .mkBubW.me .mkBub{border-radius:18px; border-bottom-right-radius:6px; background:var(--mkAccSoft); border-color:rgba(166,212,242,.4)}
.screen.mk .mkBub.think{color:var(--mkSoft); animation:softPulse 2s ease-in-out infinite}
.screen.mk .mkYou.bub{margin:-2px 0 0 38px; max-width:88%}
.screen.mk .mkYou.bub .hmYou{font-size:12px; padding:8px 10px}
.screen.mk .mkLeft{margin:8px 0 0; text-align:center; font-size:12px; color:var(--mkMut)}
.screen.mk .mkDone p:not(.mkEy){margin:0; font-size:14px; line-height:1.55; color:var(--mkSoft)}
/* Tipare */
.screen.mk .mkPsP{margin:0; font-size:14.5px; line-height:1.6; color:var(--mkSoft)}
.screen.mk .mkPsLock .mkBar{margin:14px 0 10px}
.screen.mk .mkPsN{display:block; font-family:var(--font-title); font-size:18px; font-weight:600; margin-bottom:8px}
.screen.mk .mkCd{display:flex; flex-direction:column; align-items:center; gap:2px; margin:14px 0 0; font-size:12.5px; color:var(--mkMut); text-align:center}
.screen.mk .mkCd b{color:var(--mkAcc); font-family:var(--font-title); font-size:14px}
.screen.mk .mkPsRest .mkCd, .screen.mk .mkPanel .mkCd{margin-bottom:2px}
.screen.mk .hsPost .mkPsCard .hsRevT{font-size:21px !important; line-height:1.25 !important}
.screen.mk .mkDeep h4{margin:12px 0 4px; font-size:10.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--mkAcc)}
.screen.mk .mkDeep p:not(.mkEy){margin:0; font-size:14.5px; line-height:1.6}
.screen.mk .mkDeep .mkEy{font-family:var(--font-title); font-style:italic; text-transform:none; letter-spacing:0; font-size:15px; font-weight:600; color:var(--mkInk)}
/* Carti */
.screen.mk .mkCsEy{margin:4px 0 4px}
.screen.mk .mkCsS{margin:0 auto 14px; max-width:30ch}
.screen.mk .mkModes{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.screen.mk .mkMode{display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px 12px 16px; border-radius:22px; border:1px solid var(--mkLine); background:var(--mkGlass); color:var(--mkInk); cursor:pointer; font-family:var(--font-body); text-align:center; -webkit-tap-highlight-color:transparent; transition:transform .16s, background-color .2s}
.screen.mk .mkMode:active{transform:scale(.97); background:rgba(255,255,255,.1)}
.screen.mk .mkMode .csPic{display:block; width:92px; height:92px; border-radius:20px; background-size:cover; background-position:center; margin-bottom:4px; box-shadow:0 8px 18px rgba(0,0,0,.3)}
.screen.mk .mkMode b{font-family:var(--font-title); font-size:17px; font-weight:600}
.screen.mk .mkMode span{font-size:12.5px; line-height:1.4; color:var(--mkSoft)}
.screen.mk .mkPl{margin-top:4px}
.screen.mk .mkPl .mkGrp{margin-top:14px}
.screen.mk .mkCalc{margin:8px 2px 0; min-height:18px; font-size:13px; font-weight:600; color:var(--mkAcc)}
.screen.mk .dpSeg{background:rgba(0,0,0,.2) !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:16px !important; color:var(--mkInk) !important; backdrop-filter:none !important; box-shadow:none !important}
.screen.mk .dpSeg.on{border-color:rgba(166,212,242,.75) !important; background:rgba(0,0,0,.26) !important}
.screen.mk .dpSeg .lb{color:var(--mkMut); opacity:1}
.screen.mk .dpSeg .ph{opacity:.35}
.screen.mk .dpSeg .cur{border-right-color:var(--mkAcc)}
.screen.mk .numpad{margin-top:14px}
.screen.mk .npBtn{background:rgba(255,255,255,.06) !important; border:1px solid var(--mkLine) !important; border-radius:999px !important; color:var(--mkInk) !important; backdrop-filter:none !important; padding:13px 0 !important; font-weight:600 !important}
.screen.mk .npBtn:active{background:var(--mkAccSoft) !important; border-color:rgba(166,212,242,.6) !important}
.screen.mk .npBtn.fn{color:var(--mkSoft) !important}
.screen.mk .mkChip.dim{opacity:.4}
.screen.mk .mkHint.c{text-align:center}
.screen.mk .mkCsDone{text-align:center; padding:24px 18px 18px}
.screen.mk .mkCsDone img{width:72px; height:72px; object-fit:contain; margin:0 auto 6px; display:block; filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}
/* cardul de joc ramane al lui js/05; doar punctele, numaratoarea si butonul de jos intra in kit */
.screen.mk .csDots i{background:rgba(255,255,255,.22)}
.screen.mk .csDots i.on{background:rgba(166,212,242,.6)}
.screen.mk .csDots i.now{background:var(--mkAcc)}
.screen.mk .csCount{color:var(--mkSoft)}
.screen.mk > .thHero + div > .ghost{display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:10px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.2) !important; background:rgba(255,255,255,.05) !important; color:var(--mkInk) !important; font-family:var(--font-body) !important; font-size:14px !important; font-weight:700 !important; opacity:1 !important}
.screen.mk .mkHead h3, .screen.mk .mkHead p{text-align:left !important}
#s-future.mk .mkStep .mkChip{white-space:normal; max-width:100%; line-height:1.3}