Update style.css

style.css

@@ -1,12 +1,52 @@
+body {
+    font-family: 'Roboto', sans-serif;
+    background: #000; /* Deep space black */
+    color: #fff; /* Starlight white */
+}
+
 .gradio-container {
-  max-width: 690px! important;
+    max-width: 800px !important;
+    background-color: #0a0a0a; /* Starfleet console black */
+    border: 1px solid #0096ff; /* Phaser beam blue */
+    border-radius: 5px;
+    padding: 20px;
 }
 
-#share-btn-container{padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;margin-top: 0.35em;}
-div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
-#share-btn-container:hover {background-color: #060606}
-#share-btn {all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;right:0;font-size: 15px;}
-#share-btn * {all: unset}
-#share-btn-container div:nth-child(-n+2){width: auto !important;min-height: 0px !important;}
-#share-btn-container .wrap {display: none !important}
-#share-btn-container.hidden {display: none!important}
+.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;
+}