.task-pull-refresh{
  --pull:0px;
  position:fixed;
  z-index:19;
  top:calc(env(safe-area-inset-top) + 82px);
  left:50%;
  transform:translate(-50%,calc(var(--pull) - 64px));
  min-width:150px;
  height:42px;
  padding:0 14px;
  border:1px solid var(--line,#dedbd5);
  border-radius:999px;
  background:rgba(255,255,255,.97);
  color:#6f6a63;
  box-shadow:0 6px 18px rgba(35,33,28,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:.78rem;
  opacity:clamp(0,calc(var(--pull) / 36px),1);
  pointer-events:none;
  transition:transform .16s ease,opacity .16s ease;
}
.task-pull-refresh.ready{color:#3f3d39;font-weight:700}
.task-pull-refresh-icon{font-size:1rem;line-height:1}
.task-pull-refresh.refreshing .task-pull-refresh-icon{animation:task-refresh-spin .8s linear infinite}
@keyframes task-refresh-spin{to{transform:rotate(360deg)}}