.item { margin: 10px 0; padding: 10px; background: #f0f0f0; }
    #loadMore { margin-top: 20px; padding: 10px 20px; }
    #loading { font-style: italic; color: #666; }

    #loadMorearchieved { margin-top: 20px; padding: 10px 20px; }
    #loadingarchieved { font-style: italic; color: #666; }

    .spinner {
        width: 30px;
        height: 30px;
        border: 4px solid #ccc;
        border-top-color: #eb0404;
        border-radius: 50%;
        animation: spin 0.7s linear infinite;
        margin: 10px auto;
    }
    @keyframes spin {
        to { transform: rotate(360deg); }
    }