#root{display:flex;flex-direction:column;width:100%;height:100dvh}.chat{display:flex;flex-direction:column;height:100%;gap:var(--space-1)}.chat>div{padding:var(--space-1)}.messagesWrapper{display:flex;flex-direction:column;height:100%;overflow-y:auto;max-height:25%}.messages{display:flex;flex-direction:column;gap:var(--space-2);height:100%;width:100%;max-width:var(--chat-container-max-width);align-self:center}.messagesWrapper.expanded{animation:expand .5s ease-out forwards;max-height:100%}@keyframes expand{0%{max-height:25%}to{max-height:100%}}.wrapper{align-content:center;position:relative;bottom:0;left:0;right:0}form{display:flex;max-width:var(--chat-container-max-width);width:100%;margin:auto;background-color:var(--input-color);border:1px solid transparent;border-radius:var(--radius-1);transition:border-color .25s}form:focus-within{outline:1px solid var(--focus-border-color)}form:hover{border-color:var(--focus-border-color)}input{font-size:max(1em,16px);background-color:var(--input-color);padding:var(--space-2);border:0;width:100%}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--input-color);color:var(--primary-color);cursor:pointer;border:0}.sendIcon{width:28px;height:28px;filter:invert(23%) sepia(70%) saturate(4289%) hue-rotate(212deg) brightness(90%) contrast(101%);opacity:.5}.sendIcon:hover{opacity:.7}.disabled{filter:brightness(0) invert(.5);opacity:.2!important}.author{display:flex;flex-direction:row;align-items:center;gap:4px}.avatar{width:20px;height:20px;line-height:44px;border-radius:50%;display:flex;text-align:center;align-content:center;justify-content:center;align-items:center}.ai{color:var(--secondary-color)}.line{display:flex;flex-direction:column}.error{color:red}p{margin:0}.talkingHead{display:flex;flex-direction:column}.talkingHeadWrapper{float:right;transform-style:preserve-3d;transition:transform .4s ease;width:78px;height:100px;--reg-scale: .9;--hover-scale: 1;transform:scale(var(--reg-scale))}.talkingHeadWrapper:hover{transform:scale(var(--hover-scale))}.flip{transform:scaleX(-1) scale(var(--reg-scale))}.flip:hover{transform:scaleX(-1) scale(var(--hover-scale))}.chilling{animation:chilling 5s linear infinite}.talking img:first-child{animation:bounce .3s ease-in-out infinite}@keyframes bounce{0%{transform:translateY(0)}50%{--translateY: calc(-10px - var(--random-translate));--rotate: var(--random-rotate);transform:translateY(var(--translateY)) rotate(var(--rotate))}to{transform:translateY(-5px)}}@keyframes chilling{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}:root{font-family:Inter,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;--primary-color: #4d5896;--secondary-color: #6e7aac;--input-color: #1a1a1a;--focus-border-color: #4d5896;--chat-container-max-width: 77ch;--space-1: 8px;--space-2: 16px;--space-3: 24px;--radius-1: 4px}a{font-weight:500;color:var(--secondary-color);text-decoration:inherit}a:hover,a:visited{color:var(--secondary-color)}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100dvh;min-height:-webkit-fill-available}h1{font-size:3.2em;line-height:1.1}button:focus,button:focus-visible,input:focus,input:focus-visible{border:0;outline:0}button{padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--input-color);cursor:pointer;border:0}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;--primary-color: #747bff;--input-color: #f9f9f9}button,input{background-color:var(--input-color)}}