:root{color-scheme:light;font-family:Inter Display,Inter,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#132030}.app{width:min(900px,100% - 2rem);padding:1rem;border-radius:16px;background:#fff;display:grid}.app-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:2rem}.app-header h1{margin:0;font-size:36px;font-weight:500;letter-spacing:-.02em}.app-header p{width:260px}.messages{display:flex;flex-direction:column;gap:.75rem;min-height:320px;max-height:62vh;overflow-y:auto;padding:.25rem}.message{display:grid;gap:.35rem;padding:.75rem .9rem;border-radius:12px;border:1px solid transparent}.message.user{background:#dde8f5;border-color:#c4d5e8;margin-left:8%}.message.assistant{background:#f6f8fb;border-color:#dee5ed;margin-right:8%}.message-role{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:#5a708a}.message-text{margin:0;white-space:pre-wrap}.composer{display:flex;padding:8px 8px 8px 22px;justify-content:space-between;align-items:center;flex:1 0 0;border-radius:29px;background:#f7f7f7;position:absolute;bottom:26px;left:26px;right:26px}.composer textarea{width:100%;resize:none;border:none;background:transparent;font:inherit;font-size:16px;line-height:24px;height:24px;overflow:hidden}.composer textarea:focus{outline:none}.composer button{justify-self:end;border:0;border-radius:50%;padding:6px;background:#000;cursor:pointer;display:flex;align-items:center}.composer button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.app{width:calc(100% - 1rem);margin:.5rem auto;border-radius:12px}.messages{max-height:58vh}.message.user{margin-left:0}.message.assistant{margin-right:0}}