*{box-sizing:border-box}html,body{color:#1c1d21;background:#f5f6f8;height:100%;margin:0;font:15px/1.45 ui-sans-serif,system-ui,sans-serif}button,textarea{font:inherit}.app{height:100%;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e4e6eb;flex-direction:column;flex:none;gap:6px;width:260px;padding:20px 12px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;color:#6b7080;margin:0 8px 12px;font-size:13px}.agent{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.agent.selected{color:#173a86;background:#e7eefc}.agent-name{font-weight:600}.agent-blurb{color:#667085;font-size:12px}.agent.selected .agent-blurb{color:#3d5ea8}.chat{flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e4e6eb;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 24px;display:flex}.chat-header h1{margin:0;font-size:18px;font-weight:600}.chat-header p{color:#667085;margin:0;font-size:13px}.thread,.viewport{flex-direction:column;flex:1;min-height:0;display:flex}.viewport{gap:12px;padding:20px 24px 12px;overflow-y:auto}.empty{text-align:center;color:#667085;max-width:360px;margin:48px auto}.row{display:flex}.row.user{justify-content:flex-end}.bubble{white-space:pre-wrap;border-radius:16px;max-width:min(640px,80%);padding:10px 14px}.user .bubble{color:#fff;background:#1f4b99}.assistant .bubble{background:#fff;border:1px solid #e4e6eb}.composer-wrap{background:linear-gradient(#f5f6f800,#f5f6f8 16px);padding-top:16px;position:sticky;bottom:0}.banner{color:#9b1c1c;margin:0 0 8px;font-size:13px}.composer{background:#fff;border:1px solid #d9dce3;border-radius:14px;align-items:flex-end;gap:8px;padding:8px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:40px;max-height:160px;padding:8px}.composer button{color:#fff;cursor:pointer;background:#1f4b99;border:0;border-radius:10px;padding:8px 14px}.composer button:disabled{opacity:.4;cursor:default}@media (max-width:720px){.app{flex-direction:column}.sidebar{border-bottom:1px solid #e4e6eb;border-right:0;flex-direction:row;width:auto;padding:12px;overflow-x:auto}.brand{display:none}.agent{min-width:180px}}