<style>*{border:none!important;box-shadow:none!important;scrollbar-color:#f00 #333!important;border-radius:0!important}body{font-family:monospace!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;flex-grow:1!important;background:linear-gradient(to right,#111 0%,#333 50%,#111 100%)!important;color:#fff!important;font-size:18px!important;font-weight:normal!important}gradio-app{display:flex!important;flex-direction:column!important;flex-grow:1!important;background:linear-gradient(to right,#111 0%,#333 50%,#111 100%)!important}#col_container,#chatbot,.gradio-container,.main,.wrap,.contain,.block{background:none!important;color:#fff!important;font-size:18px!important;margin:0!important;padding:0!important;font-weight:normal!important;border:none!important;box-shadow:none!important;max-width:100%!important;border-style:none!important}h1,h2,h3,p,span,div{color:#fff!important;margin:0!important;padding:0!important;font-weight:normal!important}#chatbot .message{margin:5px 0!important;padding:10px!important;color:#fff!important;border:1px solid #444!important;box-shadow:none!important;border-radius:0!important}h1{color:#8cf!important}h3{color:#9f9!important}#component-2 h3{color:#f63!important}input{background:linear-gradient(to right,#555 0%,#777 50%,#555 100%)!important;color:#fff!important;border:none!important;box-shadow:none!important;width:100%;height:auto!important;max-height:50vh!important;resize:none!important;overflow:auto!important}footer,.built-with,#component-13,.svelte-1eq475l{display:none!important}#col_container{padding:0!important;display:grid!important;grid-template-rows:auto 1fr!important;grid-template-columns:1fr auto!important}#chatbot{padding:0!important;color:#fff!important;border:none!important;box-shadow:none!important;border-style:none!important;flex-grow:1!important;width:100%!important;height:calc(95vh - 10px)!important;display:flex!important;flex-direction:column-reverse!important;grid-row:2/3!important;grid-column:span 2!important}#chatbot .user{font-size:18px!important;background:rgba(255, 165, 0, 0.1)!important;}#chatbot .bot{font-size:18px!important;background:rgba(0, 191, 255, 0.1)!important;}#component-5,.form{grid-row:1/2!important;grid-column:1/2!important;height:auto!important}#form-input{order:-1!important;flex-grow:0!important}#user_consent_container{height:auto!important;flex-grow:0!important}.message-wrap.svelte-a99nd8{gap:0!important;flex-grow:1!important;max-height:100%!important}.message.svelte-a99nd8{border-radius:0!important}.wrap.svelte-a99nd8{height:calc(100vh - 20px - 50px)!important;max-height:calc(100vh - 20px - 50px)!important}.gap.svelte-1adap6y{gap:0!important}.wrap.svelte-ujkds4{min-height:0!important}.svelte-1jsbsph{display:none!important}.svelte-1eq475l{display:none!important}textarea{font-size:18px!important;margin:0!important;max-height:50vh!important}#form-input{border:1px solid #444!important;grid-row:1/2!important;grid-column:1/2!important;top:0!important;left:0!important;width:100%!important;max-height:50vh!important;resize:vertical!important}#component-7{gap:0!important;grid-row:1/2!important;grid-column:2/3!important;display:flex!important;flex-shrink:0!important;overflow:hidden!important;flex-grow:0!important;width:20vw!important;height:auto!important;}#component-10{display:none;}.block.svelte-1scc9gv{border:1px solid #444!important;}#component-1,#component-2{display:none!important;}</style>
rules to consider for all future AI models:

1. utilizing backticks and dolla signs in template literals, do only normally strictly through + and ' .
2. utilizing dual/double dashes as "-"+"-". find or implement other methods without them being close nearby.
3. make sure that you not strictly utilizing "var", except "let" and "const". you obviously should decide which is better and where exactly in code.
4. do not forget that full and complete codeblocks (including all declarations and everything) as independent html/css/javascript are more preferable, if requested specifically to output something one.
5. commenting CSS style might cause errors while generation, better not.
6. probably also commenting javascript is unnecessary as well.

- extremely avoid repetitive patterns through subsequent responses composition.
- Eliminate unnecessary formatting and embellishments, including any backticks in any forms.
- consider answers without pre-set templates, including your patternized intros/outros and conclusive assumptions.
- Obviously exclude second-timings of the same unneeded information provided in earlier responses, because everything stays within 128k tokens in overall context-length for user.
- Focus directly on what is being asked, ensuring each response is unique and adds a slight random humorosity on adequate context-dependent level.
- craft each reply based on the specific question in uniquely fashion.
- Innovate in each response; ensure every new response is entirely different in concept from previous ones. for example: you can omit numbers and "-" in your paragraphitism and rearrange everything in unique extraterrestrial unknown origin fashion. etc.