<style><br/>body {<br/>    width: 100vw;<br/>    height: 100vh;<br/>    margin: 0;<br/>    padding: 0;<br/>    display: flex;<br/>    flex-direction: column;<br/>    flex-grow: 1;<br/>    background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d);<br/>    color: #ffffff;<br/>    font-size: 18px;<br/>    font-weight: bold;<br/>    overflow: hidden;<br/>}<br/><br/>gradio-app {<br/>    display: flex;<br/>    flex-direction: column;<br/>    flex-grow: 1;<br/>    background-color: #242424;<br/>    width: 100vw;<br/>    height: 100vh;<br/>    border-radius: 20px;<br/>    margin: 5px; <br/>    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);<br/>}<br/><br/>#col_container, #chatbot, .gradio-container, .main, .wrap, .contain, #component-1, #component-2, .message-wrap, .message, .block {<br/>    background: rgba(0, 0, 0, 0.6);<br/>    color: #fff;<br/>    font-size: 18px;<br/>    margin: 10px;<br/>    padding: 20px;<br/>    font-weight: bold;<br/>    border-radius: 15px;<br/>    width: 90%;<br/>    height: auto;<br/>    box-sizing: border-box;<br/>    backdrop-filter: blur(10px);<br/>}<br/><br/>h1, h2, h3, p, span, div {<br/>    color: #ff6f61;<br/>    margin: 10px 0;<br/>    padding: 15px;<br/>    font-weight: bold;<br/>    width: auto;<br/>    height: auto;<br/>    flex-grow: 1;<br/>    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);<br/>}<br/><br/>#chatbot .message {<br/>    margin: 15px 0;<br/>    padding: 20px;<br/>    background: rgba(50, 50, 50, 0.8);<br/>    color: #FFF;<br/>    border-radius: 15px;<br/>    width: auto;<br/>    height: auto;<br/>    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);<br/>}<br/><br/>h1 {<br/>    color: #FF69B4;<br/>    width: auto;<br/>    height: auto;<br/>}<br/><br/>h3 {<br/>    color: #FFA500;<br/>    width: auto;<br/>    height: auto;<br/>}<br/><br/>#component-2 h3 {<br/>    color: #32CD32;<br/>    width: auto;<br/>    height: auto;<br/>}<br/><br/>#component-9 {<br/>    background: linear-gradient(135deg, #20b2aa, #e0ffff);<br/>    color: #20232a;<br/>    width: auto;<br/>    height: auto;<br/>    padding: 20px;<br/>    margin: 15px 0;<br/>    text-align: center;<br/>    border-radius: 10px;<br/>    flex-grow: 0;<br/>    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);<br/>}<br/><br/>textarea {<br/>    background-color: #b31b1b;<br/>    color: #ffefd5;<br/>    width: 95%;<br/>    height: 150px;<br/>    padding: 15px;<br/>    border-radius: 10px;<br/>    box-sizing: border-box;<br/>}<br/><br/>footer, .built-with {<br/>    background: linear-gradient(135deg, #61dafb, #282c34);<br/>    color: #20232a;<br/>    width: 100%;<br/>    height: auto;<br/>    text-align: center;<br/>    padding: 20px;<br/>    border-radius: 10px;<br/>}<br/><br/>#col_container, #chatbot {<br/>    padding: 20px;<br/>    background: rgba(100, 100, 100, 0.5);<br/>    color: #faffaf;<br/>    width: 100%;<br/>    height: auto;<br/>    border-radius: 10px;<br/>}<br/><br/>.message-wrap .user {<br/>    background: linear-gradient(135deg, #6a5acd, #836fff);<br/>    color: #fff;<br/>    width: auto;<br/>    height: auto;<br/>    padding: 20px;<br/>    border-radius: 15px;<br/>    margin: 20px 0;<br/>    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);<br/>}<br/><br/>.message-wrap .bot {<br/>    background: linear-gradient(135deg, #ff4500, #ff6347);<br/>    color: #fff;<br/>    width: auto;<br/>    height: auto;<br/>    padding: 20px;<br/>    border-radius: 15px;<br/>    margin: 20px 0;<br/>    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);<br/>}<br/>&lt;/style&gt;</style>