.app-footer {
        position: absolute; /* Forces it out of the center flow */
        bottom: 0;          /* Sticks it to the bottom */
        left: 0;
        width: 100%;
        text-align: center;
        padding: 15px 10px;
        font-size: 0.8rem;
        color: rgba(255, 255, 255, 0.6);
        z-index: 100;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        
        /* Ensures it sits above background but doesn't block clicks if transparent */
        pointer-events: none; 
    }

    /* Re-enable clicks for the links */
    .app-footer a {
        pointer-events: auto;
        color: inherit;
        text-decoration: none;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
        transition: all 0.2s;
    }

    .app-footer a:hover {
        color: white;
        border-bottom: 1px solid white;
    }

    .app-footer .sep {
        margin: 0 8px;
        opacity: 0.4;
    }

    @media (max-width: 400px) {
        .app-footer { display: flex; flex-direction: column; gap: 5px; padding-bottom: 20px;}
        .app-footer .sep { display: none; }
    }