/* Reading Progress Bar Styles */

#reading-progress-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--progress-height, 4px);
    z-index: 9999; /* Sabse upar */
    background: transparent;
    pointer-events: none; /* Click through */
    
    /* Hide/Show Animation */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#reading-progress-container.visible {
    opacity: 1;
    visibility: visible;
}

#reading-progress-bar {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--progress-start, #06b6d4), var(--progress-end, #8b5cf6));
    border-radius: 0 2px 2px 0;
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.5); /* Glow effect */
    transition: width 0.1s linear; /* Smooth filling */
}