/* Shamlou v25 — return to top for long reading pages */
.shamlou-back-to-top{
  position:fixed;
  left:max(22px, env(safe-area-inset-left));
  bottom:max(22px, env(safe-area-inset-bottom));
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(22,22,22,.18);
  border-radius:50%;
  background:rgba(248,248,246,.94);
  color:#5f5b56;
  box-shadow:0 5px 18px rgba(0,0,0,.07);
  font-family:Arial,sans-serif;
  font-size:19px;
  line-height:1;
  cursor:pointer;
  z-index:120;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:
    opacity .2s ease,
    visibility .2s ease,
    transform .2s ease,
    color .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}
.shamlou-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.shamlou-back-to-top:hover,
.shamlou-back-to-top:focus-visible{
  color:#ff9900;
  border-color:rgba(255,153,0,.55);
  background:rgba(255,153,0,.07);
  outline:none;
  transform:translateY(-2px);
}
.shamlou-back-to-top:focus-visible{
  outline:1px solid #ff9900;
  outline-offset:3px;
}
.shamlou-back-to-top:active{
  transform:translateY(0) scale(.96);
}
@media(max-width:640px){
  .shamlou-back-to-top{
    left:max(16px, env(safe-area-inset-left));
    bottom:max(16px, env(safe-area-inset-bottom));
    width:34px;
    height:34px;
    font-size:17px;
  }
}
@media(prefers-reduced-motion:reduce){
  .shamlou-back-to-top{transition:none}
}