:root{color:#171717;background:#f4f5f6;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{width:min(760px,100%);min-height:100vh;margin:auto;padding:32px 24px;background:#fff}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;padding-bottom:20px}h1{margin:0;font-size:24px;letter-spacing:0}#status{margin:6px 0 0;color:#666}button{border:0;padding:10px 18px;color:#fff;background:#176b4d;border-radius:6px;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#level{height:4px;margin:20px 0;background:#e4e7e5;overflow:hidden}#level span{display:block;width:0;height:100%;background:#26a269;transition:width 80ms linear}#transcript{display:flex;flex-direction:column;gap:12px}#transcript p{max-width:78%;margin:0;padding:10px 12px;border-radius:6px;line-height:1.55;white-space:pre-wrap}#transcript .user{align-self:flex-end;color:#fff;background:#176b4d}#transcript .agent{align-self:flex-start;background:#eceeed}#transcript p[data-final=false]{opacity:.78}@media(max-width:560px){main{padding:20px 16px}#transcript p{max-width:90%}}