*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{background:#202123;justify-content:center;align-items:center;height:100vh;display:flex}#chat{background:#343541;border-radius:12px;flex-direction:column;width:900px;max-width:95%;height:90vh;display:flex;overflow:hidden}header{color:#fff;background:#2b2c33;align-items:center;gap:15px;padding:18px;display:flex}.logo{background:#10a37f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}#mensagens{flex:1;padding:20px;overflow-y:auto}.msg{margin-bottom:18px}.usuario{text-align:right}.usuario .bolha{color:#fff;background:#0b93f6;display:inline-block}.ia .bolha{color:#fff;background:#444654}.bolha{border-radius:10px;max-width:80%;padding:14px;line-height:1.5;display:inline-block}.copy{cursor:pointer;color:#fff;background:#10a37f;border:none;border-radius:6px;margin-top:8px;padding:7px 15px}footer{background:#2b2c33;gap:10px;padding:15px;display:flex}input{border:none;border-radius:6px;outline:none;flex:1;padding:12px;font-size:16px}#enviar{color:#fff;cursor:pointer;background:#10a37f;border:none;border-radius:6px;padding:12px 20px}