body{margin:0;font-family:Arial;background:#e5ddd5}
.app{display:flex;flex-direction:column;height:100vh;max-width:600px;margin:auto}
.header{background:#075e54;color:#fff;padding:12px;text-align:center}
.messages{flex:1;overflow:auto;padding:10px}
.bubble{padding:10px;border-radius:12px;margin:6px 0;max-width:80%}
.me{background:#dcf8c6;margin-left:auto}
.peer{background:#fff}
.bar{display:flex;gap:6px;padding:8px;background:#f0f0f0}
input{flex:1;padding:12px;font-size:16px}
button{padding:12px 16px;font-size:18px;border:none;background:#075e54;color:#fff;border-radius:6px}
.attach{font-size:22px;padding:8px;cursor:pointer}