*{box-sizing:border-box}body{color:#17212b;background:#f4f6f8;margin:0;font-family:system-ui}main{background:#fff;grid-template-rows:auto 1fr auto;max-width:760px;height:100vh;margin:auto;display:grid}header{border-bottom:1px solid #ddd;flex-direction:column;padding:18px;display:flex}header span{color:#667;font-size:12px}section{padding:18px;overflow:auto}.msg{background:#eef1f4;border-radius:14px;max-width:78%;margin:8px 0;padding:10px 14px}.msg.user{background:#dcecff;margin-left:auto}.msg b{font-size:12px}.msg p{white-space:pre-wrap;margin:4px 0}footer{border-top:1px solid #ddd;gap:8px;padding:12px;display:flex}textarea{resize:none;border:1px solid #ccd;border-radius:10px;flex:1;padding:12px}button{color:#fff;background:#1769e0;border:0;border-radius:10px;padding:0 20px;font-weight:700}