div#mode-selector {
    position: fixed;
    bottom: 5%; 
    left: 50%; 
    transform: translateX(-50%);
    z-index: 1; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    gap: 10px; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#mode-selector input[type="radio"] {
    -webkit-appearance: none; 
    appearance: none; 
    width: 20px;
    height: 20px;
    border: 1px solid #a9a9a9; 
    border-radius: 50%;
    outline: none; 
    cursor: pointer;
}

#mode-selector input[type="radio"]:checked {
    background: #007aff;
}

#mode-selector label {
    cursor: pointer;
    color: white; 
    font-size: 16px;
    white-space: nowrap; /* Add this line */
}