#update-notification {
    position: fixed; 
    top: 20px; 
    right: 20px; 
    z-index: 9999; 
    display: flex; 
    align-items: flex-end; 
    flex-direction: column-reverse; 
    gap: 10px;
}

#update-message {
    display: none; 
    background-color: rgba(20, 20, 20, 0.95); 
    border: 1px solid #ff4d4d; 
    color: white; 
    padding: 20px; 
    border-radius: 12px; 
    font-family: sans-serif; 
    font-size: 0.95em; 
    width: calc(100vw - 40px); 
    max-width: 320px; 
    box-sizing: border-box; 
    backdrop-filter: blur(10px); 
    box-shadow: 0 4px 15px rgba(255, 77, 77, 0.2); 
    text-align: left; 
    transform-origin: top right; 
    animation: scaleIn 0.3s ease-out forwards; 
    line-height: 1.5;
}

#close-update-btn {
    margin-top: 15px; 
    padding: 10px; 
    background: #ff4d4d; 
    color: white; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    width: 100%; 
    font-weight: bold; 
    font-family: sans-serif; 
    transition: background 0.2s;
}

#update-icon {
    cursor: pointer; 
    width: 55px; 
    height: 55px; 
    filter: drop-shadow(0 0 10px rgba(255, 77, 77, 0.6)); 
    transition: transform 0.2s, filter 0.2s;
}

#update-icon:hover {
    transform: scale(1.1); 
    filter: drop-shadow(0 0 15px rgba(255, 77, 77, 0.9));
}

@keyframes scaleIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}