.pull-refresh-indicator{position:fixed;z-index:2100;top:calc(68px + env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid #d5ded2;border-radius:999px;background:rgba(255,254,250,.96);box-shadow:0 8px 24px #1c2d2224;color:#6f7c72;font-size:9px;font-weight:750;pointer-events:none;opacity:0;transform:translate(-50%,-18px) scale(.94);transition:opacity .14s ease,transform .14s ease;backdrop-filter:blur(9px)}
.pull-refresh-indicator.visible{opacity:1;transform:translate(-50%,0) scale(1)}
.pull-refresh-indicator.ready{border-color:#a8bca4;background:#eef4eb;color:#355c43}
.pull-refresh-indicator.refreshing{border-color:#8faa8d;background:#e8f1e4;color:#355c43}
.pull-refresh-indicator svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--pull-rotation,0deg));transition:transform .08s linear}
.pull-refresh-indicator.refreshing svg{animation:pull-refresh-spin .7s linear infinite}
@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}
@media(min-width:901px){.pull-refresh-indicator{display:none}}
@media(prefers-reduced-motion:reduce){.pull-refresh-indicator{transition:none}.pull-refresh-indicator.refreshing svg{animation:none}}