.chat-container{max-width:600px;margin:2rem auto;font-family:system-ui,sans-serif}.messages{border:1px solid #ddd;border-radius:8px;height:400px;margin-bottom:.5rem;padding:1rem;overflow-y:auto}.msg{border-radius:6px;margin-bottom:.5rem;padding:.3rem .6rem}.msg.chat{background:#f0f4ff}.msg.system{background:#fff3cd;font-size:.85rem;font-style:italic}.msg .user{margin-right:.5rem;font-weight:600}.msg .time{color:#888;font-size:.75rem}.msg .text{margin-top:.2rem}#form{gap:.5rem;display:flex}#form input{border:1px solid #ddd;border-radius:6px;flex:1;padding:.5rem}#form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:.5rem 1rem}