/* heart layer: subtle entrance animations (respeita reduced-motion) */
@keyframes heartFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes heartFadeIn{from{opacity:0}to{opacity:1}}
[data-reveal]{opacity:0}
[data-reveal].is-in{animation:heartFadeUp .55s cubic-bezier(.22,.61,.36,1) both}
body.heart-ready .page__inner,body.heart-ready .auth{animation:heartFadeIn .5s ease both}
.card,.widget,.tile{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.widget:hover,.tile:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){
  [data-reveal],[data-reveal].is-in,body.heart-ready .page__inner,body.heart-ready .auth{animation:none!important;opacity:1!important}
  .card:hover,.widget:hover,.tile:hover{transform:none}
}

/* ===== Barra "Editar" ===== */
#heart-bar{position:fixed;right:16px;bottom:16px;z-index:99999;display:flex;gap:8px;
  align-items:center;padding:6px;border-radius:999px;background:rgba(255,255,255,.92);
  box-shadow:0 8px 28px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
#heart-bar button{font:600 14px/1 'Lato','Urbanist',system-ui,sans-serif;cursor:pointer;
  border:0;border-radius:999px;padding:11px 16px;display:inline-flex;align-items:center;gap:6px;
  background:#f3f4f7;color:#1b1d21;transition:transform .15s ease,background .15s ease}
#heart-bar button:hover{transform:translateY(-2px)}
#heart-toggle{background:#2a85ff;color:#fff}
#heart-logo-btn,#heart-reset-btn{display:none}
@supports not (backdrop-filter:blur(8px)){#heart-bar{background:#fff}}

/* ao editar: realça o que é clicável e some animações que atrapalham */
body.heart-edit [data-eid]{outline:1px dashed transparent;border-radius:4px;transition:outline-color .12s}
body.heart-edit [data-eid]:hover{outline-color:#2a85ff;cursor:text;background:rgba(42,133,255,.06)}
body.heart-edit [data-eid][contenteditable="true"]:focus{outline:2px solid #2a85ff;background:rgba(42,133,255,.10)}
body.heart-edit [data-reveal]{opacity:1!important;animation:none!important}
body.heart-edit .nav__link{cursor:default}

#heart-flash{position:fixed;left:50%;bottom:78px;transform:translate(-50%,12px);z-index:100000;
  background:#1b1d21;color:#fff;font:600 14px/1 'Lato','Urbanist',system-ui,sans-serif;
  padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
#heart-flash.show{opacity:1;transform:translate(-50%,0)}