*{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}html{color:#ffffffde;color-scheme:light dark}body{margin:0;padding:0;background-color:#242424;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%2380a5d3' fill-opacity='0.21'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")}#root{display:flex;justify-content:center}.chatWindow{padding:60px 15px 0;box-sizing:border-box;position:relative;max-width:900px;width:100%}.background{position:fixed;background:linear-gradient(120deg,#ffffff1a 20%,#ffffff0d 60.6%);max-width:inherit;width:inherit;height:100%;margin-left:-15px;top:0;z-index:-100000}.connectionStatusIconParent{position:absolute;right:30px;top:25px}.connectionStatusIcon{position:fixed;box-shadow:#0000006e 0 0 10px;border-radius:25px}.messageSender{display:flex;flex-direction:row;width:inherit;max-width:inherit;gap:15px;justify-content:space-evenly;align-items:center;position:fixed;bottom:0;margin-left:-15px;padding:8px 15px;background:radial-gradient(circle at 12.3% 19.3%,#5558dabd,#5fd1f9d1 100.2%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:#0000006e 0 5px 12px;border-radius:25px 25px 0 0;box-sizing:border-box}.textareaContainer{display:flex;padding:0 25px;justify-content:center;align-items:center;width:100%;background-color:#ffffff40;border-radius:25px;outline:.13rem solid transparent;transition:outline-color .2s ease-in-out;cursor:text;box-sizing:border-box;min-height:50px}.textareaContainer:focus-within{outline:.13rem solid rgb(97,194,238)}.textareaContainer:has(textarea:disabled){background-color:#00000040;color:#d9d9d9;outline:.13rem solid #fd9393;cursor:not-allowed}.messageSenderField{background-color:transparent;width:100%;border:none;font:inherit;resize:none;outline:none;color:inherit}.messageSenderField::placeholder{color:#ffffffad}.messageSenderField:disabled{cursor:not-allowed}.sendMessageButton{padding:12px;border-radius:50px;cursor:pointer;transition:background-color .2s ease-in-out}@media (hover: hover){.sendMessageButton:hover{background-color:#ffffff40}}@media (hover: none){.sendMessageButton:active{background-color:#ffffff40}}.messagesPanel{padding-bottom:95px;display:flex;flex-direction:column;gap:7px;overflow-y:auto;scroll-behavior:smooth}.message,.userMessage{box-sizing:border-box;align-self:flex-start;max-width:90%;--messageRadius: 30px;padding:15px 25px;white-space:pre-wrap;word-break:break-word}.message{background:radial-gradient(circle at 12.3% 19.3%,#5558da,#4771a8 100.2%);border-radius:5px var(--messageRadius) var(--messageRadius) var(--messageRadius)}.userMessage{background:radial-gradient(circle at 12.3% 19.3%,#5887ce,#55aed1 100.2%);border-radius:var(--messageRadius) 5px var(--messageRadius) var(--messageRadius);margin-left:auto}