body, html {
    margin: 0;
    padding: 0;
    font-family: 'Gilroy-Bold', sans-serif;
    background-color: transparent; /* For OBS Browser Source */
    color: #ffffff;
    overflow: hidden; /* Hide scrollbars if any */
    width: 100%;
    height: 100%;
}

.widget-container {
    padding: 20px;
    background-color: #1E1E2A; /* Dark background similar to image */
    border-radius: 15px;
    /* min-width: 300px; */ /* Removed min-width */
    width: 100%; /* Set to 100% width */
    height: 100%; /* Set to 100% height, or adjust as needed if content overflows */
    box-sizing: border-box;
    margin: 0; /* Ensure no margin on the container itself */
    /* display: inline-block; */ /* Removed display: inline-block */
    display: flex; /* Using flex to better manage inner content if needed */
    flex-direction: column; /* Stack children vertically */
    justify-content: center; /* Center content vertically */
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

#widget-title {
    font-weight: bold;
}

#widget-stats {
    font-weight: normal;
}

.progress-bar-container {
    width: 100%;
    height: 25px;
    background-color: #111118; /* Slightly darker than container bg */
    border-radius: 25px;
    /* overflow: hidden; */ /* Removed to allow shadow to be visible */
    border: 2px solid #00000020; /* Subtle border */
    /* Add some padding to contain the glow if needed, or adjust parent */
    /* padding: 5px; Consider this if shadow is cut by widget-container edges */
}

.progress-bar {
    height: 100%;
    width: 0%; /* Initial width */
    background-color: var(--accent-color, yellow); /* Default to yellow, will be set by JS */
    border-radius: 25px;
    transition: width 0.5s ease-in-out, background-color 0.5s ease-in-out;
    /* Further reduced glow effect */
    box-shadow: 
        0 0 2px var(--accent-color, yellow),
        0 0 5px var(--accent-color, yellow),
        0 0 10px var(--accent-color, yellow),
        0 0 15px var(--accent-color, yellow);
}