.ptr{top:calc(env(safe-area-inset-top) - 40px);z-index:40;color:#0d1f24;pointer-events:none;opacity:1;will-change:transform;background:#fff;border:1px solid #cad6d6;border-radius:999px;align-items:center;gap:8px;max-inline-size:calc(100vw - 32px);padding:8px 14px;font-size:13px;font-weight:600;line-height:18px;transition:transform .35s cubic-bezier(.2,.9,.3,1),opacity .2s;display:flex;position:fixed;left:50%}.ptr-pulling{transition:none}.ptr-idle{opacity:0}.ptr-offline{color:#8a4d06;background:#fbebd6;border-color:#f5d8b5}.ptr-done{color:#1a6b43;background:#ddefe5;border-color:#b9dcc8}.ptr.still{top:calc(env(safe-area-inset-top) + 8px);transition:opacity .15s;transform:translate(-50%)}.ptr.still.ptr-pulling{opacity:.85}.ptr-spinner{border:2.5px solid #dce8ea;border-top-color:#0b3c49;border-radius:50%;flex-shrink:0;block-size:18px;inline-size:18px}.ptr-refreshing .ptr-spinner{animation:.8s linear infinite ptr-spin}.ptr-done .ptr-spinner,.ptr-offline .ptr-spinner,.ptr-text:empty{display:none}@keyframes ptr-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ptr-refreshing .ptr-spinner{border-color:#dce8ea #0b3c49 #0b3c49;animation:none}}.sync-area{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.sync-time{color:#56696e;white-space:nowrap;padding-inline:6px;font-size:11px;line-height:14px}