.pull-refresh{position:fixed;top:calc(env(safe-area-inset-top,0px) + 66px);left:50%;z-index:125;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 18px;border:1px solid var(--hair);border-radius:999px;background:var(--paper);color:var(--cobalt);box-shadow:var(--shadow);font:600 13px Inter,sans-serif;pointer-events:none;opacity:0;transform:translate(-50%,-20px);transition:opacity .15s,transform .15s}
.pull-refresh.visible{opacity:1;transform:translate(-50%,0)}
.pull-refresh-icon{width:20px;height:20px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%}
.pull-refresh.busy .pull-refresh-icon{animation:refresh-spin .7s linear infinite}
.pull-refresh.done{color:var(--ok)}
.pull-refresh.failed{color:var(--amber)}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pull-refresh{transition:none}.pull-refresh.busy .pull-refresh-icon{animation:none}}