/* Higher Self - build 1346. Partenerul de post in stilul Hartii durerii (js/65c-post-naia.js).
   Panoul verde inchis cu semicerc alb sus, randuri ca la Harta, butoane rotunde crem de play.
   Se incarca ULTIMUL, dupa css/25 (unde Corp face panourile deschise la culoare). */

/* ---------- panoul ---------- */
/* 1347: varianta D, fara semicercul alb: panoul verde inchis, ca la carduri */
#s-fast.screen > .thHero + div{background:linear-gradient(rgba(140,190,160,.13), rgba(140,190,160,.13)), #1d3b2b url(../img/hs-cardbg-body.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}
#s-fast.screen > .thHero + div > *{max-width:360px; margin-left:auto !important; margin-right:auto !important}
#faPop .deepSep b{color:#f5efe4 !important}
/* titlul de sectiune cu doua linii, ca in fereastra Hartii durerii */
.faSep{display:flex !important; align-items:center; gap:12px}
#s-fast .faSep{margin:28px auto 12px !important}
.faSep i{flex:1; height:1px; background:linear-gradient(90deg, transparent, rgba(245,239,228,.32))}
.faSep i:last-child{background:linear-gradient(90deg, rgba(245,239,228,.32), transparent)}
.faSep b{flex:none; font-family:var(--font-title) !important; font-size:15px !important; font-weight:700; letter-spacing:.14em !important; text-transform:uppercase; color:#f5efe4 !important; white-space:nowrap}
#s-fast .faSep + .faRows{margin-top:0 !important}
/* randurile: fontul de corp, aliniate la stanga (panoul Corp centreaza si pune serif pe <b>) */
#s-fast :is(.faRow, .faRow b, .faRow small, .faM, .faM b, .faM span, .faMMore, .faMMore p, .faMMore li, .faDet, .faDet b, .faDet span, .faDet p, .faExt, .faExt b, .faExt p, .faTodayTx small, .faTodayTx em, .faWarn),
#faPop :is(.faRow, .faRow b, .faRow small, .faPhR, .faPhR b, .faPhR small, .faPhR em){font-family:var(--font-body) !important; letter-spacing:0 !important; text-align:left !important}
#s-fast .faMsD{text-align:left !important; letter-spacing:.16em !important}
#s-fast .faTodayTx em, #s-fast .faMH, #faPop .faMH{letter-spacing:.14em !important}
#s-fast .faTodayTx b{font-family:var(--font-title) !important; text-align:left !important}

/* ---------- cartea de sus: meditatia de azi ---------- */
.faToday{position:relative; width:100%; aspect-ratio:1/1; max-width:320px; border-radius:26px; overflow:hidden; cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 14px 32px rgba(0,0,0,.35); -webkit-tap-highlight-color:transparent; background:#173527}
.faToday img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.faToday::after{content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(6,17,11,0) 42%, rgba(6,17,11,.55) 70%, rgba(6,17,11,.88) 100%); pointer-events:none}
.faTodayTx{position:absolute; left:18px; right:86px; bottom:16px; z-index:1; display:flex; flex-direction:column; gap:3px; text-align:left}
.faTodayTx em{font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#d9e8b5}
.faTodayTx b{font-family:var(--font-title); font-style:italic; font-size:24px; line-height:1.12; color:#f5efe4; text-shadow:0 2px 14px rgba(0,0,0,.4)}
.faTodayTx small{font-size:12.5px; opacity:.78}
.faToday:active{transform:scale(.99)}

/* ---------- butonul rotund de play ---------- */
.faPB{flex:none; width:40px; height:40px; border-radius:50%; border:0; padding:0; display:grid; place-items:center; cursor:pointer;
  background:#f5efe4; color:#14301f; box-shadow:0 4px 14px rgba(0,0,0,.28); -webkit-tap-highlight-color:transparent; transition:transform .15s ease}
.faPB svg{width:18px; height:18px}
.faPB:not(.on) svg{margin-left:2px}
.faPB:active{transform:scale(.92)}
.faPB.big{position:absolute; right:16px; bottom:16px; z-index:2; width:58px; height:58px}
.faPB.big svg{width:26px; height:26px}
.faPB.on{background:#d9e8b5}

/* ---------- randurile (zile, respiratii) ---------- */
.faRows{border-radius:22px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,.13); overflow:hidden}
.faRow{width:100%; box-sizing:border-box; border:0; background:none; color:#f5efe4; display:flex; align-items:center; gap:13px; padding:12px 14px; text-align:left; cursor:pointer;
  font-family:var(--font-body); -webkit-tap-highlight-color:transparent}
.faRow + .faRow{border-top:1px solid rgba(255,255,255,.1)}
.faRow:active{background:rgba(255,255,255,.06)}
.faRow > img{flex:none; width:48px; height:48px; border-radius:13px; object-fit:cover; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.faRow > span{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; align-items:flex-start}
.faRow > span b{font-size:14.5px; font-weight:700; line-height:1.25; color:#f5efe4}
.faRow > span small{font-size:12px; line-height:1.35; opacity:.66}
.faRow.now{background:rgba(217,232,181,.1)}
.faRow.now > span small{color:#d9e8b5; opacity:1; font-weight:700}
.faRow.past > img{opacity:.8}
.faRow.soon > span b{opacity:.82}
.faRow.live > span b{color:#d9e8b5}
.faRow > i{flex:none; width:48px; height:48px; border-radius:14px; display:grid; place-items:center; background:rgba(217,232,181,.14); color:#d9e8b5}
.faRow > i svg{width:22px; height:22px}
.faRow > u{flex:none; opacity:.6; text-decoration:none; display:grid}
.faRow > u svg{width:18px; height:18px}
.faWaveR{margin-top:10px}
#fbBrWrap:empty{display:none}

/* ---------- ceasul postului ---------- */
.faClock{text-align:center; padding:4px 0 0}
.faClockS{margin:18px 0 0 !important; font-size:12.5px; opacity:.7; color:#f5efe4 !important}
.faTime{font-family:var(--font-title); font-variant-numeric:tabular-nums; font-weight:700; font-size:44px; letter-spacing:.5px; line-height:1.15; margin:4px 0 0;
  color:#f5efe4; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; transition:opacity .17s ease}
.faTimeL{margin:0 0 12px !important; font-size:12.5px; opacity:.72; cursor:pointer; user-select:none; color:#f5efe4 !important}
.faBar{height:10px; border-radius:99px; background:rgba(0,0,0,.28); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); overflow:hidden}
.faBar i{display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg, #8fd0a6, #d9e8b5); transition:width .8s ease}
.faBarR{display:flex; justify-content:space-between; gap:10px; margin-top:8px; font-size:11.5px}
.faBarR span:first-child{color:#d9e8b5; font-weight:700}
.faBarR span:last-child{opacity:.78; text-align:right}
.faLink{display:inline-flex; align-items:center; gap:6px; margin:14px auto 0; border:0; background:none; padding:6px 10px; cursor:pointer;
  color:#d9e8b5; font-family:var(--font-body); font-size:12.5px; font-weight:700}
.faLink svg{width:14px; height:14px; transition:transform .35s ease}
.faDetB.open svg{transform:rotate(180deg)}
.faDet{margin-top:12px; padding:14px 16px; border-radius:18px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); text-align:left}
.faDetR{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:9px}
.faDetR span{font-size:12.5px; opacity:.7}
.faDetR b{font-size:13.5px; color:#d9e8b5; text-align:right}
.faDetBar{height:6px; border-radius:99px; background:rgba(255,255,255,.1); overflow:hidden; margin:-1px 0 12px}
.faDetBar i{display:block; height:100%; background:linear-gradient(90deg,#8fd0a6,#d9e8b5); transition:width .8s ease}
.faDetPh{display:block; font-size:14px; margin-bottom:4px}
.faDet p:not(.faMH){margin:0; font-size:13px; line-height:1.6; opacity:.85}
.faMH{margin:12px 0 5px !important; font-size:10.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#d9e8b5 !important; opacity:1 !important}

/* gandul de ce postesti */
#s-fast .hsIntent textarea{background:rgba(0,0,0,.22) !important; color:#f5efe4 !important; border:1px solid rgba(245,239,228,.22) !important; box-shadow:none !important}
#s-fast .hsIntent textarea::placeholder{color:rgba(245,239,228,.55)}

/* ---------- alegerea zilelor, inainte de post ---------- */
.faSet{text-align:center}
.faSetT{display:block; margin-top:22px; font-family:var(--font-title); font-size:20px; color:#f5efe4}
.faSetS{margin:6px 0 14px !important; font-size:13.5px; line-height:1.55; opacity:.82; color:#f5efe4 !important}
.faPick{display:grid; grid-template-columns:repeat(5,1fr); gap:8px}
.faPick button{height:46px; border-radius:999px; border:0; cursor:pointer; font-family:var(--font-body); font-size:15px; font-weight:700;
  background:rgba(255,255,255,.07); color:#f5efe4; box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); -webkit-tap-highlight-color:transparent}
.faPick button.on{background:#f5efe4; color:#14301f; box-shadow:0 4px 14px rgba(0,0,0,.25)}
.faPickL{margin:12px 0 0 !important; font-size:13px; opacity:.85; color:#f5efe4 !important}
.faWarn{margin:12px 0 0 !important; padding:12px 14px; border-radius:16px; background:rgba(217,232,181,.1); font-size:12.5px; line-height:1.55; color:#d9e8b5 !important; text-align:left}
.faCta{width:100%; min-height:52px; margin-top:16px; border:0; border-radius:999px; cursor:pointer; background:#f5efe4; color:#14301f;
  font-family:var(--font-body); font-size:15px; font-weight:800; box-shadow:0 8px 22px rgba(0,0,0,.28)}
.faCta:active{transform:scale(.985)}

/* ---------- bornele, pe zile ---------- */
.faMsD{margin:14px 4px 8px !important; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#d9e8b5 !important; text-align:left}
.faMs .faM{padding:11px 14px; cursor:pointer; -webkit-tap-highlight-color:transparent}
.faMs .faM + .faM{border-top:1px solid rgba(255,255,255,.08)}
.faMTop{display:flex; align-items:center; gap:10px}
.faMTop i{flex:none; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; box-shadow:inset 0 0 0 1.5px rgba(245,239,228,.3)}
.faMTop i svg{width:12px; height:12px}
.faM.done .faMTop i{background:#8fd0a6; color:#0f2a1c; box-shadow:none}
.faM.next .faMTop i{box-shadow:inset 0 0 0 2px #d9e8b5, 0 0 10px rgba(217,232,181,.45)}
.faMTop b{flex:none; width:42px; font-size:13px; color:#d9e8b5}
.faMTop span{flex:1; min-width:0; font-size:13px; line-height:1.35; text-align:left}
.faM:not(.done):not(.next) .faMTop span{opacity:.72}
.faMTop u{flex:none; text-decoration:none; opacity:.6; display:grid}
.faMTop u svg{width:14px; height:14px; transition:transform .35s ease}
.faM.open .faMTop u svg{transform:rotate(180deg)}
.faMMore{margin:10px 0 2px 30px; text-align:left}
.faMMore p{margin:0 0 4px !important; font-size:13px; line-height:1.6; color:#f5efe4 !important; opacity:.88}
.faMMore .faMEta{color:#d9e8b5 !important; opacity:1}
.faMMore ul{margin:0; padding-left:16px}
.faMMore li{font-size:13px; line-height:1.55; opacity:.88; margin-bottom:4px}
#s-fast .faLink{display:flex}

/* ---------- capatul ---------- */
.faExt{margin-top:18px; padding:16px; border-radius:20px; background:rgba(217,232,181,.1); box-shadow:inset 0 0 0 1px rgba(217,232,181,.3); text-align:left}
.faExt b{display:block; color:#d9e8b5; font-size:14px}
.faExt p{margin:6px 0 12px !important; font-size:13px; line-height:1.55; opacity:.85; color:#f5efe4 !important}
.faExt div{display:flex; gap:8px}
.faExt button{flex:1; height:42px; border:0; border-radius:999px; cursor:pointer; background:rgba(255,255,255,.08); color:#f5efe4; box-shadow:inset 0 0 0 1px rgba(245,239,228,.3); font-family:var(--font-body); font-size:12.5px; font-weight:700}
.faEnd{width:100%; height:48px; margin-top:18px; border:0; border-radius:999px; cursor:pointer; background:transparent; color:#fda4af;
  box-shadow:inset 0 0 0 1px rgba(251,113,133,.45); font-family:var(--font-body); font-size:13.5px; font-weight:700}

/* respiratia interactiva si zilele trecute, pe fundal inchis */
#s-fast #fbBrCard{background:rgba(0,0,0,.24) !important; border:1px solid rgba(255,255,255,.14) !important; color:#f5efe4 !important}
#s-fast #fbBrCard p, #s-fast #fbBrCard b{color:#f5efe4 !important}
#s-fast .mtHist .mtHistT{color:#f5efe4 !important}
#s-fast .mtHist > .sub{color:rgba(245,239,228,.7) !important}

/* ---------- fereastra zilei (aceleasi clase ca #pmPop) ---------- */
#faPop > .muNowSheet{z-index:5}
#faPop .faSep{margin:26px 0 12px}
#faPop .ppTools{grid-template-columns:repeat(4,1fr)}
.faSt{margin:2px 0 0; text-align:center; font-size:14px; line-height:1.55; color:#d9e8b5}
.faBodyS{margin:-6px 0 12px; text-align:center; font-size:12.5px; opacity:.66}
.faPh .faPhR{display:flex; gap:12px; padding:12px 14px; text-align:left}
.faPh .faPhR + .faPhR{border-top:1px solid rgba(255,255,255,.08)}
.faPhR em{flex:none; width:40px; font-style:normal; font-size:13px; font-weight:800; color:#d9e8b5; padding-top:1px}
.faPhR span{display:flex; flex-direction:column; gap:4px}
.faPhR b{font-size:14px; line-height:1.3}
.faPhR small{font-size:12.5px; line-height:1.55; opacity:.75}
#faPop .faWaveR{margin-top:12px}

/* ---------- Acasa: cardul postului ---------- */
.faPin{position:relative; display:grid; grid-template-columns:76px 1fr auto; align-items:center; gap:14px; margin:14px 0 0; padding:14px 14px 22px;
  border-radius:var(--r-card); cursor:pointer; color:#f5efe4; overflow:hidden; -webkit-tap-highlight-color:transparent;
  background:linear-gradient(rgba(140,190,160,.1), rgba(140,190,160,.1)), #1d3b2b url(../img/hs-cardbg-body.webp) center/cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), 0 10px 26px rgba(0,0,0,.32)}
.faPin:active{transform:scale(.99)}
.faPinArt{position:relative; width:76px; height:76px}
.faPinArt img{width:76px; height:76px; border-radius:18px; object-fit:cover; display:block; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), 0 6px 16px rgba(0,0,0,.3)}
.faPB.pin{position:absolute; right:-8px; bottom:-8px; width:38px; height:38px; box-shadow:0 0 0 3px #1d3b2b, 0 4px 12px rgba(0,0,0,.35)}
.faPB.pin svg{width:16px; height:16px}
.faPinTx{min-width:0; display:flex; flex-direction:column; gap:2px; text-align:left}
.faPinTx em{font-style:normal; font-size:10px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#d9e8b5; line-height:1.35}
.faPinTime{font-family:var(--font-title); font-variant-numeric:tabular-nums; font-weight:700; font-size:28px; line-height:1.15; color:#f5efe4}
.faPinNx{font-size:12px; line-height:1.35; opacity:.75; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.faPinGo{text-decoration:none; opacity:.6; display:grid}
.faPinGo svg{width:20px; height:20px}
.faPinBar{position:absolute; left:14px; right:14px; bottom:10px; height:5px; border-radius:99px; background:rgba(0,0,0,.3); overflow:hidden}
.faPinBar i{display:block; height:100%; width:0; border-radius:99px; background:linear-gradient(90deg,#8fd0a6,#d9e8b5); transition:width .8s ease}

/* ---------- 1347: varianta D, capitole curate ---------- */
.faClk{padding:16px 16px 14px; border-radius:22px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.faClkR{display:flex; align-items:flex-end; justify-content:space-between; gap:12px}
.faClkR > div{cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent; text-align:left}
#s-fast .faClkR em{display:block; font-style:normal; font-family:var(--font-body) !important; font-size:10.5px; font-weight:700; letter-spacing:.16em !important; text-transform:uppercase; color:#d9e8b5; text-align:left !important}
.faClk .faTime{display:block; margin:4px 0 0; font-size:36px; line-height:1; text-align:left}
.faClkP{font-size:22px; font-weight:800; color:#d9e8b5; font-variant-numeric:tabular-nums}
.faClk .faBar{margin-top:14px}
.faClkS{display:flex; justify-content:space-between; gap:10px; margin-top:8px; font-size:12px}
.faClkS span:first-child{opacity:.72; cursor:pointer}
.faClkS span:last-child{color:#d9e8b5; font-weight:700}
#s-fast .faClkS span{font-family:var(--font-body) !important; letter-spacing:0 !important}

.faCh{margin-top:16px}
.faChV{position:relative; width:100%; aspect-ratio:16/10; border-radius:24px; overflow:hidden; cursor:pointer; background:#173527;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), 0 12px 26px rgba(0,0,0,.3); -webkit-tap-highlight-color:transparent}
.faCh.now .faChV{box-shadow:0 0 0 2px rgba(217,232,181,.6), 0 12px 26px rgba(0,0,0,.3)}
.faChV img{position:absolute; inset:-6%; width:112%; height:112%; object-fit:cover; display:block; will-change:transform}
.faChV.vis img{animation:faKb 14s ease-in-out infinite alternate}
.faCh.now .faChV.vis img{animation-duration:9s}
.faChV.vis::before{content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(115deg, transparent 30%, rgba(255,250,230,.14) 46%, transparent 60%); background-size:260% 100%; animation:faSweep 9s ease-in-out infinite}
@keyframes faKb{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.07) translate(-2%,-1.5%)}}
@keyframes faSweep{0%{background-position:120% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion: reduce){ .faChV.vis img, .faChV.vis::before{animation:none} }
.faCh.soon .faChV img{filter:saturate(.8) brightness(.9)}
.faChSh{position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(180deg, rgba(6,17,11,0) 40%, rgba(6,17,11,.62) 72%, rgba(6,17,11,.9) 100%)}
.faTag{position:absolute; top:12px; left:12px; z-index:2; display:flex; align-items:center; gap:6px; padding:5px 9px; border-radius:99px; background:rgba(6,17,11,.55);
  font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#f5efe4; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px)}
.faTag i{width:6px; height:6px; border-radius:50%; background:#ff7a7a}
.faCh.done .faTag i{background:#8fd0a6}
.faCh.soon .faTag i{background:rgba(245,239,228,.55)}
.faChTx{position:absolute; left:16px; right:88px; bottom:14px; z-index:2; display:flex; flex-direction:column; gap:4px}
#s-fast .faChTx em{font-style:normal; font-family:var(--font-body) !important; font-size:10.5px; font-weight:700; letter-spacing:.16em !important; text-transform:uppercase; color:#d9e8b5; text-align:left !important}
#s-fast .faChTx b{font-family:var(--font-title) !important; font-style:italic; font-size:21px; line-height:1.15; color:#f5efe4; text-shadow:0 2px 14px rgba(0,0,0,.4); text-align:left !important; letter-spacing:0 !important}

/* play cu inel */
.faRP{position:absolute; right:14px; bottom:14px; z-index:3; width:56px; height:56px; overflow:visible}
.faRP .faIc{display:grid; place-items:center}
.faRP .faIc svg{width:24px; height:24px}
.faRP:not(.on) .faIc svg{margin-left:3px}
.faRg{position:absolute; inset:-5px; width:66px; height:66px; transform:rotate(-90deg); pointer-events:none}
.faRg circle{fill:none; stroke-width:3}
.faRg .bk{stroke:rgba(255,255,255,.28)}
.faRg .fg{stroke:#f5efe4; stroke-linecap:round; transition:stroke-dashoffset .4s linear}

/* pastilele cu orele zilei */
.faPills{display:flex; gap:6px; margin-top:10px}
.faPill{position:relative; flex:1 1 0; min-width:0; height:34px; border:0; padding:0 8px; border-radius:99px; overflow:hidden; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:6px; background:rgba(255,255,255,.07); color:rgba(245,239,228,.78);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); font-family:var(--font-body); -webkit-tap-highlight-color:transparent; transition:transform .15s ease}
.faPill:active{transform:scale(.95)}
.faPill b{position:relative; z-index:1; font-size:12.5px; font-weight:700; font-variant-numeric:tabular-nums}
.faPill.pass{background:rgba(143,208,166,.22); color:#f5efe4; box-shadow:inset 0 0 0 1px rgba(143,208,166,.4)}
.faPill.cur{flex:2.4 1 0; justify-content:space-between; padding:0 12px; background:rgba(0,0,0,.25); color:#f5efe4; box-shadow:inset 0 0 0 1.5px #d9e8b5}
.faPill.cur small{position:relative; z-index:1; font-size:11px; font-weight:700; color:#d9e8b5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.faPF{position:absolute; left:0; top:0; bottom:0; z-index:0; border-radius:99px; background:linear-gradient(90deg, rgba(143,208,166,.45), rgba(217,232,181,.55)); transition:width .8s ease}
#s-fast .faPill b, #s-fast .faPill small{font-family:var(--font-body) !important; letter-spacing:0 !important}

/* fereastra bornei */
.faMsBg{position:fixed; inset:0; z-index:330; background:rgba(3,10,6,.55); opacity:0; pointer-events:none; transition:opacity .25s ease}
.faMsBg.on{opacity:1; pointer-events:auto}
.faMsSh{position:fixed; left:50%; bottom:0; z-index:331; width:min(100vw,430px); max-height:82vh; overflow-y:auto; overscroll-behavior:contain; box-sizing:border-box;
  padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px)); border-radius:30px 30px 0 0; color:#f5efe4;
  background:linear-gradient(180deg,#244a36,#14301f); box-shadow:0 -10px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);
  transform:translate(-50%,105%); transition:transform .38s cubic-bezier(.22,.7,.3,1); pointer-events:none; font-family:var(--font-body)}
.faMsSh.on{transform:translate(-50%,0); pointer-events:auto}
.faGrab{display:block; width:42px; height:5px; border-radius:99px; background:rgba(255,255,255,.25); margin:0 auto 14px}
.faMsTop{display:flex; align-items:center; gap:14px}
.faMsH{flex:none; width:60px; height:60px; border-radius:18px; display:grid; place-items:center; font-weight:800; font-size:17px; background:#f5efe4; color:#14301f}
.faMsTop em{display:block; font-style:normal; font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#d9e8b5}
.faMsTop b{display:block; margin-top:3px; font-family:var(--font-title); font-size:21px; line-height:1.2}
.faMsTop small{display:block; margin-top:4px; font-size:12.5px; font-weight:700; color:#d9e8b5}
.faMsBar{height:8px; margin-top:16px; border-radius:99px; background:rgba(0,0,0,.28); overflow:hidden}
.faMsBar i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#8fd0a6,#d9e8b5); transition:width .8s ease}
.faMsBarL{display:flex; justify-content:space-between; margin-top:6px; font-size:11.5px; opacity:.7}
.faMsSh h4{margin:18px 0 6px; font-size:10.5px; letter-spacing:.16em; text-transform:uppercase; color:#d9e8b5}
.faMsSh p{margin:0; font-size:14.5px; line-height:1.6; opacity:.92}
.faMsSh ul{margin:0; padding-left:18px}
.faMsSh li{font-size:14.5px; line-height:1.55; margin-bottom:5px; opacity:.92}
.faMsNav{display:flex; gap:8px; margin-top:20px}
.faMsNav button{flex:1; height:46px; border-radius:99px; border:0; cursor:pointer; background:rgba(255,255,255,.08); color:#f5efe4; box-shadow:inset 0 0 0 1px rgba(245,239,228,.25); font-family:var(--font-body); font-size:13px; font-weight:700}
.faMsNav button.x{background:#f5efe4; color:#14301f; box-shadow:none}
.faMsNav button:disabled{opacity:.35}
body.faMsOn #dock.dk5{transform:translateY(140px) !important; opacity:0 !important; pointer-events:none !important}
@media (max-width:370px){ .faPills{gap:5px} .faPill{padding:0 4px} .faPill.cur{justify-content:center; padding:0 6px} .faPill.cur small{display:none} }

/* ---------- 1348: zilele care nu sunt azi stau stranse pe un rand ---------- */
.faCh.mini{margin-top:10px}
.faChM{display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:20px; cursor:pointer; background:rgba(0,0,0,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); -webkit-tap-highlight-color:transparent}
.faChM:active{background:rgba(255,255,255,.06)}
.faChM img{flex:none; width:52px; height:52px; border-radius:14px; object-fit:cover}
.faChM > span{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
#s-fast .faChM b{font-family:var(--font-body) !important; font-size:14px; font-weight:700; line-height:1.25; color:#f5efe4; text-align:left !important; letter-spacing:0 !important}
#s-fast .faChM small{font-family:var(--font-body) !important; font-size:12px; opacity:.66; text-align:left !important; letter-spacing:0 !important}
.faCh.mini.done .faChM small{color:#8fd0a6; opacity:1}
.faCh.mini.soon .faChM img{filter:saturate(.8) brightness(.9)}
.faChM u{flex:none; text-decoration:none; opacity:.55; display:grid}
.faChM u svg{width:16px; height:16px}
.faChX{position:absolute; top:10px; right:10px; z-index:3; width:34px; height:34px; border:0; padding:0; border-radius:50%; display:grid; place-items:center; cursor:pointer;
  background:rgba(6,17,11,.55); color:#f5efe4; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px)}
.faChX svg{width:16px; height:16px; transform:rotate(180deg)}