body { font-family: Arial, sans-serif; background:#f5f7fb; color:#222; }
.container { max-width:720px; margin:30px auto; background:white; padding:20px; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,0.06); }
h1 { margin:0 0 10px 0; }
.form { margin-bottom:10px; }
#nip, #message { width:100%; padding:10px; margin-bottom:8px; border:1px solid #ddd; border-radius:4px; box-sizing:border-box; }
#message { height:80px; resize:vertical; }
#send { padding:10px 16px; border:none; background:#0d6efd; color:#fff; border-radius:6px; cursor:pointer; }
#chatbox { border:1px solid #eee; padding:12px; height:300px; overflow:auto; background:#fcfdff; border-radius:6px; }
.bot { background:#eef7ff; padding:8px; margin:6px 0; border-radius:6px; }
.user { background:#f1f1f1; padding:8px; margin:6px 0; border-radius:6px; text-align:right; }