body{--bg-image: url(bg_dark.jpg);background-image:var(--bg-image);background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}:root{--primary-color:#ffffff;--secondary-color:rgba(18, 19, 20, .8)}.dark-theme{--primary-color:#000000;--secondary-color:rgba(234, 238, 241, .336)}body::-webkit-scrollbar{display:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;display:flex;justify-content:center;flex-direction:column}a{text-align:center}.button{border:none;padding:.625em;border-radius:.5em;cursor:pointer}.button:hover{filter:brightness(.9)}.button:active{transform:translateY(2px)}.chat-header{color:var(--primary-color);text-align:center;font-size:.5em;font-weight:700}.chat-container{font-family:Roboto,sans-serif;padding:.5em 1.25em;margin:auto;width:57.5em;height:75%;box-shadow:0 0 1.25em .5em #0003;display:flex;flex-direction:column;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);background-color:var(--secondary-color);border-radius:12px;border:1px solid rgba(255,255,255,.281)}.chat-header{display:flex;justify-content:stre;align-items:center;gap:10px;margin-bottom:1em;color:var(--primary-color);text-align:center;font-size:.5em;font-weight:700}#profile{font-size:45px;flex:1}#chat-header-title{margin-top:1vh;text-align:center;margin-bottom:1vh;flex:8;font-size:45px;color:var(--primary-color)}#theme{width:40px;cursor:pointer;margin-right:1vh}.chat-messages{height:23em;overflow-y:scroll;flex:9}.chat-messages::-webkit-scrollbar{display:none}.message{padding:.625em;border-radius:1em;margin-bottom:.625em;display:flex;flex-direction:column;color:var(--primary-color)}.message-sender{font-size:1.4em;font-weight:700;margin-bottom:.31em;color:var(--primary-color)}.message-text{font-size:1.2em;margin-bottom:.31em;word-wrap:break-word;color:var(--primary-color)}.blue-bg{backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);background-color:#02020231;border-radius:12px;border:1px solid rgba(255,255,255,.125)}.gray-bg{backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(5px) saturate(180%);background-color:#e3e6db11;border-radius:12px;border:1px solid rgba(255,255,255,.125)}.typing-indicator{font-family:Arial,sans-serif;font-size:24px;display:none;align-items:center;justify-content:center;color:var(--primary-color);border-right:2px solid var(--primary-color);opacity:1}.rotate{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-form{display:flex;align-items:center;margin-top:2em;gap:.625em}.chat-input{padding:.625em;border:none;border-radius:.5em;background-color:#fff;color:#333;font-size:1em;flex-grow:1}#send-button{background-color:#0077ff4b;color:#fff;padding:.45em 1.5em;font-size:1.45em;font-weight:700}.clear-chat-button{display:block;padding:1.05em;margin:1em auto;background-color:#79a4c22a;color:var(--primary-color);font-size:1em;font-weight:700;box-shadow:0 0 1.25em .5em #0003;border:.01px solid rgba(255,255,255,.281)}