html,body{margin:0;padding:0;height:100%;overflow:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#d1d5db;background-color:#031313;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin:0}#UserInput{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:1em}.user{background-color:#2ecc71;color:#041c1c}.assistant{background-color:#062a21;color:#2ecc71}@media(prefers-color-scheme:light){:root{color:#041c1c;background-color:#d1d5db}.assistant{color:#041c1c;background-color:#9c9b9b}}.send-button svg{display:block;margin:auto}.send-button:hover,.send-button:active,.send-button:focus,.send-button:focus-visible{color:#d1d5db}.send-button{border:none;background-color:transparent;color:#2ecc71}@media(prefers-color-scheme:light){.send-button{color:#062a21}.send-button:hover,.send-button:active,.send-button:focus,.send-button:focus-visible{background-color:#062a211a}}#root{padding:0;max-width:1280px;margin:0 auto;height:100dvh;display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;padding:1rem}.header-title{position:sticky;top:0;flex-shrink:0;z-index:10;padding:1rem}.input-container{flex-shrink:0;display:flex;gap:.5rem;padding:1rem;align-items:flex-start}#UserInput{flex:1;height:5rem;overflow-y:auto;resize:none}.input-container button{flex-shrink:0}.send-button{padding:.1em;width:2em;min-width:20px}.messages{padding:1rem;border-radius:1rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.message{border-radius:1rem;padding-left:1rem;padding-right:1rem;width:max-content;max-width:70%;overflow-wrap:break-word;word-break:break-word}.assistant{align-self:flex-start;min-width:220px}.user{align-self:flex-end}audio{max-width:100%;flex:1 1 auto;padding-bottom:1rem}