index.html

<script language=javascript>document.write(unescape('%3C%21DOCTYPE%20html%3E%0A%3Chtml%20lang%3D%22en%22%3E%0A%3Chead%3E%0A%20%20%3Cmeta%20charset%3D%22UTF-8%22%3E%0A%20%20%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%0A%20%20%3Ctitle%3EGemini%20AI%20Interface%3C/title%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20*%20%7B%0A%20%20%20%20%20%20margin%3A%200%3B%0A%20%20%20%20%20%20padding%3A%200%3B%0A%20%20%20%20%20%20box-sizing%3A%20border-box%3B%0A%20%20%20%20%20%20font-family%3A%20%27Segoe%20UI%27%2C%20Tahoma%2C%20Geneva%2C%20Verdana%2C%20sans-serif%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body%20%7B%0A%20%20%20%20%20%20background%3A%20linear-gradient%28135deg%2C%20%231a1a2e%200%25%2C%20%2316213e%20100%25%29%3B%0A%20%20%20%20%20%20min-height%3A%20100vh%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20padding%3A%2020px%3B%0A%20%20%20%20%20%20transition%3A%20background%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.container%20%7B%0A%20%20%20%20%20%20width%3A%20100%25%3B%0A%20%20%20%20%20%20max-width%3A%20800px%3B%0A%20%20%20%20%20%20background-color%3A%20%23222831%3B%0A%20%20%20%20%20%20border-radius%3A%2016px%3B%0A%20%20%20%20%20%20box-shadow%3A%200%2010px%2030px%20rgba%280%2C%200%2C%200%2C%200.3%29%3B%0A%20%20%20%20%20%20overflow%3A%20hidden%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20%20%20height%3A%2090vh%3B%0A%20%20%20%20%20%20transition%3A%20background-color%200.3s%20ease%2C%20box-shadow%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.header%20%7B%0A%20%20%20%20%20%20background%3A%20linear-gradient%2890deg%2C%20%234b6cb7%200%25%2C%20%23182848%20100%25%29%3B%0A%20%20%20%20%20%20color%3A%20white%3B%0A%20%20%20%20%20%20padding%3A%2020px%3B%0A%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.header%20h1%20%7B%0A%20%20%20%20%20%20font-size%3A%2024px%3B%0A%20%20%20%20%20%20margin-bottom%3A%205px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.header%20p%20%7B%0A%20%20%20%20%20%20font-size%3A%2014px%3B%0A%20%20%20%20%20%20opacity%3A%200.8%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.theme-toggle%20%7B%0A%20%20%20%20%20%20position%3A%20absolute%3B%0A%20%20%20%20%20%20top%3A%2020px%3B%0A%20%20%20%20%20%20right%3A%2020px%3B%0A%20%20%20%20%20%20background%3A%20rgba%28255%2C%20255%2C%20255%2C%200.2%29%3B%0A%20%20%20%20%20%20border%3A%20none%3B%0A%20%20%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20%20%20width%3A%2040px%3B%0A%20%20%20%20%20%20height%3A%2040px%3B%0A%20%20%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20justify-content%3A%20center%3B%0A%20%20%20%20%20%20align-items%3A%20center%3B%0A%20%20%20%20%20%20transition%3A%20background%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.theme-toggle%3Ahover%20%7B%0A%20%20%20%20%20%20background%3A%20rgba%28255%2C%20255%2C%20255%2C%200.3%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.theme-toggle%20svg%20%7B%0A%20%20%20%20%20%20width%3A%2024px%3B%0A%20%20%20%20%20%20height%3A%2024px%3B%0A%20%20%20%20%20%20fill%3A%20white%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.chat-container%20%7B%0A%20%20%20%20%20%20flex%3A%201%3B%0A%20%20%20%20%20%20overflow-y%3A%20auto%3B%0A%20%20%20%20%20%20padding%3A%2020px%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20flex-direction%3A%20column%3B%0A%20%20%20%20%20%20gap%3A%2015px%3B%0A%20%20%20%20%20%20background-color%3A%20%23222831%3B%0A%20%20%20%20%20%20transition%3A%20background-color%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.message%20%7B%0A%20%20%20%20%20%20max-width%3A%2080%25%3B%0A%20%20%20%20%20%20padding%3A%2012px%2016px%3B%0A%20%20%20%20%20%20border-radius%3A%2018px%3B%0A%20%20%20%20%20%20line-height%3A%201.4%3B%0A%20%20%20%20%20%20position%3A%20relative%3B%0A%20%20%20%20%20%20animation%3A%20fadeIn%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20@keyframes%20fadeIn%20%7B%0A%20%20%20%20%20%20from%20%7B%20opacity%3A%200%3B%20transform%3A%20translateY%2810px%29%3B%20%7D%0A%20%20%20%20%20%20to%20%7B%20opacity%3A%201%3B%20transform%3A%20translateY%280%29%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.user-message%20%7B%0A%20%20%20%20%20%20background-color%3A%20%234b6cb7%3B%0A%20%20%20%20%20%20color%3A%20white%3B%0A%20%20%20%20%20%20border-bottom-right-radius%3A%205px%3B%0A%20%20%20%20%20%20align-self%3A%20flex-end%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.ai-message%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23393e46%3B%0A%20%20%20%20%20%20color%3A%20%23eeeeee%3B%0A%20%20%20%20%20%20border-bottom-left-radius%3A%205px%3B%0A%20%20%20%20%20%20align-self%3A%20flex-start%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.input-container%20%7B%0A%20%20%20%20%20%20padding%3A%2020px%3B%0A%20%20%20%20%20%20border-top%3A%201px%20solid%20%23393e46%3B%0A%20%20%20%20%20%20display%3A%20flex%3B%0A%20%20%20%20%20%20gap%3A%2010px%3B%0A%20%20%20%20%20%20background-color%3A%20%23222831%3B%0A%20%20%20%20%20%20transition%3A%20background-color%200.3s%20ease%2C%20border-color%200.3s%20ease%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23user-input%20%7B%0A%20%20%20%20%20%20flex%3A%201%3B%0A%20%20%20%20%20%20padding%3A%2012px%2016px%3B%0A%20%20%20%20%20%20border%3A%201px%20solid%20%23393e46%3B%0A%20%20%20%20%20%20border-radius%3A%2024px%3B%0A%20%20%20%20%20%20outline%3A%20none%3B%0A%20%20%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20%20%20transition%3A%20border-color%200.3s%2C%20background-color%200.3s%2C%20color%200.3s%3B%0A%20%20%20%20%20%20background-color%3A%20%23393e46%3B%0A%20%20%20%20%20%20color%3A%20%23eeeeee%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23user-input%3Afocus%20%7B%0A%20%20%20%20%20%20border-color%3A%20%234b6cb7%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23user-input%3A%3Aplaceholder%20%7B%0A%20%20%20%20%20%20color%3A%20%23888%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23send-button%20%7B%0A%20%20%20%20%20%20background%3A%20linear-gradient%2890deg%2C%20%234b6cb7%200%25%2C%20%23182848%20100%25%29%3B%0A%20%20%20%20%20%20color%3A%20white%3B%0A%20%20%20%20%20%20border%3A%20none%3B%0A%20%20%20%20%20%20border-radius%3A%2024px%3B%0A%20%20%20%20%20%20padding%3A%2012px%2024px%3B%0A%20%20%20%20%20%20cursor%3A%20pointer%3B%0A%20%20%20%20%20%20font-weight%3A%20600%3B%0A%20%20%20%20%20%20transition%3A%20transform%200.2s%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23send-button%3Ahover%20%7B%0A%20%20%20%20%20%20transform%3A%20scale%281.05%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20%23send-button%3Adisabled%20%7B%0A%20%20%20%20%20%20background%3A%20%23555%3B%0A%20%20%20%20%20%20cursor%3A%20not-allowed%3B%0A%20%20%20%20%20%20transform%3A%20scale%281%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.typing-indicator%20%7B%0A%20%20%20%20%20%20display%3A%20none%3B%0A%20%20%20%20%20%20background-color%3A%20%23393e46%3B%0A%20%20%20%20%20%20padding%3A%2012px%2016px%3B%0A%20%20%20%20%20%20border-radius%3A%2018px%3B%0A%20%20%20%20%20%20border-bottom-left-radius%3A%205px%3B%0A%20%20%20%20%20%20align-self%3A%20flex-start%3B%0A%20%20%20%20%20%20margin-bottom%3A%2015px%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.typing-indicator%20span%20%7B%0A%20%20%20%20%20%20height%3A%208px%3B%0A%20%20%20%20%20%20width%3A%208px%3B%0A%20%20%20%20%20%20float%3A%20left%3B%0A%20%20%20%20%20%20margin%3A%200%201px%3B%0A%20%20%20%20%20%20background-color%3A%20%239E9EA1%3B%0A%20%20%20%20%20%20display%3A%20block%3B%0A%20%20%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%20%20%20%20opacity%3A%200.4%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.typing-indicator%20span%3Anth-of-type%281%29%20%7B%0A%20%20%20%20%20%20animation%3A%20typing%201s%20infinite%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.typing-indicator%20span%3Anth-of-type%282%29%20%7B%0A%20%20%20%20%20%20animation%3A%20typing%201s%200.33s%20infinite%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.typing-indicator%20span%3Anth-of-type%283%29%20%7B%0A%20%20%20%20%20%20animation%3A%20typing%201s%200.66s%20infinite%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20@keyframes%20typing%20%7B%0A%20%20%20%20%20%200%25%2C%20100%25%20%7B%20transform%3A%20translateY%280%29%3B%20%7D%0A%20%20%20%20%20%2050%25%20%7B%20transform%3A%20translateY%28-5px%29%3B%20%7D%0A%20%20%20%20%7D%0A%0A%20%20%20%20.token-info%20%7B%0A%20%20%20%20%20%20font-size%3A%2012px%3B%0A%20%20%20%20%20%20color%3A%20%23888%3B%0A%20%20%20%20%20%20margin-top%3A%205px%3B%0A%20%20%20%20%20%20text-align%3A%20right%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.footer%20%7B%0A%20%20%20%20%20%20text-align%3A%20center%3B%0A%20%20%20%20%20%20font-size%3A%2013px%3B%0A%20%20%20%20%20%20padding%3A%2012px%3B%0A%20%20%20%20%20%20background-color%3A%20%231b1f25%3B%0A%20%20%20%20%20%20color%3A%20%23aaa%3B%0A%20%20%20%20%20%20border-top%3A%201px%20solid%20%23393e46%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.footer%20a%20%7B%0A%20%20%20%20%20%20color%3A%20%234b6cb7%3B%0A%20%20%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20%20%20font-weight%3A%20600%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20.footer%20a%3Ahover%20%7B%0A%20%20%20%20%20%20text-decoration%3A%20underline%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20%7B%0A%20%20%20%20%20%20background%3A%20linear-gradient%28135deg%2C%20%23f5f7fa%200%25%2C%20%23c3cfe2%20100%25%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.container%20%7B%0A%20%20%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20%20%20box-shadow%3A%200%2010px%2030px%20rgba%280%2C%200%2C%200%2C%200.1%29%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.chat-container%20%7B%0A%20%20%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.user-message%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23e3effd%3B%0A%20%20%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.ai-message%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23f0f4f9%3B%0A%20%20%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.input-container%20%7B%0A%20%20%20%20%20%20border-top%3A%201px%20solid%20%23eaeaea%3B%0A%20%20%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20%23user-input%20%7B%0A%20%20%20%20%20%20border%3A%201px%20solid%20%23ddd%3B%0A%20%20%20%20%20%20background-color%3A%20white%3B%0A%20%20%20%20%20%20color%3A%20%23333%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.typing-indicator%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23f0f4f9%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.token-info%20%7B%0A%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20body.light-mode%20.footer%20%7B%0A%20%20%20%20%20%20background-color%3A%20%23f9f9f9%3B%0A%20%20%20%20%20%20color%3A%20%23666%3B%0A%20%20%20%20%20%20border-top%3A%201px%20solid%20%23eaeaea%3B%0A%20%20%20%20%7D%0A%0A%20%20%20%20@media%20%28max-width%3A%20600px%29%20%7B%0A%20%20%20%20%20%20.container%20%7B%0A%20%20%20%20%20%20%20%20height%3A%2095vh%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.message%20%7B%0A%20%20%20%20%20%20%20%20max-width%3A%2090%25%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.header%20h1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%3C/style%3E%0A%3C/head%3E%0A%3Cbody%20class%3D%22dark-mode%22%3E%0A%20%20%3Cdiv%20class%3D%22container%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22header%22%3E%0A%20%20%20%20%20%20%3Ch1%3EGemini%20AI%20Interface%3C/h1%3E%0A%20%20%20%20%20%20%3Cp%3EPowered%20by%20Google%27s%20Gemini%202.0%20Flash%20model%3C/p%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22theme-toggle%22%20id%3D%22theme-toggle%22%3E%0A%20%20%20%20%20%20%20%20%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2016C14.2091%2016%2016%2014.2091%2016%2012C16%209.79086%2014.2091%208%2012%208C9.79086%208%208%209.79086%208%2012C8%2014.2091%209.79086%2016%2012%2016Z%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%202V4%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12%2020V22%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.93%204.93L6.34%206.34%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.66%2017.66L19.07%2019.07%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2%2012H4%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M20%2012H22%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.34%2017.66L4.93%2019.07%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.07%204.93L17.66%206.34%22/%3E%0A%20%20%20%20%20%20%20%20%3C/svg%3E%0A%20%20%20%20%20%20%3C/button%3E%0A%20%20%20%20%3C/div%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22chat-container%22%20id%3D%22chat-container%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22message%20ai-message%22%3E%0A%20%20%20%20%20%20%20%20Hello%21%20I%27m%20Gemini%20AI.%20How%20can%20I%20assist%20you%20today%3F%0A%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%3C/div%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22typing-indicator%22%20id%3D%22typing-indicator%22%3E%0A%20%20%20%20%20%20%3Cspan%3E%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%3E%3C/span%3E%0A%20%20%20%20%20%20%3Cspan%3E%3C/span%3E%0A%20%20%20%20%3C/div%3E%0A%0A%20%20%20%20%3Cdiv%20class%3D%22input-container%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22text%22%20id%3D%22user-input%22%20placeholder%3D%22Type%20your%20message%20here...%22%20autocomplete%3D%22off%22%3E%0A%20%20%20%20%20%20%3Cbutton%20id%3D%22send-button%22%3ESend%3C/button%3E%0A%20%20%20%20%3C/div%3E%0A%0A%20%20%20%20%3Cfooter%20class%3D%22footer%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22footer-content%22%3E%0A%20%20%20%20%20%20%20%20%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22120%22%20height%3D%2245%22%20viewBox%3D%220%200%20512%20188%22%20aria-hidden%3D%22true%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22SVGugPlDb0c%22%20cx%3D%2285.738%25%22%20cy%3D%2225.354%25%22%20r%3D%22103.154%25%22%20fx%3D%2285.738%25%22%20fy%3D%2225.354%25%22%20gradientTransform%3D%22matrix%28-.86887%20.47915%20-.39276%20-.66723%201.702%20.012%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%235BAEFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%239CBFFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22SVG72Ys5bNa%22%20cx%3D%2261.879%25%22%20cy%3D%2226.683%25%22%20r%3D%2280.612%25%22%20fx%3D%2261.879%25%22%20fy%3D%2226.683%25%22%20gradientTransform%3D%22scale%28-1%20-.9195%29rotate%28-81.526%20-.323%20.706%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23409DFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2364B0FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22SVG4eaTnw8h%22%20cx%3D%2253.184%25%22%20cy%3D%2219.021%25%22%20r%3D%22110.789%25%22%20fx%3D%2253.184%25%22%20fy%3D%2219.021%25%22%20gradientTransform%3D%22scale%28-.6801%20-1%29rotate%28-76.197%20-.368%20.838%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23177CFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%234DA4FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3CradialGradient%20id%3D%22SVGYzHxAeIP%22%20cx%3D%22-182.665%25%22%20cy%3D%2210.869%25%22%20r%3D%22521.404%25%22%20fx%3D%22-182.665%25%22%20fy%3D%2210.869%25%22%20gradientTransform%3D%22scale%281%20.1796%29rotate%2865.413%20-2.213%20.357%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%231C7AFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2376A9FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%238FB9FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/radialGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22SVGDT5HPc7I%22%20x1%3D%2248.887%25%22%20x2%3D%2248.887%25%22%20y1%3D%228.809%25%22%20y2%3D%22100%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23076EFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%233E93FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3ClinearGradient%20id%3D%22SVGtBxtLqFL%22%20x1%3D%2213.217%25%22%20x2%3D%2278.598%25%22%20y1%3D%220%25%22%20y2%3D%2294.201%25%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23076EFF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%2369A3FF%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/linearGradient%3E%0A%20%20%20%20%20%20%20%20%20%20%3C/defs%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVGugPlDb0c%29%22%20d%3D%22M125.939%20126.64q0%2026.094-15.482%2041.575q-17.395%2018.438-45.748%2018.438q-27.135%200-45.923-18.786Q0%20149.08%200%20121.597q0-27.485%2018.786-46.27Q37.573%2056.54%2064.71%2056.54q13.741%200%2025.918%204.87t20.004%2013.742l-11.48%2011.48q-5.74-6.957-14.873-10.871t-19.57-3.914q-20.351%200-34.441%2014.09q-13.916%2014.264-13.916%2035.66t13.916%2035.659q14.09%2014.09%2034.442%2014.09q18.613%200%2030.963-10.437t14.263-28.702H64.71v-14.96h60.36q.87%204.872.87%209.394%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVG72Ys5bNa%29%22%20d%3D%22M176.17%2096.205q19.152%200%2030.485%2012.387q11.334%2012.388%2011.334%2034.703l-.176%201.757h-67.648q.352%2012.651%208.434%2020.382q8.083%207.73%2019.328%207.73q15.462%200%2024.248-15.461l14.408%207.028q-5.799%2010.894-16.077%2017.044t-23.282%206.15q-18.976%200-31.276-13.003t-12.299-32.857q0-19.68%2011.948-32.77t30.573-13.09m-.351%2014.76q-9.137%200-15.726%205.622q-6.59%205.623-8.698%2015.11h49.374q-.702-8.96-7.292-14.846t-17.658-5.887%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVG4eaTnw8h%29%22%20d%3D%22M244.493%20184.843h-16.116V99.008h15.416v11.912h.7q3.68-6.306%2011.299-10.51q7.62-4.206%2015.153-4.205q9.459%200%2016.641%204.38q7.182%204.379%2010.51%2012.086q10.687-16.466%2029.605-16.466q14.89%200%2022.948%209.11q8.058%209.108%208.058%2025.925v53.603h-16.116v-51.15q0-12.088-4.38-17.43q-4.379-5.343-14.714-5.343q-9.285%200-15.59%207.883q-6.307%207.882-6.307%2018.568v47.472h-16.116v-51.15q0-12.088-4.38-17.43q-4.379-5.343-14.714-5.343q-9.285%200-15.59%207.883q-6.307%207.882-6.307%2018.568z%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVGDT5HPc7I%29%22%20d%3D%22M393.263%2069.216q0%204.737-3.334%208.07q-3.334%203.335-8.071%203.335t-8.071-3.334t-3.334-8.071q0-4.738%203.334-8.071q3.334-3.334%208.07-3.334q4.74%200%208.072%203.334q3.334%203.334%203.334%208.07m-3.334%2029.652v85.975h-16.142V98.868z%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVGYzHxAeIP%29%22%20d%3D%22M512%2069.216q0%204.737-3.334%208.07q-3.334%203.335-8.07%203.335q-4.74%200-8.072-3.334q-3.333-3.334-3.334-8.071q0-4.738%203.334-8.071q3.334-3.334%208.071-3.334t8.071%203.334t3.334%208.07m-3.334%2029.652v85.975h-16.142V98.868z%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22url%28%23SVGtBxtLqFL%29%22%20d%3D%22M404.004%2099.008h15.415v11.912h.7q3.68-6.306%2011.3-10.51q7.62-4.206%2015.853-4.205q15.765%200%2024.261%209.022q8.496%209.02%208.496%2025.663v53.953h-16.116v-52.902q-.526-21.021-21.196-21.021q-9.634%200-16.116%207.795t-6.481%2018.656v47.472h-16.116z%22/%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23076EFF%22%20d%3D%22M348.374%2072.76c-2.846-18.788-17.592-33.533-36.38-36.38c18.788-2.847%2033.534-17.593%2036.38-36.38c2.847%2018.787%2017.593%2033.533%2036.38%2036.38c-18.787%202.847-33.533%2017.592-36.38%2036.38%22/%3E%0A%20%20%20%20%20%20%20%20%3C/svg%3E%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22https%3A//huggingface.co/spaces/sudo-saidso/gemini2%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3E%0A%20%20%20%20%20%20%20%20%20%20sudo-saidso/gemini2%0A%20%20%20%20%20%20%20%20%3C/a%3E%0A%20%20%20%20%20%20%3C/div%3E%0A%20%20%20%20%3C/footer%3E%0A%20%20%3C/div%3E%0A%0A%20%20%3Cscript%3E%0A%20%20%20%20document.addEventListener%28%27DOMContentLoaded%27%2C%20function%28%29%20%7B%0A%20%20%20%20%20%20const%20chatContainer%20%3D%20document.getElementById%28%27chat-container%27%29%3B%0A%20%20%20%20%20%20const%20userInput%20%3D%20document.getElementById%28%27user-input%27%29%3B%0A%20%20%20%20%20%20const%20sendButton%20%3D%20document.getElementById%28%27send-button%27%29%3B%0A%20%20%20%20%20%20const%20typingIndicator%20%3D%20document.getElementById%28%27typing-indicator%27%29%3B%0A%20%20%20%20%20%20const%20themeToggle%20%3D%20document.getElementById%28%27theme-toggle%27%29%3B%0A%0A%20%20%20%20%20%20const%20prefersDarkScheme%20%3D%20window.matchMedia%28%27%28prefers-color-scheme%3A%20dark%29%27%29%3B%0A%20%20%20%20%20%20const%20currentTheme%20%3D%20localStorage.getItem%28%27theme%27%29%3B%0A%0A%20%20%20%20%20%20if%20%28currentTheme%20%3D%3D%3D%20%27light%27%20%7C%7C%20%28%21currentTheme%20%26%26%20%21prefersDarkScheme.matches%29%29%20%7B%0A%20%20%20%20%20%20%20%20document.body.classList.add%28%27light-mode%27%29%3B%0A%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20document.body.classList.remove%28%27light-mode%27%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20themeToggle.addEventListener%28%27click%27%2C%20function%28%29%20%7B%0A%20%20%20%20%20%20%20%20document.body.classList.toggle%28%27light-mode%27%29%3B%0A%20%20%20%20%20%20%20%20let%20theme%20%3D%20%27dark%27%3B%0A%20%20%20%20%20%20%20%20if%20%28document.body.classList.contains%28%27light-mode%27%29%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20theme%20%3D%20%27light%27%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20localStorage.setItem%28%27theme%27%2C%20theme%29%3B%0A%20%20%20%20%20%20%7D%29%3B%0A%0A%20%20%20%20%20%20userInput.focus%28%29%3B%0A%0A%20%20%20%20%20%20function%20addMessage%28text%2C%20isUser%29%20%7B%0A%20%20%20%20%20%20%20%20const%20messageDiv%20%3D%20document.createElement%28%27div%27%29%3B%0A%20%20%20%20%20%20%20%20messageDiv.classList.add%28%27message%27%29%3B%0A%20%20%20%20%20%20%20%20messageDiv.classList.add%28isUser%20%3F%20%27user-message%27%20%3A%20%27ai-message%27%29%3B%0A%20%20%20%20%20%20%20%20messageDiv.textContent%20%3D%20text%3B%0A%20%20%20%20%20%20%20%20chatContainer.appendChild%28messageDiv%29%3B%0A%20%20%20%20%20%20%20%20chatContainer.scrollTop%20%3D%20chatContainer.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20function%20showTypingIndicator%28show%29%20%7B%0A%20%20%20%20%20%20%20%20typingIndicator.style.display%20%3D%20show%20%3F%20%27block%27%20%3A%20%27none%27%3B%0A%20%20%20%20%20%20%20%20if%20%28show%29%20chatContainer.scrollTop%20%3D%20chatContainer.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20async%20function%20sendToGemini%28message%29%20%7B%0A%20%20%20%20%20%20%20%20const%20apiKey%20%3D%20%27AIzaSyAlrckdSiMbqOCwdSH2mJXEHkXB7h_RxrY%27%3B%0A%20%20%20%20%20%20%20%20const%20url%20%3D%20%27https%3A//generativelanguage.googleapis.com/v1beta/models/gemini-2.0-flash%3AgenerateContent%27%3B%0A%0A%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20fetch%28%60%24%7Burl%7D%3Fkey%3D%24%7BapiKey%7D%60%2C%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20method%3A%20%27POST%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20headers%3A%20%7B%20%27Content-Type%27%3A%20%27application/json%27%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20body%3A%20JSON.stringify%28%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20contents%3A%20%5B%7B%20parts%3A%20%5B%7B%20text%3A%20message%20%7D%5D%20%7D%5D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%29%0A%20%20%20%20%20%20%20%20%20%20%7D%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20%28%21response.ok%29%20throw%20new%20Error%28%60API%20error%3A%20%24%7Bresponse.status%7D%60%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20const%20data%20%3D%20await%20response.json%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20if%20%28data.candidates%20%26%26%20data.candidates%5B0%5D.content.parts%5B0%5D.text%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20text%3A%20data.candidates%5B0%5D.content.parts%5B0%5D.text%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20tokens%3A%20data.usageMetadata%20%3F%20data.usageMetadata.totalTokenCount%20%3A%20%27N/A%27%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20throw%20new%20Error%28%27Unexpected%20response%20format%20from%20API%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%20catch%20%28error%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.error%28%27Error%20calling%20Gemini%20API%3A%27%2C%20error%29%3B%0A%20%20%20%20%20%20%20%20%20%20return%20%7B%20text%3A%20%60Sorry%2C%20I%20encountered%20an%20error%3A%20%24%7Berror.message%7D%60%2C%20tokens%3A%200%20%7D%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20async%20function%20handleSendMessage%28%29%20%7B%0A%20%20%20%20%20%20%20%20const%20message%20%3D%20userInput.value.trim%28%29%3B%0A%20%20%20%20%20%20%20%20if%20%28message%20%3D%3D%3D%20%27%27%29%20return%3B%0A%0A%20%20%20%20%20%20%20%20addMessage%28message%2C%20true%29%3B%0A%20%20%20%20%20%20%20%20userInput.value%20%3D%20%27%27%3B%0A%20%20%20%20%20%20%20%20sendButton.disabled%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20showTypingIndicator%28true%29%3B%0A%0A%20%20%20%20%20%20%20%20try%20%7B%0A%20%20%20%20%20%20%20%20%20%20const%20response%20%3D%20await%20sendToGemini%28message%29%3B%0A%20%20%20%20%20%20%20%20%20%20showTypingIndicator%28false%29%3B%0A%20%20%20%20%20%20%20%20%20%20addMessage%28response.text%2C%20false%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20const%20tokenInfo%20%3D%20document.createElement%28%27div%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20tokenInfo.classList.add%28%27token-info%27%29%3B%0A%20%20%20%20%20%20%20%20%20%20tokenInfo.textContent%20%3D%20%60Tokens%20used%3A%20%24%7Bresponse.tokens%7D%60%3B%0A%20%20%20%20%20%20%20%20%20%20chatContainer.appendChild%28tokenInfo%29%3B%0A%20%20%20%20%20%20%20%20%20%20chatContainer.scrollTop%20%3D%20chatContainer.scrollHeight%3B%0A%20%20%20%20%20%20%20%20%7D%20catch%20%28error%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20console.error%28%27Error%3A%27%2C%20error%29%3B%0A%20%20%20%20%20%20%20%20%20%20showTypingIndicator%28false%29%3B%0A%20%20%20%20%20%20%20%20%20%20addMessage%28%27Sorry%2C%20there%20was%20an%20error%20processing%20your%20request.%27%2C%20false%29%3B%0A%20%20%20%20%20%20%20%20%7D%20finally%20%7B%0A%20%20%20%20%20%20%20%20%20%20sendButton.disabled%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20%20userInput.focus%28%29%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20sendButton.addEventListener%28%27click%27%2C%20handleSendMessage%29%3B%0A%20%20%20%20%20%20userInput.addEventListener%28%27keypress%27%2C%20function%28e%29%20%7B%0A%20%20%20%20%20%20%20%20if%20%28e.key%20%3D%3D%3D%20%27Enter%27%29%20handleSendMessage%28%29%3B%0A%20%20%20%20%20%20%7D%29%3B%0A%20%20%20%20%7D%29%3B%0A%20%20%3C/script%3E%0A%3C/body%3E%0A%3C/html%3E'))</script>