/* Higher Self - build 1429. Memoria citirilor si confidentialitatea (prefix hm) + Fisa ta desenata din nou (prefix hf).
   Aceeasi limba vizuala ca pagina Eu: sticla rgba(255,255,255,.07), margine .12, colturi 18-22, titluri serif,
   iconite de pasla (img/file), butonul principal crem. Totul se potriveste si pe 360x780. */
#s-dossier.hf{--hfInk:#f5efe4; --hfMut:rgba(245,239,228,.66); --hfLine:rgba(255,255,255,.12); --hfGlass:rgba(255,255,255,.07); --hfAcc:var(--fvPillFill,#aa8fc8)}
#s-dossier.hf .hero{margin-top:2vh}
#s-dossier.hf .hero::before{content:""; display:block; width:104px; height:104px; margin:0 auto 4px;
  background:url(../img/file/file.webp?v=1429) center/contain no-repeat;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.32)) drop-shadow(0 0 26px color-mix(in srgb, var(--fvPillFill,#aa8fc8) 35%, transparent))}
#s-dossier.hf .hero .sub{color:var(--hfMut); max-width:34ch; margin-left:auto; margin-right:auto}
#s-dossier.hf #dsBody{margin-top:18px !important}

.hfWrap{color:var(--hfInk); text-align:left; padding-bottom:12px}
.hfCard{display:block; width:100%; box-sizing:border-box; border-radius:20px; border:1px solid var(--hfLine); background:var(--hfGlass); color:var(--hfInk); font-family:var(--font-body)}

/* confidentialitatea: trei fapte si intrerupatorul */
.hfPriv{padding:16px 16px 6px}
.hfEye{display:flex; align-items:center; gap:7px; margin:0 0 12px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--hfAcc)}
.hfEye i{display:grid; place-items:center; width:16px; height:16px}
.hfEye svg{width:15px; height:15px}
.hfPr{display:flex; align-items:center; gap:13px; margin:0 0 12px}
.hfPr img{flex:none; width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.hfPr div{min-width:0; display:flex; flex-direction:column; gap:2px}
.hfPr b{font-size:14.5px; font-weight:700; line-height:1.3}
.hfPr span{font-size:13px; line-height:1.45; color:var(--hfMut)}
.hfTog{display:flex; align-items:center; gap:12px; width:calc(100% + 32px); margin:4px -16px 0; padding:14px 16px; border:0; border-top:1px solid var(--hfLine); border-radius:0 0 20px 20px;
  background:none; color:var(--hfInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent}
.hfTog .tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.hfTog .tx b{font-size:14.5px; font-weight:700}
.hfTog .tx small{font-size:12.5px; line-height:1.45; color:var(--hfMut)}
.hfTog .sw{position:relative; flex:none; width:48px; height:29px; border-radius:999px; background:rgba(255,255,255,.18); transition:background .25s}
.hfTog .sw em{position:absolute; top:3px; left:3px; width:23px; height:23px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.35); transition:transform .25s cubic-bezier(.2,.9,.3,1)}
.hfTog.on .sw{background:var(--hfAcc)}
.hfTog.on .sw em{transform:translateX(19px)}
.hfTog:active .sw em{width:27px}
.hfTog.on:active .sw em{transform:translateX(15px)}

/* butoane */
.hfActs{display:flex; flex-direction:column; gap:8px; margin:12px 0 0}
.hfBtnP, .hfBtnG, .hfBtnD{display:flex; align-items:center; justify-content:center; gap:8px; min-height:50px; padding:12px 18px; border-radius:999px; cursor:pointer;
  font-family:var(--font-body); font-size:15px; font-weight:700; line-height:1.2; text-align:center; -webkit-tap-highlight-color:transparent; transition:transform .16s ease, background-color .2s ease; box-sizing:border-box}
.hfBtnP{border:0; background:#f5efe4; color:#1d1630; box-shadow:0 8px 20px rgba(0,0,0,.25)}
.hfBtnG{border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.05); color:#f5efe4}
.hfBtnD{border:1px solid rgba(243,167,181,.32); background:rgba(243,167,181,.1); color:#f6bcc7}
.hfBtnP:active, .hfBtnG:active, .hfBtnD:active{transform:scale(.97)}
.hfBtnP i, .hfBtnG i, .hfBtnD i{display:grid; place-items:center; width:18px; height:18px; flex:none}
.hfBtnP svg, .hfBtnG svg, .hfBtnD svg{width:18px; height:18px}
.hfW{width:100%; margin-top:10px}

/* sectiuni */
.hfSec{margin-top:30px}
.hfHead{display:flex; align-items:center; gap:12px; margin:0 2px 12px}
.hfHead img{flex:none; width:50px; height:50px; object-fit:contain; filter:drop-shadow(0 5px 10px rgba(0,0,0,.28)); transition:filter .25s, opacity .25s}
.hfHead .t{flex:1; min-width:0}
.hfHead h3{margin:0; font-family:var(--font-title); font-size:20px; font-weight:600; line-height:1.2; color:var(--hfInk)}
.hfHead p{margin:3px 0 0; font-size:12.5px; line-height:1.45; color:var(--hfMut)}
.hfHead.hid img{filter:grayscale(1); opacity:.45}
.hfHead.hid h3{opacity:.6}
.hfEyeB, .hfPlus{flex:none; display:grid; place-items:center; width:38px; height:38px; padding:0; border-radius:50%; cursor:pointer; -webkit-tap-highlight-color:transparent; transition:transform .16s}
.hfEyeB{border:1px solid var(--hfLine); background:var(--hfGlass); color:rgba(245,239,228,.75)}
.hfPlus{border:0; background:var(--hfAcc); color:#1d1630}
.hfEyeB svg{width:18px; height:18px}
.hfPlus svg{width:19px; height:19px}
.hfEyeB:active, .hfPlus:active{transform:scale(.92)}
.hfHead.hid .hfEyeB{color:var(--hfAcc); border-color:color-mix(in srgb, var(--fvPillFill,#aa8fc8) 45%, transparent)}

/* randuri */
.hfList{overflow:hidden; padding:0}
.hfRow{display:flex; align-items:center; gap:12px; width:100%; margin:0; padding:13px 12px 13px 16px; border:0; border-top:1px solid rgba(255,255,255,.08); background:none;
  color:var(--hfInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent; transition:background-color .18s}
.hfRow:first-child{border-top:0}
.hfRow:active{background:rgba(255,255,255,.06)}
.hfRow .tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.hfRow small{display:flex; align-items:center; gap:7px; font-size:10.5px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; color:rgba(245,239,228,.55)}
.hfRow .q{font-style:italic; font-size:12.5px; line-height:1.4; color:var(--hfMut)}
.hfRow b{font-size:15px; font-weight:500; line-height:1.45; overflow-wrap:anywhere}
.hfRow .ic{flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,.07); color:rgba(245,239,228,.6)}
.hfRow .ic svg{width:15px; height:15px}
.hfEd{font-style:normal; font-size:9.5px; letter-spacing:.08em; padding:2px 7px; border-radius:999px; background:color-mix(in srgb, var(--fvPillFill,#aa8fc8) 22%, transparent); color:var(--hfAcc)}

/* zilele */
.hfDay + .hfDay{margin-top:14px}
.hfDayL{display:flex; align-items:center; gap:10px; margin:0 4px 8px; font-size:12px; color:var(--hfMut)}
.hfDayL b{font-size:13px; font-weight:700; color:var(--hfInk); text-transform:capitalize}
.hfDayL i{flex:1; height:1px; background:rgba(255,255,255,.1)}
.hfDayL span{min-width:22px; height:22px; padding:0 7px; box-sizing:border-box; display:grid; place-items:center; border-radius:999px; background:var(--hfGlass); border:1px solid var(--hfLine); font-size:11px; font-weight:700}
.hfMore{display:flex; align-items:center; justify-content:center; gap:6px; margin:12px auto 0; padding:10px 16px; border:0; border-radius:999px; background:none; color:var(--hfAcc);
  font-family:var(--font-body); font-size:14px; font-weight:700; cursor:pointer; -webkit-tap-highlight-color:transparent}
.hfMore i{display:grid; place-items:center; width:16px; height:16px; transition:transform .25s}
.hfMore i.up{transform:rotate(180deg)}
.hfMore svg{width:16px; height:16px}

/* gol, ascuns */
.hfEmpty{display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:16px; border-style:dashed; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.035); cursor:pointer; text-align:left; -webkit-tap-highlight-color:transparent}
.hfEmpty span{font-size:14px; line-height:1.5; color:var(--hfMut)}
.hfEmpty b{display:flex; align-items:center; gap:6px; font-size:14.5px; font-weight:700; color:var(--hfAcc)}
.hfEmpty b i{display:grid; place-items:center; width:16px; height:16px}
.hfEmpty b svg{width:16px; height:16px}
.hfEmpty:active{transform:scale(.99)}
.hfNone{padding:16px}
.hfNone p{margin:0; font-size:14px; line-height:1.55; color:var(--hfMut)}
.hfBusy p{animation:softPulse 2s ease-in-out infinite}
.hfHid{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 12px 12px 16px; background:rgba(255,255,255,.03)}
.hfHid p{margin:0; font-size:13.5px; color:var(--hfMut)}
.hfHid button{flex:none; padding:9px 14px; border-radius:999px; border:1px solid var(--hfLine); background:var(--hfGlass); color:var(--hfInk); font-family:var(--font-body); font-size:13px; font-weight:700; cursor:pointer}

/* intrerupatorul oprit: ce nu mai pleaca arata pus pe pauza */
.hfWrap.off .hfSec:not(.hfSecB){opacity:.5}

/* scrisoarea */
.hfLetter{padding:6px 18px 16px}
.hfLetter h4{margin:18px 0 6px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--hfAcc)}
.hfLetter p{margin:0 0 10px; font-size:14.5px; line-height:1.72}
.hfLetter .hfLetterD{margin:12px 0 0; font-size:12.5px; color:var(--hfMut)}

/* subsol */
.hfFoot{margin-top:30px}
.hfForgot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:12px 12px 12px 16px; border-radius:18px; border:1px solid var(--hfLine); background:rgba(255,255,255,.03)}
.hfForgot span{font-size:13.5px; color:var(--hfMut)}
.hfForgot button{flex:none; padding:9px 14px; border-radius:999px; border:0; background:none; color:var(--hfAcc); font-family:var(--font-body); font-size:13.5px; font-weight:700; cursor:pointer}
.hfHow{display:flex; gap:13px; align-items:flex-start; padding:16px; border-radius:20px; border:1px solid var(--hfLine); background:var(--hfGlass)}
.hfHow img{flex:none; width:44px; height:44px; object-fit:contain}
.hfHow b{display:block; font-family:var(--font-title); font-size:17px; font-weight:600; margin:2px 0 4px}
.hfHow p{margin:0; font-size:13px; line-height:1.55; color:var(--hfMut)}
.hfLocal{margin:14px 10px 0; font-size:12px; line-height:1.5; text-align:center; color:rgba(245,239,228,.5)}

/* foaia de jos */
#hfOv{position:fixed; inset:0; z-index:9600; background:rgba(9,6,22,.55); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); opacity:0; pointer-events:none; transition:opacity .28s ease}
#hfOv.on{opacity:1; pointer-events:auto}
.hfShBox{position:absolute; left:0; right:0; bottom:0; max-width:520px; margin:0 auto; box-sizing:border-box; max-height:88vh; overflow-y:auto; overscroll-behavior:contain;
  padding:10px 20px calc(20px + env(safe-area-inset-bottom)); border-radius:26px 26px 0 0; color:#f5efe4; font-family:var(--font-body);
  background:linear-gradient(180deg, #33295a 0%, #251d45 100%); box-shadow:0 -14px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);
  transform:translateY(102%); transition:transform .36s cubic-bezier(.2,.9,.3,1)}
#hfOv.on .hfShBox{transform:none}
#hfOv.tall .hfShBox{height:88vh}
.hfGrab{display:block; width:42px; height:5px; margin:0 auto 14px; border-radius:999px; background:rgba(255,255,255,.22)}
.hfShEy{margin:0 0 4px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--fvPillFill,#aa8fc8)}
.hfShT{margin:0 0 12px; font-family:var(--font-title); font-size:23px; font-weight:600; line-height:1.2}
.hfShQ{margin:-4px 0 12px; font-style:italic; font-size:14px; line-height:1.45; color:rgba(245,239,228,.68)}
.hfShQuote{margin:8px 0 10px; padding:14px 16px; border-radius:16px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.1); font-size:15.5px; line-height:1.55}
.hfShN{margin:10px 2px 0; font-size:13px; line-height:1.5; color:rgba(245,239,228,.66)}
.hfShRow{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:8px}
.hfShRow > *{min-width:0; font-size:14px; padding-left:12px; padding-right:12px}
.hfDanger{margin-top:14px}
.hfLink{display:flex; align-items:center; gap:7px; margin:14px auto 0; padding:8px 10px; border:0; background:none; color:rgba(245,239,228,.7); font-family:var(--font-body); font-size:13px; font-weight:600; text-align:left; cursor:pointer}
.hfLink i{display:grid; place-items:center; flex:none; width:16px; height:16px}
.hfLink svg{width:16px; height:16px}
.hfTa{display:block; width:100%; box-sizing:border-box; min-height:96px; margin:0; padding:14px 15px; border-radius:16px; border:1px solid rgba(255,255,255,.16); background:rgba(0,0,0,.2);
  color:#f5efe4; font-family:var(--font-body); font-size:16px; line-height:1.5; resize:none; outline:none; transition:border-color .2s}
.hfTa:focus{border-color:color-mix(in srgb, var(--fvPillFill,#aa8fc8) 70%, transparent)}
.hfTa::placeholder{color:rgba(245,239,228,.4)}
.hfStarts{display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 10px}
.hfStarts button{padding:8px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); color:#f5efe4; font-family:var(--font-body); font-size:13px; font-weight:600; cursor:pointer}
.hfStarts button:active{transform:scale(.96)}
#hfShIn .hfPr{margin:0 0 14px}
#hfShIn .hfPr img{width:48px; height:48px}

/* "exact ce primeste ghidul", asezat ca text */
.hfTs{margin:12px 0 0; padding:2px 16px 14px; border-radius:18px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.1)}
.hfTs h5{margin:16px 0 4px; font-size:10.5px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--fvPillFill,#aa8fc8)}
.hfTs p{margin:0 0 6px; font-size:13.5px; line-height:1.55; color:rgba(245,239,228,.88)}
.hfTs .hfTsN{font-style:italic; font-size:12px; color:rgba(245,239,228,.55)}
.hfTs .hfTsL{position:relative; padding-left:14px}
.hfTs .hfTsL::before{content:""; position:absolute; left:2px; top:.62em; width:5px; height:5px; border-radius:50%; background:var(--fvPillFill,#aa8fc8); opacity:.8}

/* bara cu "Anuleaza" */
#hfSnack{position:fixed; left:0; right:0; margin:0 auto; width:max-content; bottom:calc(104px + env(safe-area-inset-bottom)); z-index:9700; display:flex; align-items:center; gap:12px; max-width:min(calc(100% - 32px), 440px); box-sizing:border-box;
  padding:8px 8px 8px 18px; border-radius:999px; background:#f5efe4; color:#1d1630; box-shadow:0 12px 30px rgba(0,0,0,.4); font-family:var(--font-body); font-size:14px; font-weight:600;
  opacity:0; pointer-events:none; transform:translateY(16px); transition:opacity .25s, transform .3s cubic-bezier(.2,.9,.3,1)}
#hfSnack.on{opacity:1; pointer-events:auto; transform:none}
#hfSnack span{min-width:0; padding:6px 0}
#hfSnack:not(:has(button)){padding-right:18px}
#hfSnack button{flex:none; padding:9px 15px; border-radius:999px; border:0; background:#1d1630; color:#f5efe4; font-family:var(--font-body); font-size:13.5px; font-weight:700; cursor:pointer}

/* linia de sub citire (1428) */
.hmYou{display:flex; align-items:flex-start; gap:9px; width:100%; margin:14px 0 0; padding:10px 12px; border:0; border-radius:14px; background:rgba(255,255,255,.07); box-shadow:inset 0 0 0 1px rgba(255,255,255,.1); color:inherit; text-align:left; font-family:var(--font-body); font-size:13px; line-height:1.5; cursor:pointer; -webkit-tap-highlight-color:transparent}
.hmYou i{display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:50%; background:color-mix(in srgb, var(--catB, #a78bfa) 20%, transparent); color:var(--catB, #a78bfa); margin-top:1px}
.hmYou i svg{width:12px; height:12px}
.hmYou span{opacity:.85}
.hmYou b{font-weight:700; opacity:1}
#ritOv.rmb .hmYou{background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--ink)}
#ritOv.rmb .hmYou i{background:color-mix(in srgb, var(--z) 22%, transparent); color:var(--z)}

/* 1429: zilele ca acordeon */
.hfDay{overflow:hidden; padding:0}
.hfDay + .hfDay{margin-top:8px}
.hfDayH{display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:14px 14px 14px 16px; border:0; background:none; color:var(--hfInk); text-align:left; cursor:pointer; font-family:var(--font-body); -webkit-tap-highlight-color:transparent}
.hfDayH:active{background:rgba(255,255,255,.04)}
.hfDayH .tx{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px}
.hfDayH b{font-size:15px; font-weight:700; text-transform:capitalize}
.hfDayH small{font-size:13px; color:var(--hfMut); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.hfDayH .n{flex:none; min-width:24px; height:24px; padding:0 8px; box-sizing:border-box; display:grid; place-items:center; border-radius:999px; background:rgba(255,255,255,.08); font-size:11.5px; font-weight:700; color:rgba(245,239,228,.8)}
.hfDayH i{flex:none; display:grid; place-items:center; width:18px; height:18px; color:rgba(245,239,228,.6); transition:transform .25s}
.hfDayH i svg{width:16px; height:16px}
.hfDay.op .hfDayH i{transform:rotate(180deg)}
.hfDay.op .hfDayH{border-bottom:1px solid rgba(255,255,255,.08)}
.hfGrp{margin:0; padding:12px 16px 2px; font-size:10.5px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--hfAcc)}
.hfGrp + .hfRow{border-top:0}
.hfLetterE p{margin:0 0 2px}
.hfLetterE .hfBtnG{margin-top:12px}