:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;--background-color: white;--background-color-dark: #ecedef;--primary-color: #c5fc7c;--primary-color-op: black}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--background-color);color:#000}#root{width:100%;height:100%;display:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}.outer-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-outer-container{display:flex;justify-content:center;flex-direction:row;align-items:center;position:fixed;bottom:0;left:0;margin:0 10px;right:0}.chat-inner-container{display:flex;flex-direction:row;align-items:center;width:100%;max-width:770px;gap:10px;padding:10px;background-color:var(--background-color-dark);border-radius:25px;border:#3a3a3a 1px solid;margin-bottom:20px}.chat-input{flex-grow:1;padding:10px;border:0px;border-radius:8px;font-size:16px;font-family:inherit;resize:none;outline:none;min-height:40px;background-color:transparent;color:#3a3a3a}.header{display:flex;justify-content:space-between;align-items:center;font-size:20px;margin:0 25px}.header .header-title{display:flex;align-items:center;gap:10px;flex-direction:row}.header .header-title img{width:30px}.messages-outer{overflow:scroll;height:calc(100% - 210px);flex-direction:row;display:flex;justify-content:center}.messages-inner{display:flex;flex-direction:column;align-items:flex-start;max-width:770px;padding-top:20px;height:calc(100% - 20px);gap:25px;margin:0 20px;flex:1}.model-message{align-self:flex-start}.user-message{background-color:var(--primary-color);color:var(--primary-color-op);display:flex;align-self:flex-end;padding:10px 20px;border-radius:20px}.user-message p{margin:0}.message-container-model,.message-container-user{width:100%;display:flex;flex-direction:column}.chat-group{width:100%}.chat-group:last-child{min-height:calc(100% - 20px)}.scroll-button{position:absolute;top:-50px;border-radius:20px;background:#007bff}.chat-state{display:flex;flex-direction:row;gap:10px;align-items:center;width:fit-content;padding-top:15px}.chat-state span{opacity:.7}