style.css

body {
    font-family: 'Roboto', sans-serif;
    background: #000; /* Deep space black */
    color: #fff; /* Starlight white */
}

.gradio-container {
    max-width: 800px !important;
    background-color: #0a0a0a; /* Starfleet console black */
    border: 1px solid #0096ff; /* Phaser beam blue */
    border-radius: 5px;
    padding: 20px;
}

.gradio-header, .gradio-footer {
    background-color: #131313; /* Dark matter grey */
    color: #ffffff;
}

.gradio-title {
    color: #0096ff; /* Science officer blue */
}

.gradio-description {
    color: #aaa; /* Nebula grey */
}

.gradio-input, .gradio-output, .gradio-button, .gradio-dropdown, .gradio-textbox {
    background-color: #262626; /* Shuttlecraft grey */
    border: 1px solid #0096ff; /* Warp speed blue */
    color: #fff;
}

.gradio-button:hover {
    background-color: #005f99; /* Red alert red */
    color: #fff;
}

.gradio-label {
    color: #ffffff; /* Phaser beam blue */
}

#share-btn-container, .gradio-button {
    background-color: #262626; /* Shuttlecraft grey */
    border-color: #0096ff; /* Phaser beam blue */
    color: #ffffff;
}

#share-btn:hover {
    background-color: #005f99; /* Red alert red */
    color: #ffffff;
}