html,body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;height:100vh;width:100vw;overflow:hidden}.chat{margin:0 auto;max-width:960px;display:flex;flex-direction:column;height:100%;overflow:hidden}.messages{flex:1;display:flex;flex-direction:column;overflow-y:scroll}.messages>*:first-child{margin-top:auto}.messages>*+*{margin-top:8px}.message{padding:8px 12px;border-radius:12px 12px 12px 0;background-color:#8a2be2;border:2px solid blueviolet;color:#fff;align-self:flex-start;margin-right:80px;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px}.message.self{margin-right:0;margin-left:80px;align-self:flex-end;border-bottom-left-radius:12px;border-bottom-right-radius:0;background-color:transparent;color:#8a2be2}hr{margin:16px;height:2px;background-color:#0003;border:0}form{display:flex;flex-direction:row}input{border:0;height:44px;flex:1;padding:0 8px;font-size:16px}button{width:44px;height:44px;font-size:24px;background-color:transparent;border:0;opacity:.5;padding:0;text-align:center}