html.pull-refresh-enabled{overscroll-behavior-y:contain}
.pull-refresh-indicator{position:fixed;z-index:12000;top:max(8px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;justify-content:center;gap:9px;width:max-content;max-width:calc(100vw - 28px);min-height:44px;padding:10px 16px;border:1px solid #c9b292;border-radius:28px;background:#eee0cb;color:#463320;box-shadow:0 5px 25px #32251626;font:12px/1.45 var(--sans);text-align:center;opacity:0;transform:translate3d(-50%,var(--pull-offset,-72px),0);pointer-events:none;transition:opacity .24s ease,background-color .24s ease,border-color .24s ease}
.pull-refresh-indicator[data-state]:not([data-state=idle]){opacity:1}
.pull-refresh-icon{display:inline-block;flex:0 0 auto;font-size:23px;line-height:1;transform:rotate(var(--pull-turn,0deg))}
.pull-refresh-indicator[data-state=ready]{background:#e5cfad;border-color:#9b7445}
.pull-refresh-indicator[data-state=loading] .pull-refresh-icon{animation:pull-refresh-spin .75s linear infinite}
.pull-refresh-indicator[data-state=done] .pull-refresh-icon{font-size:18px;transform:none}
@keyframes pull-refresh-spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.pull-refresh-indicator{font-size:11px;padding:9px 13px}}
@media(prefers-reduced-motion:reduce){.pull-refresh-indicator{transition:none}.pull-refresh-indicator[data-state=loading] .pull-refresh-icon{animation:none}}